html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    border:0;
    font:inherit;
    margin:0;
    padding:0;
    vertical-align:baseline
}
body{
    line-height:1
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote::before,blockquote::after,q::before,q::after{
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
*:focus{
    outline:0
}
*{
    box-sizing:border-box
}
*:before,*:after{
    box-sizing:border-box
}
a{
    color:inherit;
    text-decoration:none;
    transition:all .25s
}
a:hover{
    color:#98bc40
}
body{
    color:#000;
    font:16px/1.5 "Open Sans",sans-serif;
    display:flex;
    flex-direction:column;
    min-height:100vh
}
button{
    color:inherit;
    cursor:pointer;
    font:16px/1.5 "Open Sans",sans-serif;
    transition:all .25s
}
h1{
    font:70px/1.25 "Veneer Two",sans-serif
}
h2{
    font:48px/1.25 "Veneer Two",sans-serif
}
h3{
    font:36px/1.38 "Veneer Two",sans-serif
}
html{
    scroll-behavior:smooth
}
img{
    max-width:100%
}
input{
    color:#000;
    font:16px/1 "Open Sans",sans-serif
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield;
    -webkit-appearance:textfield;
    appearance:textfield
}
label{
    cursor:pointer
}
small{
    font-size:85%
}
textarea{
    color:#000;
    cursor:pointer;
    font:16px/1 "Open Sans",sans-serif
}
@media(max-width: 1399px){
    h1{
        font-size:50px
    }
    h2{
        font-size:36px
    }
    h3{
        font-size:28px
    }
}
@media(max-width: 991px){
    h1{
        font-size:36px
    }
    h2{
        font-size:28px
    }
    h3{
        font-size:24px
    }
}
.basic{
    display:grid;
    font-size:22px;
    gap:180px;
    grid-template-columns:1fr 1fr;
    justify-content:center;
    padding:118px 5vw 70px
}
.basic figure{
    display:flex;
    font-weight:300;
    margin:1em 0
}
.basic figure>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.basic h2{
    margin:1.5em 0 1em
}
.basic h2:first-child{
    margin-top:1em
}
.basic p{
    font-weight:300;
    margin:1em 0
}
.basic__buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:2em 0 1em
}
.basic__buttons-item{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px
}
.basic__buttons-item:hover{
    background:#eb8125;
    color:#fff
}
.basic__buttons-item--secondary{
    background:#eb8125;
    color:#fff
}
.basic__buttons-item--secondary:hover{
    background:#98bc40
}
.basic__buttons-item--white{
    background:#fff;
    color:#eb8125
}
.basic__buttons-item--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .basic__buttons-item{
        font-size:20px;
        padding:17px 30px 18px
    }
    .basic__buttons-item--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .basic__buttons-item{
        font-size:18px;
        padding:18px 22px 19px
    }
}
@media(max-width: 1399px){
    .basic{
        font-size:18px;
        gap:40px 100px;
        padding-top:80px
    }
}
@media(max-width: 991px){
    .basic{
        grid-template-columns:minmax(0, 750px);
        padding-bottom:50px;
        padding-top:50px
    }
}
@media(max-width: 767px){
    .basic{
        font-size:16px;
        gap:20px;
        padding-bottom:20px;
        padding-top:20px
    }
}
.benefits{
    padding-bottom:100px;
    padding-top:100px
}
.benefits--bg-bottom{
    background:linear-gradient(to top, #f1f1f1 150px, transparent 150px);
    padding-bottom:0
}
.benefits__article{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    font-size:22px;
    font-weight:300;
    gap:47px;
    padding-left:5vw;
    padding-right:5vw
}
.benefits__article p{
    font-weight:300;
    line-height:1.75
}
.benefits__article--small{
    padding:0
}
@media(min-width: calc(1199px + 1px)){
    .benefits__article--small{
        font-size:18px;
        gap:15px;
        padding-top:40px
    }
    .benefits__article--small .benefits__row{
        font-size:15px;
        gap:25px
    }
    .benefits__article--small .benefits__strong{
        font-size:36px
    }
}
.benefits__article--padding-top{
    padding-top:93px
}
.benefits__grid{
    display:grid;
    gap:50px 0;
    grid-template-columns:calc(50% - 90px) 1fr
}
.benefits__more{
    background:url("../img/more.svg") no-repeat right center;
    color:#eb8125;
    font:24px/1 "Veneer Two",sans-serif;
    padding-right:95px
}
.benefits__more:hover{
    color:#eb8125;
    filter:saturate(90%) hue-rotate(50deg) brightness(140%) contrast(60%)
}
@media(max-width: 991px){
    .benefits__more{
        font-size:20px
    }
}
.benefits__row{
    display:flex;
    font-size:18px;
    gap:40px;
    justify-content:space-between;
    line-height:1;
    margin-bottom:28px;
    margin-top:10px
}
.benefits__strong{
    color:#eb8125;
    flex:1 0 0;
    font:55px "Veneer Two",sans-serif
}
.benefits__strong::after{
    border-bottom:1px solid #3d3d3d;
    content:"";
    display:block;
    margin:27px 0 5px;
    width:70px
}
.benefits__strong sup{
    line-height:.5
}
.benefits__video{
    font-size:18px;
    position:relative;
    text-transform:uppercase
}
.benefits__video:hover .benefits__video-icon{
    padding:0
}
.benefits__video-icon{
    background:rgba(255,255,255,.2);
    border-radius:50%;
    display:grid;
    height:180px;
    margin-bottom:47px;
    padding:20px;
    position:relative;
    transition:all .25s;
    width:180px
}
.benefits__video-icon::after{
    border-bottom:16px solid rgba(0,0,0,0);
    border-left:30px solid #98bc40;
    border-top:16px solid rgba(0,0,0,0);
    bottom:0;
    content:"";
    height:0;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:0
}
.benefits__video-icon::before{
    background:#fff;
    border-radius:50%;
    content:"";
    height:100%;
    width:100%
}
.benefits__video-image{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    width:100%
}
.benefits__video-text{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:linear-gradient(transparent, #000);
    color:#fff;
    flex-direction:column;
    gap:20px;
    height:100%;
    padding:20px;
    position:relative
}
@media(min-width: 1399px){
    .benefits__video-title{
        font-size:55px
    }
}
@media(max-width: 991px){
    .benefits__video{
        font-size:16px;
        height:500px
    }
    .benefits__video-icon{
        height:120px;
        margin-bottom:10px;
        padding:10px;
        width:120px
    }
}
@media(max-width: 1399px){
    .benefits__article{
        font-size:18px;
        gap:20px
    }
    .benefits__article--small{
        padding-top:0
    }
    .benefits__article--padding-top{
        padding-top:40px
    }
    .benefits__strong{
        font-size:36px
    }
}
@media(max-width: 991px){
    .benefits{
        padding-bottom:0;
        padding-top:50px
    }
    .benefits--bg-bottom{
        background:linear-gradient(to top, #f1f1f1 650px, transparent 650px)
    }
    .benefits__article{
        grid-row-start:1;
        padding:0 5vw
    }
    .benefits__article--small{
        padding:0
    }
    .benefits__grid{
        grid-template-columns:none
    }
    .benefits__map{
        max-width:400px
    }
    .benefits__row{
        font-size:16px
    }
}
@media(max-width: 767px){
    .benefits__row{
        font-size:14px;
        gap:20px
    }
    .benefits__strong{
        font-size:25px
    }
    .benefits__strong::after{
        margin-top:10px
    }
}
.calculation{
    background:#98bc40;
    color:#fff;
    padding:67px 70px 30px
}
.calculation h1{
    margin-bottom:13px
}
.calculation h3{
    font-size:30px
}
.calculation textarea{
    border:1px solid #e3e3e3;
    color:#212121;
    display:block;
    padding:17px 20px;
    width:100%
}
.calculation textarea::-moz-placeholder{
    color:#212121;
    opacity:1
}
.calculation textarea::placeholder{
    color:#212121;
    opacity:1
}
.calculation__box{
    background:#fff;
    color:#212121;
    margin:53px 0 40px;
    padding:35px 40px 40px
}
.calculation__box--inactive{
    background:rgba(0,0,0,0);
    border:2px dashed rgba(255,255,255,.5);
    color:rgba(255,255,255,.75);
    margin-bottom:20px;
    margin-top:0;
    padding-bottom:30px;
    padding-top:28px
}
.calculation__box--inactive h2{
    font-size:30px;
    margin-bottom:0
}
.calculation__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px;
    margin-top:40px
}
.calculation__button:hover{
    background:#eb8125;
    color:#fff
}
.calculation__button--secondary{
    background:#eb8125;
    color:#fff
}
.calculation__button--secondary:hover{
    background:#98bc40
}
.calculation__button--white{
    background:#fff;
    color:#eb8125
}
.calculation__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .calculation__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .calculation__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .calculation__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.calculation__file{
    border:2px dashed #e3e3e3;
    margin-bottom:40px
}
.calculation__file input{
    display:none
}
.calculation__file label{
    align-items:center;
    background:url("../img/form-file.svg") no-repeat 25px center;
    display:flex;
    gap:33px 10px;
    min-height:76px;
    padding:5px 20px 5px 75px
}
.calculation__file-button{
    color:#eb8125;
    cursor:pointer;
    font:24px "Veneer Two",sans-serif;
    text-align:right;
    transition:all .25s
}
.calculation__file-button:hover{
    color:#98bc40
}
.calculation__file-text{
    flex-grow:1;
    font-size:18px;
    font-weight:bold
}
.calculation__grid{
    display:grid;
    gap:20px;
    grid-template-columns:repeat(4, 1fr);
    margin:36px 0 40px
}
.calculation__header{
    font-size:20px
}
.calculation__item{
    align-items:center;
    border:1px solid #e3e3e3;
    display:flex;
    flex-direction:column;
    font-size:18px;
    font-weight:bold;
    gap:33px;
    padding:40px 20px 0;
    text-align:center
}
.calculation__item--inactive{
    background:#f1f1f1;
    border-color:#f1f1f1;
    color:rgba(33,33,33,.25)
}
.calculation__item--inactive .calculation__icon{
    filter:grayscale(1);
    opacity:.75
}
.calculation__item--inactive .calculation__item-check,.calculation__item--inactive .calculation__item-group{
    opacity:0
}
.calculation__item-check{
    border-top:1px solid #e3e3e3;
    margin:auto -20px 0;
    width:calc(100% + 40px)
}
.calculation__item-check input{
    display:none
}
.calculation__item-check input:checked+label span{
    background:#98bc40;
    color:#fff
}
.calculation__item-check input:checked+label span:first-child{
    background:#fff;
    color:#212121
}
.calculation__item-check label{
    background:#e3e3e3;
    display:flex;
    gap:1px;
    height:55px;
    color:#7a7a7a;
    font-size:16px;
    font-weight:normal;
    width:100%
}
.calculation__item-check label span{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:#fff;
    color:#212121;
    flex-grow:1;
    text-align:center
}
.calculation__item-check label span:first-child{
    background:#98bc40;
    color:#fff
}
.calculation__item-group{
    border-top:1px solid #e3e3e3;
    display:grid;
    grid-template-columns:1fr 50px;
    margin:auto -20px 0
}
.calculation__item-group input{
    background:rgba(0,0,0,0);
    border:0;
    color:#3d3d3d;
    font-size:22px;
    font-weight:300;
    padding:14px 13px;
    width:100%
}
.calculation__item-group label{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:#f1f1f1;
    color:#7a7a7a;
    font-weight:normal
}
@media(max-width: 1599px){
    .calculation__grid{
        grid-template-columns:repeat(3, 1fr)
    }
}
@media(max-width: 1399px){
    .calculation{
        padding:40px 20px
    }
    .calculation__file-button{
        font-size:20px
    }
    .calculation__file-text{
        font-size:16px
    }
}
@media(max-width: 1199px){
    .calculation{
        background:rgba(0,0,0,0);
        padding:0
    }
    .calculation__box{
        margin-top:0;
        position:relative
    }
    .calculation__form{
        background:#98bc40;
        padding:20px;
        position:relative
    }
    .calculation__form::after{
        background:#80a526;
        bottom:0;
        content:"";
        left:100%;
        position:absolute;
        top:0;
        transform:skew(0, -20deg);
        transform-origin:0;
        width:5vw
    }
    .calculation__grid{
        grid-template-columns:repeat(4, 1fr)
    }
    .calculation__header{
        padding-bottom:50px
    }
}
@media(max-width: 991px){
    .calculation__box{
        padding:25px
    }
    .calculation__grid{
        grid-template-columns:repeat(3, 1fr);
        margin-top:20px
    }
    .calculation__header{
        font-size:16px
    }
    .calculation__item{
        font-size:16px
    }
}
@media(max-width: 767px){
    .calculation__file{
        margin-bottom:30px
    }
    .calculation__file label{
        background-position:center 28px;
        flex-direction:column;
        text-align:center;
        padding:74px 20px 37px
    }
    .calculation__grid{
        gap:15px;
        grid-template-columns:repeat(2, 1fr);
        margin-bottom:30px
    }
}
@media(max-width: 575px){
    .calculation__button{
        margin-top:20px
    }
    .calculation__grid{
        grid-template-columns:none
    }
    .calculation__header{
        padding-bottom:40px
    }
}
@media(max-width: 399px){
    .calculation__form{
        padding:10px
    }
}
.certificates{
    background:#f1f1f1;
    display:flex;
    flex-direction:column;
    gap:50px;
    padding:70px 5vw 80px
}
.certificates__item{
    display:flex
}
.certificates__item>img,.certificates__item>picture>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.certificates__row{
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.certificates__title{
    font-size:36px
}
@media(max-width: 991px){
    .certificates{
        gap:30px;
        padding-bottom:50px;
        padding-top:50px
    }
    .certificates__title{
        font-size:24px
    }
}
@media(max-width: 399px){
    .certificates__item{
        max-width:calc(50% - 10px)
    }
}
.contactus{
    background:#98bc40;
    color:#fff;
    font-size:22px;
    line-height:1.818;
    padding-bottom:100px;
    padding-top:93px;
    position:relative;
    text-align:center
}
.contactus__bg{
    bottom:0;
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.15;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.contactus__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px;
    margin-top:22px
}
.contactus__button:hover{
    background:#eb8125;
    color:#fff
}
.contactus__button--secondary{
    background:#eb8125;
    color:#fff
}
.contactus__button--secondary:hover{
    background:#98bc40
}
.contactus__button--white{
    background:#fff;
    color:#eb8125
}
.contactus__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .contactus__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .contactus__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .contactus__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.contactus__content{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:26px;
    position:relative
}
@media(max-width: 1199px){
    .contactus{
        font-size:18px
    }
}
@media(max-width: 991px){
    .contactus{
        padding-bottom:85px;
        padding-top:72px
    }
    .contactus h2{
        font-size:30px
    }
    .contactus__button{
        margin-top:13px
    }
    .contactus__content{
        gap:17px
    }
}
.container{
    background:linear-gradient(#212121 545px, transparent 545px);
    display:grid;
    gap:40px 80px;
    grid-template-columns:2fr 1fr;
    padding-left:5vw;
    padding-right:5vw;
    padding-top:137px
}
@media(max-width: 1399px){
    .container{
        grid-template-columns:1.5fr 1fr
    }
}
@media(max-width: 1199px){
    .container{
        grid-template-columns:none;
        padding-top:70px
    }
}
.fast{
    color:#fff;
    display:flex;
    flex-direction:column;
    font-size:22px;
    gap:11px;
    padding-top:73px
}
.fast p{
    font-weight:300
}
.fast__contact{
    display:flex;
    flex-direction:column;
    font-size:18px;
    gap:4px;
    margin-top:39px;
    min-height:80px;
    padding-left:104px;
    position:relative
}
.fast__contact-image{
    border-radius:50%;
    left:0;
    position:absolute
}
.fast__contact-number{
    color:#eb8125;
    font:40px/1 "Veneer Two",sans-serif
}
@media(max-width: 1199px){
    .fast{
        color:#3d3d3d;
        font-size:16px;
        padding-top:40px
    }
}
@media(max-width: 991px){
    .fast__contact{
        margin-top:20px
    }
    .fast__contact-number{
        font-size:36px
    }
}
@media(max-width: 399px){
    .fast__contact-number{
        font-size:28px
    }
}
.footer{
    background:#000;
    color:#fff;
    display:flex;
    gap:24px 20px;
    justify-content:space-between;
    padding:74px 5vw 52px
}
.footer__contact{
    padding-left:60px;
    position:relative
}
.footer__contact a{
    white-space:nowrap
}
.footer__contact-icon{
    left:0;
    position:absolute
}
.footer__contact-tab{
    font-weight:bold
}
.footer__logo{
    align-items:center;
    display:flex;
    gap:18px
}
@media(max-width: 1199px){
    .footer{
        flex-wrap:wrap
    }
    .footer__logo{
        border-top:1px solid rgba(255,255,255,.15);
        margin-top:20px;
        order:2;
        padding-top:25px;
        width:100%
    }
    .footer__logo br{
        display:none
    }
    .footer__logo img{
        max-width:150px
    }
}
@media(max-width: 767px){
    .footer{
        flex-direction:column;
        padding-bottom:25px;
        padding-top:42px
    }
    .footer__contact{
        padding-left:50px
    }
    .footer__contact-icon{
        top:10px;
        width:30px
    }
    .footer__logo{
        font-size:14px
    }
    .footer__logo img{
        max-width:120px
    }
}
.header{
    align-items:center;
    background:#212121;
    color:#fff;
    display:flex;
    height:164px;
    padding-left:5vw;
    padding-right:5vw
}
.header__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px
}
.header__button:hover{
    background:#eb8125;
    color:#fff
}
.header__button--secondary{
    background:#eb8125;
    color:#fff
}
.header__button--secondary:hover{
    background:#98bc40
}
.header__button--white{
    background:#fff;
    color:#eb8125
}
.header__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .header__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .header__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .header__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.header__collapse{
    align-items:center;
    align-self:stretch;
    display:flex;
    gap:53px;
    justify-content:flex-end
}
.header__contact{
    align-items:center;
    display:flex;
    font-size:18px;
    gap:10px
}
.header__contact-icon{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:rgba(255,255,255,.15);
    border-radius:50%;
    height:41px;
    width:41px
}
.header__container{
    margin:0 auto;
    width:90vw
}
.header__logo{
    margin-right:auto
}
.header__nav{
    display:flex;
    font-size:18px;
    gap:40px;
    text-align:center
}
.header__toggler{
    align-items:flex-end;
    background:#eb8125;
    border:0;
    color:#fff;
    cursor:pointer;
    display:none;
    font:18px/1 "Veneer Two",sans-serif;
    height:60px;
    justify-content:center;
    padding:0;
    padding-bottom:10px;
    position:relative;
    text-align:center;
    width:60px
}
.header__toggler::after{
    background:url("../img/header__toggler.svg");
    content:"";
    display:block;
    height:4px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:12px;
    transition:all .45s;
    width:34px
}
.header__toggler::before{
    background:url("../img/header__toggler.svg");
    content:"";
    display:block;
    height:4px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:22px;
    transition:all .45s;
    width:34px
}
.header__toggler.active::after{
    top:15px;
    transform:rotate(-45deg)
}
.header__toggler.active::before{
    top:16px;
    transform:rotate(45deg)
}
.header__toggler.active span{
    background:rgba(0,0,0,0)
}
@media(max-width: 1399px){
    .header{
        height:140px
    }
    .header__nav{
        font-size:16px;
        gap:20px
    }
}
@media(max-width: 1199px){
    .header{
        height:60px;
        padding-right:0;
        padding-top:0
    }
    .header__collapse{
        background:#212121;
        flex-direction:column;
        max-height:0;
        overflow:hidden;
        padding-left:5vw;
        padding-right:5vw;
        position:absolute;
        right:0;
        top:60px;
        transition:all .25s;
        width:320px;
        z-index:1
    }
    .header__collapse.active{
        max-height:calc(100vh - 60px);
        padding-bottom:5vw
    }
    .header__contact-icon{
        border-radius:0;
        height:60px;
        width:60px
    }
    .header__contact-text{
        display:none
    }
    .header__logo{
        margin-right:auto;
        max-width:120px
    }
    .header__nav{
        align-items:stretch;
        flex-direction:column;
        margin-right:0;
        padding-top:15px
    }
    .header__toggler{
        display:flex
    }
}
.intro{
    background:#212121;
    color:#fff;
    display:grid;
    font-size:22px;
    grid-template-columns:calc(50% - 90px) 1fr;
    position:relative
}
.intro__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px
}
.intro__button:hover{
    background:#eb8125;
    color:#fff
}
.intro__button--secondary{
    background:#eb8125;
    color:#fff
}
.intro__button--secondary:hover{
    background:#98bc40
}
.intro__button--white{
    background:#fff;
    color:#eb8125
}
.intro__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .intro__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .intro__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .intro__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.intro__image{
    display:flex;
    height:100%
}
.intro__image>img,.intro__image>picture>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.intro__offer{
    margin:0 auto;
    width:90vw;
    bottom:50px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    height:250px;
    left:0;
    position:absolute;
    right:0
}
.intro__offer-bg{
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.5;
    position:absolute;
    top:0;
    transition:all .25s;
    width:100%
}
.intro__offer-heading{
    background:#000;
    color:#fff;
    font:bold 24px/1.5 "Open Sans",sans-serif;
    padding:2px 8px 5px;
    position:relative
}
.intro__offer-item{
    align-items:flex-start;
    background:#000;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:20px;
    position:relative
}
.intro__offer-item:hover .intro__offer-bg{
    opacity:1
}
.intro__offer-par{
    background:#3b3b3c;
    color:#fff;
    font:300 18px/1.5 "Open Sans",sans-serif;
    padding:4px 8px 6px;
    position:relative
}
.intro__text{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    gap:50px;
    padding:154px 5vw 488px
}
.intro__text p{
    font-weight:300;
    max-width:480px
}
@media(max-width: 1399px){
    .intro{
        font-size:18px
    }
    .intro__text{
        padding-bottom:400px;
        padding-top:100px
    }
}
@media(max-width: 1199px){
    .intro__offer{
        height:200px
    }
    .intro__offer-heading{
        font-size:18px
    }
    .intro__offer-par{
        font-size:14px
    }
    .intro__text{
        padding-bottom:350px
    }
}
@media(max-width: 991px){
    .intro{
        font-size:16px;
        grid-template-columns:none;
        padding-bottom:50px
    }
    .intro__button{
        margin-top:15px
    }
    .intro__image{
        display:none
    }
    .intro__offer{
        bottom:0;
        gap:3px;
        grid-template-columns:repeat(2, 1fr);
        height:auto;
        position:relative
    }
    .intro__offer-item{
        height:200px;
        padding-bottom:8px
    }
    .intro__text{
        align-items:center;
        gap:17px;
        text-align:center;
        padding-bottom:83px;
        padding-top:50px
    }
}
@media(max-width: 767px){
    .intro__offer{
        grid-template-columns:none
    }
}
.intro-2{
    background:#212121;
    color:#fff;
    display:grid;
    grid-template-columns:calc(50% - 250px) 1fr;
    min-height:calc(100vh - 164px);
    position:relative
}
.intro-2__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px;
    margin-top:42px
}
.intro-2__button:hover{
    background:#eb8125;
    color:#fff
}
.intro-2__button--secondary{
    background:#eb8125;
    color:#fff
}
.intro-2__button--secondary:hover{
    background:#98bc40
}
.intro-2__button--white{
    background:#fff;
    color:#eb8125
}
.intro-2__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .intro-2__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .intro-2__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .intro-2__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.intro-2__icon{
    left:0;
    position:absolute
}
.intro-2__image{
    display:flex;
    height:100%;
    position:relative
}
.intro-2__image>img,.intro-2__image>picture>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.intro-2__video{
    font-size:18px;
    position:relative;
    text-transform:uppercase
}
.intro-2__video:hover .intro-2__video-icon{
    padding:0
}
.intro-2__video-icon{
    background:rgba(255,255,255,.2);
    border-radius:50%;
    display:grid;
    height:180px;
    margin-bottom:47px;
    padding:20px;
    position:relative;
    transition:all .25s;
    width:180px
}
.intro-2__video-icon::after{
    border-bottom:16px solid rgba(0,0,0,0);
    border-left:30px solid #98bc40;
    border-top:16px solid rgba(0,0,0,0);
    bottom:0;
    content:"";
    height:0;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:0
}
.intro-2__video-icon::before{
    background:#fff;
    border-radius:50%;
    content:"";
    height:100%;
    width:100%
}
.intro-2__video-image{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    width:100%
}
.intro-2__video-text{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:linear-gradient(transparent, #000);
    color:#fff;
    flex-direction:column;
    gap:20px;
    height:100%;
    padding:20px;
    position:relative
}
@media(min-width: 1399px){
    .intro-2__video-title{
        font-size:55px
    }
}
@media(max-width: 991px){
    .intro-2__video{
        font-size:16px;
        height:500px
    }
    .intro-2__video-icon{
        height:120px;
        margin-bottom:10px;
        padding:10px;
        width:120px
    }
}
.intro-2__info{
    background:#fff;
    bottom:50px;
    color:#7a7a7a;
    display:flex;
    gap:40px;
    left:-50px;
    line-height:1;
    padding:52px 40px 48px;
    position:absolute
}
.intro-2__info strong{
    color:#eb8125;
    font:30px/1 "Veneer Two",sans-serif
}
.intro-2__info strong sup{
    line-height:0
}
.intro-2__info-item{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-left:100px;
    position:relative
}
.intro-2__more{
    background:url("../img/more.svg") no-repeat right center;
    color:#eb8125;
    font:24px/1 "Veneer Two",sans-serif;
    padding-right:95px;
    background-image:url("../img/intro-2__more.svg");
    margin-top:auto;
    padding-right:30px
}
.intro-2__more:hover{
    color:#eb8125;
    filter:saturate(90%) hue-rotate(50deg) brightness(140%) contrast(60%)
}
@media(max-width: 991px){
    .intro-2__more{
        font-size:20px
    }
}
.intro-2__text{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:45px 100px 45px 5vw
}
.intro-2__text h1{
    margin-bottom:18px
}
.intro-2__text p{
    font-size:22px;
    font-weight:300;
    max-width:480px
}
@media(max-width: 1399px){
    .intro-2{
        grid-template-columns:1fr 1.5fr
    }
    .intro-2__info{
        gap:25px;
        padding:40px 20px
    }
    .intro-2__text p{
        font-size:18px
    }
}
@media(max-width: 1199px){
    .intro-2{
        grid-template-columns:1fr 1.25fr
    }
    .intro-2__icon{
        margin-bottom:20px;
        position:static
    }
    .intro-2__info{
        padding-bottom:20px;
        padding-top:30px
    }
    .intro-2__info-item{
        align-items:center;
        padding-left:0;
        text-align:center
    }
    .intro-2__text{
        padding-right:50px
    }
}
@media(max-width: 991px){
    .intro-2{
        grid-template-columns:none
    }
    .intro-2__button{
        margin-top:15px
    }
    .intro-2__icon{
        margin-bottom:10px;
        width:50px
    }
    .intro-2__image{
        height:auto
    }
    .intro-2__info{
        left:5vw;
        padding-top:20px;
        right:5vw
    }
    .intro-2__info strong{
        font-size:20px
    }
    .intro-2__more{
        display:none
    }
    .intro-2__text{
        align-items:center;
        text-align:center
    }
    .intro-2__text p{
        font-size:16px
    }
}
@media(max-width: 575px){
    .intro-2__image{
        flex-direction:column
    }
    .intro-2__info{
        margin:-50px auto 50px;
        max-width:90vw;
        position:static
    }
}
.partners{
    display:flex;
    flex-direction:column;
    gap:50px;
    padding:70px 5vw 0
}
.partners .tns-outer{
    position:relative
}
.partners__logo{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    height:90px
}
.partners__title{
    font-size:36px
}
@media(max-width: 991px){
    .partners{
        gap:30px;
        padding-top:50px
    }
    .partners__logo img{
        max-height:50px;
        max-width:100px
    }
    .partners__title{
        font-size:24px
    }
}
.references{
    padding-bottom:100px;
    padding-top:100px;
    position:relative
}
.references--bg{
    background:#f1f1f1;
    padding-bottom:170px;
    padding-top:0
}
.references--bg::before{
    background:#000;
    content:"";
    display:block;
    height:calc(100% - 100px);
    position:absolute;
    top:0;
    width:calc(50% - 90px)
}
.references--bg .references__title{
    color:#fff
}
.references .tns-controls button{
    align-items:center;
    background:#fff;
    border:0;
    border-radius:0;
    bottom:0;
    color:#eb8125;
    display:flex;
    font-size:0;
    height:95px;
    justify-content:center;
    left:99px;
    margin:auto;
    position:absolute;
    top:0;
    width:60px;
    z-index:1
}
.references .tns-controls button::after{
    border-bottom:4px solid;
    border-left:4px solid;
    content:"";
    height:10px;
    transform:rotate(45deg);
    width:10px
}
.references .tns-controls button:hover{
    background:#eb8125;
    color:#fff
}
.references .tns-controls button+button{
    left:auto;
    right:99px;
    transform:rotate(180deg)
}
.references .tns-inner{
    padding-left:120px
}
.references .tns-outer{
    position:relative
}
.references__button{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px
}
.references__button:hover{
    background:#eb8125;
    color:#fff
}
.references__button--secondary{
    background:#eb8125;
    color:#fff
}
.references__button--secondary:hover{
    background:#98bc40
}
.references__button--white{
    background:#fff;
    color:#eb8125
}
.references__button--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1399px){
    .references__button{
        font-size:20px;
        padding:17px 30px 18px
    }
    .references__button--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .references__button{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.references__footer{
    display:flex;
    margin-top:70px;
    padding:0 5vw
}
.references__footer--center{
    justify-content:center
}
.references__grid{
    display:grid;
    gap:50px;
    grid-template-columns:repeat(2, 1fr);
    padding:0 5vw
}
.references__heading{
    background:#000;
    color:#fff;
    font:24px "Open Sans",sans-serif;
    padding:5px 8px 7px;
    position:relative
}
.references__image{
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%
}
.references__item{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    height:600px;
    justify-content:flex-end;
    padding:20px;
    position:relative
}
.references__more{
    background:url("../img/more.svg") no-repeat right center;
    color:#eb8125;
    font:24px/1 "Veneer Two",sans-serif;
    padding-right:95px;
    position:relative
}
.references__more:hover{
    color:#eb8125;
    filter:saturate(90%) hue-rotate(50deg) brightness(140%) contrast(60%)
}
@media(max-width: 991px){
    .references__more{
        font-size:20px
    }
}
.references__par{
    background:#3b3b3c;
    color:#fff;
    font-size:18px;
    padding:4px 8px 6px;
    position:relative
}
.references__slider .references__item{
    width:880px
}
.references__slider .references__item--small{
    width:400px
}
.references__title{
    margin-bottom:50px;
    padding-left:120px;
    position:relative
}
@media(max-width: 1399px){
    .references{
        padding-bottom:100px
    }
    .references::before{
        height:calc(100% - 50px);
        width:calc(50% - 50px)
    }
    .references__footer{
        margin-top:50px
    }
    .references__item{
        height:450px
    }
    .references__slider .references__item{
        width:700px
    }
    .references__slider .references__item--small{
        width:350px
    }
    .references__title{
        margin-bottom:40px
    }
}
@media(max-width: 1199px){
    .references__item{
        height:400px
    }
    .references__slider .references__item{
        width:600px
    }
    .references__slider .references__item--small{
        width:300px
    }
    .references__title{
        margin-bottom:40px
    }
}
@media(max-width: 991px){
    .references{
        padding-bottom:50px;
        padding-top:50px
    }
    .references--bg{
        background:#212121
    }
    .references--bg::before{
        content:none
    }
    .references .tns-controls button{
        height:60px;
        left:calc(5vw - 20px);
        width:40px
    }
    .references .tns-controls button+button{
        left:auto;
        right:calc(5vw - 20px);
        width:40px
    }
    .references .tns-inner{
        padding-left:5vw
    }
    .references__grid{
        gap:20px
    }
    .references__title{
        margin-bottom:10px;
        padding-left:5vw
    }
    .references__slider .references__item{
        width:400px
    }
    .references__slider .references__item--small{
        width:200px
    }
}
@media(max-width: 767px){
    .references__grid{
        grid-template-columns:none
    }
    .references__heading{
        font-size:18px
    }
    .references__item{
        height:60vw;
        padding:8px
    }
    .references__slider .references__item{
        height:400px;
        width:275px
    }
    .references__slider .references__item--small{
        width:275px
    }
    .references__par{
        font-size:14px
    }
}
.service{
    align-items:center;
    display:grid;
    font-size:22px;
    gap:180px;
    grid-template-columns:1fr 1fr;
    padding:180px 5vw 70px
}
.service__box{
    background:#98bc40;
    color:#fff;
    padding:81px 2.5vw 72px 63px;
    position:relative;
    width:calc(100% + 2.5vw)
}
.service__box::after{
    background:#80a526;
    bottom:0;
    content:"";
    left:100%;
    position:absolute;
    top:0;
    transform:skew(0, -20deg);
    transform-origin:0;
    width:2.5vw
}
.service__box-heading{
    margin-bottom:10px
}
.service__icon{
    left:0;
    position:absolute
}
.service__form{
    background:#fff;
    color:#000;
    font-size:16px;
    margin-top:52px;
    padding:28px 40px 41px
}
.service__form label{
    font-weight:bold
}
.service__form-bottom{
    align-items:center;
    display:flex;
    gap:19px 30px
}
.service__form-group{
    padding-left:120px;
    position:relative
}
.service__form-input{
    background:#f1f1f1;
    display:grid;
    grid-template-columns:1fr 50px;
    margin-top:7px
}
.service__form-input input{
    background:rgba(0,0,0,0);
    border:0;
    color:#3d3d3d;
    font-size:22px;
    font-weight:300;
    padding:14px 13px;
    width:100%
}
.service__form-input label{
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    background:#eaeaea;
    color:#7a7a7a;
    font-weight:normal
}
.service__form-row{
    display:grid;
    gap:20px 80px;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom:92px
}
.service__form-submit{
    background:#98bc40;
    border:0;
    color:#fff;
    display:flex;
    font:26px/1 "Veneer Two",sans-serif;
    padding:24px 40px 25px;
    flex-shrink:0
}
.service__form-submit:hover{
    background:#eb8125;
    color:#fff
}
.service__form-submit--secondary{
    background:#eb8125;
    color:#fff
}
.service__form-submit--secondary:hover{
    background:#98bc40
}
.service__form-submit--white{
    background:#fff;
    color:#eb8125
}
.service__form-submit--sm{
    font-size:20px;
    padding:17px 30px 18px
}
@media(max-width: 1750px){
    .service__form-submit{
        font-size:20px;
        padding:17px 30px 18px
    }
    .service__form-submit--sm{
        font-size:16px;
        padding:12px 20px 13px
    }
}
@media(max-width: 767px){
    .service__form-submit{
        font-size:18px;
        padding:18px 22px 19px
    }
}
.service__more{
    background:url("../img/more.svg") no-repeat right center;
    color:#eb8125;
    font:24px/1 "Veneer Two",sans-serif;
    padding-right:95px
}
.service__more:hover{
    color:#eb8125;
    filter:saturate(90%) hue-rotate(50deg) brightness(140%) contrast(60%)
}
@media(max-width: 991px){
    .service__more{
        font-size:20px
    }
}
.service__text{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    gap:40px
}
.service__text p{
    font-weight:300;
    line-height:1.818
}
@media(max-width: 1750px){
    .service{
        font-size:18px;
        gap:66px 100px;
        padding-bottom:0;
        padding-top:100px
    }
    .service__form-bottom{
        flex-direction:column;
        text-align:center
    }
    .service__form-row{
        grid-template-columns:none;
        margin-bottom:40px
    }
}
@media(max-width: 991px){
    .service{
        font-size:16px;
        grid-template-columns:none;
        padding-top:50px
    }
    .service__box{
        padding-bottom:50px;
        padding-top:50px
    }
    .service__form-bottom{
        flex-direction:row;
        text-align:left
    }
    .service__form-row{
        gap:20p 30px;
        grid-template-columns:repeat(2, 1fr);
        margin-bottom:40px
    }
}
@media(max-width: 767px){
    .service__box{
        padding:32px 5vw 25px;
        width:100%
    }
    .service__box::after{
        width:5vw
    }
    .service__box-heading{
        margin-bottom:7px
    }
    .service__form{
        margin-top:28px;
        padding:25px 25px 23px
    }
    .service__form-bottom{
        flex-direction:column;
        font-size:14px;
        text-align:center
    }
    .service__form-group{
        align-items:center;
        border:1px solid #eaeaea;
        display:flex;
        flex-direction:column;
        gap:21px;
        padding-left:0;
        padding-top:34px
    }
    .service__form-input{
        background:rgba(0,0,0,0);
        border-top:1px solid #eaeaea;
        margin-top:3px;
        width:100%
    }
    .service__form-row{
        grid-template-columns:none;
        margin-bottom:20px
    }
    .service__icon{
        position:relative;
        width:65px
    }
    .service__text{
        gap:30px
    }
    .service__text p{
        line-height:1.667
    }
}
.testimonials{
    align-items:center;
    display:grid;
    font-size:22px;
    gap:180px;
    grid-template-columns:1fr 1fr;
    padding:100px 5vw
}
.testimonials__client{
    display:flex;
    margin-top:43px
}
.testimonials__footer{
    display:none
}
.testimonials__header{
    align-items:flex-end;
    display:flex;
    justify-content:space-between
}
.testimonials__image{
    display:flex;
    margin-right:-5vw
}
.testimonials__image>img,.testimonials__image>picture>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.testimonials__more{
    background:url("../img/more.svg") no-repeat right center;
    color:#eb8125;
    font:24px/1 "Veneer Two",sans-serif;
    padding-right:95px
}
.testimonials__more:hover{
    color:#eb8125;
    filter:saturate(90%) hue-rotate(50deg) brightness(140%) contrast(60%)
}
@media(max-width: 991px){
    .testimonials__more{
        font-size:20px
    }
}
.testimonials__name{
    display:flex;
    flex-direction:column;
    font-size:18px;
    gap:8px
}
.testimonials__name::before{
    border-top:1px solid;
    content:"";
    width:70px
}
.testimonials__text{
    display:flex;
    flex-direction:column;
    gap:36px
}
.testimonials__text p{
    font-weight:300;
    line-height:1.818;
    max-width:650px
}
@media(max-width: 1399px){
    .testimonials{
        font-size:18px;
        gap:33px 100px
    }
}
@media(max-width: 991px){
    .testimonials{
        grid-template-columns:none;
        padding-bottom:63px;
        padding-top:73px
    }
    .testimonials__client{
        margin-top:0
    }
    .testimonials__footer{
        display:block
    }
    .testimonials__header>.testimonials__more{
        display:none
    }
    .testimonials__image{
        display:none
    }
}
@media(max-width: 767px){
    .testimonials__client{
        min-width:135px
    }
    .testimonials__text{
        gap:28px
    }
}
.topic{
    background:linear-gradient(to left, #fff 5vw, #f1f1f1 5vw);
    display:flex;
    flex-direction:column;
    font-size:22px;
    gap:60px;
    margin-bottom:136px;
    padding:108px 7.5vw 0 5vw
}
.topic li{
    -moz-column-break-inside:avoid;
    break-inside:avoid-column;
    font-weight:300;
    padding:10px 0 10px 45px;
    position:relative
}
.topic li::before{
    align-items:center;
    background:#98bc40;
    content:url("../img/topic__check.svg");
    display:flex;
    height:25px;
    justify-content:center;
    left:0;
    position:absolute;
    width:25px
}
.topic__column{
    -moz-columns:2;
    columns:2;
    -moz-column-gap:40px;
    column-gap:40px
}
.topic__image{
    display:flex;
    margin:0 -5vw -136px 0
}
.topic__image>img,.topic__image>picture>img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
@media(max-width: 1399px){
    .topic{
        font-size:18px
    }
}
@media(max-width: 991px){
    .topic{
        font-size:16px;
        gap:40px;
        margin-bottom:100px;
        padding-top:50px
    }
    .topic__image{
        margin-bottom:-100px
    }
}
@media(max-width: 767px){
    .topic{
        background:#f1f1f1;
        padding-right:5vw
    }
    .topic__column{
        -moz-columns:1;
        columns:1
    }
    .topic__image{
        height:50vw;
        margin-left:-5vw
    }
}
@media(max-width: 399px){
    .topic{
        margin-bottom:50px
    }
    .topic__image{
        margin-bottom:-50px
    }
}
/*# sourceMappingURL=styles.css.map */