@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,500,700&display=swap&subset=cyrillic);
body,html{overflow-x:hidden}
body{width:100%;margin:0;background:#575757;font:16px/19px;font-family: 'Montserrat'; font-weight:400;color:#000}
.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-weight:700}
.h1,h1{font:300 40px/48px;font-family: 'Montserrat';margin-bottom:40px}
.h2,h2{font:700 28px/33px;font-family: 'Montserrat';margin-bottom:24px}
.h3,h3{font:600 26px/32px;font-family: 'Montserrat';margin-bottom:20px}
.h4,.h5,h4,h5{font:700 22px/24px;font-family: 'Montserrat';margin-bottom:16px}
@media (max-width:576px){
    .h1,h1{font:300 24px/29px;font-family: 'Montserrat'}
    .h2,h2{font:700 18px/22px;font-family: 'Montserrat'}
    .h3,h3{font:600 26px/32px;font-family: 'Montserrat'}
    .h4,.h5,h4,h5{font:700 20px/24px;font-family: 'Montserrat'}}
    .text-muted{color:#999}
    a{color:#f31542}
    a:hover{text-decoration:none}
    .font-normal{font-style:normal}
    .input{margin-bottom:1rem;width:100%;position:relative;border-bottom: 1px solid silver;}
    .input input,.input select,.input textarea{width:100%;color:#000;background-color:#fff;border:0px solid hsla(0,0%,100%,.2);border-radius:999px;padding:10px 15px}
    .input__required{position:absolute;margin-top:13px;right:20px;color:red}
    .input_error input,.input_error textarea{border:1px solid red}
    .input__error{color:red;font-size:14px;position:absolute;top:0;right:0;font-weight:700}
    .input label{margin-left:15px;font-weight:700}
    .input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#eee;background-image:url(../images/icon-caret-down.svg);background-repeat:no-repeat;background-position:98%}
    .input select::-ms-expand{display:none}
    @media (max-width:768px){
        .input select{background-position:94%}}
        .input.input_light input,.input.input_light select,.input.input_light textarea{background-color:#fff;padding:10px 25px}
        .input.input_light input::-webkit-input-placeholder,.input.input_light select::-webkit-input-placeholder,.input.input_light textarea::-webkit-input-placeholder{color:#000}
        .input.input_light input::-moz-placeholder,.input.input_light select::-moz-placeholder,.input.input_light textarea::-moz-placeholder{color:#000}
        .input.input_light input:-ms-input-placeholder,.input.input_light select:-ms-input-placeholder,.input.input_light textarea:-ms-input-placeholder{color:#000}
        .input.input_light input::-ms-input-placeholder,.input.input_light select::-ms-input-placeholder,.input.input_light textarea::-ms-input-placeholder{color:#000}
        .input.input_light input::placeholder,.input.input_light select::placeholder,.input.input_light textarea::placeholder{color:#000}
        .input.input_light select{background-color:#white;background-image:url(../images/icon-caret-down.svg)}
        .input-cb{margin-bottom:1rem;position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1}
        .input-cb label{margin-bottom:0}
        .input-cb input:disabled+label{opacity:.5}
        .input-cb input[type=checkbox]{opacity:0;position:absolute}
        .input-cb input[type=checkbox]~label{cursor:pointer;padding-left:35px;-webkit-box-align:center;align-items:center}
        .input-cb input[type=checkbox]~label:before{content:"";flex-shrink:0;color:inherit;border:none!important;box-shadow:none!important;-webkit-box-align:center;align-items:center;font-size:25px;line-height:1;-webkit-transition:-webkit-transform .1s ease-in;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;border-radius:0;background-color:rgba(0,0,0,.19);top:0;bottom:0;left:0;width:25px;height:25px;font-weight:900;text-align:center;position:absolute;margin:auto}
        .input-cb input[type=checkbox]~label:after{content:none!important}
        .input-cb input[type=checkbox]:checked~label:before{content:"\2713"}
        .input-cb input[type=checkbox]:active~label:before{-webkit-transform:scale(.8);transform:scale(.8)}
.input-file{display:-webkit-box;display:flex;padding-left:15px;flex-wrap:wrap}
.input-file label{width:100%;font-weight:700;margin-bottom:.5rem;color:#000}
.input-file .input-file__image{width:120px;height:120px;border-radius:10px;background-size:cover;background-position:50%;margin-right:15px}

.btn{display:inline-block;border-radius:0px;border:none;font-weight:700;font-size:16px;line-height:1;padding:3px 0px;
    /* box-shadow:0 10px 20px 0 rgba(0,0,0,.2); */
    max-width:320px}


.btn.btn_light{color:#000;background:#fff; border-bottom: 1px dashed #000; font-family: 'Montserrat'; font-weight:500; font-size: 25px;}
.btn.btn_light:hover {border-bottom: 1px solid #000;}
.btn.btn_light.btn_outline{color:#fff;border:1px solid #fff;background:none}
.btn.btn_primary{background:linear-gradient(45deg,#f31542,#ff7d00);color:#fff}

.btn .fa-chevron-right{margin-right:-15px;margin-left:25px}
.btn.btn_circle{width:50px;height:50px;padding:0}
.btn-play{background:url(../images/icon-play.svg);background-size:100% 100%;width:60px;height:60px;border:none}
table.table{width:100%;margin-bottom:50px;overflow-y:hidden}
table.table thead{border-bottom:2px solid #343a40;font-weight:700}
table.table tr{border-bottom:2px solid #eee}
table.table tr td{padding:25px 30px}
table.table tbody td{position:relative}
table.table tbody td:after{content:"";background:#eee;width:1px;height:30px;position:absolute;bottom:-15px;right:0}
table.table tbody td:last-of-type:after{content:none}

header .navbar{height:60px;background:#000;padding:0 30px;color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;font-weight:400;margin-bottom:40px}
header .navbar a{color:#fff;text-decoration:none}
header .navbar a:hover{border-bottom: 1px dashed #fff;}
header .navbar .navbar-links{display:-webkit-box;display:flex;list-style:none;margin:0;padding:0}
@media (max-width:1024px){
    header .navbar .navbar-links{display:none}}
    header .navbar .navbar-links li{padding:0 14px}
    header .navbar .navbar-profile{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
    header .navbar .navbar-profile .navbar-profile__coins{margin-right:20px}
    header .navbar .navbar-profile .navbar-profile__coins img{width:14px;height:14px;margin-top: -2px;}
    header .navbar .navbar-profile .navbar-profile__level{background:#333;border-radius:999px;color:#fff;padding:3px 10px 2px;margin-right:20px}
    header .navbar .navbar-profile .navbar-profile__avatar{cursor:pointer}
    header .navbar .navbar-profile .navbar-profile__avatar img{width:40px;height:40px;border:2px solid #fff;border-radius:50%}
    @media (max-width:576px){
        header .navbar .navbar-profile .navbar-profile__coins,header .navbar .navbar-profile .navbar-profile__level{display:none}
    }
    header .navbar-profile__dropdown{width:215px;left:auto;right:-15px;padding:10px 0;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);margin-top:15px}
    header .navbar-profile__dropdown:before{content:"";background:#fff;position:absolute;width:20px;height:20px;top:-8px;right:24px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    header .navbar-profile__dropdown a{color:#333;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding-left:10px;padding-right:10px}
    header .navbar-profile__dropdown a:active{background:none}
    header .navbar-profile__dropdown a .navbar-profile-dropdown__img-wrap{margin-right:15px;width:30px;text-align:center}
    .footer{margin-top:0px;background-image:linear-gradient(250deg,#222,#000);padding:0px 0;font-weight:400}
    @media (max-width:768px){
        .footer{padding:10px 25px}
    }
    .footer .footer__logo{margin-bottom:0px}
    .footer .footer__menu-wrap{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding-bottom:0px;margin-bottom:50px;border-bottom:1px solid #333}
    @media (max-width:768px){
        .footer .footer__menu-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    }
    .footer ul{margin:0;padding:0;list-style:none}
    .footer ul li{margin-bottom:20px}
    .footer ul li a{color:#fff}
    .footer ul li a:hover{text-decoration:none;color:#c02431}
    .footer .footer__contacts i{margin-right:24px;color:#c02431}
    .footer .footer__menu{height:100px;width:40%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap}
    @media (max-width:1024px){
        .footer .footer__menu{width:60%}
    }
    @media (max-width:768px){
        .footer .footer__menu{width:100%}
    }
    @media (max-width:576px){
        .footer .footer__menu{height:195px;margin-bottom:48px}
    }
    .footer .footer__down{font-size:12px;font-weight:400;color:#fff;display:-webkit-box;display:flex}
    .footer .footer__down a{color:#2a2a2a;text-decoration:underline;margin:0 11px}
    .footer .footer__down a:hover{color:#fff;text-shadow:none}
    @media (max-width:1024px){
        .footer .footer__down{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    }
    @media (max-width:1024px){
        .footer .footer__copyright{width:100%;margin-bottom:10px}
    }
    .footer .footer__terms{display:-webkit-box;display:flex;flex-wrap:wrap}
    .footer .footer__terms a:first-of-type{margin-left:22px;position:relative}
    .footer .footer__terms a:first-of-type:before{content:"";position:absolute;right:-12px;top:4px;width:1px;height:13px;background:#2a2a2a}
    @media (max-width:576px){
        .footer .footer__terms a:first-of-type{margin:0 11px}
        .footer .footer__terms a:first-of-type:before{content:none}
    }
    @media (max-width:1024px){
        .footer .footer__terms{-webkit-box-ordinal-group:2;order:1;-webkit-box-pack:center;justify-content:center;text-align:center}
    }
    .footer .footer__social{margin-left:auto;font-size:20px;text-shadow:2px 2px #c02431}
    @media (max-width:1024px){
        .footer .footer__social{margin-right:auto;margin-bottom:28px}
    }
    .footer .footer__social a{color:#fff}
    .footer.footer_no-margin{margin:0}.profile{position:relative;z-index:1;color:#fff;margin:0 20px 47px}
    @media (max-width:1440px){
        .profile{margin:0 0 47px}
    }
    .profile .profile-info{display:-webkit-box;display:flex;margin:0 20px}
    @media (max-width:1024px){
        .profile .profile-info{margin:0 0 60px}
    }
    @media (max-width:768px){
        .profile .profile-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}
    }
    .profile .profile-info .profile-info__avatar{width:220px;height:220px;background-position:50%;background-size:cover;border-radius:50%;margin-right:60px;position:relative;background-clip:padding-box;border:4px solid transparent;flex-shrink:0}
    @media (max-width:768px){
        .profile .profile-info .profile-info__avatar{margin-right:0}
    }
    .profile .profile-info .profile-info__avatar:before{content:"";background:-webkit-gradient(linear,left top,left bottom,from(#ff7d00),to(#f31542));background:linear-gradient(180deg,#fff,#c02431);position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;margin:-4px;border-radius:50%}
    .profile .profile-info .profile-info__description{padding-top:15px;-webkit-box-flex:1;flex-grow:1}
    .profile .profile-info .profile-info__top{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:10px}
    @media (max-width:576px){
        .profile .profile-info .profile-info__top{-webkit-box-pack:center;justify-content:center}
    }
    .profile .profile-info .profile-info__user{font-size:38px;line-height:46px;font-weight:700}
    .profile .profile-info .profile-info__settings{font-size:18px;line-height:22px;color:#fff;border-bottom:1px dashed;padding-bottom:3px;margin-left:auto}
    @media (max-width:1024px){
        .profile .profile-info .profile-info__settings{display:none}
    }
    .profile .profile-info .profile-info__settings:hover{color:#fff;text-decoration:none;border-bottom:1px solid;}
    .profile .profile-info .profile-info__stats{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:wrap}
    @media (max-width:576px){
        .profile .profile-info .profile-info__stats{-webkit-box-pack:center;justify-content:center}
    }
    .profile .profile-info .profile-info__status{background:#fff;border-radius:999px;color:#c02431;font-style:normal;display:-webkit-inline-box;display:inline-flex;padding:4px 16px 4px;margin-right:25px;box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}
    @media (max-width:1024px){
        .profile .profile-info .profile-info__status{margin-bottom:35px}
    }
    .profile .profile-info .profile-info__coins{font-weight:700;margin-right:auto}
    @media (max-width:1024px){
        .profile .profile-info .profile-info__coins{margin-bottom:35px}
    }
    @media (max-width:576px){
        .profile .profile-info .profile-info__coins{margin-right:0}
    }
    .profile .profile-info .profile-info__coins img{width:30px;height:30px}
    .profile .profile-info .profile-info-subscribe{display:-webkit-box;display:flex;background:rgba(0,0,0,.2);border-radius:8px;font-size:14px;line-height:17px;width:240px;padding:8px 16px;-webkit-box-align:center;align-items:center}
    .profile .profile-info .profile-info-subscribe .profile-info-subscribe__days{color:#fff;font-size:36px;line-height:44px}
    .profile .profile-info .profile-info-subscribe .profile-info-subscribe__label{padding:0 16px}
    .profile .profile-bar{display:-webkit-box;display:flex;font-weight:700;-webkit-box-align:center;align-items:center;margin-left:280px;margin-top:-35px;padding:0 20px}
    @media (max-width:1024px){
        .profile .profile-bar{margin-top:0;margin-left:0;padding:0}
    }
    .profile .profile-bar .profile-bar__level{background:#fff;border-radius:999px;color:#c02431;padding:5px 13px 4px; border: 1px dashed #c02431;}
    .profile .profile-bar .profile-bar__progress{background:#e1e1e1;-webkit-box-flex:1;flex-grow:1;height:16px;margin-left:-3px;margin-right:-3px;z-index:-1}
    .profile .profile-bar .profile-bar__progress .profile-bar__value{height:100%;position:relative;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 10px),-webkit-gradient(linear,right top,left top,from(#ff7d00),to(#f31542));background:repeating-linear-gradient(-45deg,transparent,transparent 5px,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 10px),linear-gradient(270deg,#ff7d00,#f31542);border-radius:0 999px 999px 0}
    .profile .profile-bar .profile-bar__progress .profile-bar__value .profile-bar__label{color:#2f9826;background:#fff;position:absolute;padding:8px 15px;right:0;top:-18px;-webkit-transform:translate(50%,-100%);transform:translate(50%,-100%);border-radius:999px;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);white-space:nowrap}
    @media (max-width:576px){
        .profile .profile-bar .profile-bar__progress .profile-bar__value .profile-bar__label{font-size:12px}
    }
    .profile .profile-bar .profile-bar__progress .profile-bar__value .profile-bar__label:before{content:"";width:15px;height:15px;background:#fff;position:absolute;bottom:-5px;left:0;right:0;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}
    .profile .profile-bar .profile-bar__next-level{line-height:1;background:#fff;color:#000;width:30px;height:30px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}
    .tariffs{display:-webkit-box;display:flex;margin-bottom:120px}
    @media (max-width:768px){
        .tariffs{margin-bottom:60px}
    }
    .tariffs .tariff-card{-webkit-box-flex:1;flex:1;margin:0 7px}
    @media (max-width:1024px){
        .tariffs{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}
        .tariffs .tariff-card{width:340px;margin:0 0 20px}
    }
    @media (max-width:576px){
        .tariffs .tariff-card{width:100%}
    }
    .your-tariff{border:1px solid #fa551a;padding:0 70px;margin:0 50px 120px;border-radius:5px}
    @media (max-width:768px){
        .your-tariff{margin-bottom:60px}
    }
    .your-tariff .your-tariff__title-wrap{text-align:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}
    .your-tariff .your-tariff__title{font-family:Fira Sans,sans-serif;background:#fff;font-weight:500;padding:0 10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    .your-tariff .your-tariff__btn-wrap{text-align:center;-webkit-transform:translateY(17px);transform:translateY(17px)}
    @media (max-width:1440px){
        .your-tariff{margin-left:0;margin-right:0;padding:0 50px}
    }
    @media (max-width:768px){
        .your-tariff{padding:0 20px}
    }
    .faq{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}
    .faq .collapse-item__body{font-style:italic;padding:30px 0 0}
    @media (max-width:768px){
        .faq{margin-left:-20px;margin-right:-20px}
    }
    .training{display:-webkit-box!important;display:flex!important;min-height:100vh;margin-top:-84px;padding-top:60px}
    .training.collapsing{-webkit-transition:none!important;transition:none!important}
    .training .training-content-toggler{width:40px;background:#fff;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;cursor:pointer}
    .training .training-content-toggler__label{font-size:20px;line-height:24px;font-weight:500;margin:auto;-webkit-transform:rotate(-90deg) translateY(-43px);transform:rotate(-90deg) translateY(-43px)}
    .training .training-content-toggler__btn{background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);width:30px;height:30px;border-radius:50%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#c02431;cursor:pointer;font-size:16px;z-index:11;position:absolute;left:26px;top:86px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
    .training .training-redactor{background:#222;color:#fff;width:50%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    .training .training-redactor .training-redactor__tabs{background:#444;margin:0;padding:0 0 0 40px;list-style:none;display:-webkit-box;display:flex;border-bottom:none}
    .training .training-redactor .training-redactor__tabs li{height:40px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-right:10px;cursor:pointer}
    .training .training-redactor .training-redactor__tabs a{color:#fff;background:#333;border:none;padding:10px 20px;border-radius:0;height:100%}
    .training .training-redactor .training-redactor__tabs a.active{background:#222}
    .training .training-redactor .training-redactor__body{height:100%;padding:25px 20px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    .training .training-redactor .training-redactor__body .tab-content,.training .training-redactor .training-redactor__body .tab-pane{height:100%}
    .training .training-redactor .ace-dracula,.training .training-redactor .ace_gutter{background:none}
    .training .training-redactor .training-redactor__task{background:#333;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:5px;padding:20px;position:relative;margin-bottom:20px;margin-top:12px}
    .training .training-redactor .training-redactor__task-coins{display:-webkit-inline-box;display:inline-flex;background:#fff;color:#000;border-radius:999px;padding:2px 10px 2px 2px;font-size:12px;font-weight:700;top:-12px;right:20px;position:absolute}
    .training .training-redactor .training-redactor__task-coins img{width:20px;height:20px}
    .training .training-redactor .training-redactor__menu{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
    .training .training-redactor .training-redactor__check-btn{margin-right:15px}
    .training .training-redactor .training-redactor__nav-task{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:250px;-webkit-box-pack:justify;justify-content:space-between;color:#c02431}
    .training .training-redactor .training-redactor__nav-task-btn{width:40px;height:40px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:50%;cursor:pointer;outline:none!important}
    .training .training-redactor .training-redactor__nav-task-btn.swiper-button-disabled{opacity:.3}
    .training .training-result{width:50%;background:#f3f3f3;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    .training .training-result .training-result__title{box-sizing:content-box;height:40px;font-weight:700;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-bottom:1px solid #bfbfbf;flex-shrink:0}
    .training .training-result .training-result__body{height:100%;padding:20px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
    .training .training-result .training-result__out{height:100%}
    .training .training-result .training-result__menu{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}
    .training .training-result .training-result__refresh-btn{background:none;border:none;padding:0;color:#c02431}
    .training .training-result .training-result__hint{display:-webkit-box;display:flex}
    .training .training-result .training-result__hint .fas{border:none;height:36px;width:36px;background:#333;color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;cursor:pointer;box-shadow:0 10px 20px 0 rgba(0,0,0,.2)}
    .training .training-result .training-result__hint-label{margin-right:40px}
    .training .training-content{position:fixed;top:60px;width:100%;height:100%;background:hsla(0,0%,100%,0);-webkit-transition:background .2s ease-in;transition:background .2s ease-in;display:-webkit-box;display:flex;pointer-events:none;z-index:10}
    .training .training-content .training-content__scroll-container{height:100%;margin-bottom:60px}
    .training .training-content .training-content__body{background:#fff;width:50%;padding:30px 20px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}
    .training .training-content .training-content__title{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}
    .training .training-content .collapse-item__toggler{border-radius:5px}
    .training .training-content .collapse-item__body{background:none;margin-left:20px}
    .training.show .training-content-toggler__btn{left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}
    .training.show .training-content{background:hsla(0,0%,100%,.4);pointer-events:all}
    .training.show .training-content__body{-webkit-transform:translateX(0);transform:translateX(0)}
.index-courses{background:#fdf9f6;padding:74px 0 250px}
@media (max-width:768px){
    .index-courses{padding-top:0}
}
.index-courses .index-courses__container{position:relative}
@media (max-width:768px){
    .index-courses .index-courses__container{padding:40px}
}
.index-courses .index-courses__html-icon{position:absolute;left:-100px;top:125px}
@media (max-width:1024px){
    .index-courses .index-courses__html-icon{left:-70px;top:150px}
}
.index-courses .index-courses__css-icon{position:absolute;right:-115px;bottom:-25px}
.index-courses h2{font-size:40px;line-height:48px;font-weight:300;text-align:center;margin-bottom:50px}
@media (max-width:768px){
    .index-courses h2{font-size:20px;line-height:24px}
}
.index-courses .index-courses__tabs{margin-bottom:50px;-webkit-box-pack:center;justify-content:center}
.index-courses .index-courses__tabs .nav-item{margin:0 25px}
.index-courses .index-courses__tabs a:not(.active)
{
    /* box-shadow:0 2px 5px 0 rgba(0,0,0,.2) */
}
.index-courses .index-courses__tabs a.active{color:#c02431; border-bottom: 1px dashed #c02431;}
.index-courses .index-courses__text{padding:0 55px;text-align:center;margin-bottom:70px}
@media (max-width:768px){
    .index-courses .index-courses__text{padding:0}
}
.index-courses .index-courses__check-list{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:30px}
.index-courses .index-courses__check-list li{width:410px;margin-bottom:40px}
@media (max-width:1024px){.index-courses .index-courses__check-list li{width:275px}}
    @media (max-width:768px){.index-courses .index-courses__check-list li{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.index-courses .index-courses__check-list li:before{margin-bottom:15px}}.index-diploma{display:-webkit-box;display:flex;background:#f2f2f2;margin:-190px auto;z-index:2;position:relative;width:1000px;padding:50px 65px}
    @media (max-width:1024px){.index-diploma{width:728px}}
    @media (max-width:768px){.index-diploma{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:25px 25px 40px}}.index-diploma .index-diploma__body{font-size:24px;line-height:29px;text-align:center;width:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-weight:300;margin-right:65px}
@media (max-width:768px){
    .index-diploma .index-diploma__body{margin-bottom:32px;margin-right:0}
}
    .index-diploma .index-diploma__title{font-size:35px;line-height:39px;font-weight:500;margin-bottom:34px}
    .index-diploma .index-diploma__image{width:200px;height:280px;flex-shrink:0;}
    @media (max-width:768px){.index-diploma .index-diploma__image{width:169px;height:240px;margin:auto}}

.index-entry{position:relative;background:#333;color:#fff;margin-top:-24px;padding-top:89px;padding-bottom:67px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,.2)),color-stop(98%,rgba(0,0,0,.7))),url(../images/entry-bg.jpg) no-repeat;background:linear-gradient(-180deg,rgba(0,0,0,.2) 1%,rgba(0,0,0,.7) 98%),url(../images/entry-bg.jpg) no-repeat;background-size:cover}@media (max-width:768px){.index-entry{padding-top:25px}}
.index-entry .index-entry__title{font-size:45px;line-height:55px;margin-bottom:20px;font-weight:600}
@media (max-width:768px){
    .index-entry .index-entry__title{font-size:26px;line-height:32px}
}
.index-entry .index-entry__text{margin-bottom:40px;font-size:20px;line-height:24px}
.index-entry .index-entry__btn-play img{width:20px;margin:-10px 20px -5px -20px}
.index-entry .index-entry__btn-msg{position:absolute;bottom:50px;right:50px}
@media (max-width:768px){
    .index-entry .index-entry__btn-msg{bottom:25px;right:25px}
}
.index-faq{background:linear-gradient(45deg,rgba(192,36,49,.67),rgba(192,36,49,.67)),url(../images/code.jpg);background-size:cover;background-attachment:fixed}
.index-faq .index-faq__container{width:1000px;padding:100px 0 128px;margin:0 auto;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}
@media (max-width:1024px){
    .index-faq .index-faq__container{width:728px}
}
@media (max-width:768px){
    .index-faq .index-faq__container{width:100%;padding:50px 15px 40px}
}
.index-faq .index-faq__title{width:100%;text-align:center;color:#fff;margin-bottom:40px;font-size:40px;line-height:40px;font-weight:300}
@media (max-width:768px){
    .index-faq .index-faq__title{font-size:20px;line-height:24px;margin-bottom:25px}
}
.index-feedback{background:#fff}.index-feedback .index-feedback__container{width:900px;margin-left:auto;margin-right:auto;padding:95px 0 75px;color:#000}
@media (max-width:1024px){
    .index-feedback .index-feedback__container{width:530px;padding:48px 0}
}
@media (max-width:768px){
    .index-feedback .index-feedback__container{width:100%;padding:30px 20px}
}
.index-feedback .index-feedback__title{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 40px;margin-bottom:50px}.index-feedback .index-feedback__title .h2{font-weight:300;margin-bottom:0}
@media (max-width:768px){
    .index-feedback .index-feedback__title{padding:0;-webkit-box-align:start;align-items:flex-start;margin-bottom:38px}
}
.index-feedback .index-feedback__img{margin-right:60px}
@media (max-width:768px){
    .index-feedback .index-feedback__img{width:40px;margin-right:30px}
}
.index-feedback .index-feedback__form{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:30px}
@media (max-width:1024px){
    .index-feedback .index-feedback__form{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-width:400px;margin-left:auto;margin-right:auto}
    .index-feedback .index-feedback__form .input{margin-bottom:20px}
    .index-feedback .index-feedback__form .btn,.index-feedback .index-feedback__form .input{max-width:100%;width:100%}
}
.index-feedback .index-feedback__terms{text-align:center;color:#aaa}
.index-feedback .index-feedback__terms a{color:inherit;text-decoration:underline}
.index-feedback .index-feedback__terms a:hover {color:#000;text-decoration:underline}
.index-feedback .input{width:220px;margin-bottom:0}

.index-mentors{padding-top:220px;padding-bottom:48px;background:#746a6a;color:#fff}
@media (max-width:768px){
    .index-mentors{padding-top:210px;padding-bottom:48px}
}
.index-mentors .index-mentors__container{width:900px;margin-left:auto;margin-right:auto;padding:0 60px}
@media (max-width:1024px){
    .index-mentors .index-mentors__container{width:530px;padding:0 48px}
}
@media (max-width:768px){
    .index-mentors .index-mentors__container{width:100%;padding:0 30px}
}
.index-mentors .index-mentors__title{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:24px}
.index-mentors .index-mentors__title img{margin-left:-20px;margin-right:45px}
@media (max-width:768px){
    .index-mentors .index-mentors__title img{width:38px;margin-left:0;margin-right:15px}
}
@media (max-width:768px){
    .index-mentors .index-mentors__title{font-size:20px;line-height:24px}
}
.index-mentors h2{font-size:40px;line-height:48px;font-weight:300;margin-bottom:0}
@media (max-width:768px){
    .index-mentors h2{font-size:20px;line-height:24px}
}
.index-partners{background:#fff;padding-top:30px;padding-bottom:35px}
@media (max-width:1024px){
    .index-partners{padding-top:50px}
}
.index-partners .index-partners__with-sup{color:#ccc;margin-bottom:15px;margin-top:-42px}
.index-partners .index-partners__row{display:-webkit-box;display:flex;width:100%;-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap}
.index-partners .index-partners__mgtu-wrap{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
.index-partners .index-partners__mgtu-title{font-size:28px;line-height:34px;font-weight:700}
.index-partners .index-partners__separator{width:1px;height:70px;background:#ffcdb7;-webkit-transform:rotate(20deg);transform:rotate(20deg);margin-right:30px}
@media (max-width:1024px){
    .index-partners .index-partners__separator{display:none}
}
.index-partners .index-partners__logos-wrap{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:50%}
@media (max-width:1024px){
    .index-partners .index-partners__logos-wrap{width:75%;margin:0 auto 40px;justify-content:space-around}
}
.index-partners .index-partners__fsi-logo{margin-top:16px}
@media (max-width:768px){
    .index-partners .index-partners__fsi-logo{display:none}
}
.index-partners .index-partners__items-wrap{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:50%}
@media (max-width:1024px){
    .index-partners .index-partners__items-wrap{width:100%;justify-content:space-around}
}
.index-partners .index-partners-item{width:134px;text-align:center}
@media (max-width:768px){
    .index-partners .index-partners-item{display:none}
    .index-partners .index-partners-item:first-of-type{display:block}
}
.index-partners .index-partners-item .index-partners-item__value{color:#c02431;font-size:34px;line-height:41px;font-weight:700;margin-bottom:12px}
.index-partners .index-partners-item .index-partners-item__text{font-size:14px;font-style:italic}
.index-perspectives{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));background:linear-gradient(-180deg,#fff,#f6f6f6);color:#222}
.index-perspectives .index-perspectives__container{width:900px;margin-left:auto;margin-right:auto;padding:80px 60px 115px}
@media (max-width:1024px){
    .index-perspectives .index-perspectives__container{width:530px;padding:80px 30px 115px}
}
@media (max-width:768px){
    .index-perspectives .index-perspectives__container{width:100%;padding:80px 30px 40px}
}
.index-perspectives .index-perspectives__title{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:50px;color:#000}
.index-perspectives .index-perspectives__title img{margin-left:-65px;margin-right:45px}
@media (max-width:768px){
    .index-perspectives .index-perspectives__title img{width:38px;margin-left:0;margin-right:15px}
}
@media (max-width:768px){
    .index-perspectives .index-perspectives__title{font-size:20px;line-height:24px}
}
.index-perspectives h2{font-size:40px;line-height:48px;font-weight:300;margin-bottom:0}
@media (max-width:768px){
    .index-perspectives h2{font-size:20px;line-height:24px}
}
.index-stories{background:#fff}
.index-stories .index-stories__container{width:1000px;padding:100px 0 128px;margin:0 auto;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}
@media (max-width:1024px){
    .index-stories .index-stories__container{width:728px}
}
@media (max-width:768px){
    .index-stories .index-stories__container{width:100%;padding:50px 25px 40px}
}
.index-stories .index-stories__title{width:100%;text-align:center;color:#c02431;margin-bottom:40px;font-size:40px;line-height:40px;font-weight:300}
@media (max-width:768px){
    .index-stories .index-stories__title{font-size:20px;line-height:24px;margin-bottom:25px}
}
.index-why-jscademy{padding-top:110px;padding-bottom:140px;background:-webkit-gradient(linear,left top,left bottom,from(#222),color-stop(50%,#000),to(rgba(2,2,2,.88))),url(../images/code.jpg);background:linear-gradient(-180deg,#222,#000 50%,rgba(2,2,2,.88)),url(../images/code.jpg);background-position:50%;color:#fff}
@media (max-width:768px){
    .index-why-jscademy{padding-top:40px;padding-bottom:75px}
}
.index-why-jscademy h2{font-size:34px;line-height:41px;font-weight:300;position:relative}
@media (max-width:768px){
    .index-why-jscademy h2{font-size:26px;line-height:32px}
}
.index-why-jscademy h2:before{content:"";width:40px;height:40px;background-image:url(../images/icon-star.svg);position:absolute;background-size:100%;background-repeat:no-repeat;left:-70px;top:5px;-webkit-transform:rotate(-13deg);transform:rotate(-13deg)}
@media (max-width:768px){
    .index-why-jscademy h2:before{left:auto;right:-30px;top:auto}
}
.index-why-jscademy .index-why-jscademy__header{margin-bottom:120px}
@media (max-width:768px){
    .index-why-jscademy .index-why-jscademy__header{margin-bottom:40px}
}
.index-why-jscademy .index-why-jscademy__advantages{margin-bottom:70px;display:-webkit-box;display:flex;width:100%;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}
@media (max-width:768px){
    .index-why-jscademy .index-why-jscademy__advantages{margin-bottom:0;-webkit-box-pack:center;justify-content:center}
}
.page-block{padding:40px;border-radius:20px;background:#fff}
@media (max-width:576px){
    .page-block{padding:40px 20px;margin-left:-15px;margin-right:-15px;border-radius:0}
}
.achievement-stat{display:-webkit-inline-box;display:inline-flex;max-width:140px;margin-right:40px;-webkit-box-align:center;align-items:center}
.achievement-stat:last-of-type{margin-right:0}
.achievement-stat .achievement-stat__value{font-size:36px;line-height:44px;color:#c02431;margin-right:15px}
.achievement-card,.achievement-stat .achievement-stat__label{font-size:14px;line-height:17px}
.achievement-card{text-align:center;padding-bottom:60px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;cursor:pointer}
.achievement-card .achievement-card__img-wrap{background:#feeee7;background:radial-gradient(circle at center,#feeee7 0,#feeee7 60px,transparent 0);height:120px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin-bottom:20px}
@media (max-width:576px){
    .achievement-card .achievement-card__img-wrap{background:radial-gradient(circle at center,#feeee7 0,#feeee7 30px,transparent 0);height:60px}
    .achievement-card .achievement-card__img-wrap img{max-width:100%;max-height:100%}
}
.achievement-card .achievement-card__info{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex-grow:1}
@media (max-width:576px){
    .achievement-card .achievement-card__info{display:none}
}
.achievement-card .achievement-card__title{font-size:18px;line-height:22px;font-weight:700;margin-bottom:10px}
.achievement-card .achievement-card__description{color:#666;margin-bottom:10px}
.achievement-card .achievement-card__stats{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-weight:700;-webkit-box-pack:center;justify-content:center;margin-bottom:10px;margin-top:auto}
.achievement-card .achievement-card__stats .achievement-card__coins{color:#f6b545;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-right:15px}
.achievement-card .achievement-card__stats .achievement-card__coins img{width:20px;height:20px}
.achievement-card .achievement-card__stats .achievement-card__xp{color:#2f9826;margin-left:15px}
.achievement-card .achievement-card__count{border:1px solid #c02431;padding:4px 13px 6px;border-radius:999px;display:-webkit-inline-box;display:inline-flex;margin-left:auto;margin-right:auto}
.achievement-modal{font-size:14px;line-height:19px}
.achievement-modal,.achievement-modal .achievement-modal__body{display:-webkit-box;display:flex}
@media (max-width:768px){
    .achievement-modal .achievement-modal__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
}
.achievement-modal .achievement-modal__img{width:100px;height:100px;margin-right:60px}
.achievement-modal .achievement-modal__stats{display:-webkit-box;display:flex}
.achievement-modal .achievement-modal__coins{margin-right:30px;color:#f6b545;font-weight:700}
.achievement-modal .achievement-modal__coins img{width:20px;height:20px}
.achievement-modal .achievement-modal__xp{color:#2f9826;font-weight:700}
.achievement-got-modal{font-size:14px}
.congratulations-card{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;text-align:center;background:#fff;border:1px solid #eee;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);border-radius:20px;padding:20px;margin-bottom:45px}
.congratulations-card .congratulations-card__img{margin-bottom:36px}
.congratulations-card .congratulations-card__title{font-size:18px;line-height:22px;font-weight:700;margin-bottom:10px}
.congratulations-card a{color:#c02431}
.congratulations-card a:hover{text-decoration:none}
.tariff-card{padding:45px;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:5px 5px;overflow:hidden;position:relative;-webkit-transition:-webkit-transform .05s ease-in;transition:-webkit-transform .05s ease-in;transition:transform .05s ease-in;transition:transform .05s ease-in,-webkit-transform .05s ease-in}
@media (max-width:1440px){
    .tariff-card{padding:45px 20px}
}
.tariff-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:1}
.tariff-card .tariff-card__title{font-family:Fira Sans,sans-serif;font-size:28px;font-weight:300;margin-bottom:30px}
.tariff-card .tariff-card__price{font-family:Fira Sans,sans-serif;color:#c02431;font-size:20px;line-height:29px;margin-bottom:60px;font-weight:700}
.tariff-card .tariff-card__header{text-align:center;margin-bottom:40px}
.tariff-card .tariff-card__promo{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin-bottom:11px}
.tariff-card .tariff-card__promo .tariff-card__old-price,.tariff-card .tariff-card__promo .tariff-card__price{margin:0 15px}
.tariff-card .tariff-card__promo .tariff-card__old-price{font-family:Fira Sans,sans-serif;color:#666;position:relative}
.tariff-card .tariff-card__promo .tariff-card__old-price:before{content:"";position:absolute;width:100%;height:1px;background:#666;bottom:0;top:0;margin:auto}
.tariff-card .tariff-card__promo .tariff-card__price{font-size:26px;line-height:37px;margin-bottom:0}
.tariff-card .tariff-card__price-detail{font-family:Fira Sans,sans-serif;font-weight:700;margin-bottom:20px}

.tariff-card .tariff-card__badge{font-family:Fira Sans,sans-serif;font-size:14px;font-weight:700;line-height:12px;color:#fff;text-align:center;background:linear-gradient(-45deg,#c02431,#c02431);position:absolute;top:7px;right:-106px;width:100px;height:40px;padding:0 100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transform:rotate(25deg);transform:rotate(25deg);box-sizing:content-box}

.tariff-card .tariff-card__badge_green{background:#79d131}.marked-list{margin:0;padding:0;list-style:none;font-style:italic;font-weight:700}.marked-list li{display:-webkit-box;display:flex;margin-bottom:20px}.marked-list li:before{font-style:normal;font-family:Font Awesome\ 5 Free,sans-serif;content:"\F00C";font-weight:900;color:#c02431;margin-right:15px;flex-shrink:0}.marked-list.marked-list__horizontal{display:-webkit-box;display:flex;flex-wrap:wrap}.marked-list.marked-list__horizontal li{-webkit-box-flex:1;flex:1}.marked-list.marked-list_circle{color:#222;font-weight:300}.marked-list.marked-list_circle li:before{content:"";width:5px;height:5px;background-image:linear-gradient(-45deg,#f31542,#ff7d00);border-radius:50%;margin-top:8px}.collapse-item{margin-bottom:20px;width:100%;max-width:840px}.collapse-item .collapse-item__toggler{font-size:20px;line-height:24px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;cursor:pointer;background:#f6f6f6;padding:16px 40px}.collapse-item .collapse-item__toggler[aria-expanded=true] .collapse-item__sign{background:url(../images/minus.svg) no-repeat 50%}.collapse-item .collapse-item__sign{width:23px;height:23px;background:url(../images/plus.svg);flex-shrink:0;margin-left:10px}.collapse-item .collapse-item__body{background:#f6f6f6;padding:16px 40px}@media (max-width:576px){.collapse-item{margin-left:-20px;margin-right:-20px;padding:16px 20px}}.collapse-item.collapse-item_index{margin-bottom:15px;border-radius:4px;overflow:hidden;padding:0}@media (max-width:768px){.collapse-item.collapse-item_index{font-size:15px;line-height:18px}.collapse-item.collapse-item_index .collapse-item__toggler{padding:15px}.collapse-item.collapse-item_index .collapse-item__body{padding:0 25px 25px}}.slider__btn{width:30px;height:30px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:50%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;top:200px;cursor:pointer;z-index:1}.slider__btn_left{left:3px}.slider__btn_next{right:3px}@media (max-width:768px){.slider__btn{top:60px}}.review{text-align:center;position:relative}.review .review__quote{font-size:70px;position:absolute;color:rgba(250,85,26,.15)}.review .review__quote_left{left:0}.review .review__quote_right{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.review .review__img{width:140px;height:140px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:50%;margin-bottom:30px}.review .review__name{margin-bottom:16px;font-size:20px;line-height:24px;font-weight:700}.review .review__text{margin:0 100px}@media (max-width:768px){.review .review__quote{font-size:30px}.review .review__text{margin:0}}.check-list{margin:0;padding:0;list-style:none;font-style:italic}.check-list li{display:-webkit-box;display:flex;margin-bottom:20px}.check-list li:before{content:"";font-style:normal;font-family:Font Awesome\ 5 Free,sans-serif;font-weight:900;color:#c02431;margin-right:15px;background:#d3f1c2;height:25px;width:25px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%}.check-list li.checked:before{content:"\F00C"}.check-list.check-list_style-2{font-style:normal}.check-list.check-list_style-2 li:before{content:"\F00C";background:#c9bfc1;color:#fff;flex-shrink:0}.check-list.check-list_style-2 li.checked:before{background:#c02431}.modal{display:-webkit-box!important;display:flex!important;position:fixed;width:100%;height:100%;background:transparent;left:0;top:-999999px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:10;-webkit-transition:background .2s ease-in;transition:background .2s ease-in;font-size:14px}.modal.show{top:0;background:rgba(0,0,0,.75)}.modal.show .modal__content{-webkit-transform:scale(1);transform:scale(1);opacity:1}.modal .modal__content{width:400px;max-width:100%;max-height:80vh;-webkit-transform:scale(.5);transform:scale(.5);opacity:0;-webkit-transition:opacity .2s ease-in,-webkit-transform .2s ease-in;transition:opacity .2s ease-in,-webkit-transform .2s ease-in;transition:transform .2s ease-in,opacity .2s ease-in;transition:transform .2s ease-in,opacity .2s ease-in,-webkit-transform .2s ease-in;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);border-radius:5px;display:-webkit-box;display:flex}.modal .modal__body{max-height:100%;width:100%;padding:40px 60px}@media (max-width:576px){.modal .modal__body{padding:15px}}.modal [data-action=close]{background:none;border:none;outline:none;position:absolute;width:30px;height:30px;padding:0;line-height:30px;z-index:10;color:#dedede;top:-40px;right:10px;font-size:30px}.modal [data-action=close]:hover{color:#ff7c8b}.modal .modal__image{width:100%;height:280px;margin-bottom:40px;background-size:cover}.course-card{position:relative;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:20px;padding:20px;margin-bottom:40px;display:-webkit-box;display:flex}@media (max-width:768px){.course-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.course-card__img{margin-right:40px;width:140px;height:140px;border-radius:10px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2)}@media (max-width:768px){.course-card__img{width:70px;height:70px;margin-bottom:20px}}.course-card__content{display:-webkit-box;display:flex}.course-card__content-extra{margin-top:30px;margin-bottom:30px}.course-card__content-info{margin-right:60px;max-width:780px}.course-card__title{color:#000;font-size:20px;margin-bottom:16px;font-weight:700}.course-card__list{margin-bottom:10px}.course-card__list ul{list-style:none;padding:0;margin-bottom:0}.course-card__list ul li{margin-bottom:10px;padding-left:40px;position:relative}.course-card__list ul li:before{position:absolute;left:2px;top:25%;content:"";width:10px;height:10px;border:1px solid #c02431;border-radius:50%;background:#fff}.course-card__list ul li:last-child{margin-bottom:0}.course-card__progress{font-weight:700;font-size:20px;color:#aaa;text-align:center;line-height:24px;margin-bottom:10px}.course-card__progress span{font-weight:400;font-size:24px;color:#2f9826;line-height:29px}.course-card .btn{white-space:nowrap}.course-card .course-card__details{padding-top:30px}

.course-card .course-card__toggler{padding:0;border:none;font:inherit;color:#c02431;position:absolute;bottom:-15px;left:0;right:0;margin:auto;width:30px;height:30px;text-align:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}

.course-card .course-card__toggler:focus{outline:none}
.course-card .course-card__toggler[aria-expanded=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.offer{color:#fff;display:-webkit-box;display:flex}.offer p{margin-bottom:0;margin-right:20px}
@media (max-width:1024px){.offer{-webkit-box-pack:justify;justify-content:space-between;width:100%}}
@media (max-width:576px){.offer{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.offer p{margin-right:0;margin-bottom:15px;text-align:center}}.exam{display:-webkit-box;display:flex;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:20px}.exam__img{border-radius:20px 0 0 20px;width:540px;background:url(../images/man-coding.jpg);background-size:cover;flex-shrink:0}
@media (max-width:1440px){.exam__img{width:280px}}
@media (max-width:1024px){.exam__img{display:none}}.exam__content{padding-top:45px;padding-bottom:40px;text-align:center;color:#000;width:100%}.exam__content-title{margin-bottom:24px;font-size:32px;line-height:39px;font-weight:700}
@media (max-width:576px){.exam__content-title{font-size:24px;line-height:29px}}.exam__content-subtitle{max-width:520px;font-weight:300;font-size:24px;margin-bottom:34px;line-height:29px}
@media (max-width:576px){.exam__content-subtitle{font-size:16px;line-height:19px}}.exam__content .btn{min-width:220px}.user-settings-modal{font-size:16px;line-height:19px}.popup{width:320px;padding:20px 30px;position:fixed;bottom:15px;right:15px;background:#fff;border-radius:5px;text-align:center;font-size:14px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;pointer-events:none}.popup.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}.sign-modal .modal__content{max-height:85vh}.sign-modal .sign-modal__tabs{font-size:24px;line-height:29px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0 65px;margin-bottom:30px;font-weight:700;border:none}
@media (max-width:576px){.sign-modal .sign-modal__tabs{padding:0}}.sign-modal .sign-modal__tabs a{color:grey}.sign-modal .sign-modal__tabs .active{color:#000}.sign-modal .sign-modal__tabs .nav-link{border:none}
.sign-modal .sign-modal__remember-pas{font-size:16px;position:absolute;margin: 9px 14px 0 0; right:0px}
.sign-modal .sign-modal__social-auth-label{position:relative;text-align:center;font-weight:700}
.sign-modal .sign-modal__social-auth-label span{background:#fff;position:relative;padding:0 10px;z-index:2}
.sign-modal .sign-modal__social-auth-label:before{content:"";width:100%;display:block;height:1px;-webkit-transform:translateY(12px);transform:translateY(12px);border-bottom:1px solid #eee}
.sign-modal .sign-modal__social-btn{width:120px;border:1px solid #ccc;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;border-radius:999px;padding:5px 0}
.sign-modal .sign-modal__social-btn img{width:25px;height:25px}
.container.container_sm{width:970px}
@media (max-width:1024px){
    .container.container_sm{width:680px}
}
@media (max-width:768px){
    .container.container_sm{width:100%}
}
.video-block{width:360px;height:250px;position:relative;border-radius:20px 0 20px 0;overflow:hidden}
@media (max-width:768px){
    .video-block{height:170px;max-width:100%}
}
.video-block:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(-45deg,rgba(243,21,66,.6),rgba(255,125,0,.6))}
.video-block .video-block__preview{width:100%;height:100%;background-size:cover}
.video-block .video-block__btn-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.advantage-card{width:220px;font-size:14px;line-height:19px;color:#fff;text-align:center}
@media (max-width:1024px){
    .advantage-card{margin-bottom:58px}
}
.advantage-card .advantage-card__img-wrap{width:100px;height:100px;text-align:center;display:-webkit-box;display:flex;margin:auto auto 45px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;border-radius:50%}
.slider-people .slider-people__slide-body{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start}
@media (max-width:1024px){
    .slider-people .slider-people__slide-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
}
.slider-people .slider-people__left{position:relative;margin-right:90px}
@media (max-width:1024px){
    .slider-people .slider-people__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-left:auto;margin-right:auto;margin-bottom:90px}
}
.slider-people .slider-people__img{position:relative;width:250px;height:250px;border-radius:15px 0 15px 0;background-size:cover;background-position:50%;margin-bottom:50px}
.slider-people .slider-people__img:before{content:"";position:absolute;z-index:-1;-webkit-transform:translate(10px,10px);transform:translate(10px,10px);background:linear-gradient(-45deg,#c02431,#c02431);border-radius:20px 0 20px 0;width:100%;height:100%;left:0;top:0}
.slider-people .slider-people__salary-badge{position:absolute;bottom:28px;right:-20px}
.slider-people .slider-people__right{padding-top:15px}
.slider-people .slider-people__navbar{display:-webkit-box;display:flex;width:265px;height:18px;position:absolute;top:330px;-webkit-box-pack:center;justify-content:center;z-index:2}
@media (max-width:1024px){
    .slider-people .slider-people__navbar{left:0;right:0;margin:auto}
}
.slider-people .slider-people__navbar.slider-people__navbar_light .slider-people__next,.slider-people .slider-people__navbar.slider-people__navbar_light .slider-people__prev{background-image:url(../images/slider-people-caret-white.svg)}
.slider-people .slider-people__navbar.slider-people__navbar_light .swiper-pagination-bullet{background-image:url(../images/slider-people-bullet-white.svg)}
.slider-people .slider-people__next,.slider-people .slider-people__prev{width:11px;height:18px;background:url(../images/slider-people-caret.svg) no-repeat;cursor:pointer}
.slider-people .slider-people__next.swiper-button-disabled,.slider-people .slider-people__prev.swiper-button-disabled{opacity:.3}.slider-people .slider-people__next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.slider-people .slider-people__pagination{display:-webkit-box;display:flex;margin:0 33px}
.slider-people .swiper-pagination-bullet{width:11px;height:18px;padding:0 8px;background:url(../images/slider-people-bullet.svg) no-repeat;cursor:pointer}
.slider-people .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/slider-people-bullet-active.svg) no-repeat!important}
.salary-badge{font-style:italic;font-size:16px;line-height:19px;width:220px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,.1);padding:12px;color:#000}
.salary-badge .salary-badge__value{font-size:30px;line-height:36px;color:#f83f29;font-weight:900;font-style:normal}
.profession-card{display:-webkit-box;display:flex;position:relative;-webkit-box-align:stretch;align-items:stretch}
@media (max-width:1024px){
    .profession-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
}
.profession-card .profession-card__description,.profession-card .profession-card__video-block{width:50%;min-height:700px}

@media (max-width:1024px){
    .profession-card .profession-card__description,.profession-card .profession-card__video-block{width:100%;min-height:320px}
}
.profession-card .profession-card__video-block{border-radius:0}.profession-card .profession-card__description{background:#fff;padding:100px 70px}
@media (max-width:1024px){
    .profession-card .profession-card__description{padding:70px}
}
@media (max-width:768px){
    .profession-card .profession-card__description{padding:30px}
}
.profession-card .profession-card__description-body{max-width:400px;margin-right:auto}
.profession-card .profession-card__salary-badge{position:absolute;bottom:100px;left:0;right:0;margin:auto}
@media (max-width:1024px){
    .profession-card .profession-card__salary-badge{top:215px;bottom:auto;left:auto;right:25px}
}
.profession-card .video-block__btn-play{top:60px;left:60px;margin:0}
@media (max-width:1024px){
    .profession-card .video-block__btn-play{left:60px!important;right:auto!important}
}
@media (max-width:768px){
    .profession-card .video-block__btn-play{top:25px;left:25px!important;right:auto!important}
}
.profession-card.profession-card_right .profession-card__description-body{margin-left:auto;margin-right:0}
@media (max-width:1024px){
    .profession-card.profession-card_right .profession-card__description-body{margin-right:auto;margin-left:0}
}
.profession-card.profession-card_right .profession-card__video-block{-webkit-box-ordinal-group:3;order:2}
@media (max-width:1024px){
    .profession-card.profession-card_right .profession-card__video-block{-webkit-box-ordinal-group:1;order:0}
}
.profession-card.profession-card_right .video-block__btn-play{left:auto;right:60px}
@font-face{font-family:Lato;font-weight:400;src:url(../fonts/latoregular.ttf) format("ttf"),url(../fonts/latoregular.woff) format("woff"),url(../fonts/latoregular.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:900;src:url(../fonts/latoblack.ttf) format("ttf"),url(../fonts/latoblack.woff) format("woff"),url(../fonts/latoblack.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:700;src:url(../fonts/latobold.ttf) format("ttf"),url(../fonts/latobold.woff) format("woff"),url(../fonts/latobold.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:300;src:url(../fonts/latolight.ttf) format("ttf"),url(../fonts/latolight.woff) format("woff"),url(../fonts/latolight.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:400;font-style:italic;src:url(../fonts/latoitalic.ttf) format("ttf"),url(../fonts/latoitalic.woff) format("woff"),url(../fonts/latoitalic.woff2) format("woff2")}.story-card{width:490px;height:320px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:end;align-items:flex-end;position:relative;margin-bottom:24px;padding:30px 15px 30px 30px;font-size:20px;line-height:24px;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);border-radius:4px;font-weight:700;overflow:hidden}
@media (max-width:1024px){
    .story-card{width:320px;height:209px}
}
@media (max-width:768px){
    .story-card{width:100%}
}
.story-card:before{content:"";position:absolute;width:100%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(64%,rgba(0,0,0,.2)),to(rgba(0,0,0,.62)));background-image:linear-gradient(-180deg,rgba(0,0,0,.2) 64%,rgba(0,0,0,.62));left:0;top:0}.story-card .story-card__title{color:#fff;position:relative}


@media (max-width:1024px) {
    .about-more {width: 960px; margin: 0 auto;}
}

.cleaner {height: 0px; clear: both;}



/* MODAL WINDOWS */
#mask {position:absolute;z-index:8000;background: #000;display:none;top:0px;left:0px;width:100%;height:100%;}
.window {position:fixed;top:-1000px;display:none;z-index:8001;}
#declineModal {width:500px; background:#fff;border-radius: 5px;min-height: 300px;}

