*{
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
            font-size: 1px;
    color: #282625;


}

[data-aos=fade-up] {
    -webkit-transform: translate3d(0,50px,0);
            transform: translate3d(0,50px,0);
}

.cta__img[data-aos=fade-up] {
    -webkit-transform: translate3d(0,250px,0);
            transform: translate3d(0,250px,0);
}


body{
        overflow-x: hidden;
}

a{
    text-decoration: none;
    color: #282625;
}


.small-text{
    font-size:  16rem;
    line-height: 1.5;
}

.big-title{
    font-size:  40rem;
}

.small-title{
    font-size:  32rem;
}

.bold-text{
    font-weight: 700;
}

.underline-text{
    text-decoration: underline;
}

.white-text{
    color: #fff;
}

.main-margin{
    margin: 0 auto;
    width: calc(100% - 120rem);
    position: relative;
}

.btn{
    display: inline-block;
    height: 50rem;
    background-color: #282625;
    color: #fff;
    border: 1rem solid transparent;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    line-height: 50rem;
    font-size: 16rem;
    border-radius: 25rem;
    width: 180rem;
    text-align: center;
    margin-top: 50rem;
   
/*      box-shadow: -1px 3px 6px 0 rgba(80, 80, 80, .4);*/
-webkit-transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;
-o-transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;

}

.btn:hover{
          
          -webkit-transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;
          
          -o-transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;
          
          transition: color 0.3s ease, background-color 0.3s ease,  border 0.3s ease;
    background-color: transparent;
    border: 1rem solid #282625;
color: #282625;
/*background-color: hsl(20, 4%, 20%);*/
/*    box-shadow: -1px 6px 12px 0 rgba(120, 60, 20, .2);*/

}



.btn--sec{
    display: inline-block;
    height: 50rem;
    font-size: 16rem;

    border: 1rem solid #282625;
    border-radius: 25rem;
    min-width: 100rem;
    text-align: center;
    padding: 0 30rem;
    color: #282625;
    line-height: 50rem;
    margin-right: 20rem;
    margin-bottom: 20rem;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;

}

.btn--sec:hover{
     background-color: #282625;
    color: #fff;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;

}

.show-mobile{
    display: none;
    
}

@media all and (max-width: 768px){
    .main-margin{
        width: calc(100% - 40rem);
    }
    .big-title{
    font-size:  30rem;
}
    .small-title{
    font-size: 24rem;
}
    .show-mobile{
    display: inline-block;
}
    .hide-mobile{
        display: none;
    }
}
/**************************************nav*/
.nav{
    height: 80rem;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #FFF2E1;
    position: fixed;
    width: calc(100% - 120rem);
            padding: 0 60rem ;
    z-index: 9995;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

.nav__logo-link{
    line-height: 0;
    z-index: 99999;
}

.nav__logo{
    width: 100rem;

}

.nav__link{
    font-size: 16rem;
    text-decoration: underline
}

@media all and (max-width: 768px){
    .nav{
        width: calc(100% - 40rem);
        padding: 0 20rem;
    }
}

@media all and (min-width: 1440px){
    *{
        font-size: 0.07vw;
    }
}

/**************************************cta*/
.cta-section{
    padding: 100rem 0;
    position: relative;
    position: relative;
    overflow: hidden;

}

.cta-section .big-title, .cta-section .btn{
    margin-left: 8.33%;
}

.cta-section .big-title span{
    margin-left: 0;
}

.cta__img{
    position: absolute;
    right: -120rem;
    bottom: -300rem;
    z-index: -10;

    
}

@media all and (max-width: 768px){
    .cta-section .big-title, .cta-section .btn{
    margin-left: 0%;
}

}

@media all and (max-width: 550px){
    .cta-section{
        padding: 100rem 20rem;
    }
    .cta__img{
            bottom: -400rem;

/*
        right: -50rem;
        top: -50rem;
        width: 80%;
*/
    }
}

@media all and (min-height: 1440px){
    .cta__img{
        width: 35vw;

    }
}

/**************************************footer*/
.footer{
    background-color: #282625;
    width: 100%;
    padding: 50rem 0;
    z-index: 2;
    position: relative;
}

.footer p{
    color: #fff;
}

.footer .main-margin{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer__info{
    width: 41.66%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footet__col{
    width: 50%;
    line-height: 1.2;
    color: #fff;
}

.footet__col span{
    margin-bottom: 5rem;;
    display: inline-block;
}

@media all and (max-width: 1000px){
    .footer__info{
        width: 66.66%;

    }
}

@media all and (max-width: 768px){
    .footer .main-margin{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    
       .footer__info{
        width: 100%;
           margin-top: 50rem;

    }

    
}

@media all and (max-width: 550px){

    
    .footer__info{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
    }

    .footet__col{
        width: 100%;
        margin-bottom: 25rem;
    }
    
    .footet__col:last-of-type{
        margin-bottom: 0;
    }


    
}