/*
Theme Name: Business Class Consolidator
Theme URI: #
Author: the Forinter team
Author URI: https://forinter.net/
Description: For all questions, please contact the developers by email <a href="mailto:info@forinter.net">info@forinter.net</a> or go to the website <a href="https://forinter.net" target="_blank">https://forinter.net</a>
Requires PHP: 7.3
Version: 1.1
Text Domain: 
Tags: custom theme for Business Class Consolidator, fly, airlines, forinter.net

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


*{
    --gold-color: #cc9577;
    --black-color: #010101;

    --value-1: 0.07vw;
    --value-5: 0.35vw;
    --value-8: 0.55vw;
    --value-10: 0.67vw;
    --value-12: 0.83vw;
    --value-15: 1.04vw;
    --value-16: 1.11vw;
    --value-20: 1.38vw;
    --value-25: 1.74vw;
    --value-30: 2.08vw;
    --value-40: 2.78vw;
    --value-50: 3.47vw;
    --value-60: 4.17vw;
    --value-70: 4.86vw;
    --value-80: 5.56vw;
    --value-90: 6.25vw;
    --value-100: 6.95vw;
    --value-120: 8.33vw;

    --font-10: 0.7vw;
    --font-12: 0.83vw;
    --font-14: 0.97vw;
    --font-16: 1.11vw;
    --font-18: 1.25vw;
    --font-24: 1.67vw;
    --font-32: 2.22vw;
    --font-64: 4.44vw;
    
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

body{
    margin:0;
    -webkit-tap-highlight-color:  transparent;  
    overflow-x:hidden; 
    font-family: 'Gilroy';
    background-color: #fff;
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    color: var(--black-color);
    font-size: var(--font-16);
    font-family: Gilroy,Verdana,Tahoma,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.33;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p{
    margin: 0 0 10px;
}

body.active{
    overflow: hidden;
}

a{  
    outline: inherit!important;
    color:var(--black-color);
    text-decoration: none;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover, a:focus {
    color: var(--gold-color);
    text-decoration: none;
}

img{
    max-width:100%;
    height:auto;
}

.typing>span {
    display: inline-block;
    transform:translate3d(0, 0, 0);
    opacity:1;
}

.typing:hover>span{
    opacity: 0;
    animation: typing cubic-bezier(0.275, 0, 0, 1) 0.4s;
    animation-fill-mode: forwards;
}

@keyframes typing{
    0%{
        opacity: 0;
        transform:translate3d(-6px, 0, 0);
    }
    100%{
        opacity: 1;
        transform:translate3d(0, 0, 0);
    }
}


.typing>span:nth-child(1){animation-delay:.05s;}
.typing>span:nth-child(2){animation-delay:.1s;}
.typing>span:nth-child(3){animation-delay:.15s;}
.typing>span:nth-child(4){animation-delay:.2s;}
.typing>span:nth-child(5){animation-delay:.25s;}
.typing>span:nth-child(6){animation-delay:.3s;}
.typing>span:nth-child(7){animation-delay:.35s;}
.typing>span:nth-child(8){animation-delay:.4s;}
.typing>span:nth-child(9){animation-delay:.45s;}
.typing>span:nth-child(10){animation-delay:.5s;}
.typing>span:nth-child(11){animation-delay:.55s;}
.typing>span:nth-child(12){animation-delay:.6s;}
.typing>span:nth-child(13){animation-delay:.65s;}
.typing>span:nth-child(14){animation-delay:.7s;}
.typing>span:nth-child(15){animation-delay:.75s;}
.typing>span:nth-child(16){animation-delay:.8s;}
.typing>span:nth-child(17){animation-delay:.85s;}
.typing>span:nth-child(18){animation-delay:.9s;}
.typing>span:nth-child(19){animation-delay:.95s;}
.typing>span:nth-child(20){animation-delay:1s;}
.typing>span:nth-child(21){animation-delay:1.05s;}
.typing>span:nth-child(22){animation-delay:1.1s;}
.typing>span:nth-child(23){animation-delay:1.15s;}
.typing>span:nth-child(24){animation-delay:1.2s;}
.typing>span:nth-child(25){animation-delay:1.25s;}
.typing>span:nth-child(26){animation-delay:1.3s;}
.typing>span:nth-child(27){animation-delay:1.35s;}
.typing>span:nth-child(28){animation-delay:1.4s;}
.typing>span:nth-child(29){animation-delay:1.45s;}
.typing>span:nth-child(30){animation-delay:1.5s;}


.grid-box{
    display: grid;
    grid-gap: var(--value-30);
    grid-auto-rows: min-content;
}

.flx{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.container{
    padding:0 var(--value-15);
    width: 100%;
    max-width: 91.7vw;
    margin:0 auto;
}

.rows{
    grid-auto-rows: min-content;
    display: grid;
    grid-gap: var(--value-50);
}

.title-box.sect-title {
    text-align: center;
    display: grid;
    grid-gap:1.5em;
    grid-auto-rows: min-content;
}

.title-box.sect-title .title{
    text-transform: uppercase;
    font-size: 1.125em;
    margin:0;
    font-weight: bold;
    letter-spacing: calc(var(--value-1) * 2);
    line-height: 1;   
}

.title-box.sect-title .title.with-line{
    position: relative;
    display: inline-flex;
    grid-gap: var(--value-15);
    align-items: center;
    margin-left: calc((var(--value-40) + var(--value-15)) * -1);
}

.title-box.sect-title .title.with-line::before{
    content: '';
    width: var(--value-40);
    height: var(--value-1);
    background: var(--gold-color);
    display: block;
}

.title-box.sect-title .section-subtitle {
    font-size: .875em;
    font-weight: normal;
    text-align: center;
    margin-bottom:0;
}

.sect{
    padding:80px 0;
}

header{
    position: fixed;
    top:0;
    left:0;
    transform: translateY(0%);
    width:100%;
    background-color: transparent;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    z-index: 999;
    padding: var(--value-20) 0;
    line-height: 1;
    color: #fff;
    font-weight: 600;
}

header.scroll{
    transform: translateY(-110%);
}

header .logo-box {
    width: 16.7vw;
    height: auto;
}

header .columns{
    grid-template-columns: 1fr auto 1fr;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

header .columns .service a{
    color:#fff;
    letter-spacing: calc(var(--value-1) * 2);
    text-transform: uppercase;
    transition: initial;
}

.menu-bt{
    width: var(--value-40);
    height: var(--value-40);
    outline: 0;
    cursor: pointer;
    background: none;
    display: block;
    position: relative;
}

.menu-bt .line {
    -moz-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    top: var(--value-15);
    display: block;
    position: absolute;
    left: 0;
    height: var(--value-1);
    width: 100%;
    opacity: 1;
    background: #fff;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-bt .line:last-child {
    width: 60%;
    bottom: var(--value-15);
    top: auto;
}


.menu-bt:hover .line {
    width: 60%;
    top: 50%;
    left:20%;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-bt:hover .line:nth-child(2n) {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left:20%;
}


.menu-bt.close_menu .line {
    width: 60%;
    top: 50%;
    left:20%;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #cc9577;
}

.menu-bt.close_menu .line:nth-child(2n) {
    -moz-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}



.menu-bt.close_menu:hover .line {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-box{
    position: fixed;
    z-index: 80;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f2ee;
    text-transform: uppercase;
}

.menu-box.open{
    top:0;
}

.menu-box .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
    overflow: auto;
}

.menu-box .nav-inner {
    width:100%;
    max-width: 46.67vw;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap:var(--value-50);
    justify-content: space-around;
}

.menu-box .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    letter-spacing: .9px;
    text-align: left;
    font-size: 2em;
    display: grid;
    grid-gap:.5em;
    grid-auto-rows: min-content;
}

.menu-box .menu .menu-item__link:hover, 
.menu-box .menu .menu-item__link.current {
    color: #cc9577;
}
.menu-box .menu .menu-item__link {
    color: #ccc;
    position: relative;
    cursor: pointer;
}
.menu-box .menu .menu-item__link:hover:after, .menu-item__link.current:after {
    width: 100%;
}
.menu-box .menu .menu-item__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #cc9577;
    width: 1em;
    height: 1px;
    -moz-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-box .nav-footer {
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 3em;
    text-align: center;
    color: #cc9577;
    line-height: 1;
}

.menu-box .nav-footer .numbers-label {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .15em;
    display: inline-block;
}

.menu-box .nav-footer .numbers-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-box .nav-footer .nb__item {
    margin: 1.5em 1.25em 0;
}

.menu-box .nav-footer a {
    color: #252f55;
    letter-spacing: .1em;
}

.menu-box .nav-footer .nb__number {
    font-size: 1.125em;
    font-weight: 500;
}

.menu-box .nav-footer .nb__country {
    font-size: .750em;
}

.menu-box .nav-footer .nb__label {
    font-size: 0.65em;
    padding-left: 2.5em;
    text-align: left;
    font-weight: 500;
    margin-top: var(--value-5);
    position: relative;
}

.menu-box .nav-footer .nb__label:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc((100% - var(--value-1)) / 2);
    display: block;
    height: var(--value-1);
    width: 1.875em;
    background: #cc9577;
}

header.menu-open .logo path,
header.active .logo path {
    fill: #cc9577;
}

header.active .menu-bt .line{
    background-color: #cc9577;
}

header .logo-box img{
    display: none;
}

header .logo-box svg{
    width:100%;
    height: auto;
}

header.menu-open .columns .service a,
header.active .columns .service a{
    color:#999;
}

header.active{
    background: #f7f2ee;  
    -webkit-box-shadow: 0px 0px 6px -2px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px -2px rgb(0 0 0 / 40%);  
}






header .right-col{
    display: flex;
    justify-content: flex-end;    
}

header .right-col>div{
    display: inline-grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: var(--value-70);
    align-items: center;
}

.header-phones {
    padding: 0.7em 2em 0.7em 1em;
    font-size: .9em;
    letter-spacing: 1.3px;
    position: relative;
    display: inline-grid;
    grid-gap:10px;
}

.header-phones::before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    border-radius: 1.2em;
    background: #fff;
    z-index: -1;
    transition: height cubic-bezier(0.275, 0, 0, 1) 0.1s;
}

.header-phones.active::before{
    height: 250%;
}

.header-phones .hp__number {
    font-weight: 600;
    white-space: nowrap;
}

.header-phones span {
    color: #001044;
}

.header-phones .hp__country {
    font-size: .7em;
}

.header-phones #phones_control {
    position: absolute;
    top: calc((100% - 1em) / 2);
    right: 0.5em;
    cursor: pointer;
    padding: 0.4em 0.4em 0.4em 2.5em;
    text-align: right;
}

.header-phones #phones_control span {
    display: block;
    width: var(--value-5);
    height: var(--value-5);
    border-right: var(--gold-color) 1px solid;
    border-top: var(--gold-color) 1px solid;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transition: transform 0.1s;
    -o-transition: transform 0.1s;
    -webkit-transition: transform 0.1s;
    transition: transform 0.1s;
}

.header-phones.active #phones_control span {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header-phones a{
    display: inline-grid;
    grid-gap:var(--value-5);
}

.header-phones a .header-phone__label{
    color: #cc9577;
    left: 0;
    padding-left: 3em;
    z-index: 1;
    font-size: .6em;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
}
.header-phones .header-phone__label:before {
    content: '';
    position: absolute;
    width: 2.5em;
    height: var(--value-1);
    background: #cc9577;
    left: 0;
    top: calc((100% - var(--value-1)) / 2);
}


.header-phones #header-phone2,
.header-phones #header-phone1 .header-phone__label{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.header-phones.active #header-phone1{
    position: relative;
}

.header-phones #header-phone1 .header-phone__label{
    top: calc(100% + var(--value-5));
    transition: transform cubic-bezier(0.275, 0, 0, 1) 0.3s, opacity cubic-bezier(0.275, 0, 0, 1) 0.15s;
    transform: translateY(-10px);
    transition-delay: .1s;
}

.header-phones.active #header-phone1 .header-phone__label{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}

.header-phones #header-phone2{
    left: 1em;
    top:calc(100% + var(--value-5) + var(--value-10));
    visibility: visible;
    transition: transform cubic-bezier(0.275, 0, 0, 1) 0.3s, opacity cubic-bezier(0.275, 0, 0, 1) 0.15s;
    transform: translateY(-10px);
    transition-delay: 0s;
}

.header-phones.active #header-phone2{
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s;
}

footer {
    color: #666666;
    background: #f7f7f7;
    font-size: .75em;
}

footer .section-content {
    max-width: 66.67vw;
    width:100%;
    margin:0 auto;
    padding: 0 var(--value-15);
}

footer .logos-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 31.95vw;
    max-width: 100%;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

footer .logos-list li {
    width: var(--value-50);
    text-align: center;
}

footer .footer-text {
    padding: var(--value-60) 0;
    font-size: var(--font-12);
    grid-gap:0;
    grid-template-columns: repeat(2, 1fr);
}

footer .footer-text__note {
    color: #ccc;
}

footer .foota__social {
    margin: 3em 0 1em;
}

footer .foota__social a {
    padding: 2em 2em 0 0;
    color: var(--gold-color);
    text-decoration: underline;
}

footer .copyright {
    background: #fff;
    padding: var(--value-30);
    text-align: center;
}

footer .foota__social a:hover {
    text-decoration: none;
}


.head-sect.sect{
    min-height: 100vh;
    position: relative;
    display: grid;
    padding-bottom:0;
}

.head-sect .container{
    grid-template-rows: 1fr auto;
    display: grid;
    grid-gap: var(--value-30);
}

.of-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.of-container img{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.head-sect .of-container:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.15;
    z-index: 1;
}

.head-sect .of-container img{
    object-position: top center; 
    transform: scale(1.15) translate3d(0, 0, 0);   
}

.head-sect.reveal--in-viewport .of-container img{
    transition: transform ease 2s;
    transform: scale(1) translate3d(0, 0, 0);
}


.head-sect .logos-list {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
        -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.head-sect .logos-list {
    transition-delay: 2.6s!important;
}

.head-sect.reveal--in-viewport .logos-list {
    transform: translate3d(0, 0, 0);
    transition: transform cubic-bezier(0.275, 0, 0, 1) 1.5s, opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    opacity: 1;
}

.logos-list .logos-list__item {
    max-height: var(--value-30);
    margin: var(--value-10);
    opacity: .8;
}

.logos-list .logos-list__item img {
    width: auto;
    height:auto;
    display: block;
    max-width: var(--value-120);
    max-height: var(--value-30);
    transition: transform ease .5s;
}

.logos-list .logos-list__item img:hover {
    transform: translate3d(0, -4px, 0);
}

.head-sect .section-footer{
    grid-template-columns: 1fr auto 1fr;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.head-sect .section-footer .slogan{
    color: #cc9577;
    text-transform: uppercase;
    font-size: .875em;
    letter-spacing: var(--value-1);
}

.head-sect .section-footer .m-scroll {
    font-size: .625em;
    transition: transform cubic-bezier(0.275, 0, 0, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition-delay: 3.6s;
    transform: translate3d(0, 40px, 0);
    transition-delay: 3s;
    opacity: 0;
    color:#fff;
    text-transform: uppercase;
    cursor: pointer;
}

.head-sect .section-footer .m-scroll .scrolling {
    display: block;
    height: 6em;
    margin-top: 0.625em;
    position: relative;
}

.head-sect .section-footer .m-scroll .scrolling:before {
    content: "";
    display: block;
    background: #fff;
    width: 1px;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
}

.head-sect .section-footer .m-scroll .scrolling:before {
    -webkit-animation: 2s ease-out 1s moveDown both infinite;
    -ms-animation: 2s ease-out 1s moveDown both infinite;
    -moz-animation: 2s ease-out 1s moveDown both infinite;
    -o-animation: 2s ease-out 1s moveDown both infinite;
    animation: 2s ease-out 1s moveDown both infinite;
}

@-webkit-keyframes moveDown{
    0%{height:0}
    100%{height:100%}
}

@-moz-keyframes moveDown{
    0%{height:0}
    100%{height:100%}
}

@-ms-keyframes moveDown{
    0%{height:0}
    100%{height:100%}
}

@-o-keyframes moveDown{
    0%{height:0}
    100%{height:100%}
}

@keyframes moveDown{
    0%{height:0}
    100%{height:100%}
}

.head-sect.reveal--in-viewport .section-footer .m-scroll {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.head-sect .section-block{
    height: 100%;
    display: grid;
    grid-gap: var(--value-50);
}

.head-sect .section-block .columns{
    grid-template-columns: 0.9fr 1fr 0.9fr;
    align-content: center;
    align-items: center;
    position: relative;
    margin-top:var(--value-30);
    grid-gap:var(--value-50);
}

.head-sect .form-body{
    background-color: #fff;
    grid-column-start: 2;
}

.head-sect .title-box .title{
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: var(--value-1);
    line-height: 1.2;
    margin: 0;
    color:#fff;
}




.head-sect .title-box .title i {
    display: inline-block;
    font-style: normal;
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}

.head-sect.reveal--in-viewport .title-box .title i {
    transform: translate3d(0, 0, 0);
    transition: transform cubic-bezier(0.275, 0, 0, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    opacity: 1;
}

.head-sect .title-box .title i:nth-of-type(1) {
    transition-delay: 1s;
}

.head-sect .title-box .title i:nth-of-type(2) {
    transition-delay: 1.1s;
}
.head-sect .title-box .title i:nth-of-type(3) {
    transition-delay: 1.2s;
}

.head-sect .section-block::before{
    content: '';
    transition: transform cubic-bezier(0.275, 0, 0, 1) 0.6s;
    transition-delay: 1s;
    z-index: 2;
    display: block;
    width: var(--value-1);
    height: 100px;
    height: 12vh;
    top: 10vh;
    margin-left: calc((100% - var(--value-1)) / 2);
    background: #fff;
    transform: scaleY(0) translate3d(0, 0, 0);
    transform-origin: 50% 0;
}


.head-sect.reveal--in-viewport .section-block::before {
    transform: scaleY(1) translate3d(0, 0, 0);
}

.head-sect .section-block::before {
    transition-delay: .1s;
}

.head-sect .section-block .form-body{
    position: relative;
    transition: transform 0, opacity 0, margin-left 0, height 0;
    transition-delay: 0;
    transform: translate3d(0, 80px, 0);
    opacity: 0;
    transition-delay: .6s;
}

.head-sect.reveal--in-viewport .section-block .form-body {
    transition: transform cubic-bezier(0.275, 0, 0, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s,margin-left cubic-bezier(0.275, 0, 0, 1) 0.6s,height cubic-bezier(0.275, 0, 0, 1) 1s;
    transition-delay: 1.6s, 1.6s, 0s, .3s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.head-sect .section-block .form-body::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(img/affirm.svg);
    background-repeat: no-repeat; 
    background-size: 100%;
    width: 6.64vw;
    height: 6.64vw;
    margin-top: -4.82vw;
    margin-right: -4.82vw;
    right: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
    transition: transform cubic-bezier(0.275, 0, 0, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition-delay: 1s;
}

.head-sect.reveal--in-viewport .section-block .form-body:before {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}












.deals-list .owl-stage{
    display: flex;
    overflow: hidden;
    width: 100%;
}

.deals-list .owl-stage-outer{
    overflow: hidden;
    width: calc(91.7vw - var(--value-15) * 2);
}

.owl-carousel .disabled{
    display: none;
}

.deals-list .deal-unit {
    background-color: #f7f2ee;
    line-height: 1;
    border-radius: 0 20% 0 0;
    color: #000;
}

.deals-list .owl-item .deal-unit {
    -moz-transition: border-radius cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: border-radius cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: border-radius cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: border-radius cubic-bezier(0.275, 0, 0, 1) 1.25s;
}

.deals-list .owl-item .deal-unit:hover {
    border-radius: 0;
}

.deals-list .deal__inner {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    text-transform: uppercase;
    letter-spacing: .4px;
    position: relative;
}

.deals-list .deal__content {
    max-width: 80%;
    position: absolute;
    z-index: 2;
    right: 1em;
    top: 2.8em;
}

.deals-list .deal__title {
    font-weight: bold;
    font-size: 2.25em;
    margin: 0 0 10px 0;
    color: #001044;
}

.deals-list .deal__subtitle {
    font-size: .75em;
    font-weight: 500;
    margin-bottom: 0.75em;
}

.deals-list .deal__price {
    font-weight: bold;
    font-size: 2.75em;
    color: var(--gold-color);
}

.deals-list .deal__price span {
    font-size: .35em;
    vertical-align: top;
    padding-left: 6px;
    padding-top: 0.25em;
    display: inline-block;
}

.deals-list .deal__image {
    z-index: 1;
    padding-top: 10%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}

.deals-list .deal__image img {
    width: 160% !important;
    max-width: 160%;
}

.deals-list .owl-item .deal__image img {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(-20%, 0, 0);
    -o-transform: translate3d(-20%, 0, 0);
    -ms-transform: translate3d(-20%, 0, 0);
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    transform-origin: 0 100%;
    opacity: 0;
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

.deals.reveal--in-viewport .deals-list .owl-item.active .deal__image img {
    -moz-transform: translate3d(-40%, 0, 0);
    -o-transform: translate3d(-40%, 0, 0);
    -ms-transform: translate3d(-40%, 0, 0);
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    opacity: 1;
}

.deals.reveal--in-viewport .deals-list .owl-item.active .deal-unit:hover .deal__image img {
    -moz-transform: translate3d(-38%, 0, 0);
    -o-transform: translate3d(-38%, 0, 0);
    -ms-transform: translate3d(-38%, 0, 0);
    -webkit-transform: translate3d(-38%, 0, 0);
    transform: translate3d(-38%, 0, 0);
}

.deals-list .owl-item .deal__title {
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.deals-list .owl-item .deal__subtitle {
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.deals-list .owl-item .deal__price {
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.deals-list .owl-item .deal__title, 
.deals-list .owl-item .deal__subtitle, 
.deals-list .owl-item .deal__price {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -moz-transform: translate3d(40px, 0, 0);
    -o-transform: translate3d(40px, 0, 0);
    -ms-transform: translate3d(40px, 0, 0);
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
    opacity: 0;
}

.deals.reveal--in-viewport .deals-list .owl-item.active .deal__title, 
.deals.reveal--in-viewport .deals-list .owl-item.active .deal__subtitle, 
.deals.reveal--in-viewport .deals-list .owl-item.active .deal__price {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.deals-list .owl-dots {
    width: 100%;
    text-align: center;
    margin-top:var(--value-40);
}

.deals-list .owl-dots button.owl-dot {
    display: inline-flex;
    position: relative;
    background-color: transparent;
    width: var(--value-40);
    height: var(--value-20);
    color: inherit;
    border: none;
    padding: 0;
    font-size: 0;
    margin: 0 var(--value-10);
    outline: inherit;
    align-items: center;
}

.deals-list .owl-dots button.owl-dot::before{
    content: '';
    width:100%;
    height:var(--value-1);
    background-color: #e8e8e8;
    position: absolute;
    left:0;
    top:calc((100% - var(--value-1)) / 2);
}

.deals-list .owl-dots button.owl-dot span {
    width: 0;
    height: var(--value-1);
    display: block;
    background: var(--gold-color);
    z-index: 1;
}

.deals-list .owl-dots button.owl-dot.active span {
    -moz-transition: width 5s;
    -o-transition: width 5s;
    -webkit-transition: width 5s;
    transition: width 5s;
    width: 100%;
}

.deals-list{
    position: relative;
}

.deals-list .owl-nav .owl-prev, 
.deals-list .owl-nav .owl-next {
    position: absolute;
    z-index: 3;
    padding: 0;
    background: none;
    color: inherit;
    border: none;
    font-size: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.deals-list .owl-nav .owl-prev, 
.deals-list .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    width: 7.8%;
    z-index: 2;
    overflow: hidden;
}

.deals-list .owl-nav .owl-next{
    cursor: url(img/arrow_right.png) 33 4,auto;
    right:0;
}

.deals-list .owl-nav .owl-prev {
    left: 0;
    cursor: url(img/arrow_left.png) 33 4,auto;
}


.sect.what_we_do {
    color: #fff;
    text-align: center;
    letter-spacing: calc(var(--value-1) * 2);
    padding: var(--value-40) 0;
    grid-gap:var(--value-50);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.what_we_do .title-box.sect-title .title {
    color: var(--gold-color);
}

.what_we_do:before, .what_we_do:after {
    content: '';
    transition: opacity .6s, width .6s;
    z-index: 2;
    display: block;
    width: var(--value-1);
    background: #fff;
    opacity: 1;
}

.what_we_do:before{    
    height: 7.78vw;
}

.what_we_do:after {
    height: 5vw;
}

.what_we_do::before, 
.what_we_do::after {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -moz-transform: scaleY(0) translate3d(0, 0, 0);
    -o-transform: scaleY(0) translate3d(0, 0, 0);
    -ms-transform: scaleY(0) translate3d(0, 0, 0);
    -webkit-transform: scaleY(0) translate3d(0, 0, 0);
    transform: scaleY(0) translate3d(0, 0, 0);
    transform-origin: 50% 0;
}

.what_we_do.reveal--in-viewport::before, 
.what_we_do.reveal--in-viewport::after {
    -moz-transform: scaleY(1) translate3d(0, 0, 0);
    -o-transform: scaleY(1) translate3d(0, 0, 0);
    -ms-transform: scaleY(1) translate3d(0, 0, 0);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
}

.what_we_do .text-box{
    max-width:52.8vw;
    margin:0 auto;
    display: inline-block;
}

.what_we_do p {
    line-height: 1.5;
    max-width: 100%;
    margin: 0 auto var(--value-30);
    letter-spacing: .8px;
}

.what_we_do p:last-child{
    margin-bottom:0;
}

.what_we_do .title-box.sect-title .title, 
.what_we_do p, 
.what_we_do .btn-wrap {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, 80px, 0);
    -o-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}


.what_we_do .title-box.sect-title .title {
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.what_we_do p:nth-of-type(1) {
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.what_we_do p:nth-of-type(2) {
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.what_we_do .btn-wrap {
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}


.what_we_do.reveal--in-viewport .title-box.sect-title .title, 
.what_we_do.reveal--in-viewport p, 
.what_we_do.reveal--in-viewport .btn-wrap {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.what_we_do .of-container img{
    object-position: left center;
    height: 130%;
}

.what_we_do .container{
    position: relative;
}

.what_we_do .container::before {
    content: '';
    display: block;
    width: 29.59vw;
    height: 47.36vw;
    background-image: url(img/logo_el__white.svg);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    left: calc((100% - 29.59vw) / 2);
    top: calc((100% - 47.36vw) / 2);
    z-index: -1;
    opacity: .15;
    animation: 15s linear 0s pulse both infinite;
}

@-webkit-keyframes pulse{
    0%{opacity:.15}
    50%{opacity:0}
    70%{opacity:0}
    100%{opacity:.15}
}
@keyframes pulse{
    0%{opacity:.15}
    50%{opacity:0}
    70%{opacity:0}
    100%{opacity:.15}
}

.what_we_do .of-container:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.btn {
    display: inline-block;
    background: var(--gold-color);
    border: var(--gold-color) 1px solid;
    border-radius: 1.75em;
    text-align: center;
    font-size: .875em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    padding: 1.125em 3.375em;
    text-transform: uppercase;
    white-space: nowrap;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-trans_white {
    background: rgba(0,0,0,0.2);
    border-color: #fff;
    color: #fff;
}

.btn:hover, 
.btn:active, 
.btn.nice-select.open {
    color: #cc9577;
    background: #fff;
}

.btn-trans_white:hover, 
.btn-trans_white:active, 
.btn-trans_white.nice-select.open {
    border-color: #cc9577;
    color: #cc9577;
    background: rgba(0,0,0,0.5);
}

.how_it_works {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.how_it_works .hiw-before, 
.how_it_works .hiw-after {
    content: '';
    display: block;
    width: 45vw;
    height: 75vw;
    background-image: url(img/logo_el.svg);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    left: -20vw;
    top: -30vw;
    opacity: .1;
    z-index: -2;
}

.how_it_works .hiw-after {
    left: auto;
    top: auto;
    right: -25vw;
    bottom: -45vw;
}

.how_it_works .title-box.sect-title{
    justify-content: center;
}

.how_it_works .steps-list {
    margin: var(--value-30) 0 var(--value-10);
    padding: 0;
    list-style: none;
    grid-gap:0;
    grid-template-columns: repeat(4, 1fr);
}

.how_it_works .step {
    font-size: 1.125em;
}

.how_it_works .step-label {
    text-transform: uppercase;
    color: #cc9577;
    font-weight: bold;
    margin-bottom: var(--value-70);
}

.how_it_works .step-icon:before, 
.how_it_works .step-icon:after {
    content: '';
    display: block;
    position: absolute;
    height: var(--value-1);
    background: #cc9577;
    top: calc((100% - var(--value-1)) / 2);
    width: calc(50% - var(--value-80));
    z-index: 0;
    left: 0;
}

.how_it_works .step-icon:after {
    right: 0;
    left: auto;
}

.how_it_works .step-icon .img-box{
    width:var(--value-80);
    height:var(--value-80);
    padding:var(--value-25);
    display: flex;
    align-content: center;
    background-color: #EFEFEF;
    border-radius:50%;    
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}

.how_it_works .step-title {
    padding: 0px var(--value-40);
    letter-spacing: 0.45px;
    color: #001044;
}


.how_it_works .title-box.sect-title .title {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, var(--value-80), 0);
    -o-transform: translate3d(0, var(--value-80), 0);
    -ms-transform: translate3d(0, var(--value-80), 0);
    -webkit-transform: translate3d(0, var(--value-80), 0);
    transform: translate3d(0, var(--value-80), 0);
    opacity: 0;
}

.how_it_works .step-label {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, calc(var(--value-60) * -1), 0);
    -o-transform: translate3d(0, calc(var(--value-60) * -1), 0);
    -ms-transform: translate3d(0, calc(var(--value-60) * -1), 0);
    -webkit-transform: translate3d(0, calc(var(--value-60) * -1), 0);
    transform: translate3d(0, calc(var(--value-60) * -1), 0);
    opacity: 0;
}

.how_it_works .step-icon{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom:var(--value-20);
}

.how_it_works .step-icon .img-box img{
    width:100%;
    height: auto;

}

.how_it_works .step-icon:before, 
.how_it_works .step-icon:after {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -moz-transform: translate3d(0, 0, 0) scaleX(0);
    -o-transform: translate3d(0, 0, 0) scaleX(0);
    -ms-transform: translate3d(0, 0, 0) scaleX(0);
    -webkit-transform: translate3d(0, 0, 0) scaleX(0);
    transform: translate3d(0, 0, 0) scaleX(0);
    transform-origin: 100% 50%;
}

.how_it_works .step-title {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    opacity: 0;
}

.how_it_works .step:nth-child(1) .step-title, 
.how_it_works .step:nth-child(1) .step-label, 
.how_it_works .step:nth-child(1) .step-label:after, 
.how_it_works .step:nth-child(1) .step-icon .img-box{
    transition-delay: .5s;
}

.how_it_works .step:nth-child(2) .step-title, 
.how_it_works .step:nth-child(2) .step-label, 
.how_it_works .step:nth-child(2) .step-label:after, 
.how_it_works .step:nth-child(2) .step-icon .img-box{
    transition-delay: 1s;
}

.how_it_works .step:nth-child(3) .step-title, 
.how_it_works .step:nth-child(3) .step-label, 
.how_it_works .step:nth-child(3) .step-label:after, 
.how_it_works .step:nth-child(3) .step-icon .img-box{
    transition-delay: 1.5s;
}

.how_it_works .step:nth-child(4) .step-title, 
.how_it_works .step:nth-child(4) .step-label, 
.how_it_works .step:nth-child(4) .step-label:after, 
.how_it_works .step:nth-child(4) .step-icon .img-box{
    transition-delay: 2s;
}

.how_it_works.reveal--in-viewport .title-box.sect-title .title, 
.how_it_works.reveal--in-viewport .step-title, 
.how_it_works.reveal--in-viewport .step-label, 
.how_it_works.reveal--in-viewport .btn {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.how_it_works.reveal--in-viewport .step-icon .img-box {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

.how_it_works.reveal--in-viewport .step-icon:before, 
.how_it_works.reveal--in-viewport .step-icon:after {
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}


.how_it_works .step:nth-child(1) .step-icon::before,
.how_it_works .step:nth-child(4) .step-icon::after{
    display: none;
}

.how_it_works .step-icon:before {
    transform-origin: 0 50%;
}

.sect.contacts{
    background-color:#f7f7f7;
    padding:var(--value-50) 0;
}
.contacts .top-box{
    text-align: center;
}

.contacts .top-box .title-box.sect-title{
    justify-content: center;
}

.contacts .form {
    font-size: var(--font-14);
    font-weight: 400;
    letter-spacing: 0.35px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:var(--value-40);
}

.contacts .section-text{
    font-size: var(--font-14);
    letter-spacing: 0.35px;
    text-align: center;
}

.contacts .section-text p{
    margin-bottom:0;
}

.contacts .section-text .title{
    margin-bottom: var(--value-20);
    font-size: var(--font-16);
    letter-spacing: 0.35px;
}

.contacts .container {
    max-width: 64.59vw;
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, 80px, 0);
    -o-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}

.contacts.reveal--in-viewport .container{
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.form-body{
    grid-gap: var(--value-15);
}

.form-body .form-item input, .form-body .form-item textarea {
    width: 100%;
    padding: 1.25em;
    border: none;
    background: transparent;
    line-height: 1.15;
    margin: 0;
    border: var(--value-1) solid transparent;
}

.form-body .form-item textarea{
    height: 4.65vw;
    min-height: 4.65vw;
    resize: vertical;
}

.form-body .form-item input,
.form-body .form-item textarea{
    outline: inherit;
}

.contact-form .form-item {
    width: 100%;
    border: #e8e8e8 var(--value-1) solid;
}

.form-body .form-item {
    background: #fff;
}

.form-body button {
    width: 100%;
    height: 3.75em;
    border: none;
    border-radius: 0;
    line-height: 3.75em;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background-color: #cc9577;
    border: #cc9577 var(--value-1) solid;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: var(--value-1);
    padding-top: var(--value-1);
    outline: inherit;
}

.contact-form textarea {
    width: 100%;
    font-size: 1em;
    resize: vertical;
}

.form-body .hidden{
    display: none;
}

.toggle-switchy .wpcf7-list-item-label{
    display: inline-grid;
    align-items: center;
    user-select: none;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    grid-template-columns: auto auto;
    grid-gap:var(--value-10);
    color: #8a8a8a;
    font-weight: bold;
}

.toggle-switchy input {
    position: absolute;
    opacity: 0;
}

.toggle-switchy .wpcf7-list-item{
    cursor: pointer;
    margin:0;
}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after{
    display: none;
}

.toggle-switchy .toggle{
    background: #ccc;
    border-radius: var(--value-50);
    position: relative;
    height: 2.43vw;
    width: 5.42vw;
}

.toggle-switchy .toggle::before{
    content: 'on';
    left:0;
    opacity: 0;
}

.toggle-switchy .toggle::after{
    content: 'off';
    right:0;
    opacity: 1;
}

.toggle-switchy .toggle::before,
.toggle-switchy .toggle::after{
    transition: all 200ms linear;
    font-size: 1rem;
    position: absolute;
    display: inline-flex;
    align-items: center;
    align-content: center;
    height:100%;
    top:0;
    color:#fff;
    text-transform: uppercase;
    padding: 0 var(--value-10);
    font-weight: 400;
}

.toggle-switchy .toggle .switch{
    position: absolute;
    width: 2.01vw;
    height: 2.01vw;
    top: calc(var(--value-1) * 3);
    left: calc(var(--value-1) * 3);
    background-color: #fff;
    border-radius: 50%;
    transition: all 190ms linear;
}

.toggle-switchy .wpcf7-list-item.active .toggle .switch{
    left: calc(100% - var(--value-1) * 3 - 2.01vw);
}

.toggle-switchy .wpcf7-list-item.active .toggle::before{
    opacity: 1;
}

.toggle-switchy .wpcf7-list-item.active .toggle::after{
    opacity: 0;
}

.toggle-switchy .wpcf7-list-item.active .toggle{
    background-color: var(--gold-color);
}

.wpcf7 form .wpcf7-response-output, 
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.sent .wpcf7-response-output{
    margin: 0;
    padding: var(--value-15);
    border: none;
    margin-top:var(--value-15);
    font-size:var(--font-12);
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    background-color: rgb(195 34 34 / 30%);
}

.wpcf7 form .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
    background-color: rgb(70 180 80 / 29%);
}

.form-body .form-item p:last-child{
    margin:0;
}

.form-body .form-item .wpcf7-not-valid-tip{
    display: none;
}

.form-body .form-item input.not-valide{
    border-color: rgb(195 34 34 / 48%);
}




.contacts .form-text,
.contacts .form-text>div{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-rows: initial;
}

.contacts .form-text .item-title, 
.contacts .form-text .phone, 
.contacts .form-text .mail {
    color: #cc9577;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

.contacts .form-text p{
    margin:0;
}

.time-converter__info {
    text-align: center;
    color: #fff;
    overflow: hidden;
    letter-spacing: 2px;
    padding: 6vh 0;
    display: grid;
    grid-gap:var(--value-40);
    position: relative;
    justify-content: center;
}

.time-converter__info .title-box.sect-title .title{
    color:var(--gold-color);
}

.time-converter__info .container{
    grid-gap:var(--value-40);
}

.time-converter__info:before, 
.time-converter__info:after {
    content: '';
    z-index: 2;
    display: block;
    width: var(--value-1);
    background: #fff;
    opacity: 1;
    margin-left:calc((100% - var(--value-1)) / 2);
}


.time-converter__info:before{
    height: var(--value-120);

}

.time-converter__info:after {
    height: var(--value-80);
}

.time-converter__info:before, 
.time-converter__info:after {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
    -moz-transform: scaleY(0) translate3d(0, 0, 0);
    -o-transform: scaleY(0) translate3d(0, 0, 0);
    -ms-transform: scaleY(0) translate3d(0, 0, 0);
    -webkit-transform: scaleY(0) translate3d(0, 0, 0);
    transform: scaleY(0) translate3d(0, 0, 0);
    transform-origin: 50% 0;
}

.time-converter__info.reveal--in-viewport:before, 
.time-converter__info.reveal--in-viewport:after {
    -moz-transform: scaleY(1) translate3d(0, 0, 0);
    -o-transform: scaleY(1) translate3d(0, 0, 0);
    -ms-transform: scaleY(1) translate3d(0, 0, 0);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0);
}


.time-converter__info .ti-wheel {
    width: 31.95vw;
    height: 31.95vw;
    display: block;
    position: absolute;
    background-image: url(img/converter/wheel.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: calc(50% - 15.98vw);
    opacity: 0;
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transition-delay: 1.5s,0.5s;
    -o-transition-delay: 1.5s,0.5s;
    -webkit-transition-delay: 1.5s,0.5s;
    transition-delay: 1.5s,0.5s;
}

.time-converter__info .ti-wheel__left {
    left: calc(15.98vw * -1);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.time-converter__info .ti-wheel__right {
    right: calc(15.98vw * -1);
}

.time-converter__info.reveal--in-viewport .ti-wheel__left {
    opacity: 1;
    -moz-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
}

.time-converter__info.reveal--in-viewport .ti-wheel__right {
    opacity: 1;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.time-converter__info .title-box.sect-title .title, 
.time-converter__info .section-subtitle, 
.time-converter__info .btn-wrap {
    -moz-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -o-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -webkit-transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s,opacity cubic-bezier(0.275, 0, 0, 1) 1.25s;
    -moz-transform: translate3d(0, 80px, 0);
    -o-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    opacity: 0;
}

.time-converter__info.reveal--in-viewport .title-box.sect-title .title, 
.time-converter__info.reveal--in-viewport .section-subtitle, 
.time-converter__info.reveal--in-viewport .btn-wrap {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.time-converter__info .title-box.sect-title .title{
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.time-converter__info .section-subtitle {
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.time-converter__info .btn-wrap {
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}