@font-face {
   font-family: "Cormorant Garamond";
   src: url("/wp-content/themes/vako-landing/assets/fonts/CormorantGaramond-SemiBold.ttf") format("truetype");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Cormorant Garamond";
   src: url("/wp-content/themes/vako-landing/assets/fonts/CormorantGaramond-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Open Sans";
   src: url("/wp-content/themes/vako-landing/assets/fonts/OpenSans-Regular.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Open Sans";
   src: url("/wp-content/themes/vako-landing/assets/fonts/OpenSans-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

html {
   font-size: 16px;
}
body {
   font-family: "Open Sans";
   font-size: 0.8125rem;
   font-style: normal;
   font-weight: 400;
   color: #373D45;
   line-height: 1.375rem;
   margin: 0;
}
@media (min-width:992px) {
   body {
      font-size: 0.875rem;
   }
}
.title-font {
   font-family: "Cormorant Garamond";
}
.main-title,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: "Cormorant Garamond";
   font-variant-numeric: lining-nums proportional-nums;
   color: #101214;
   margin: 0;
   margin-bottom: 0.5rem;
   padding: 0;
}
.main-title,
h1, .h1 {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 2rem;
   text-transform: uppercase;
}
@media (min-width:768px) {
   .main-title,
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
      margin-bottom: 1.5rem;
   }
   .main-title {
      font-size: 3rem;
      line-height: 3.75rem;
   }
   h1, .h1 {
      font-size: 2.5rem;
      line-height: 3.75rem;
   }
}
h2, .h2 {
   font-size: 1.4rem;
   font-weight: 700;
   text-transform: uppercase;
}
@media (min-width:768px) {
   h2, .h2 {
      font-size: 2.125rem;
   }
}
h3, .h3 {
   font-size: 0.875rem;
   font-weight: 700;
   text-transform: uppercase;
}
@media (min-width:768px) {
   h3, .h3 {
      font-size: 1rem;
   }
}
h4, .h4 {
   font-size: 1.25rem;
   font-weight: 700;
}
h5, .h5 {
   font-size: 1.125rem;
   font-weight: 600;
}
@media (min-width:768px) {
   h5, .h5 {
      font-size: 1.5rem;
   }
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
   
}

p {
   color: #373D45;
   line-height: 1rem;
   margin: 0;
}
p + p {
   margin-top: 1rem;
}
@media (min-width:768px) {
   p {
      line-height: 1.375rem;
   }
}

sup {
   line-height: normal;
}
a:visited,
a, .link {
   color: #EF7D00;
   text-decoration: underline;
   transition: all 0.3s ease;
}
a:hover, .link:hover {
   color: #EF7D00;
   text-decoration: none;
}
.text-block a {
   color: #414141;
   text-decoration: underline;
}
.text-block a:hover {
   color: #EF7D00;
   text-decoration: none
}

.text-center {
   text-align: center;
}

ol, ul {
   padding-left: 20px;
}

strong {
   font-weight: 700;
}

button,
.button {
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   text-decoration: none !important;
   position: relative;
   cursor: pointer;
   border: 0;
   border-radius: 12px;
   background: linear-gradient(90deg, #FC9321 0%, #FF9B2E 50%, #FC9321 100%);
   box-shadow: 4px 4px 8px 0px #FFB86B inset, 0px 4px 0px 0px #EB810D;
   color: #fff !important;
   font-family: "Open Sans";
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.25rem;
   text-align: center;
   text-shadow: 0px 1px 1px #CC7210;
   text-transform: uppercase;
   height: 68px;
   padding: 0 20px;
   outline: 0;
   /*transition: all 0.3s ease;*/
}
button .button-text,
.button .button-text {
   color: #fff;
   font-family: "Open Sans";
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.25rem;
   text-shadow: 0px 1px 1px #CC7210;
   text-transform: uppercase;
   position: relative;
   z-index: 3;
}
button::before,
.button::before {
   content: '';
   width: 80px;
   height: 36px;
   background: #FFF;
   border-radius: 50px;
   opacity: 0.5;
   filter: blur(20px);
   position: absolute;
   top: -18px;
   z-index: 2;
   transition: all 0.2s ease;
}
@media (min-width:768px) {
   button, .button {
      padding: 0 30px;
   }
}
@media (min-width:1200px) {
   button, .button {
      padding: 0 52px;
   }
}
button:hover,
.button:hover {
   box-shadow: 4px 4px 8px 0px #FFB86B inset, 0px 4px 0px 0px #FF9B2E;
}
button:hover::before,
.button:hover::before {
   width: 90%;
   height: 80%;
   top: 0;
   opacity: 0.2;
}
button:hover .button-text,
.button:hover .button-text {
   
}

select {
   border-radius: 12px;
   background: #F3FCFE;
   border-color: #D9D9D9;
   color: #373D45;
   height: 60px;
   display: flex;
   align-items: center;
   padding: 0 18px;
   min-width: 180px;
   /*-moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-image: url("/wp-content/uploads/other/chevron-down.svg");
   background-repeat: no-repeat;
   background-position: 90% center;
   background-size: 24px;
   padding-right: 36px;*/
}
label {
   color: #373D45;
   display: block;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 12px;
}

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=number], textarea {
   font-family: "Open Sans";
   box-sizing: border-box;
   border-radius: 12px;
   background: #F3FCFE;
   border: 1px solid #D9D9D9;
   color: #373D45;
   display: flex;
   align-items: center;
   height: 60px;
   padding: 0 24px;
   outline: 0;
}
.gray-section input[type=text], .gray-section input[type=tel], .gray-section input[type=email], .gray-section input[type=password], .gray-section input[type=number], .gray-section textarea,
.bg-gray input[type=text], .bg-gray input[type=tel], .bg-gray input[type=email], .bg-gray input[type=password], .bg-gray input[type=number], .bg-gray textarea {
   border-color: rgba(0, 0, 0, 0.80);
}
textarea {
   border-radius: 25px;
   height: 80px;
   padding: 12px 18px;
   resize: vertical;
   max-height: 220px;
   min-height: 65px;
}
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
textarea::placeholder {
   color: #8B8B8B;
   font-size: 1rem;
   font-family: "Open Sans";
   line-height: 20px;
}
input[type=text]:active, input[type=tel]:active, input[type=email]:active, input[type=password]:active, input[type=number]:active, textarea:active,
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus,
input[type=text]:hover, input[type=tel]:hover, input[type=email]:hover, input[type=password]:hover, input[type=number]:hover, textarea:hover {
   border-color: #CFCFCF;
}
.bg-gray input[type=text]:active, .bg-gray input[type=tel]:active, .bg-gray input[type=email]:active, .bg-gray input[type=password]:active, .bg-gray input[type=number]:active, .bg-gray textarea:active,
.bg-gray input[type=text]:focus, .bg-gray input[type=tel]:focus, .bg-gray input[type=email]:focus, .bg-gray input[type=password]:focus, .bg-gray input[type=number]:focus, .bg-gray textarea:focus,
.bg-gray input[type=text]:hover, .bg-gray input[type=tel]:hover, .bg-gray input[type=email]:hover, .bg-gray input[type=password]:hover, .bg-gray input[type=number]:hover, .bg-gray textarea:hover {
   border-color: rgba(0, 0, 0, 0.80);
}

input[type="checkbox"] {
   appearance: none;
   -webkit-appearance: none;
   display: flex;
   align-content: center;
   justify-content: center;
   border-radius: 2px;
   border: 1px solid #A0A0A0;
   width: 20px;
   height: 20px;
   padding: 2px;
}
input[type="checkbox"]::before {
   content: "";
   flex: 1 0 0;
   align-self: stretch;
   border-radius: 2px;
   background: #EF7D00;
   transform: scale(0);
}
input[type="checkbox"]:checked::before {
   transform: scale(1);
}

.fw-500 {
   font-weight: 500;
}
.fw-600 {
   font-weight: 600;
}

.position-relative {
   position: relative;
}
.position-absolute {
   position: absolute;
}

.w-100 {
   width: 100% !important;
}
.h-100 {
   height: 100% !important;
}

.no-scroll {
   overflow: hidden !important;
}
@media (min-width:992px) {
   .no-scroll {
      padding-right: 10px;
   }
   .no-scroll .site-header,
   .no-scroll .top-bar {
      right: 10px;
   }
}

.list-unstyled {
   list-style: none;
   padding: 0;
   margin: 0;
}

.hide {
   opacity: 0;
   height: 0;
   width: 0;
}

.img-resp {
   /*width: 100%;*/
   max-width: 100%;
   height: auto;
}


.site-header {
   background: transparent;
   box-shadow: 0;
   transition: all 0.3s ease;
   
   position: fixed;
   top: 0;
   width: 100%;

   z-index: 9;
}
.site-header > .container {
   padding-top: 24px;
   padding-bottom: 24px;
   transition: all 0.3s ease;
}
.site-header.scroll {
   background: #fff;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
}
.site-header.scroll > .container {
   padding-top: 8px;
   padding-bottom: 8px;
}
.site-description {
   line-height: 1.5rem;
   max-width: 310px;
   margin-top: -3px;
}
.header-whatsapp {
   font-size: 1.25rem;
   font-weight: 600;
}
.header-whatsapp-icon {
   flex: 0 0 48px;
}

.top-line {
   background: #EF7D00;
   color: #fff;
   font-size: 1rem;
   gap: 16px;
   max-height: 56px;
   padding: 4px 0;
   overflow: hidden;
}
.top-line img:first-child {
   height: 50px;
   margin-bottom: -5px;
}
.top-line img:last-child {
   height: 48px;
}
.top-line-text {
   
}
.top-line-text span {
   font-weight: 700;
}
@media (min-width: 992px) {
   .top-line {
      font-size: 1.25rem;
      line-height: 1.75rem;
   }
}

.adv-items {
   gap: 12px;
}
.adv-item {
   border-radius: 12px;
   background: #FFF;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
   padding: 20px;
   position: relative;
}
.adv-item h3 {
   margin: 0;
}
.adv-item::after {
   content: '';
   position: absolute;
   top: 8px;
   bottom: 8px;
   left: 8px;
   right: 8px;
   border-radius: 8px;
   border: 1px dashed #D9D9D9;

}
.adv-item > * {
   position: relative;
   z-index: 1;
}

.first-section {
   background-image: url('/wp-content/uploads/theme/head-bg2.png');
   background-size: cover;
   background-position: bottom;
   background-repeat: no-repeat;
   padding-top: 80px;
   padding-bottom: 80px;
}
.first-section .adv-items {
   gap: 16px;
}
.first-section .adv-item {
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.1);
   text-align: center;
}
.first-section .adv-item::before {
   content: '';
   background: #f0f0f0;
   border-radius: 12px 12px 0 0;
   position: absolute;
   top: -8px;
   width: 90%;
   height: 8px;
}
.first-section .adv-item h3 {
   margin-top: 8px;
}
.first-section-text .button {
   margin-top: 20px;
}
.first-section .button::after {
   content: '';
   position: absolute;
   top: -12px;
   left: -15px;
   width: 46px;
   height: 31px;
   background-image: url('/wp-content/uploads/theme/italy_flag_icon.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   z-index: 2;
}
@media (min-width: 992px) {
   .first-section-text p {
      max-width: 320px;
   }
   .first-section-text .button {
      margin-top: 48px;
   }
   .first-section-image {
      flex: 0 0 40%;
      margin-left: -40px;
   }
   .first-section .adv-item {
      width: 232px;
      height: 236px;
   }
}
@media (min-width: 1440px) {
   .first-section-image {
      flex: 0 0 48%;
      margin-left: -30px;
   }
}

.about-section {
   position: relative;
}
.about-section-wrapper {
   background: linear-gradient(273deg, #ABF0FF 1.93%, #D5EDFC 97.97%);
   position: relative;
   padding-top: 60px;
   padding-bottom: 100px;
   overflow: hidden;
   z-index: 2;
}
.about-section-wrapper::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url('/wp-content/uploads/theme/about-top.png');
   background-size: 100%;
   background-position: center 30%;
   background-repeat: no-repeat;
   z-index: 1;
}
.about-section-wrapper::after {
   content: '';
   position: absolute;
   bottom: -3px;
   left: 0;
   width: 100%;
   height: 60%;
   background-image: url('/wp-content/uploads/theme/about-bottom.png');
   background-size: 100%;
   background-position: bottom;
   background-repeat: no-repeat;
   z-index: 1;
}
.about-section-flag {
   position: absolute;
   top: -10%;
   right: 0;
   width: 20%;
   max-width: 350px;
   height: auto;
   z-index: 5;
}
.about-section-wrapper > .container {
   position: relative;
   z-index: 3;
}
.about-section-video {
   position: relative;
}
.about-section-video::after {
   content: '';
   position: absolute;
   top: 0;
   width: 190%;
   height: 150%;
   margin-top: -15%;
   margin-right: -5%;
   background-image: url('/wp-content/uploads/theme/cloud_photo3.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   z-index: -1;
}
.about-section-video-block {
   color: #fff;
   font-family: "Cormorant Garamond";
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 600;
   line-height: 1.5rem;
   text-align: center;
   margin-top: 40%;
   text-decoration: none;
   outline: none !important;
}
.about-section-video-block p {
   color: #fff;
   max-width: 280px;
}

.about-section-items {
   margin-top: 110px;
}
.about-section-items img {
   max-height: 130px;
   margin-top: -80px;
}
.about-section-items .adv-item {
   text-align: center;
}
.about-section-items h3 {
   margin-top: 8px;
   margin-bottom: 12px;
}
@media (min-width: 992px) {
   .about-section-text > p {
      font-size: 1rem;
      line-height: 2rem;
      max-width: 648px;
   }
}
@media (min-width: 1440px) {
   .about-section-items {
      margin-right: 2rem;
   }
}
.manager-section {
   position: relative;
   padding-top: 40px;
   padding-bottom: 80px;
   overflow: hidden;
}
.manager-section > .container {
   position: relative;
   z-index: 3;
}
.manager-section-map {
   position: absolute;
   bottom: -48%;
   width: 20%;
   max-width: 320px;
   z-index: 2;
}
.manager-section-logo {
   text-align: center;
}
.manager-section-center {
   flex: 0 0 440px;
   padding: 0 24px;
   text-align: center;
}
.manager-section-photo {
   position: relative;
   padding: 0 30px;
}
.manager-section-photo::before {
   content: '';
   background-image: url('/wp-content/uploads/theme/circle.svg');
   background-size: 120%;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 5%;
   bottom: -15%;
   left: -10%;
   right: -10%;
   z-index: -1;
}
.manager-section-center .button {
   line-height: 1.75rem;
   height: auto;
   padding-top: 20px;
   padding-bottom: 15px;
   max-width: 340px;
   margin-top: -30px;
}
.manager-section-items {
   gap: 32px;
}
.manager-section-items .adv-item {
   padding: 32px 24px;
}
@media (min-width: 992px) {
   .manager-left-items .adv-item {
      right: 3%;
   }
   .manager-left-items .adv-item:first-child {
      right: -5%;
   }
   .manager-left-items .adv-item:last-child {
      right: -5%;
   }
   .manager-left-items .adv-item:last-child::before {
      content: '';
      background-image: url('/wp-content/uploads/theme/fern3.png');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: -18%;
      left: -25%;
      width: 150px;
      height: 150px;
      z-index: -1;
   }
   .manager-right-items .adv-item {
      left: 3%;
   }
   .manager-right-items .adv-item:first-child {
      left: -5%;
   }
   .manager-right-items .adv-item:last-child {
   left: -5%;
   }
   .manager-right-items .adv-item:first-child::before {
      content: '';
      background-image: url('/wp-content/uploads/theme/fern4.png');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: -18%;
      right: -25%;
      width: 150px;
      height: 150px;
      z-index: -1;
   }
}

.manager-section .button::after {
   content: '';
   position: absolute;
   bottom: -12px;
   right: 4px;
   width: 46px;
   height: 31px;
   background-image: url('/wp-content/uploads/theme/italy_flag_icon.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transform: rotate(-12deg);
   z-index: 2;
}

.warranty-section {
   background: linear-gradient(273deg, #ABF0FF 1.93%, #D5EDFC 97.97%);
   background: linear-gradient(0deg, #fff 1%, #ABF0FF 10%, #D5EDFC 90%, #fff 99% );
   position: relative;
   padding: 80px 0 160px;
}
.warranty-section::before {
   content: '';
   background-image: url('/wp-content/uploads/theme/war-top.png');
   background-size: 100%;
   background-position: center 40%;
   background-position: top;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}
.warranty-section::after {
   content: '';
   background-image: url('/wp-content/uploads/theme/war-bottom.png');
   background-size: cover;
   background-position: bottom;
   background-repeat: no-repeat;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 50%;
   z-index: 1;
}
.warranty-section > * {
   position: relative;
   z-index: 2;
}
.warranty-section-items {
   margin-top: 2rem;
}
.warranty-section-items .adv-item {
   flex: 0 0 48%;
}
.warranty-section-video {
   flex: 0 0 40%;
   margin-left: -5%;
}

.reviews-section {
   padding: 20px 0;
   margin-top: -40px;
   position: relative;
   overflow: hidden;
   z-index: 5;
}
.reviews-section-wrapper {
   position: relative;
}
.reviews-section-wrapper::before {
   content: '';
   position: absolute;
   top: 8%;
   right: -10%;
   background-image: url('/wp-content/uploads/theme/fern2.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   width: 200px;
   height: 240px;
   z-index: -1;
}
.reviews-section-wrapper::after {
   content: '';
   position: absolute;
   bottom: 3%;
   left: -10%;
   background-image: url('/wp-content/uploads/theme/fern.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   width: 200px;
   height: 240px;
   z-index: -1;
}
.reviews-section-text {
   font-size: 1rem;
   margin-bottom: 1rem;
}
.reviews-section-items .slick-list {
   padding: 24px 12px;
   margin: 0 -24px;
}
.reviews-section-items .adv-item {
   margin: 0 12px;
   padding: 50px 40px 24px;
}
.reviews-section-items .adv-item:not(.slick-active) {
   box-shadow: none;
}
.reviews-section-items .adv-item::after {
   top: 12px;
   bottom: 12px;
   left: 12px;
   right: 12px;
}
.icon-qoute {
   position: absolute;
   top: -15px;
   right: 0;
}
.adv-item-name {
   gap: 16px;
   margin-bottom: 1rem;
}
.adv-item-name h3 {
   font-size: 1.25rem;
}
.adv-item-date {
   color: #AB865D;
   margin: 0.75rem 0;
}

.slick-slider .button {
   padding: 16px;
   height: auto;
   position: absolute;
   top: 50%;
   margin-top: -28px;
   z-index: 3;
}
.slick-slider .slick-prev {
   left: -80px;
}
.slick-slider .slick-next {
   right: -80px;
}

.work-section {
   position: relative;
   padding: 80px 0 20px;
}
.work-section::before {
   content: '';
   background-image: url('/wp-content/uploads/theme/05_steps.png');
   background-size: cover;
   background-position: top;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -3;
}
.work-section::after {
   content: '';
   background-image: url('/wp-content/uploads/theme/05_steps_bottom2.png');
   background-size: cover;
   background-position: bottom;
   background-repeat: no-repeat;
   position: absolute;
   bottom: -1px;
   left: 0;
   width: 100%;
   height: 70%;
   z-index: -2;
}
.work-flag {
   position: absolute;
   bottom: -10%;
   left: 0;
   width: 23%;
   max-width: 390px;
   z-index: -1;
}
.work-section-text {
   font-size: 1rem;
   margin-bottom: 2rem;
}
.work-section-items .adv-items {
   flex: 0 1 50%;
}
.work-section-items .adv-item {
   max-width: 320px;
   padding-top: 0;
   margin-top: 73px;
}
.work-section-items .adv-item-number {
   font-size: 2rem;
   font-weight: 700;
   font-variant-numeric: lining-nums proportional-nums;
   font-family: "Cormorant Garamond";
   color: #fff;
   line-height: 2.5rem;
   text-align: center;
   border: 8px solid rgba(239, 125, 0, 0.3);
   border-radius: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-top: -50%;
   margin-bottom: 20px;
}
.work-section-items .adv-item-number div {
   background: linear-gradient(180deg, #FFA038 0%, #D87101 100%);
   border-radius: 100%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 76px;
   height: 76px;
}

@media (min-width: 992px) {
   .work-section-items {
      gap: 80px;
   }
   .adv-items-left .adv-item:nth-child(2) {
      margin-left: 10%;
   }
   .adv-items-right .adv-item:nth-child(2) {
      margin-right: 10%;
   }
   .adv-items-left .adv-item:last-child {
      margin-left: auto;
   }
   .adv-items-right .adv-item:first-child {
      margin-right: auto;
   }
}

.delivery-section {
   overflow: hidden;
}
.delivery-section-wrapper {
   position: relative;
   padding: 60px 0 0;
}
.delivery-section .delivery-img {
   margin-left: -10%;
   margin-right: -12%;
   width: 65%;
}
.delivery-section .main-title {
   font-size: 2.25rem;
}
.delivery-section-text p {
   max-width: 480px;
}
.delivery-section-button {
   margin-top: 40px;
}
.delivery-section .button::after {
   content: '';
   position: absolute;
   top: -12px;
   left: -15px;
   width: 46px;
   height: 31px;
   background-image: url('/wp-content/uploads/theme/italy_flag_icon.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   z-index: 2;
}

.site-footer {
   background: #EBFBFF;
   padding: 40px 0 60px;
   position: relative;
   overflow: hidden;
   margin-top: -40px;
}
.site-footer::before {
   content: '';
   background-image: url('/wp-content/uploads/theme/cloud-footer.png');
   background-size: 100%;
   background-position: top;
   background-repeat: no-repeat;
   position: absolute;
   top: -2%;
   left: 0;
   width: 100%;
   height: 100%;
}
.site-info {
   position: relative;
}
.footer-info {
   position: relative;
}
.footer-info h5 {
   color: #373D45;
   font-size: 1.5rem;
   margin: 0;
}
.button.back-top {
   padding: 16px;
   height: auto;
}
@media (min-width: 992px) {
   .button.back-top {
      position: absolute;
      right: 10px;
      bottom: 0;
   }
}
.footer-map-wrapper {
   display: flex;
   border-radius: 12px;
   box-shadow: 0px 4px 12px 0px rgba(154, 185, 193, 0.50);
   position: relative;
}
.footer-map-wrapper img {
   border-radius: 12px;
}
.footer-map-wrapper * {
   z-index: 2;
}
.footer-map-wrapper::before {
   content: '';
   position: absolute;
   top: 8%;
   right: -20%;
   background-image: url('/wp-content/uploads/theme/fern5.png');
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   width: 200px;
   height: 240px;
   z-index: 1;
}

.quiz-form {
   width: 100%;
   min-height: 640px;
}
#multiStepForm {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
}
.form-step { display: none; }
.form-step.active { display: block; }
.progress-bar {
   height: 4px;
   border-radius: 12px;
   background: var(--Color-Grey_light, #D9D9D9);
   width: 100%;
   position: relative;
   margin-bottom: 20px;
}
.progress-bar-fill {
   height: 8px;
   margin-top: -2px;
   border-radius: 12px;
   background: linear-gradient(90deg, #EF7D00 0%, #FF9B2E 50%, #FFAF58 100%);
   width: 33.3%;
}
.form-navigation {
   gap: 16px;
   margin-top: auto;
}
button#prevBtn {
   gap: 12px;
   border: 1px solid #373D45;
   color: #373D45;
   background: transparent;
   box-shadow: none;
   text-shadow: none;
   padding: 0 24px;
}
button#prevBtn span {
   color: #373D45;
}
button#prevBtn:hover {
   border-color: #FC9321;
}
.hidden {
   display: none;
}
.form-step h3 {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 2rem;
   text-transform: uppercase;
}
.quiz-messenger-radio,
.quiz-product-radio {
   gap: 20px;
   margin: 1rem 0 2rem;
}
.quiz-product-radio img {
   max-height: 140px;
}
.quiz-messenger-radio input,
.quiz-product-radio input {
   display: none;
}
.quiz-messenger-radio label,
.quiz-product-radio label {
   border-radius: 12px;
   background: #FFF;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
   border: 1px solid #FFF;
   padding: 20px;
   position: relative;
   flex: 0 1 28%;
   gap: 16px;
   margin: 0;
}
.quiz-product-radio label::after {
   content: '';
   position: absolute;
   top: 8px;
   bottom: 8px;
   left: 8px;
   right: 8px;
   border-radius: 8px;
   border: 1px dashed #D9D9D9;
}
.quiz-product-radio label > * {
   position: relative;
   z-index: 1;
}
.quiz-messenger-radio label .circle,
.quiz-product-radio label .circle {
   width: 31px;
   height: 31px;
   background: #EFEFEF;
   border: 1px solid #CBCBCB;
   border-radius: 100px;
   margin-bottom: 1rem;
}
.quiz-messenger-radio input:checked + label,
.quiz-product-radio input:checked + label {
   border: 1px solid #EF7D00;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
   box-shadow: none;
}
.quiz-product-radio input:checked + label::after {
   display: none;
}
.quiz-messenger-radio input:checked + label .circle,
.quiz-product-radio input:checked + label .circle {
   border: 11px solid #EF7D00;
}
.quiz-city-input {
   position: relative;
}
.quiz-city-input img {
   position: absolute;
   top: 22px;
   left: 24px;
}
.quiz-city-input input {
   padding-left: 60px;
   max-width: 500px;
   width: 100%;
}
.quiz-messenger-radio label .circle {
   margin: 0;
}
.quiz-name-input {
   gap: 24px;
}
.quiz-name-input label {
   max-width: 380px;
   width: 100%;
}
.quiz-name-input input {
   width: 100%;
}
.quiz-name-input label span {
   display: block;
   margin-bottom: 8px;
}
.form-step-success h2 {
   line-height: 3rem;
}
@media (min-width: 992px) {
   .form-step-success > img {
      position: absolute;
   }
}

.fancybox__content {
   border-radius: 12px;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
   position: relative;
   padding: 60px 60px 48px;
}
.fancybox__content::after {
   content: '';
   background: #f0f0f0;
   border-radius: 0 0 12px 12px;
   position: absolute;
   bottom: -8px;
   left: 4%;
   right: 4%;
   height: 8px;
}
.fancybox__backdrop {
   background: rgba(200, 234, 243, 0.8);
   /*opacity: 0.8;
   background: #C8EAF3;*/
}
.f-button,
.f-button.is-close-btn,
.fancybox__content>.f-button.is-close-btn {
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   text-decoration: none !important;
   position: absolute;
   cursor: pointer;
   border: 0;
   border-radius: 12px;
   background: linear-gradient(90deg, #FC9321 0%, #FF9B2E 50%, #FC9321 100%);
   box-shadow: 4px 4px 8px 0px #FFB86B inset, 0px 4px 0px 0px #EB810D;
   color: #fff !important;
   font-family: "Open Sans";
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.25rem;
   text-align: center;
   text-shadow: 0px 1px 1px #CC7210;
   text-transform: uppercase;
   height: auto;
   width: auto;
   padding: 16px;
   outline: 0;
   opacity: 1;
}
.fancybox__content>.f-button.is-close-btn {
   top: -20px;
   right: -20px;
}
@media (max-width: 743px) {
   .fancybox__content {
      padding: 32px 16px 29px;
   }
   .is-compact .fancybox__content>.f-button.is-close-btn,
   .fancybox__content>.f-button.is-close-btn {
      top: -30px;
      right: 10px;
   }
}
.pac-container {
   z-index: 99999 !important;
   position: absolute !important;
   border-radius: 12px;
   background: #FFF;
   box-shadow: 0px 4px 24px 0px rgba(40, 60, 65, 0.20);
}
.pac-item {
   padding: 5px 15px !important;
}
.pac-icon-marker {
   display: none !important;
}
.pac-logo:after {
   display: none !important;
}


.site-page {
   min-height: 500px;
   min-height: 64vh;
   padding: 16vh 0 40px;
}


@media (max-width: 1440px) {
   .about-section-wrapper::before {
      background-position: top;
   }
   .about-section-wrapper {
      padding-top: 0;
   }
   .about-section-video-block {
      margin-top: 40%;
      margin-bottom: 24%;
   }

   .manager-section-center {
      flex: 0 0 35%;
   }
   .manager-section-items .adv-item {
      padding: 20px 20px;
   }

   .warranty-section-items .adv-item img {
      max-width: 80px;
   }

   .slick-slider .slick-prev {
      left: -28px;
   }
   .slick-slider .slick-next {
      right: -28px;
   }
}

@media (max-width: 1200px) {
   .first-section {
      padding-bottom: 60px;
   }
   .about-section-items img {
      max-height: 100px;
      margin-top: -70px;
   }
   .reviews-section-items .adv-item {
      padding: 24px;
   }
   .reviews-section-items .adv-item::after {
      top: 4px;
      bottom: 4px;
      left: 4px;
      right: 4px;
   }
   .manager-section {
      padding-top: 20px;
      padding-bottom: 40px;
   }
   .manager-section-map {
      bottom: -15%;
   }
   .warranty-section {
      padding: 40px 0 120px;
   }
   .work-section {
      padding: 40px 0 30px;
   }
   .delivery-section-wrapper {
      padding: 30px 0 50px;
   }
   .adv-item {
      padding: 20px 10px;
   }

   .footer-info {
      gap: 16px;
   }
}

@media (max-width: 991px) {
   .top-line {
      gap: 8px;
      padding-left: 16px;
      padding-right: 16px;
   }
   .top-line-text {
      font-size: 0.75rem;
      line-height: normal;
   }
   .site-header {
      border-bottom: 1px solid #D9D9D9;
   }
   .site-header > .container {
      padding-top: 12px;
      padding-bottom: 12px;
   }
   .header-whatsapp-icon {
      flex: 0 0 40px;
   }
   .header-whatsapp img {
      max-height: 40px;
   }

   .first-section {
      background-image: url('/wp-content/uploads/theme/head-bg-mob.png');
      background-position: top;
      text-align: center;
      padding-top: 200px;
      position: relative;
   }
   .first-section::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 100%;
      height: 60%;
      background-image: url('/wp-content/uploads/theme/first-bottom.png');
      background-size: 100%;
      background-position: bottom;
      background-repeat: no-repeat;
      z-index: 0;
   }
   .first-section-items {
      align-items: flex-start;
      margin-top: 3rem;
   }
   .first-section .adv-items {
      gap: 20px 12px;
   }
   .first-section-items .adv-item {
      flex: 0 1 48%;
      order: 1;
   }
   .first-section-items .adv-item:nth-child(2) {
      order: 3;
   }
   .first-section-items .adv-item:last-child {
      order: 2;
      top: 102px;
      position: relative;
   }
   .first-section .button::after {
      left: auto;
      right: -12px;
   }
   .first-section-text h1 {
      line-height: 2.5rem;
   }
   .first-section .adv-item::before {
      border-radius: 30px 30px 0 0;
      top: -6px;
      height: 6px;
      width: 88%;
   }

   .about-section-wrapper {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 0;
   }
   .about-section-wrapper::before {
      background-position: top;
      background-size: cover;
   }
   .about-section-wrapper p {
      line-height: 1.375rem;
   }
   .about-section-flag {
      top: -15%;
      max-width: 240px;
      width: 38%;
   }
   .about-section-video::after {
      width: 105%;
      height: 103%;
      margin: 0;
      background-image: url('/wp-content/uploads/theme/video-bg-mob2.png');
      background-size: cover;
      background-position: bottom;
   }
   .about-section-video-block {
      margin-top: 30%;
      margin-bottom: 20%;
   }
   .about-section-items {
      margin-top: 80px;
   }

   .manager-section {
      padding-top: 30px;
   }
   .manager-section-map {
      bottom: -10%;
   }
   .manager-section-logo img {
      max-width: 450px;
      width: 100%;
   }
   .manager-section-items {
      gap: 12px;
   }
   .manager-section-items .adv-item img {
     width: 60px;
     height: auto;
   }
   .manager-section-center {
      order: 3;
      padding: 0;
      flex: 1 1 100%;
      width: 100%;
   }
   .manager-section-center .button {
      max-width: 100%;
      margin-top: 20px;
   }
   .manager-section .button::after {
      right: -14px;
   }

   .warranty-section {

   }
   .warranty-section-text {
      text-align: center;
   }
   .warranty-section-items .adv-item {
      flex: 1 1 48%;
      text-align: left;
   }
   .warranty-section-items .adv-item img {
      max-width: 60px;
   }
   .warranty-section-video {
      flex: 1 1 100%;
      margin: 1rem 0 0;
   }
   .warranty-section-video .button img {
      width: 36px;
      height: 24px;
   }

   .reviews-section {
      margin-top: -70px;
      padding-bottom: 40px;
   }
   .reviews-section-items {
      padding-bottom: 4rem;
   }
   .reviews-section-wrapper::before {
      top: 10%;
      right: -20%
   }
   .reviews-section-wrapper::after {
      bottom: 7%;
      left: -20%;
   }
   .icon-qoute {
      width: 32px;
      height: 32px;
   }

   .work-section-items {
      gap: 12px;
   }
   .work-section-items .adv-item {
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      padding: 0 20px 20px;
   }
   .work-section-items .adv-item-number div {
      width: 54px;
      height: 54px;
   }
   .work-section-items .adv-item-text {
      margin-top: -10px;
   }
   .work-flag {
      bottom: -3%;
   }

   .delivery-section-wrapper {
      padding-bottom: 60px;
   }
   .delivery-section-text {
      text-align: center;
   }
   .delivery-section .main-title {
      font-size: 1.5rem;
   }
   .delivery-section .delivery-img {
      width: 170%;
      max-width: 550px;
   }
   .delivery-section-button {
      margin-top: -10px;
   }

   .slick-slider .button {
      top: auto;
      bottom: 0;
   }
   .slick-slider .slick-next {
      right: 35%;
   }
   .slick-slider .slick-prev {
      left: 35%;
   }

   .site-footer {
      margin-top: -20px;
      text-align: center;
      padding-bottom: 16px;
   }
   .footer-info-logo {
      gap: 8px;
      text-align: center;
      border-bottom: 1px solid #D0F2FB;
      padding-bottom: 16px;
   }
   .footer-info-logo img {
      max-width: 120px;
   }
   .footer-info h5 {
      font-size: 1.25rem;
      padding: 0 3.75rem;
   }
   .footer-map {
      margin-top: 16px;
   }
   .footer-map-wrapper {
      margin-bottom: 16px;
   }
   .footer-map-wrapper::before {
      display: none;
   }
   .site-footer .header-whatsapp {
      text-align: left;
   }
   .footer-copyright {
      border-top: 1px solid #D0F2FB;
      padding-top: 16px;
      margin-top: 16px;
      width: 100%;
   }
   .button.back-top {
      padding: 12px 14px;
   }

   .quiz-form {
      min-height: 580px;
   }
   .form-step h3 {
      font-size: 1.25rem;
   }
   .quiz-messenger-radio {
      gap: 12px;
   }
   .quiz-messenger-radio label, .quiz-product-radio label {
      padding: 16px 20px;
   }
   .quiz-product-radio label {
      flex: 1 1 48%;
   }
   .quiz-name-input {
      gap: 0;
   }

   .form-step-success {
      text-align: center;
   }
   .form-step-success > img {
      max-width: 110px;
   }
   .form-step-success h2 {
      line-height: 2.25rem;
      margin-top: 1rem;
   }
   
}

@media (max-width: 743px) {
   .first-section {
      padding-bottom: 30px;
   }

   .about-section-items .adv-item {
      flex: 1 1 48%;
      max-width: 350px;
   }
   .about-section-items .adv-item:last-child {
      margin: 50px auto 0;
   }
   .about-section-items .adv-item:last-child::before {
      content: '';
      position: absolute;
      top: -30px;
      left: 150px;
      background-image: url('/wp-content/uploads/theme/fern4.png');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 120px;
      height: 140px;
      transform: rotate(20deg);
      z-index: -1;
  }
   .about-section-items h3 {
      margin-bottom: 4px;
   }
   .about-section-wrapper p {
      font-size: 0.75rem;
      line-height: 1.125rem;
   }
   .about-section-video p {
      font-size: 1rem;
   }

   .manager-section-map {
      left: -20px;
      bottom: 37%;
      width: 32%;
   }

   .warranty-section-items .adv-item {
      flex: 1 1 100%;
   }

   .quiz-form {
      margin-top: 2rem;
      margin-bottom: 1rem;
      min-height: auto;
   }
   .form-step {
      min-height: 430px;
   }
   .quiz-product-radio {
      gap: 12px;
   }
}

@media (max-width: 520px) {
   .top-line img:last-child {
      height: 40px;
   }
   .site-branding img {
      max-width: 108px;
   }
   .header-whatsapp {
      font-size: 0.875rem;
      line-height: normal;
   }
   .header-whatsapp .title-font {
      margin-right: -8px;
   }
   .first-section {
      padding-top: 160px;
   }
   .first-section-text h1 {
      line-height: 2rem;
      padding: 0 1.5rem;
   }
   .first-section .adv-item img {
      max-width: 80px;
   }
   .first-section-items .adv-item {
      top: -10px;
   }
   .first-section-items .adv-item:last-child {
      top: 62px;
   }
   .first-section-items .adv-item:nth-child(2) {
      top: -50px;
   }

   .about-section-wrapper {
      padding-top: 0;
   }
   .about-section-items .adv-item {
      max-width: 200px;
   }

   .adv-item {
      padding: 20px 5px;
   }
   .adv-item::after {
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px;
   }
   .adv-item h3 {
      line-height: 1.25rem;
   }

   .slick-slider .slick-next {
      right: 30%;
   }
   .slick-slider .slick-prev {
      left: 30%;
   }
   
   .about-section-video {
      margin-top: -7%;
   }
   .about-section-video-block {
      margin-top: 34%;
      margin-bottom: 22%;
   }
   .about-section-video-block img {
      max-width: 100px;
   }

   .footer-map-wrapper {
      padding-bottom: 100%;
      position: relative;
      width: 100%;
   }
   .footer-map-wrapper img {
      position: absolute;
      object-fit: cover;
      width: 100%;
      height: 100%;
   }

   button, .button {
      width: 100%;
   }
   .button.back-top,
   .slick-slider .button {
      width: auto;
   }

}