@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-extrabold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-bold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('fonts/montserrat-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-semibold-webfont.woff') format('woff');
}

:root{--cl-py: #E63323;--cl-sy: #F6F2F0;--cl-ty: #E2E1E1;--cl-gn: #138E64;--cl-dk: #000000;--cl-md: #777777;--cl-lt: #ffffff;}
html{position: relative;height: inherit;min-height: 100%;}
body {position: absolute;display: block;height: 100%;min-height: 100%;width: 100%;min-width: 330px;padding: 0;margin: 0;}
*{box-sizing: border-box;}
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea, *{font-family: 'montserratregular', sans-serif;font-style: normal;font-weight: 400;text-decoration: none;margin: 0;padding: 0; }
h1, h2, h3, h4, p, span, label, a, button, input, select, textarea{color: var(--cl-dk);font-size: 18px;line-height: 24px;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;}
*::placeholder{font-family: 'montserratregular', sans-serif;font-style: normal;color: var(--cl-dk);margin: 0;font-weight: 400;}
::-webkit-scrollbar{display: block;width: 10px;}
::-webkit-scrollbar-track{background: var(--cl-lt);}
::-webkit-scrollbar-thumb{background: var(--cl-py);}
::-webkit-scrollbar-thumb:hover{background: var(--cl-dk);}

.font-size-sm,.font-size-sm *{font-size: 12px;line-height: 24px;}
.font-size-md {font-size: 24px;line-height: 30px;}
.font-size-lg{font-size: 30px;line-height: 30px;}
.font-size-xl, .font-size-xl *{font-size: 35px;line-height: 42px;}
.font-giant{font-family: 'montserratextrabold', sans-serif;font-size: 56px;line-height: 60px;}
.font-up{text-transform: uppercase;}

.cl-py{color: var(--cl-py)}
.cl-lt{color: var(--cl-lt)}

.mt-2{margin-top: 20px;}.mb-2{margin-bottom: 20px;}
.mt-3{margin-top: 30px;}.mb-3{margin-bottom: 30px;}
.mt-4{margin-top: 40px;}.mb-4{margin-bottom: 40px;}
.mt-6{margin-top: 60px;}.mb-6{margin-bottom: 60px;}

.flex, .flex-desk, .flex-pad{display: flex;align-items: center;justify-content: space-between;}
.flex-desk.top{align-items: flex-start;}
.flex-desk.bottom{align-items: flex-end;}
.txt-center, .txt-center * {text-align: center}
.text-line-desktop{display: block;}
.container{margin: 0 auto;max-width: 1240px;}

*.font-bold, .font-bold *, p b{font-family: 'montserratbold', sans-serif;}
*.font-ebold, .font-ebold *, *.font-bold b{font-family: 'montserratextrabold', sans-serif;}
*.font-sbold, .font-sbold *{font-family: 'montserratsemibold', sans-serif;}

body .owl-theme .owl-dots .owl-dot span{background: rgba(230,51,35,0.4);height: 20px;width: 20px;}
body .owl-theme .owl-dots .owl-dot.active span{background: rgba(230,51,35,0.7);}
body .owl-theme .owl-dots .owl-dot:hover span{background: var(--cl-py)}

body .owl-theme .owl-nav{position: absolute;top: calc(50% - 16px);left: 50%;display: flex;justify-content: space-between;width: calc(100% + 30px);height: 0;transform: translate(-50%, -50%);margin: 0 auto;}
body .owl-theme .owl-nav button{width: 32px;height: 32px;transform: translateY(-19px);}
body .owl-theme .owl-nav button.owl-next:hover,
body .owl-theme .owl-nav button.owl-next{background: url('img/i-next.svg') 50% no-repeat;background-size: 30px;}
body .owl-theme .owl-nav button.owl-prev:hover,
body .owl-theme .owl-nav button.owl-prev{background: url('img/i-prev.svg') 50% no-repeat;background-size: 30px;}

header {min-height: 580px;background: var(--cl-dk);padding: 100px 0 0;}
header .content{width: 100%;max-width: min(600px, 45%);margin: 0;z-index: 2;}
header .content::before{content: '';display: block;width: 170px;aspect-ratio: 85/31;background: url("img/logo-red.avif") 50% no-repeat;background-size: contain;margin: 0 auto 50px 0;}
header .content p::before{content: '';display: inline-block;width: 25px;aspect-ratio: 1;background: url("img/red-check.svg") 50% no-repeat;background-size: contain;margin-right: 10px;vertical-align: middle;}
header .container::after{content: '';display: block;width: 100%;max-width: 670px;aspect-ratio: 335/217;background: url("img/hero.avif") 50% no-repeat;background-size: contain;margin: 0 auto 0 0;}
header .content span{display: block}

[class*="-section"]{padding-top: 40px; padding-bottom: 40px;}

.bonus-section{background: var(--cl-sy);}
.bonus-section .content{text-align: center;padding: 40px 0;}
.bonus-section .content .item{position: relative;display: inline-flex;align-items: center;width: 100%;max-width: 200px;height: 140px;border: 1px solid var(--cl-py);border-radius: 20px;margin: 100px 2px 0;}
.bonus-section .content .item::before{content:'';position: absolute;top: -70px;left: 50px;display: inline-flex;flex-direction: column;width: 90px;height: 90px;border-radius: 100px;}
.bonus-section .content .item:nth-child(1)::before{background: url("img/bonus-1.svg") 50% no-repeat var(--cl-lt);background-size: auto;}
.bonus-section .content .item:nth-child(2)::before{background: url("img/bonus-2.svg") 50% no-repeat var(--cl-lt);background-size: auto;}
.bonus-section .content .item:nth-child(3)::before{background: url("img/bonus-3.svg") 50% no-repeat var(--cl-lt);background-size: auto;}
.bonus-section .content .item:nth-child(4)::before{background: url("img/bonus-4.svg") 50% no-repeat var(--cl-lt);background-size: auto;}
.bonus-section .content .item span{position: absolute;display: block;margin: auto;}
.bonus-section .content .item::after{content:'';position: absolute;top: 50px;right: -25px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: url("img/bonus-p.svg") 50% no-repeat var(--cl-lt);border-radius: 100px;z-index: 1;}
.bonus-section .content .item:nth-child(4)::after{content: none;}

.wait-section .content{text-align: center;padding: 40px 0;}
.wait-section .content .item{position: relative;display: inline-flex;align-items: center;width: 100%;max-width: 340px;height: 125px;border: 1px solid var(--cl-py);margin: 3px;}
.wait-section .content .item p{position: absolute;display: block;padding: 10px;margin: auto;}

.to-you-section{background: var(--cl-sy);padding: 40px 0 0;}
.to-you-section h2{padding: 0 20px;}
.to-you-section .content{width: 100%;max-width: max(500px, 40%);margin: 0 auto;}
.to-you-section .content p::before{content: '';display: inline-flex;width: 25px;aspect-ratio: 1;background: url("img/red-check.svg") 50% no-repeat;background-size: contain;margin-right: 10px;float: left;}
.to-you-section .container::after{content: '';display: block;width: 100%;max-width: 620px;aspect-ratio: 45/23;background: url("img/to-you.avif") 50% no-repeat;background-size: contain;margin: 0 0 0 20px;}

.module-section{background: var(--cl-dk);}
.module-section .module-box .item{position: relative;max-width: 350px;height: 640px;padding: 50px 40px 20px 30px;border: 1px solid var(--cl-py);border-radius: 20px;margin: 30px auto;}
.module-section .module-box .item::before{content: var(--item-txt);position: absolute;top: -14px;left: 20px;display: flex;align-items: center;background: var(--cl-py);font-family: 'montserratbold', sans-serif;font-size: 12px;color: var(--cl-sy);text-transform: uppercase;letter-spacing: 4px;padding: 8px 10px;border-radius: 10px;}
.module-section .module-box .item.bonus h2::after{content: '';display: block;width: 59px;aspect-ratio: 59/17;background: url("img/stars.svg") 50% no-repeat;background-size: contain;margin: 40px 0 0;}
.module-section .module-box .item.bonus::before{background: url("img/stars.svg") 89% 50% no-repeat var(--cl-py);padding-right: 79px;}
.module-section .module-box .item h2{color: var(--cl-py);margin-bottom: 40px;}
.module-section .module-box .item h3{color: var(--cl-lt);margin-bottom: 40px;}
.module-section .module-box .item p{display: flex;position: relative;color: var(--cl-lt);margin-bottom: 10px;line-height: 2;}
.module-section .module-box .item p::before{content: '.';display: flex;align-items: flex-start;width: 5px;aspect-ratio: 1;background-size: contain;margin-right: 10px;font-size: 21px;line-height: 4px;}

.master-section h2{max-width: 1050px;margin: 0 auto 40px}
.master-section .master-box .item{position: relative;display: flex;flex-direction: column;justify-content: flex-end;width: 345px;height: 546px;background: var(--img-url) 50% no-repeat;padding: 10px;margin: 30px auto;}
.master-section .master-box .item::before{content: 'Mentor';position: absolute;top: -14px;left: 20px;display: flex;align-items: center;background: var(--cl-dk);font-family: 'montserratbold', sans-serif;font-size: 20px;color: var(--cl-sy);text-transform: uppercase;padding: 8px 10px;border-radius: 10px;}
.master-section .master-box .item.idea{border: 3px solid var(--cl-py);}
.master-section .master-box .item.idea::before{content: 'Idealizador';background: var(--cl-py)}
.master-section .master-box .item *{text-align: center;color: var(--cl-lt);padding: 0 5px;margin: 0 auto;}
.master-section .master-box .item p{height: 80px;font-size: 16px;color: var(--cl-lt);margin-top: 10px;}

.video-section{background: var(--cl-dk);}
.video-section .container h2.font-size-xl,
.video-section .container p:nth-child(2){width: 100%;max-width: 960px;margin: 0 auto 40px;line-height: 1.5;}
.video-section .video-box .item{width: 418px;max-width: 100%;aspect-ratio: 16/9;padding: 10px;margin: 40px auto;}
.video-section .video-box .item iframe{width: 100%;height: 100%;}

.video-section .comment-box{text-align: center;}
.video-section .comment-box .item{position: relative;display: inline-block;align-items: center;width: 100%;max-width: 550px;min-height: 192px;padding: 10px;border: 1px solid var(--cl-py);margin: 50px 20px 20px;border-radius: 10px;text-align: left}
.video-section .comment-box .item::before{content: '';position: absolute;top: -52px;right: 20px;width: 104px;height: 104px;display: flex;align-items: center;background: var(--img-url) 50% no-repeat var(--cl-dk);background-size: 100px;padding: 8px 10px;border-radius: 10px;}
.video-section .comment-box .item p{height: 120px;font-style: italic;}

.offer-section{background: var(--cl-sy);}
.offer-section .content{text-align: center;}
.offer-section .content .card{position: relative;display: inline-block;align-items: center;width: 100%;min-height: 192px;padding: 0 0 10px;border: 2px solid var(--cl-ty);margin: 0 0.4% 30px;border-radius: 15px;text-align: left}
.offer-section .content .card:nth-child(1){max-width: max(550px, 49%);}
.offer-section .content .card:nth-child(2){max-width: max(550px, 49%);background: #F4D7D3;border-color: var(--cl-py)}
.offer-section .content .card:nth-child(3) div{position: relative;display: grid;grid-auto-flow: column;grid-template-rows: repeat(3, 1fr);}
.offer-section .content .card:nth-child(3) div::before{content: '';position: absolute;left: 33.1%;top: -10px;height: calc(100% + 20px);width: 2px;background: var(--cl-ty);}
.offer-section .content .card:nth-child(3) div::after{content: '';position: absolute;right: 32.4%;top: -10px;height: calc(100% + 20px);width: 2px;background: var(--cl-ty);}
.offer-section .content .card h2{width: 100%;background: var(--cl-ty);padding: 5px 20px;border-radius: 10px;margin: 0 0 10px;}
.offer-section .content .card:nth-child(2) h2 {background: var(--cl-py);text-align: center;padding: 20px 20px;margin: 0 0 27px;}
.offer-section .content .card:nth-child(2) h2 b {display: block}
.offer-section .content .card p{display: block;min-height: 30px;padding: 0 20px;margin: 0 0 5px;}
.offer-section .content .card:nth-child(1) p::before{content: '';display: inline-flex;width: 20px;aspect-ratio: 1;background: url("img/red-check.svg") 50% no-repeat;background-size: contain;margin-right: 10px;float: left;}
.offer-section .content .card:nth-child(1) p,
.offer-section .content .card:nth-child(2) p {font-size: 15px;}
.offer-section .content .card:nth-child(2) p {color: var(--cl-py);line-height: 28px;}
.offer-section .content .card:nth-child(3) div p{margin: 0 0 5px;}

.offer-section .price-box {position: relative;margin: 0 0 40px;border: 2px solid var(--cl-py);border-radius: 20px;}
.offer-section .price-box span{display: flex;width: 480px;text-align: center;padding: 0 20px;margin: 0 auto;}
.offer-section .price-box::before{content: '';display: flex;align-items: center;width: 100%;max-width: 618px;height: 152px;background: url("img/price.avif") 50% no-repeat var(--cl-py);background-size: min(399px, 90%);order: 2;border-top-right-radius: 16px;border-bottom-right-radius: 16px;}

.trust-section .content{max-width: 1110px;text-align: center;margin: 0 auto;}
.trust-section .content div{display: inline-flex;align-items: center;width: 144px;height: 144px;background: var(--img) 50% no-repeat;background-size: contain;margin: 2px;}

.moment-section{background: var(--cl-dk)}
.moment-section .moment-box .item{width: 410px;max-width: 100%;aspect-ratio: 82/57;background: var(--img-url) 50% no-repeat;background-size: cover;margin: 30px auto;}

.drive-section .content div{display: inline-flex;align-items: center;width: 128px;height: 55px;background: var(--img) 50% no-repeat;background-size: contain;margin: 10px;}

.form-section{background: url("img/form-bg.avif") 50% 0 no-repeat var(--cl-dk);background-size: inherit;padding-top: 80px;}
.form-section .content{margin: 0 auto 40px;}

footer{padding: 40px 0 135px;background-color: #141414;}
footer *{color: var(--cl-lt)}
footer .content{justify-content: space-around;margin: 40px auto;}
footer .content::before{content: '';display: flex;align-items: center;width: 170px;height: 62px;background: url("img/logo-white.svg") 50% no-repeat;}
footer .content::after{content: '';display: flex;align-items: center;width: 242px;height: 66px;background: url("img/gk-logo.svg") 50% no-repeat;}
footer a{order: 3}

.btn-holder{position: fixed;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 95px;background: var(--cl-py);padding: 0 20px;z-index: 9999;}
.btn-holder .btn,
.form-section#form .form-box button{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 450px;background-color: var(--cl-gn);text-align: center;border-radius: 100px;padding: 20px 15px;margin: 0 auto;cursor: pointer;box-shadow: 0px 1px 0px rgba(0,0,0,0.5);}

@media (max-width: 1280px) {
    * .container{margin: 0 20px;}
}
@media (max-width: 1172px) {
    .hero-section{background-size: cover;}
    .partner-section::before{right: 590px;background-position-x: 0;}
}
@media (max-width: 1140px) {
    .offer-section .content .card:nth-child(3) div{grid-auto-flow: row;grid-template-columns: repeat(2, 1fr);}
    .offer-section .content .card:nth-child(3) div::before{left: 50%;}
    .offer-section .content .card:nth-child(3) div::after{content: none;}
}
@media (max-width: 1130px) {
    .hero-section{background-size: cover;}
    .partner-section::before{right: 590px;background-position-x: 0;}
}
@media (max-width: 990px) {
    *.flex-desk{display: block;}
    header .content{max-width: 600px;margin: 0 auto}
    header .content::before{margin-left: auto;}
    header .content p{display: flex;padding:0 20px}
    header .container::after{margin: 0 auto;}
    header .content span{text-align: center}
    .to-you-section .content{margin: 0 auto;}
    .to-you-section .container::after{margin: 0 auto;}
    .form-section .content{max-width: 500px;}
    .form-section .content *{text-align: center;}
}
@media (max-width: 880px) {
    .bonus-section .content .item::after{content: none;}
    .offer-section .price-box {flex-direction: column;}
    .offer-section .price-box span{width: auto;margin: 10px auto;}
    .offer-section .price-box::before{max-width: 100%;border-radius: 16px;}
}
@media (max-width: 800px) {
    .offer-section .content .card:nth-child(3) div{display: block;}
    .offer-section .content .card:nth-child(3) div::before{content: none;}
}
@media (max-width: 680px) {
    .video-section .comment-box .item{margin: 0 auto 20px;}
    .trust-section .content div{width: 80px;height: 80px;background-size: 80px;}
    footer .content{flex-direction:column;}
    footer .content::after{margin: 40px auto;}
}
@media (max-width: 440px) {
    .module-section .module-box .item{height: auto;}
    .trust-section .content div{width: 75px;height: 75px;background-size: 75px;}
}
