.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#21C58B;--e-global-color-text:#7A7A7A;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,400&subset=latin-ext");
html {
  scroll-behavior: smooth; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  background-color: black; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
il,
button,
input,
textarea,
select,
option {
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

.post-date {
display:none;
}

.post-excerpt-date {
display:none;
}

.modal-btn:focus {
  outline: none; }

.modal-btn::-moz-focus-inner {
  border: 0; }

.headings-container {
  display: flex;
  justify-content: center; }

.section-heading {
  color: #21c58b;
  font-family: "Oswald", sans-serif;
  font-weight: 200;
  font-size: 50px;
  text-align: center;
  margin-bottom: 4rem;
  padding: 0 1rem;
  line-height: 2.5rem; }

@media only screen and (max-width: 735px) {
  .sectio-heading {
    font-size: 35px;
    margin-bottom: 2.5rem; }
  .headings-container div {
    text-align: center; }
  .btn-center {
    margin: auto; } }

.section-side-heading {
  width: 100%;
  color: white;
  text-align: center;
  font-size: 25px; }

@media only screen and (max-width: 410px) {
  .section-side-heading {
    font-size: 18px; } }

@-webkit-keyframes landBtnGlow {
  from {
    background-color: black;
    color: #21c58b; }
  to {
    background-color: #59f1bb;
    -webkit-box-shadow: 0 0 5px #59f1bb;
    color: white; } }

@-webkit-keyframes btnGlow {
  from {
    background-color: #21c58b; }
  to {
    background-color: #59f1bb;
    -webkit-box-shadow: 0 0 5px #59f1bb; } }

@-webkit-keyframes fontGlowDark {
  from {
    color: #0d4b35; }
  50% {
    color: #188a62; }
  to {
    color: #0d4b35; } }

@-webkit-keyframes fontGlowLight {
  from {
    color: #21c58b; }
  50% {
    color: #59f1bb;
    text-shadow: 0 0 3px #59f1bb; }
  to {
    color: #21c58b; } }

@-webkit-keyframes navColor {
  from {
    color: white; }
  to {
    color: #21c58b; } }

@-webkit-keyframes logoBorderGlow {
  from {
    -webkit-filter: drop-shadow(0 0 0px black); }
  50% {
    -webkit-filter: drop-shadow(0 0 0px black); }
  75% {
    -webkit-filter: drop-shadow(0 0 20px #7df0c8); }
  to {
    -webkit-filter: drop-shadow(0 0 0px black); } }

@-webkit-keyframes logoGlow {
  0% {
    fill: #21c58b; }
  50% {
    fill: #21c58b; }
  75% {
    fill: #7df0c8; }
  100% {
    fill: #21c58b; } }

@keyframes typing-landing {
  0% {
    width: 0%; }
  3% {
    width: 0%; }
  10% {
    width: 75%; }
  97% {
    width: 75%; }
  100% {
    width: 0%; } }

@keyframes typing-hero {
  0% {
    width: 0%; }
  5% {
    width: 0%; }
  7% {
    width: 100%; }
  97% {
    width: 100%; }
  100% {
    width: 0%; } }

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to {
    border-color: transparent; }
  50% {
    border-color: #21c58b; } }

@keyframes modal {
  from {
    top: -5rem;
    opacity: 0; }
  to {
    top: 0rem;
    opacity: 1; } }

@keyframes arrow {
  from {
    bottom: 5.5rem; }
  50% {
    bottom: 5rem; }
  to {
    bottom: 5.5rem; } }

.btn-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  background: #21c58b;
  color: white;
  font-size: 20px;
  border: none;
  width: 230px;
  display: block;
  margin-top: 1rem;
  padding: 1rem; }

.btn-regular:hover {
  -webkit-animation-name: btnGlow;
  -webkit-animation-duration: .7s;
  -webkit-animation-fill-mode: forwards; }

@media only screen and (max-width: 980px) {
  .btn-regular {
    font-size: 17px; }
  .btn-regular:hover {
    animation: none; }
  .btn-regular:active {
    background-color: #59f1bb;
    -webkit-tap-highlight-color: transparent; } }

@media only screen and (max-width: 735px) {
  .btn-regular {
    font-size: 22px;
    padding: 1.5rem; } }

@media only screen and (max-width: 410px) {
  .btn-regular {
    font-size: 17px;
    padding: 1rem; } }

input,
textarea,
select {
  border-radius: 0; }

input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select {
  background-image: url("img/form-arrow.svg");
  background-position: right 16px center;
  background-repeat: no-repeat; }

@media only screen and (max-width: 410px) {
  select {
    background-position: right 7px center; } }

input:-webkit-autofill {
  -webkit-text-fill-color: #59f1bb;
  -webkit-box-shadow: 0 0 0px 1000px black inset; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */ }

.bg-element-1 {
  position: absolute;
  top: -50px;
  right: 20px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-2 {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-3 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 50px;
  left: 0;
  z-index: -1; }

.bg-element-4 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 20px;
  left: 30px;
  z-index: -1; }

.bg-element-5 {
  position: absolute;
  top: 300px;
  right: 370px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-6 {
  position: absolute;
  top: auto;
  right: 150px;
  bottom: -150px;
  left: auto;
  z-index: -1; }

.bg-element-7 {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -200px;
  left: auto;
  z-index: -1; }

.bg-element-8 {
  position: absolute;
  top: -300px;
  right: 100px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-9 {
  position: absolute;
  top: 0px;
  right: 200px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-10 {
  position: absolute;
  top: 150px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: -1; }

.bg-element-11 {
  position: absolute;
  top: 300px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: -1; }

.bg-element-12 {
  position: absolute;
  top: 0px;
  right: 100px;
  bottom: auto;
  left: auto;
  z-index: -1; }

.bg-element-13 {
  position: absolute;
  top: -70px;
  right: 100px;
  bottom: auto;
  left: auto;
  z-index: -1; }

@media only screen and (max-width: 1150px) {
  .bg-element-8 {
    right: 50px;
    width: 210px; }
  .bg-element-9 {
    right: 20px;
    top: -30px;
    width: 150px; }
  .bg-element-1,
  .bg-element-2,
  .bg-element-3,
  .bg-element-4,
  .bg-element-5,
  .bg-element-10,
  .bg-element-11 {
    display: none; }
  .bg-element-6 {
    width: 270px; }
  .bg-element-7 {
    width: 370px; }
  .bg-element-12 {
    width: 250px;
    top: 50px;
    right: 100px; }
  .bg-element-13 {
    width: 120px;
    top: 20px;
    right: 50px; } }

@media only screen and (max-width: 735px) {
  .bg-hide {
    display: none; } }

.landing-nav {
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100vh;
  max-width: 800px; }

.landing-nav-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 1px solid #21c58b;
  width: 250px;
  height: 150px;
  margin: 0.4rem;
  color: #21c58b;
  font-size: 20px; }

.landing-nav-btn:hover {
  -webkit-animation-name: landBtnGlow;
  -webkit-animation-duration: .7s;
  -webkit-animation-fill-mode: forwards; }

.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 250px;
  height: 150px;
  margin: 0.4rem; }
  .logo-container svg {
    width: 160px;
    -webkit-animation-name: logoBorderGlow;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite; }
    .logo-container svg path {
      -webkit-animation-name: logoGlow;
      -webkit-animation-duration: 10s;
      -webkit-animation-iteration-count: infinite; }

.landing-text {
  overflow: hidden;
  border-right: 2px solid #21c58b;
  white-space: nowrap;
  animation: typing-landing 35s steps(30, end) infinite, blink-caret 0.5s step-end infinite;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  color: #21c58b;
  font-size: 32px;
  margin: 1.3rem; }

@media only screen and (max-width: 870px) {
  .landing-nav {
    max-width: 600px; }
  .landing-nav-btn {
    width: 175px;
    height: 105px;
    font-size: 18px; }
  .landing-nav-btn:hover {
    animation: none; }
  .landing-nav-btn:active {
    background-color: #21c58b;
    color: white;
    -webkit-tap-highlight-color: transparent; }
  .logo-container {
    width: 175px;
    height: 105px; }
    .logo-container svg {
      width: 130px; }
  .landing-text {
    font-size: 24px; } }

@media only screen and (max-width: 600px) {
  .landing-nav {
    max-width: 550px; }
  .landing-nav-btn {
    font-size: 20px; }
  .logo-container {
    order: 9; }
  .landing-text {
    order: 10; }
  .landing-text {
    width: 175px;
    height: 105px;
    border: none;
    white-space: normal;
    padding: 1rem;
    font-weight: 300;
    margin: 0.4rem;
    font-size: 20px;
    animation: none; } }

@media only screen and (max-width: 410px) {
  .landing-nav-btn {
    width: 140px;
    height: 84px;
    font-size: 17px; }
  .logo-container {
    width: 140px;
    height: 84px; }
  .landing-text {
    width: 140px;
    height: 84px;
    padding: 0.3rem 0.1rem;
    font-size: 19px; } }

@media only screen and (max-height: 500px) {
  .landing-nav {
    height: auto; } }

.container-nav {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1rem 5rem;
  width: 100%;
  z-index: 1; }

.logo-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 70px;
  margin: auto 0rem; }

.btn-nav {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 15px;
  margin: 0 1rem; }

.btn-nav:hover {
  color: #21c58b;
  -webkit-animation-name: navColor;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards; }

.current-page {
  color: #21c58b; }

.burger-icon {
  display: none; }

@media only screen and (max-width: 1250px) {
  .container-nav {
    padding: 1rem 11rem; } }

@media only screen and (max-width: 950px) {
  .btn-nav {
    display: none; }
  .burger-icon {
    display: inline; }
  .container-nav {
    padding: 1rem 1rem;
    justify-content: space-between; } }

@media only screen and (max-height: 450px) {
  .container-nav {
    position: static; } }

.addtext-container-1 {
  position: relative; }
  .addtext-container-1 div {
    padding: 2rem 4rem 6rem 4rem;
    max-width: 1000px;
    margin: auto; }
    .addtext-container-1 div h1 {
      -webkit-animation-name: fontGlowLight;
      -webkit-animation-duration: 5s;
      -webkit-animation-iteration-count: infinite;
      white-space: pre-line;
      color: #21c58b;
      font-size: 50px; }
    .addtext-container-1 div h3 {
      font-family: "Roboto", sans-serif;
      font-weight: 100;
      color: white;
      font-size: 25px; }

.addtext-container-2 {
  position: relative; }
  .addtext-container-2 div {
    padding: 2rem 4rem 6rem 4rem;
    max-width: 1000px;
    margin: auto; }
    .addtext-container-2 div h1 {
      -webkit-animation-name: fontGlowLight;
      -webkit-animation-duration: 5s;
      -webkit-animation-iteration-count: infinite;
      white-space: pre-line;
      color: #21c58b;
      font-size: 50px; }
    .addtext-container-2 div h3 {
      font-family: "Roboto", sans-serif;
      font-weight: 100;
      color: white;
      font-size: 25px; }
  .addtext-container-2 div {
    padding-bottom: 3rem; }

@media only screen and (max-width: 980px) {
  .addtext-container-1 div h1,
  .addtext-container-2 div h1 {
    font-size: 42px; }
  .addtext-container-1 div h3,
  .addtext-container-2 div h3 {
    font-size: 23px; } }

@media only screen and (max-width: 735px) {
  .addtext-container-1 div,
  .addtext-container-2 div {
    max-width: 380px;
    padding: 7rem .5rem 4rem .5rem; }
    .addtext-container-1 div h1,
    .addtext-container-2 div h1 {
      text-align: center;
      white-space: normal;
      font-size: 35px; }
    .addtext-container-1 div h3,
    .addtext-container-2 div h3 {
      text-align: center;
      font-size: 25px; }
    .addtext-container-1 div a,
    .addtext-container-2 div a {
      margin: 1rem auto 0 auto; } }

@media only screen and (max-width: 410px) {
  .addtext-container-1 div,
  .addtext-container-2 div {
    padding: 7rem 1rem; }
    .addtext-container-1 div h1,
    .addtext-container-2 div h1 {
      font-size: 28px; }
    .addtext-container-1 div h3,
    .addtext-container-2 div h3 {
      font-size: 19px; }
  .addtext-container-2 div {
    padding: 3rem 1rem; } }

.modal-container {
  display: none;
  justify-content: center;
  align-items: center;
  animation-name: modal;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  background-color: black;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 2; }
  .modal-container div {
    max-width: 320px; }

.modal-btn {
  display: block;
  text-decoration: none;
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 27px;
  border-bottom: 2px solid black;
  margin: 1.5rem 0;
  padding: 0.5rem 0; }

.modal-btn:active,
.modal-current {
  -webkit-tap-highlight-color: transparent;
  color: #21c58b;
  border-bottom: 1px solid #21c58b; }

.close-icon {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 30px; }

@media only screen and (max-width: 400px) {
  .modal-btn {
    font-size: 20px;
    margin: -0.7rem 2rem 1.3rem 2rem;
    padding: 0.3rem 0; }
  .close-icon {
    width: 25px; } }

@media only screen and (max-height: 450px) {
  .modal-container {
    height: auto;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    padding-top: 18rem; } }

.hero-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100vh; }

.inner-box-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center; }

.hero-inner-box-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  border: 1px solid #21c58b;
  width: 450px;
  min-height: 500px;
  align-self: stretch;
  margin: .5rem;
  padding: 1.2rem 1.5rem; }
  .hero-inner-box-1 h3 {
    color: white;
    font-size: 24px; }
  .hero-inner-box-1 h1 {
    color: white;
    font-size: 33px; }
  .hero-inner-box-1 .typing-container {
    display: inline-block; }
  .hero-inner-box-1 .hero-typing {
    color: #21c58b;
    display: inline-block;
    overflow: hidden;
    border-right: 2px solid #21c58b;
    white-space: nowrap;
    animation: typing-hero 35s steps(30, end) infinite, blink-caret 0.5s step-end infinite; }

.arrow-down {
  animation-name: arrow;
  animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  display: none;
  position: absolute;
  width: 60px;
  bottom: 5.5rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0; }

.hero-inner-box-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  border: 1px solid #21c58b;
  width: 450px;
  min-height: 500px;
  align-self: stretch;
  margin: .5rem;
  padding: 1.2rem 1.5rem; }

.hero-form input {
  background-color: black;
  border: 1px solid #21c58b;
  color: #59f1bb;
  height: 50px;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%; }

.hero-form textarea {
  background-color: black;
  border: 1px solid #21c58b;
  resize: none;
  color: #59f1bb;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%; }

.hero-form ::placeholder {
  color: #59f1bb;
  font-size: 20px; }

.hero-form input::-ms-input-placeholder {
  color: #59f1bb;
  font-size: 20px; }

.hero-form textarea::-ms-input-placeholder {
  color: #59f1bb;
  font-size: 20px; }

.hero-form input[type="submit"] {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  background: #21c58b;
  color: white;
  font-size: 20px;
  border: none; }

.hero-form input[type="submit"]:hover {
  -webkit-animation-name: btnGlow;
  -webkit-animation-duration: .7s;
  -webkit-animation-fill-mode: forwards; }

.hero-form select {
  background-color: black;
  border: 1px solid #21c58b;
  color: #59f1bb;
  height: 50px;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%;
  width: 100%; }
  .hero-form select option {
    background-color: black; }

@media only screen and (max-width: 980px) {
  .hero-inner-box-1,
  .hero-inner-box-2 {
    width: 340px;
    padding: .7rem 1rem;
    min-height: 400px; }
  .hero-inner-box-1 h3 {
    font-size: 18px; }
  .hero-inner-box-1 h1 {
    font-size: 25px; }
  .hero-form input {
    height: 37.5px;
    font-size: 15px; }
  .hero-form textarea {
    font-size: 15px; }
  .hero-form ::placeholder {
    font-size: 15px; }
  .hero-form input[type="submit"] {
    font-size: 17px; }
  .hero-form input[type="submit"]:hover {
    animation: none; }
  .hero-form input[type="submit"]:active {
    background-color: #59f1bb;
    -webkit-tap-highlight-color: transparent; }
  .hero-form select {
    height: 37.5px;
    font-size: 15px; } }

@media only screen and (max-width: 735px) {
  .hero-container {
    height: auto; }
  .inner-box-container {
    display: block; }
  .hero-inner-box-1,
  .hero-inner-box-2 {
    min-height: auto;
    border: none;
    margin: 0;
    width: 100%; }
  .hero-inner-box-1 {
    height: 100vh; }
    .hero-inner-box-1 .typing-container {
      display: table;
      margin: auto; }
    .hero-inner-box-1 h3 {
      font-size: 22px;
      text-align: center; }
    .hero-inner-box-1 h1 {
      font-size: 30.5px;
      text-align: center; }
  .arrow-down {
    display: block; }
  .hero-inner-box-2 {
    height: auto; }
  .hero-form {
    max-width: 380px;
    margin: auto; }
    .hero-form input {
      height: 80px;
      font-size: 23px;
      padding: 1rem 1rem; }
    .hero-form textarea {
      height: 300px;
      font-size: 23px;
      padding: 1rem 1rem; }
    .hero-form ::placeholder {
      font-size: 23px; }
    .hero-form input[type="submit"] {
      font-size: 22px; }
    .hero-form select {
      height: 80px;
      font-size: 23px;
      padding: 1rem 1rem; } }

@media only screen and (max-width: 410px) {
  .hero-inner-box-1 h3 {
    font-size: 17px; }
  .hero-inner-box-1 h1 {
    font-size: 24px; }
  .hero-form input {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .hero-form textarea {
    font-size: 18px;
    padding: 0.5rem;
    height: 250px; }
  .hero-form ::placeholder {
    font-size: 18px; }
  .hero-form input[type="submit"] {
    font-size: 17px; }
  .hero-form select {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .arrow-down {
    width: 45px; } }

@media only screen and (max-height: 500px) {
  .hero-container {
    height: auto; } }

.pagalvoti-container {
  position: relative;
  margin-top: 2rem; }

.pagalvoti-list-container {
  max-width: 1050px;
  margin: auto;
  position: relative; }

.pagalvoti-text-1 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 23rem; }

.pagalvoti-text-2 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 27rem; }

.pagalvoti-text-3 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 31rem; }

.pagalvoti-text-4 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 35rem; }

.pagalvoti-text-5 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 39rem; }

.pagalvoti-text-6 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 43rem; }

.pagalvoti-text-7 {
  color: #21c58b;
  font-size: 20px;
  text-align: right;
  margin: 2rem 0;
  padding-right: 47rem; }

.pagalvoti-line {
  width: 600px;
  border-color: #21c58b;
  transform: rotate(-45deg);
  position: absolute;
  top: 210px;
  right: 220px; }

.pagalvoti-question-container {
  margin-left: auto;
  margin-right: 0;
  max-width: 480px;
  margin-top: -180px; }
  .pagalvoti-question-container h3 {
    margin-top: 1rem;
    color: white; }
  .pagalvoti-question-container h2 {
    font-size: 30px;
    color: #21c58b; }

@media only screen and (max-width: 1125px) {
  .pagalvoti-list-container {
    max-width: 950px; }
  .pagalvoti-text-1 {
    padding-right: 21rem;
    font-size: 15px; }
  .pagalvoti-text-2 {
    padding-right: 24rem;
    font-size: 15px; }
  .pagalvoti-text-3 {
    padding-right: 27rem;
    font-size: 15px; }
  .pagalvoti-text-4 {
    padding-right: 31rem;
    font-size: 15px; }
  .pagalvoti-text-5 {
    padding-right: 35rem;
    font-size: 15px; }
  .pagalvoti-text-6 {
    padding-right: 39rem;
    font-size: 15px; }
  .pagalvoti-text-7 {
    padding-right: 43rem;
    font-size: 15px; }
  .pagalvoti-line {
    width: 550px;
    transform: rotate(-43deg);
    right: 200px; }
  .pagalvoti-question-container {
    max-width: 420px; }
    .pagalvoti-question-container h2 {
      font-size: 25px; }
    .pagalvoti-question-container img {
      width: 90px; } }

@media only screen and (max-width: 960px) {
  .pagalvoti-list-container {
    max-width: 700px; }
  .pagalvoti-text-1 {
    padding-right: 5rem; }
  .pagalvoti-text-2 {
    padding-right: 9rem; }
  .pagalvoti-text-3 {
    padding-right: 13rem; }
  .pagalvoti-text-4 {
    padding-right: 17rem; }
  .pagalvoti-text-5 {
    padding-right: 21rem; }
  .pagalvoti-text-6 {
    padding-right: 24rem; }
  .pagalvoti-text-7 {
    padding-right: 28rem; }
  .pagalvoti-line {
    top: 180px;
    right: -40px; }
  .pagalvoti-question-container {
    max-width: 300px;
    margin-top: -100px; } }

@media only screen and (max-width: 735px) {
  .pagalvoti-container {
    margin: 4rem auto 0 auto; }
  .section-heading {
    font-size: 35px;
    margin-bottom: 2.5rem; }
  .pagalvoti-list-container {
    max-width: 400px;
    padding: 0 1rem; }
    .pagalvoti-list-container p {
      text-align: center;
      margin: 1rem 0;
      font-size: 22px;
      padding: 0.2rem 0; }
  .pagalvoti-line {
    width: 100%;
    transform: rotate(0deg);
    position: static; }
  .pagalvoti-question-container {
    max-width: 400px;
    margin-top: 0px; }
    .pagalvoti-question-container h3 {
      text-align: center;
      font-size: 24px; }
    .pagalvoti-question-container h2 {
      font-size: 30px;
      text-align: center; }
    .pagalvoti-question-container img {
      width: 100px;
      margin-top: 2rem;
      margin: 2rem auto 0 auto;
      display: block; }
    .pagalvoti-question-container .btn-regular {
      display: block;
      margin-left: auto;
      margin-right: auto; } }

@media only screen and (max-width: 410px) {
  .pagalvoti-list-container {
    max-width: 300px; }
    .pagalvoti-list-container p {
      font-size: 16px; }
  .pagalvoti-question-container {
    max-width: 300px;
    margin-top: 0px; }
    .pagalvoti-question-container h3 {
      margin-top: 1rem;
      font-size: 20px; }
    .pagalvoti-question-container h2 {
      font-size: 25px; }
    .pagalvoti-question-container img {
      width: 90px; } }

.price-container {
  margin: 6rem auto 6rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  flex-wrap: wrap;
  padding: 0 1rem; }
  .price-container h1 {
    width: 100%;
    color: #21c58b; }

.price-box-reg {
  position: relative;
  border: 1px solid #21c58b;
  padding: 1.7rem;
  margin: .3rem;
  max-width: 370px; }
  .price-box-reg h3 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 35px;
    color: #21c58b; }
  .price-box-reg p {
    font-size: 20px;
    color: #21c58b;
    padding: .3rem 0; }
  .price-box-reg div {
    display: flex;
    align-items: flex-start;
    margin: .7rem 0 .7rem 0; }
    .price-box-reg div P {
      padding: 0; }
    .price-box-reg div img {
      padding: 0 .7rem 0 0; }
  .price-box-reg .grey-text {
    color: grey; }
  .price-box-reg .price-tag {
    position: absolute;
    background-color: #21c58b;
    font-size: 29px;
    top: 5rem;
    right: 0;
    color: black;
    padding: .5rem 1rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400; }

.price-box-large {
  position: relative;
  border: 1px solid #21c58b;
  padding: 1.7rem;
  margin: .3rem;
  max-width: 550px; }
  .price-box-large h3 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 35px;
    color: #21c58b; }
  .price-box-large p {
    font-size: 20px;
    color: #21c58b;
    padding: .3rem 0; }
  .price-box-large div {
    display: flex;
    align-items: flex-start;
    margin: .7rem 0 .7rem 0; }
    .price-box-large div P {
      padding: 0; }
    .price-box-large div img {
      padding: 0 .7rem 0 0; }
  .price-box-large .grey-text {
    color: grey; }
  .price-box-large .price-tag {
    position: absolute;
    background-color: #21c58b;
    font-size: 29px;
    top: 5rem;
    right: 0;
    color: black;
    padding: .5rem 1rem;
    font-family: "Oswald", sans-serif;
    font-weight: 400; }

.price {
  font-size: 70px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 0.8; }

.eur {
  font-size: 28px; }

@media only screen and (max-width: 980px) {
  .price-box-reg {
    margin: 0.5rem;
    max-width: 300px; }
    .price-box-reg h3 {
      font-size: 24px; }
    .price-box-reg p {
      font-size: 15px; }
    .price-box-reg div img {
      width: 27px; }
  .price-box-large {
    margin: 0.5rem;
    max-width: 400px; }
    .price-box-large h3 {
      font-size: 24px; }
    .price-box-large p {
      font-size: 15px; }
    .price-box-large div img {
      width: 27px; }
  .price {
    font-size: 53px; }
  .eur {
    font-size: 24px; } }

@media only screen and (max-width: 735px) {
  .price-container {
    margin: 4rem auto 0 auto; }
  .price {
    font-size: 70px; }
  .price-box-reg,
  .price-box-large {
    max-width: 380px;
    padding: 1rem;
    margin: 0.5rem 0; }
    .price-box-reg h3,
    .price-box-large h3 {
      font-size: 30px; }
    .price-box-reg p,
    .price-box-large p {
      font-size: 20px; }
    .price-box-reg div img,
    .price-box-large div img {
      width: 35px; } }

@media only screen and (max-width: 400px) {
  .price {
    font-size: 53px; }
  .price-box-reg,
  .price-box-large {
    max-width: 300px; }
    .price-box-reg h3,
    .price-box-large h3 {
      font-size: 24px; }
    .price-box-reg p,
    .price-box-large p {
      font-size: 15px; }
    .price-box-reg div img,
    .price-box-large div img {
      width: 27px; }
    .price-box-reg .price-tag,
    .price-box-large .price-tag {
      font-size: 22px; } }

.planas-container {
  margin: 6rem auto 6rem auto;
  position: relative;
  padding: 0 5rem; }
  .planas-container h2 {
    color: #21c58b;
    margin-top: 7rem;
    font-size: 40px;
    white-space: pre-line; }
  .planas-container h3 {
    color: white;
    font-size: 22px; }

.planas-number {
  color: #21c58b;
  font-size: 131px;
  margin-bottom: -1rem; }

.planas-zingsnis {
  color: #21c58b;
  font-size: 20px;
  margin-bottom: 0.8rem;
  align-self: flex-end; }

.planas-line {
  width: 350px;
  border-color: #21c58b; }

.planas-text {
  color: #21c58b;
  font-size: 27px;
  margin-top: 0.5rem;
  margin-left: 1rem;
  width: 400px; }

.planas-blur {
  -webkit-animation-name: fontGlowDark;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  filter: blur(10px);
  font-size: 450px;
  color: #21c58b;
  position: absolute;
  top: -200px;
  left: 120px;
  z-index: -1;
  font-weight: 400; }

.planas-card-1,
.planas-card-2,
.planas-card-3 {
  width: 400px;
  position: relative; }
  .planas-card-1 div,
  .planas-card-2 div,
  .planas-card-3 div {
    display: flex; }

.planas-card-1 .planas-blur {
  left: 100px; }

.planas-card-2 {
  margin: auto; }
  .planas-card-2 .planas-blur {
    left: 80px; }

.planas-card-3 {
  margin-left: auto;
  margin-right: 0; }

@media only screen and (max-width: 1100px) {
  .planas-container {
    padding: 0 1rem; }
    .planas-container h2 {
      font-size: 35px; }
    .planas-container h3 {
      font-size: 20px; }
  .planas-number {
    font-size: 98.25px; }
  .planas-zingsnis {
    font-size: 15px; }
  .planas-line {
    width: 262.5px; }
  .planas-text {
    font-size: 20.25px;
    width: 300px; }
  .planas-blur {
    font-size: 375px;
    left: 110px; }
  .planas-card-1,
  .planas-card-2,
  .planas-card-3 {
    width: 330px; } }

@media only screen and (max-width: 735px) {
  .planas-container {
    margin: 4rem auto 0 auto;
    max-width: 400px; }
    .planas-container h2 {
      margin: 4rem 0 1rem 0;
      font-size: 33px; }
    .planas-container h3 {
      font-size: 20px;
      margin: .2rem 0; }
    .planas-container .section-heading {
      font-size: 35px;
      margin-bottom: 2.5rem; }
  .planas-card-1,
  .planas-card-2,
  .planas-card-3 {
    width: 100%;
    margin: auto; }
    .planas-card-1 .planas-blur,
    .planas-card-2 .planas-blur,
    .planas-card-3 .planas-blur {
      filter: blur(5px);
      font-size: 150px;
      top: -5px;
      left: 5px; }
  .planas-number {
    font-size: 120px; }
  .planas-zingsnis {
    font-size: 18px; }
  .planas-line {
    width: 100%; }
  .planas-text {
    margin: .5rem;
    font-size: 25px;
    width: 100%; } }

@media only screen and (max-width: 410px) {
  .planas-container h2 {
    font-size: 27px; }
  .planas-container h3 {
    font-size: 16px; }
  .planas-text {
    font-size: 21px; } }

.clients-container {
  margin: 6rem auto 6rem auto;
  position: relative; }

.logos-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 3rem; }
  .logos-container img {
    margin: .5rem; }

@media only screen and (max-width: 1000px) {
  .logos-container img {
    max-width: 180px; } }

@media only screen and (max-width: 735px) {
  .clients-container {
    margin: 4rem auto 0 auto;
    max-width: 400px; } }

a[href^="tel"] {
  color: inherit;
  text-decoration: none; }

.contacts-container {
  margin: 6rem auto 6rem auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 4rem; }
  .contacts-container h1 {
    width: 100%;
    text-align: left; }

.contact-form {
  max-width: 400px; }
  .contact-form input {
    background-color: black;
    border: 1px solid #21c58b;
    color: #59f1bb;
    height: 50px;
    font-size: 20px;
    padding: 0.5rem;
    margin: 0.3rem 0;
    width: 100%; }
  .contact-form textarea {
    background-color: black;
    border: 1px solid #21c58b;
    resize: none;
    color: #59f1bb;
    font-size: 20px;
    padding: 0.5rem;
    margin: 0.3rem 0;
    width: 100%; }
  .contact-form ::placeholder {
    color: #59f1bb;
    font-size: 20px; }
  .contact-form input::-ms-input-placeholder {
    color: #59f1bb;
    font-size: 20px; }
  .contact-form textarea::-ms-input-placeholder {
    color: #59f1bb;
    font-size: 20px; }
  .contact-form input[type="submit"] {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    background: #21c58b;
    color: white;
    font-size: 20px;
    border: none; }
  .contact-form input[type="submit"]:hover {
    -webkit-animation-name: btnGlow;
    -webkit-animation-duration: .7s;
    -webkit-animation-fill-mode: forwards; }
  .contact-form select {
    background-color: black;
    border: 1px solid #21c58b;
    color: #59f1bb;
    height: 50px;
    font-size: 20px;
    padding: 0.5rem;
    margin: 0.3rem 0;
    width: 100%;
    width: 100%; }
    .contact-form select option {
      background-color: black; }

.contacts {
  margin-left: 1rem; }
  .contacts div {
    padding-bottom: 2rem;
    display: flex;
    align-items: center; }
    .contacts div img {
      padding: 0 1rem; }
    .contacts div p {
      color: #21c58b; }

.design-author {
  color: #6b8b80;
  text-align: center;
  padding: 4rem 0 2rem 0; }

@media only screen and (max-width: 980px) {
  .contacts-container {
    padding: 0 1rem; }
  .contact-form {
    max-width: 330px; }
    .contact-form input {
      height: 37.5px;
      font-size: 15px; }
    .contact-form textarea {
      font-size: 15px; }
    .contact-form ::placeholder {
      font-size: 15px; }
    .contact-form input[type="submit"] {
      font-size: 17px; }
    .contact-form input[type="submit"]:hover {
      animation: none; }
    .contact-form input[type="submit"]:active {
      background-color: #59f1bb;
      -webkit-tap-highlight-color: transparent; }
    .contact-form select {
      height: 37.5px;
      font-size: 15px; }
  .contacts div img {
    width: 50px;
    padding: 0 .5rem; }
  .contacts div p {
    font-size: 14px; } }

@media only screen and (max-width: 735px) {
  .contacts-container {
    margin: 4rem auto 0 auto;
    padding: 1rem; }
    .contacts-container h1 {
      text-align: center; }
  .contact-form {
    max-width: 380px;
    margin: auto; }
    .contact-form input {
      height: 80px;
      font-size: 23px;
      padding: 1rem 1rem; }
    .contact-form textarea {
      height: 300px;
      font-size: 23px;
      padding: 1rem 1rem; }
    .contact-form ::placeholder {
      font-size: 23px; }
    .contact-form input[type="submit"] {
      font-size: 22px; }
    .contact-form select {
      height: 80px;
      font-size: 23px;
      padding: 1rem 1rem; }
  .contacts {
    max-width: 380px;
    margin: 1rem auto 1rem auto; }
    .contacts div p {
      font-size: 20px; }
  .design-author {
    margin-top: -1rem;
    padding: 0 0 3rem 0; } }

@media only screen and (max-width: 410px) {
  .contact-form input {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .contact-form textarea {
    font-size: 18px;
    padding: 0.5rem;
    height: 250px; }
  .contact-form ::placeholder {
    font-size: 18px; }
  .contact-form input[type="submit"] {
    font-size: 17px; }
  .contact-form select {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .contacts div p {
    font-size: 18px; } }

.map-section {
  height: 100vh;
  width: 100%; }

.gradient-for-nav {
  background-image: linear-gradient(black, rgba(0, 0, 0, 0));
  height: 100px;
  width: 100%;
  position: absolute;
  top: 0; }

.map-contact-form {
  position: absolute;
  max-width: 500px;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  top: 0;
  right: 0;
  background-color: black;
  padding: 2rem; }
  .map-contact-form h1 {
    margin-top: 5rem;
    padding: 0; }

.map-form input {
  background-color: black;
  border: 1px solid #21c58b;
  color: #59f1bb;
  height: 50px;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%; }

.map-form textarea {
  background-color: black;
  border: 1px solid #21c58b;
  resize: none;
  color: #59f1bb;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%; }

.map-form ::placeholder {
  color: #59f1bb;
  font-size: 20px; }

.map-form input::-ms-input-placeholder {
  color: #59f1bb;
  font-size: 20px; }

.map-form textarea::-ms-input-placeholder {
  color: #59f1bb;
  font-size: 20px; }

.map-form input[type="submit"] {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  background: #21c58b;
  color: white;
  font-size: 20px;
  border: none; }

.map-form input[type="submit"]:hover {
  -webkit-animation-name: btnGlow;
  -webkit-animation-duration: .7s;
  -webkit-animation-fill-mode: forwards; }

.map-form select {
  background-color: black;
  border: 1px solid #21c58b;
  color: #59f1bb;
  height: 50px;
  font-size: 20px;
  padding: 0.5rem;
  margin: 0.3rem 0;
  width: 100%;
  width: 100%; }
  .map-form select option {
    background-color: black; }

.map-contacts {
  margin: 0.5rem 0;
  display: flex;
  flex-wrap: wrap; }
  .map-contacts div {
    padding: 0.4rem 0 0.4rem 0;
    display: flex;
    align-items: center; }
    .map-contacts div img {
      width: 55px;
      padding: 0 1rem; }
    .map-contacts div p {
      font-size: 14px;
      color: #21c58b; }

@media only screen and (max-width: 980px) {
  .map-contact-form {
    max-width: 400px; }
  .map-form input {
    height: 37.5px;
    font-size: 15px; }
  .map-form textarea {
    font-size: 15px; }
  .map-form ::placeholder {
    font-size: 15px; }
  .map-form input[type="submit"] {
    font-size: 17px; }
  .map-form input[type="submit"]:hover {
    animation: none; }
  .map-form input[type="submit"]:active {
    background-color: #59f1bb;
    -webkit-tap-highlight-color: transparent; }
  .map-form select {
    height: 37.5px;
    font-size: 15px; } }

@media only screen and (max-width: 735px) {
  .map-section {
    height: 80vh; }
  .map-contact-form {
    position: static;
    max-width: 421px;
    height: auto;
    padding: 0 1rem;
    margin: auto; }
    .map-contact-form h1 {
      margin-top: 3rem; }
  .map-form input {
    height: 80px;
    font-size: 23px;
    padding: 1rem 1rem; }
  .map-form textarea {
    height: 300px;
    font-size: 23px;
    padding: 1rem 1rem; }
  .map-form ::placeholder {
    font-size: 23px; }
  .map-form input[type="submit"] {
    font-size: 22px; }
  .map-form select {
    height: 80px;
    font-size: 23px;
    padding: 1rem 1rem; }
  .map-contacts div {
    padding: 1rem 0; }
    .map-contacts div p {
      font-size: 20px; } }

@media only screen and (max-width: 410px) {
  .map-form input {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .map-form textarea {
    font-size: 18px;
    padding: 0.5rem;
    height: 250px; }
  .map-form ::placeholder {
    font-size: 18px; }
  .map-form input[type="submit"] {
    font-size: 17px; }
  .map-form select {
    height: 50px;
    font-size: 18px;
    padding: 0.5rem; }
  .map-contacts div p {
    font-size: 18px; }
  .map-contacts div img {
    width: 40px;
    padding-left: 0; } }

@media only screen and (max-height: 450px) {
  .map-section {
    height: 950px; }
  .gradient-for-nav {
    z-index: -1; }
  .map-contact-form {
    height: 950px;
    top: 73px; } }

/* Styling of post pages */
/* Posts main page */
.posts-loop-container {
  display: flex;
  max-width: 1100px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center; }

.post-excerpt-box {
  max-width: 330px;
  background-color: #c1c1c1;
  margin: 1rem;
  padding: 1.5rem;
  font-size: 1rem;
  border-color: #21c58b;
  border-radius: 3px; }

.post-excerpt-header {
  color: #31b599;
  font-weight: 400;
  font-size: 1.5rem;
  text-decoration: none; }

.post-excerpt {
  padding-top: 1rem; }

.post-excerpt-date {
  padding: 1rem 0rem .5rem 0rem; }

.post-excerpt-link {
  color: #31b599;
  font-size: 1rem;
  text-decoration: none; }

.pagination-container {
  display: flex;
  justify-content: center;
  padding: 1rem; }

@media only screen and (max-width: 735px) {
  .post-excerpt-box {
    max-width: 400px; } }

/* Post */
.post-container {
  max-width: 800px;
  margin: auto;
  padding: .5rem; }

.post-header {
  color: #21c58b;
  padding: 1rem; }

.post-date {
  color: #21c58b;
  padding: 0rem 1rem 1rem 1rem; }

.post-content {
  background-color: #c1c1c1;
  padding: 1.5rem;
  font-size: 1.2rem;
  border-color: #21c58b;
  border-radius: 3px; }

.post-paggination-container {
  max-width: 800px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: .5rem; }

.post-paggination {
  color: #21c58b;
  font-size: 1.2rem;
  text-decoration: none; }

.post-pagination {
  color: #21c58b; }

/* 404 error message */

.error-section {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-container {
  text-align: center;
  padding: .5rem;
}
.error {
  font-size: 15rem;
  color: #21c58b;
}
.error-text {
  color: #21c58b;
}

  @media only screen and (max-width: 530px) {
    .error {
      font-size: 10rem;
    }
    .error-text {
      font-size: 1.3rem;
    }
  }

#topbutton {
    position: fixed;
    display: none;
    height: 50px;
    width: 50px;
    line-height: 50px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    background: #c1c1c1;
    border-radius: 2px;
    text-decoration: none;
    color: #000000;
    text-align: center;
}

#topbutton:after {
  content: "\21E7";
}

@media only screen and (max-width: 950px) {
	#topbutton {
		display:none !important;
}
  }/* End custom CSS */