header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:85x;
    z-index:1000000;
    background:#ffffff;
    opacity:0.9;
}

.wrap {
    margin-top:85px;
}

.logo {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -5%;
    text-transform: uppercase;
} 

nav {
    z-index:100;
}

.hamburger {
    display:none;
}

.hamburger img {
    width:90px;
    height:21px;
}

.close img {
    width:20px;
    height:20px;
}

@media screen and (max-width: 1024px) {
    .top-menu {
        display:none
    }

    .top-login {
        display:none
    }

    .hamburger {
        display:block;
    }

    .wrap {
        padding: 0 20px;
    }

    .bottom-bg {
        margin-left:-20px;
        margin-right:-20px;
    }
    
    header nav {
        margin-left:20px;
        margin-right:20px;
    }
}

.menu li a {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
}

.menu li a.active {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
}

.menu li a:hover {
    color:#2b2b2b
}

.button-sign-in,.button-sign-up,.button-sign-up:hover {
    background:#ffffff;
    padding:8px 16px;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 2%;
    text-transform: uppercase;
    border: 2px solid #000000;
    color: #000000;
    border-radius:100px;
    margin-left:15px;
}

.button-sign-up,.button-sign-in:hover {
    background-color:#000000;
    border: 2px solid #000000;
    color:#ffffff;
}

.button-sign-in img,.button-sign-up img {
    width:24px;
    height:24px;
    margin-right:10px;
}

.button-sign-in:hover img,.button-sign-up:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}



.slider-bg {
    height:732px;
    background: url('../images/slider.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:40px;
    position:relative
}

.slider-bg h1 {
    position:absolute;
    top:40px;
    left:40px;
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 136px;
    line-height: 80%;
    letter-spacing: 0%;
    color:#000000
}

.slider-shape1 {
    width:564px;
    aspect-ratio: 564 /508;
    background: url('../images/slider-shape1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    top:-10px;
    right:-10px;
    z-index:2;
}

.slider-shape2 {
    width:910px;
    aspect-ratio: 910 /497;
    background: url('../images/slider-shape2.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    left:-80px;
    bottom:-40px;

}

.slider-shape3 {
    aspect-ratio: 360 /242;
    background: url('../images/slider-shape3.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    left:-20px;
    right:-20px;
    top:0px;
    display:none;
}

.slider-bg p {
    position:absolute;
    right:40px;
    bottom:40px;
    width:40%;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.button-start-free {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius:100px;
    border: 2px solid #000000;
    background:#000000;
    padding:12px 30px 12px 12px;
    position:absolute;
    bottom:40px;
    left:40px;
    z-index:2;
}

.button-start-free img {
    width:56px;
    height:56px;
    margin-right:13px;
}

.button-start-free:hover {
    color: #000000;
    background:#ffffff;
}

.button-start-free:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}

@media screen and (max-width: 1024px) {
    .slider-shape1 {
        display:none;
    }
}

@media screen and (max-width: 820px) {
    .slider-bg h1 {
        font-size: 100px;
    }

    .slider-bg p {
        left:40px;
        bottom:180px;
        width:90%;
        font-size: 26px;
    }

    .slider-bg {
        height:650px;
    }

    .slider-shape2 {
        display:none;
    }

    .slider-shape3 {
        display:block;
    }

}

@media screen and (max-width: 650px) {
    .slider-bg h1 {
        left:20px;
        font-size: 50px;
    }
}

@media screen and (max-width: 430px) {
    .slider-bg h1 {
        left:20px;
        font-size: 38px;
    }

    .slider-bg p {
        left:20px;
        bottom:100px;
        width:90%;
        font-size: 16px;
    }

    .slider-bg {
        height:413px;
    }



    .button-start-free {
        bottom:10px;
        left:10px;
        width:95%;
        font-size:20px;
    }

    .button-start-free img {
        width:40px;
        height:40px;
        margin-right:15%;
    }
}




.about h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    margin:100px 0 50px 0
}

.about-col {
    background:#F7F7F7;
    border-radius:40px;
    padding:40px;
}

.about-col h3 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.about-col p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.about-icon1 {
    min-width:64px;
    width:64px;
    height:64px;
    background: url('../images/about-icon1.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:20px;
    margin-bottom:10px;
}

.about-icon2 {
    min-width:64px;
    width:64px;
    height:64px;
    background: url('../images/about-icon2.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:20px;
    margin-bottom:10px;
}

.about-icon3 {
    min-width:64px;
    width:64px;
    height:64px;
    background: url('../images/about-icon3.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right:20px;
    margin-bottom:10px;
}

@media screen and (max-width: 1024px) {
    .about h3 {
        font-size:25px;
    }

    .about-col {
        padding:20px;
        flex-direction:column;
    }
}

@media screen and (max-width: 768px) {
    .about h2 {
        font-size:52px;
        margin:50px 0 25px 0
    }

}



@media screen and (max-width: 430px) {
    .about h2 {
        font-size:32px;
        margin:30px 0 15px 0
    }

    .about h3 {
        font-size:20px;
    }

    .about p {
        font-size:16px;
    }
}


.social-content {
    background: url('../images/social-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;  
    border-radius:40px;
     position:relative;
    text-align: center;
    padding: 70px 237px;
}

.social-content h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    text-align: center;
    color:#ffffff;
}

.social-content p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color:#ffffff;
}

.social-col {
    background: #ffffff;
    border-radius:40px;
    padding:40px 15px;
    z-index:2;
}

.social-col h3 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color:#000000;
}

.social-col p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color:#000000;
}

.social-icon {
    width:136px;
    height:136px;
    margin:0 auto 35px auto;
}

.social-spot1 {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:307px;
    aspect-ratio: 307 / 406;
    background: url('../images/social-spot1.png');
    background-repeat: no-repeat;
    border-top-left-radius: 40px;
    background-size:cover;
}

.social-spot2 {
    position:absolute;
    top:0px;
    right:0px;
    z-index:1;
    width:459px;
    aspect-ratio: 459 / 448;
    background: url('../images/social-spot2.png');
    background-repeat: no-repeat;
    border-top-right-radius: 40px;
    background-size:cover;
}

.social-spot3 {
    position:absolute;
    bottom:0px;
    left:-80px;
    z-index:2;
    width:639px;
    aspect-ratio: 639 / 572;
    background: url('../images/social-spot3.png');
    background-repeat: no-repeat;
    background-size:cover;
}

@media screen and (max-width: 1024px) {
    .social-content {
        padding: 40px 100px;
    }

    .social-spot1 { 
        width:170px;
    }

    .social-spot2 { 
        width:230px;
    }

    .social-spot3 { 
        width:250px;
    }
}

@media screen and (max-width: 768px) {
    .social-content {
        padding: 20px 30px;
    }

    .social-spot3 { 
        left:auto;
        right:0px;
        bottom:-50px;
        width:112px;
        background: url('../images/social-spot3-small.png');
        aspect-ratio: 112 / 115;
    }

    .social-content h2 {
        font-size:52px;
    }

    
    .social-content p {
        font-size:22px;
    }

    .social-spot2 { 
        width:120px;
    }

    
    .social-spot1 { 
        width:350px;
        top:auto;
        bottom:-40px;

    }

    .social-empty {
        display:none
    }

    .social-icon {
        width:72px;
        height:72px;
        margin:0 auto 35px auto;
    }
}



@media screen and (max-width: 430px) {
    .social-content {
        padding: 20px 30px;
    }

    .social-content h2 {
        font-size:32px;
    }



    .social-col h3 {
        font-size: 20px;
    }

    .social-col p {
        font-size: 16px;
    }

    
    .social-content p {
        font-size:16px;
    }
}



.tariffs {
    position: relative;
}

.tariff-spot {
    position:absolute;
    top:-90px;
    right:0;
    z-index:1;
    width:727px;
    height:655px;
    background: url('../images/tariff-spot.png');
    background-repeat: no-repeat;
}

.tariff-spot2 {
    position:absolute;
    bottom:-180px;
    right:-20px;
    z-index:1;
    width:360px;
    height:395px;
    background: url('../images/tariff-spot2.png');
    background-repeat: no-repeat;
    display:none;
}

.tariff-spot3 {
    position:absolute;
    top:-40px;
    right:0px;
    z-index:1;
    width:600px;
    aspect-ratio: 671 / 862;
    background: url('../images/tariff-spot3.png');
    background-repeat: no-repeat;
}

.tariff-spot4 {
    position:absolute;
    top:-15px;
    right:-20px;
    z-index:1;
    width:121px;
    height:258px;
    background: url('../images/tariff-spot4.png');
    background-repeat: no-repeat;
    display:none;
}

.tariff-spot5 {
    position:absolute;
    bottom:-140px;
    right:-20px;
    z-index:1;
    width:360px;
    height:409px;
    background: url('../images/tariff-spot5.png');
    background-repeat: no-repeat;
    display:none;
}

.tariffs h1 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 136px;
    leading-trim: CAP_HEIGHT;
    line-height: 80%;
    letter-spacing: 0%;
}


.tariffs h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    line-height: 80%;
    letter-spacing: 0%;
}

.tariffs p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: -2%;
}

.tariff {
    background: #F7F7F7;
    border-radius:40px;
    padding:40px 30px;
    z-index:2;
    color:#000000;
    position:relative;
}

.prices {
    position:absolute;
    left:30px;
    bottom:40px;
}

.tariff-premium {
    background: url('../images/premium-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;  
    color:#ffffff;
}

.tariff h3 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    
    line-height: 80%;
    letter-spacing: 0%;
}

.tariff p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.tariff li {
    border-bottom: 2px #D9D9D9 solid;
    padding: 7px 0 7px 35px;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
    background: url('../images/check1.png');
    background-repeat: no-repeat; 
    background-position:0 center
}

.tariff-premium li {
    border-bottom: 2px #ffffff solid;
    background: url('../images/check2.png');
    background-repeat: no-repeat; 
    background-position:0 center
}

.tariff-premium li.ravno {
    background: url('../images/check3.png');
    background-repeat: no-repeat; 
    background-position:0 center
}

.tariff  li.last {
    border-bottom-width:0;
}

.tariff-price {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 84px;
    
    line-height: 80%;
    letter-spacing: 0%;
    position:relative;
}

.tariff-desciption {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    
    line-height: 100%;
    letter-spacing: -2%;
    padding-top:22px;
}

.tariff-price img {
    position:absolute;
    top:-50px;
    right:-35px;
}

.button-tariff {
    background:#000000;
    padding:8px 12px;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2%;
    text-transform: uppercase;
    border: 2px solid #000000;
    color: #ffffff;
    border-radius:100px;
    margin-top:10px;
}

.button-tariff:hover {
    background-color:#ffffff;
    border: 2px solid #000000;
    color:#000000;
}

.button-tariff img {
    width:24px;
    height:24px;
    margin-right:10px;
}

.button-tariff:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}


.button-soon {
    background:#ffffff;
    padding:8px 12px;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2%;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    color: #F883F1;
    border-radius:100px;
    margin-top:10px;
    opacity:0.4
}



.button-soon img {
    width:24px;
    height:24px;
    margin-right:10px;
}

@media screen and (max-width: 1024px) {
    .tariff-spot {
        display:none;
    }
    .tariff-spot2 {
        display:block;
    }
    .tariff-spot3 {
        display:none;
    }
    .tariff-spot4 {
        display:block;
    }
    .tariff-spot5 {
        display:block;
    }

    .tariffs h1 {
        font-size: 36px;
        padding-right:50px;
    }

    .tariff-sub {
        padding-right:120px;
    }
}

@media screen and (max-width: 600px) {
    .prices {
        flex-wrap: wrap;
    }
}



@media screen and (max-width: 430px) {
    .tariffs h2 {
        font-size: 32px;
    }

    .tariffs p {
        font-size: 16px;
    }


    .tariff-price {
        font-size:48px;
    }

    .tariff-desciption {
        font-size:14px;
        padding-top: 7px;
    }

    .button-tariff, .button-soon {
        width:100%;
        justify-content: center;
        margin-top:17px;
        font-size:20px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .button-tariff-box {
        width:100%;
        padding-right:20px;
    }

    .prices {
        flex-wrap: wrap;
    }

    .tariff li {
        font-size:16px;
        padding-top:7px;
        padding-bottom:7px;
    }

    .tariff p {
        font-size:14px;
    }

    .tariff h3 {
        font-size:24px;
        margin-bottom:10px;
    }

    .tariff-price img {
        width:41px;
        height:41px;
        top:-24px;
        right:-25px;
    }

    .tariff {
        padding:30px 20px;
    }

    .prices {
        left:20px;
    }

    .tariff li {
        padding: 5px 0 7px 25px;
        background: url('../images/check4.png');
        background-repeat: no-repeat; 
        background-position:0 center
    }

    .tariff-premium li {
        background: url('../images/check5.png');
        background-repeat: no-repeat; 
        background-position:0 center
    }

    .tariff-premium li.ravno {
        background: url('../images/check6.png');
        background-repeat: no-repeat; 
        background-position:0 center
    }
}


.testimonials {
    position:relative;
}

.testimonials .container {
    z-index:10;
}


.spot1 {
    position:absolute;
    top:110px;
    left:0px;
    z-index:-1;
    width:329px;
    height:622px;
    background: url('../images/spot1.png');
    background-repeat: no-repeat;
}

.spot2 {
    position:absolute;
    bottom:-100px;
    right:90px;
    z-index:-1;
    width:563px;
    height:573px;
    background: url('../images/spot2.png');
    background-repeat: no-repeat;
}

.spot3 {
    position:absolute;
    top:77px;
    right:-20px;
    z-index:-1;
    width:360px;
    aspect-ratio: 360 / 454;
    background: url('../images/spot3.png');
    background-repeat: no-repeat;
    display:none;
}

.spot4 {
    position:absolute;
    top:50%;
    right:-20px;
    z-index:-1;
    width:360px;
    height:335px;
    background: url('../images/spot4.png');
    background-repeat: no-repeat;
    display:none;
}

.spot5 {
    position:absolute;
    bottom:-10px;
    right:-20px;
    z-index:-1;
    width:180px;
    height:171px;
    background: url('../images/spot5.png');
    background-repeat: no-repeat;
    display:none;
}



.testimonials h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    text-align: center;
}

.testimonial {
    background: #F7F7F7;
    border-radius:32px;
    padding:40px;
    margin-bottom:25px;
    z-index:2;
}

.testimonial p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.user-avatar {
    width:48px;
    height:48px;
    background-repeat: no-repeat;
    border-radius:100px;
}


@media screen and (max-width: 820px) {
    .spot1 {
        display:none;
    }

    .spot2 {
        display:none;
    }

    .spot3 {
        display:block;
    }

    .spot4 {
        display:block;
    }

    .spot5 {
        display:block;
    }

    .testimonials h2 {
        font-size: 52px;
    }

    .testimonial {
        padding:20px;
    }

    .testimonial p {
        font-size:16px;
    }
}

@media screen and (max-width: 430px) {
    .testimonials h2 {
        font-size: 32px;
    }
}




.faq {
    z-index:2;
}

.faq-content {
    background: url('../images/faq-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:32px;
    padding:32px;
}

.faq-content h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    z-index:-1;
}

.faq-col {
    background:#ffffff;
    border-radius:32px;
    padding:40px;
    position:relative;
}

.faq-col h3 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.faq-col p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.question1 {
    width:92px;
    aspect-ratio: 92 /98;
    background: url('../images/question1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    top:-25px;
    right:-25px;
}

.question2 {
    width:92px;
    aspect-ratio: 92 /98;
    background: url('../images/question2.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    top:-25px;
    right:-25px;
}

@media screen and (max-width: 820px) {
    .faq-content {
        padding:20px;
    }

    .faq-col {
        padding:20px;
    }

    .faq-content h2 {
        font-size: 32px;
    }

    .faq-col h3 {
        font-size: 20px;
    }

    .faq-col p {
        font-size: 16px;
    }

    .question1 {
        width:62px;
    }

    .question2 {
        width:62px;
    }
}







.bottom-bg {
    display:flex;
    justify-content: space-between;
    margin-top:30px;
    margin-bottom:-1px;
}

.bottom-bg img {
    width:60px;
    height:60px;
}



.estimate h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    color:#000000;
    margin:100px 0 15px 0;
}

.estimate p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color: #000000;
}

.button-estimate {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius:100px;
    border: 2px solid #000000;
    background:#000000;
    padding:12px 30px 12px 12px;
    width:450px;
    justify-content: center;
}

.button-estimate img {
    width:56px;
    height:56px;
    margin-right:13px;
}

.button-estimate:hover {
    color: #000000;
    background:#ffffff;
}

.button-estimate:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}


@media screen and (max-width: 820px) {
    .estimate h2 {
        font-size: 32px;
        margin:50px 0 15px 0;
    }

    .estimate p {
        font-size: 16px;
    }

    .button-estimate {
        font-size: 20px;
        padding:8px 30px 8px 12px;
        width:100%;
    }

    .button-estimate img {
        width:40px;
        height:40px;
        margin-right:13px;
    }

    .estimate-content-bottom-bg {
        margin-left:-20px;
        margin-right:-20px;
    }
}



footer {
    background:#000000;
    position:relative;
    height:350px;
}



footer a,footer p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 150%;
    letter-spacing: -2%;
    color:#ffffff
}


.footer-logo {
    width:100%;
    height:185px;
    background: #000000;
    position:absolute;
    left:0;
    bottom:0;
    overflow: hidden;
}

.footer-logo-content {
    background: url('../images/post-pioneer.png');
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:100%;
    aspect-ratio:205/1480;
    position:absolute;
    left:0;
    bottom:-7%;
}



.footer-icon {
    width:32px;
    height:32px;
}

@media screen and (max-width: 1024px) {
    footer {
        height:320px;
        margin-left:-20px;
        margin-right:-20px;
        
        padding-left:20px;
        padding-right:20px;
    }

    .footer-logo {
        width:100%;
        height:130px;
    }
}

@media screen and (max-width: 820px) {


    footer {

        height:350px;
    }

    .footer-logo {
        width:100%;
        height:110px;
    }


    .footer-icons {
        flex-wrap: wrap;
    }

    .footer-icons p {
        width:100%;
        padding-top:15px;
        padding-bottom:20px;
    }

    .footer-link {
        padding-top:15px;
        padding-bottom:20px
    }
}

@media screen and (max-width: 768px) {
    footer {
        height:330px;
    }

    .footer-logo {
        width:100%;
        height:100px;
    }
}

@media screen and (max-width: 430px) {
    footer {
        height:390px;
    }

    .footer-logo {
        width:100%;
        height:60px;
    }
}

.mobile-menu {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#ffffff;
    display:none;
    padding:0 20px;
    z-index:1000;
}

.mobile-links {
    position:absolute;
    left:20px;
    bottom:40px;
}

.mobile-links li {
    padding:30px 0 0 0;
    margin:0;
}

.mobile-links li a {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -2%;
    text-transform: uppercase;
}

.text-page {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.text-page h1 {
font-family: Yanone Kaffeesatz;
font-weight: 700;
font-style: Bold;
font-size: 88px;
leading-trim: CAP_HEIGHT;
line-height: 90%;
letter-spacing: 0%;

}

.text-page h2 {
font-family: PT Sans Caption;
font-weight: 700;
font-style: Bold;
font-size: 28px;
leading-trim: CAP_HEIGHT;
line-height: 120%;
letter-spacing: -2%;
margin-top:30px;
margin-bottom:15px;
}

.text-page p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
    margin-bottom:10px;
}

.text-page li {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
    margin-bottom:10px;
    margin-left:20px;
    list-style-type: disc;
}

.text-page ul.numbers li {
    list-style-type: none;
}
.text-page li div {
    display:inline;
    margin: 0 20px 0 0
}

.text-page-content {
    padding-right:30%
}

@media screen and (max-width: 820px) {
    .text-page h1 {
        font-size: 38px;
    }

    .text-page h2 {
        font-size: 20px;
    }

    .text-page {
        font-size: 16px;
    }

    .text-page p {
        font-size: 16px;
    }

    .text-page li {
        font-size: 16px;
    }

    .text-page-content {
        padding-right:0
    }
}

.about-spot {
    position:absolute;
    top:-20px;
    right:0px;
    z-index:-1;
    width:100%;
    aspect-ratio:1480/1265;
    background: url('../images/about-spot.png');
    background-repeat: no-repeat;
    background-size:cover;
}

.about-spot2 {
    position:absolute;
    top:200px;
    right:0px;
    z-index:-1;
    width:100%;
    aspect-ratio:360/312;
    background: url('../images/about-spot2.png');
    background-repeat: no-repeat;
    background-size:cover;
    display:none;
}

.about-page h1 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    leading-trim: CAP_HEIGHT;
    line-height: 90%;
    letter-spacing: 0%;
}

.about-page p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.about-grid {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -2%;
}

.about-grid li {
    list-style-type: square;
    padding-top:7px;
}

.about-separator {
    border-left:#999999 1px solid;
    width:100px;
    margin-left:50px;
}

.about-grid hr {
    display:none;
    border-top:#999999 1px solid;
    margin-bottom:25px; 
}

@media screen and (max-width: 1024px) {
    .about-separator {
        display:none;
    }

    .about-grid hr {
        display:block;
    }
}

@media screen and (max-width: 820px) {
    .about-page h1 {
        font-size:38px;
    }

    .about-page p {
        font-size: 16px;
    }

    .about-grid {
        font-size: 16px;
    }

        .about-spot {
        display:none;
    }

    .about-spot2 {
        display:block;
    }
}

@media screen and (max-width: 430px) {
    .about-spot {
        display:none;
    }

    .about-spot2 {
        display:block;
    }
}



.opportunities-bg {
    height:732px;
    background: url('../images/opportunities.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:40px;
    position:relative
}

.opportunities-bg h1 {
    position:absolute;
    top:40px;
    left:40px;
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 136px;
    line-height: 80%;
    letter-spacing: 0%;
    color:#000000;
}

.opportunities-shape1 {
    width:812px;
    aspect-ratio: 812 /841;
    background: url('../images/opportunities-shape1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    top:7px;
    right:-25px;
}

.opportunities-shape2 {
    width:353px;
    aspect-ratio: 353 /316;
    background: url('../images/opportunities-shape2.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    left:-10px;
    bottom:10%;
    display:none;
    z-index:1;
}





.button-start-free {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius:100px;
    border: 2px solid #000000;
    background:#000000;
    padding:12px 30px 12px 12px;
    position:absolute;
    bottom:40px;
    left:40px;
    z-index:2;
}

.button-start-free img {
    width:56px;
    height:56px;
    margin-right:13px;
}

.button-start-free:hover {
    color: #000000;
    background:#ffffff;
}

.button-start-free:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}

@media screen and (max-width: 1024px) {
    .opportunities-shape1 {
        display:none;
    }
}

@media screen and (max-width: 820px) {
    .opportunities-bg h1 {
        font-size: 100px;
            z-index:2
    }

    .opportunities-bg p {
        left:40px;
        bottom:180px;
        width:90%;
        font-size: 26px;
    }

    .opportunities-bg {
        height:650px;
    }

    .opportunities-shape1 {
        display:none;
    }

    .opportunities-shape2 {
        display:block;
    }

}

@media screen and (max-width: 650px) {
    .opportunities-bg h1 {
        left:20px;
        font-size: 50px;
    }
}

@media screen and (max-width: 430px) {
    .opportunities-bg h1 {
        left:20px;
        font-size: 38px;
    }

    .opportunities-bg p {
        left:20px;
        bottom:100px;
        width:90%;
        font-size: 16px;
    }

    .opportunities-bg {
        height:413px;
    }



    .button-start-free {
        bottom:10px;
        left:10px;
        width:95%;
        font-size:20px;
    }

    .button-start-free img {
        width:40px;
        height:40px;
        margin-right:15%;
    }
}

.about-opportunities {
    position:relative;
}

.about-opportunities-spot {
    width:228px;
    aspect-ratio: 228 /265;
    background: url('../images/about-opportunities-spot.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    right:0px;
    top:95px;
    z-index:1;
}

.about-opportunities-spot2 {
    width:103px;
    aspect-ratio: 103 /178;
    background: url('../images/about-opportunities-spot2.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    right:-20px;
    top:45%;
    z-index:1;
    display:none
}

.about-opportunities h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
}

.about-opportunities p {
font-family: PT Sans Caption;
font-weight: 400;
font-style: Regular;
font-size: 28px;
leading-trim: CAP_HEIGHT;
line-height: 120%;
letter-spacing: -2%;

}

.about-opportunities-col {
    background:#F7F7F7;
    border-radius:40px;
    padding:40px;
}

.about-opportunities-col h3 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.about-opportunities-col p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    
    line-height: 120%;
    letter-spacing: -2%;
}

.about-opportunities-bg1 {
    background: url('../images/about-opportunities-bg1.png');
    background-repeat: no-repeat; 
    background-position: bottom right;  
}

.about-opportunities-bg2 {
    background: url('../images/about-opportunities-bg2.png');
    background-repeat: no-repeat; 
    background-position: bottom right;  
}


@media screen and (max-width: 1024px) {
    .about-opportunities h3 {
        font-size:25px;
    }

    .about-opportunities-col {
        padding:20px;
        flex-direction:column;
    }
}

@media screen and (max-width: 820px) {
    .about-opportunities-spot {
        display:none;
    }
    .about-opportunities-spot2 {
        display:block;
    }
}

@media screen and (max-width: 768px) {
    .about-opportunities h2 {
        font-size:52px;
        margin:50px 0 25px 0
    }

}



@media screen and (max-width: 430px) {
    .about-opportunities h2 {
        font-size:32px;
        margin:30px 0 15px 0
    }

    .about-opportunities h3 {
        font-size:20px;
    }

    .about-opportunities p {
        font-size:16px;
    }
}



.opportunities-social-content {
    background: url('../images/opportunities-social-bg.png');
    background-repeat: no-repeat;
    background-size: cover;  
    border-radius:40px;
    position: relative; 
    text-align: center;
    padding: 70px 237px;
}

.opportunities-estimate-content {
    background:#ffffff;
    border-radius:40px;
    padding:40px 30px;
}

.opportunities-social-spot {
    width:512px;
    aspect-ratio: 512 /380;
    background: url('../images/opportunities-social-spot.png');
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    right:0px;
    bottom:0;
    z-index:1;
    border-bottom-right-radius: 40px;
}


.opportunities-social-content h2 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 88px;
    
    line-height: 80%;
    letter-spacing: 0%;
    text-align: center;
    color:#ffffff;
}

.opportunities-estimate-content h3 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    leading-trim: CAP_HEIGHT;
    line-height: 80%;
    letter-spacing: 0%;
}



.opportunities-social-content p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    
    line-height: 120%;
    letter-spacing: -2%;
    text-align: center;
    color:#ffffff;
}

.opportunities-estimate-content p {
font-family: PT Sans Caption;
font-weight: 400;
font-style: Regular;
font-size: 28px;
leading-trim: CAP_HEIGHT;
line-height: 120%;
letter-spacing: -2%;
text-align: center;
color:#000000;
}






@media screen and (max-width: 1024px) {
    .opportunities-social-content {
        padding: 40px 100px;
    }
}


@media screen and (max-width: 820px) {
    .opportunities-social-spot {
        display:none;
    }

    .opportunities-social-content {
        padding: 20px 30px;
    }

    .opportunities-social-content h2 {
        font-size:32px;
    }

    .opportunities-social-content h3 {
        font-size:32px;
    }

    .opportunities-social-content p {
        font-size: 16px;
    }

    .opportunities-estimate-content {
        background:#ffffff;
        padding:20px 10px 10px 10px;
    }


    .button-estimate {
        font-size: 20px;
        padding:8px 30px 8px 12px;
        width:100%;
    }

    .button-estimate img {
        width:40px;
        height:40px;
        margin-right:13px;
    }

    .estimate-content-bottom-bg {
        margin-left:-20px;
        margin-right:-20px;
    }
}

.main-post {
    background-color:#f7f7f7;
    border-radius:40px;
}

.main-post img {
    border-radius:40px;
    height:400px;
}

.main-post h1 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: CAP_HEIGHT;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.main-post p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.main-post span {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
    border: 1px solid #BFBFBF;
    border-radius: 200px;
    padding: 4px 12px;
    text-transform:uppercase;
}

.post-item {
    background-color:#f7f7f7;
    border-radius:40px;
}

.post-item h2 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    leading-trim: CAP_HEIGHT;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
    margin-bottom:10px;
}

.post-item p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.post-item img {
    height:296px;
    border-radius:40px;
}

.post-item-content {
    padding:25px 30px;
}

.navigation li {
    width:48px;
    height:48px;
    border-radius:100px;
    border: 1px solid #BFBFBF;
    padding:12px 18px;
    margin-right:5px;
}

.navigation li.arrors {
    padding:10px;
}

.navigation li.arrors:hover img {
   -webkit-filter: invert(1);
   filter: invert(1);
}

.navigation li img {
    width:24px;
    height:24px;
}

.navigation li a {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
}

.navigation li:hover {
    background:#000000;
    border: 1px solid #000000;
}

.navigation li:hover a {
    color:#ffffff;
}

.navigation li.active {
    background:#000000;
    border: 1px solid #000000;
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    color:#ffffff;
}

@media screen and (max-width: 820px) {
    .main-post img {
        height:300px;
    }

    .main-post h1 {
        font-size: 32px;
    }

    .main-post p {
        font-size: 16px;
    }

    .main-post span {
        font-size: 14px;
    }

    .post-item h2 {
        font-size: 20px;
    }

    .post-item p {
        font-size: 16px;
    }

    .post-item-content {
        padding:15px 20px 20px 20px;
    }
}


.button-blog {
    width:250px;
}

.post-menu {
    border-radius: 40px;
    background:#f7f7f7;
    padding:30px;
}

.post h1 {
    font-family: Yanone Kaffeesatz;
    font-weight: 700;
    font-style: Bold;
    font-size: 64px;
    leading-trim: CAP_HEIGHT;
    line-height: 90%;
    letter-spacing: 0%;
}

.post h2 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: CAP_HEIGHT;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.post h3 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 28px;
    leading-trim: CAP_HEIGHT;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.post h4 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

.post h5 {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
    text-transform: uppercase;
}


.post .subheader {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 28px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.post p {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
    margin-bottom:10px;
}

.post th {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}

.post td {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Bold;
    font-size: 20px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: -2%;
}


.post hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

.post-menu-header {
    font-family: PT Sans Caption;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -2%;
    text-transform: uppercase;
}

.post-menu li {
    margin-bottom:10px;
}

.post-menu li a {
    font-family: PT Sans Caption;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: -2%;
}

@media screen and (max-width: 820px) {
    .post h1 {
        font-size: 38px;
    }

    .post h2 {
        font-size: 28px;
    }

    .post h3 {
        font-size: 20px;
    }

    .post h4 {
        font-size: 16px;
    }

    .post h5 {
        font-size: 14px;
    }

    .post .subheader {
        font-size: 20px;
    }

    .post p {
        font-size: 16px;
    }

    .post th {
        font-size: 16px;
    }

    .post td {
        font-size: 16px;
    }

    .post-menu-header {
        font-size: 14px;
    }

    .post-menu li a {
        font-size: 16px;
    }
}