@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box;}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

img{max-width:100%;}
html { scroll-behavior: smooth;}



@font-face {
    font-family: 'Averta Std';
    src: url('../fonts/AvertaStd-Bold.woff2') format('woff2'),
        url('../fonts/AvertaStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeternus Nano';
    src: url('../fonts/AeternusNano-Thin.woff2') format('woff2'),
        url('../fonts/AeternusNano-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Jabutinski';
    src: url('../fonts/FbJabutinski-Light.woff2') format('woff2'),
        url('../fonts/FbJabutinski-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Jabutinski';
    src: url('../fonts/FbJabutinski-Medium.woff2') format('woff2'),
        url('../fonts/FbJabutinski-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}






body{font-family: 'Aeternus Nano'; background:#000000;}
.landing-top{background:#ffffff; height:70vh; display:flex; justify-content:space-between; flex-wrap:wrap; padding:35px 96px 0 0;}
.landing-top-left{width:65%; display:flex; align-items:flex-end; max-height: 100%;}
.landing-top-left img{max-height: 100%; margin-bottom: -80px;}
.landing-top-right{width:30%;}
.landing-top-right .text{border-right:1px solid #000000; padding-right:55px; display:flex; flex-direction:column; align-items:flex-end; margin-bottom:30px;}
.landing-top-right .text img{width:100%; max-width:290px; margin-bottom:40px;}
.landing-top-right .text p{font-family: 'Fb Jabutinski'; font-size: 17px; text-align: right; line-height: 25px; font-weight:700;}
.landing-top-right .button{padding-right: 55px;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;}
.landing-top-right .button a{    font-family: 'Averta Std';
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    background: #ffcb01;
    text-decoration: none;
    border-radius: 6px;
    padding: 14px 35px;}



.course_container{width:100%; max-width:612px; margin:30px auto 30px auto;}
.course_header{background:#fecc09; min-height:186px; display:flex; padding:0 70px 0 0; flex-wrap: wrap; justify-content:space-between;}
.course_body{padding:60px 0 0 0;}
.course_header .graphic{max-width:353px; display:flex; align-items:flex-end;}
.course_header .graphic img{width:100%;     margin-bottom: -18px;}
.course_header .form-logo{max-width:83px; display:flex; align-items:center;}
.course_header .form-logo img{width:100%;}

html .course_body .cog-header{display:none !important;}
html .course_body .cog-body{margin-top:0 !important;}

html .course_body .cog-body .cog-page > .cog-row{padding-left:50px !important; padding-right:50px !important;}

html .course_body .cog-body .cog-page > .cog-row .el-input input.el-input__inner:focus{border-color:#fecc09 !important;}

html .course_body .cog-body .cog-page > .cog-payment{padding-left:50px !important; padding-right:50px !important;}


html .course_body .cog-body .cog-page .el-radio__inner{border-color:#fecc09 !important;}

html .course_body .cog-body .cog-page .is-checked .el-radio__inner:after{box-shadow: inset 0 0 0 0.75em #fecc09 !important;}


html .course_body .cog-body .cog-page > .cog-page__navigation{background: #fecc09 !important;
    min-height: 110px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; margin-top:40px !important; padding:20px !important;}
html .course_body .cog-body .cog-page > .cog-page__navigation button{    margin: 0 !important;
    text-transform: uppercase !important;
    border-radius: 18px !important;
    padding: 12px 30px !important;}

@media all and (max-width:1500px)
{
.landing-top{height: 80vh;}
.landing-top-left img { margin-bottom: -56px;}
}


@media all and (max-width:991px)
{
.landing-top { height: 50vh; padding: 30px 30px 0 0;}
.landing-top-right .text img { max-width: 120px;}
.landing-top-right .text{padding-right:30px;}
.landing-top-right { width: 42%;}
.landing-top-left { width: 55%;}
.landing-top-left img { margin-bottom: -28px;}
.landing-top-right .text p{font-size:15px; line-height: 23px;}
}


@media all and (max-width:767px)
{
.landing-top {height: 80vh; padding: 30px 30px 0 0; flex-direction: column-reverse;}
.landing-top-left { width: 100%;}
.landing-top-right { width: 100%;}
.landing-top-left img { margin-bottom: -24px;}
.landing-top-right .button {
padding-right: 30px;}
.landing-top-right .button a{font-size:13px;}
.course_container{margin: 0px auto 0px auto;}

html .course_body .cog-body .cog-page > .cog-row,
html .course_body .cog-body .cog-page > .cog-payment{ padding-left: 20px !important; padding-right: 20px !important;}

.course_header { min-height: 100px; padding: 0 20px 0 0;}
.course_header .graphic {max-width: 220px;}
.course_header .form-logo { max-width: 60px;}

.course_header .graphic img { margin-bottom: -11px;}
}