@import "../../indexgo/fonts/Inter/stylesheet.css";
@import "lightgallery.min.css";
@import "jquery-ui.min.css";


html * { max-height: 1000000px; }
* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; outline: none; }
html, body { font-family: 'Inter', Arial, sans-serif; font-size: 14px; color: #000;
    line-height: 1.3; width: 100%; height: 100%; font-weight: 300}
li { list-style: none; }
img { display: block; height: auto; max-width: 100%; }
a img { border:none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { outline:none;
    font-family: 'Inter', Arial, sans-serif; font-size: 14px;font-weight: 300
    /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}
input[type=file], button, input[type="submit"],
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
.container { max-width: 1300px; width: 100%; padding: 0 20px; margin: 0 auto; }



.btn_wrap { display: flex; margin-top: 40px; }
.btn_wrap.aright { justify-content: flex-end; }
.btn_wrap .btn + .btn { margin-left: 30px; }
.btn { border-radius: 40px; height: 66px; display: inline-flex; align-items: center; justify-content: center;
    padding: 0 40px; background: var(--gbg1); color: var(--blue); border: none; font-size: 17px;
    font-weight: 600; text-align: center; }
.btn.fw { display: flex; width: 100%; }
.btn.error { background: #FFD7D7; color: var(--red); }
.btn.suc { color: #FFF; background: var(--blue); }
.btn.lblue { color: var(--blue); background: #E3F5FF; }
.btn.lgreen { color: var(--green); background: #E9FFE9; }
.btn.blue { color: #FFF; background: var(--blue); transition: .3s; }
.btn.blue:hover { background: var(--or); box-shadow: 0px 6px 50px rgba(242, 131, 44, 0.5); }
.btn.dis,.btn[disabled] { background: #CCC; color: #FFF; }
.input { display: block; width: 100%; position: relative; margin-bottom: 30px; }
.input input,.input textarea { height: 74px; border-radius: 37px; border: 1px solid var(--gb2);
    display: block; padding: 0 40px; width: 100%; font-size: 17px; }
.input textarea { line-height: 1.6; min-height: 131px; padding: 25px 40px; resize: vertical; }
.input input.valid { border-color: var(--green); }
.input input.invalid { border-color: var(--red); }
.input .placeholder { position: absolute; bottom: -8px; height: 20px; left: 40px; display: block;
    color: var(--gtext1); padding: 0 7px; line-height: 20px; font-size: 14px; background: #FFF; }
.error_box { font-size: 15px; }
.input + .error_box { margin-top: -10px; }
.error_box p { color: var(--red); }

.input_toggle { cursor: pointer; }
.input_toggle span { position: relative; display: block; width: 56px; height: 30px; border-radius: 28px;
    background: var(--gbg2); transition: .4s; }
.input_toggle span:before { content: ""; width: 24px; height: 24px; position: absolute; top: 3px; left: 3px;
    background: #FFF; border-radius: 50%; transition: .4s; }
.input_toggle input { display: none; }
.input_toggle input:checked ~ span { background: var(--blue); }
.input_toggle input:checked ~ span:before { left: calc(100% - 27px); }

.input_file { position: relative; width: 100%; display: block; margin-bottom: 30px; }
.input_file input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.input_file span { border: 1px solid var(--blue); height: 74px; display: flex; border-radius: 40px;
    align-items: center; justify-content: center; font-weight: 600; font-size: 17px; color: var(--blue); }
.input_file input.valid ~ span { color: var(--green); border-color: var(--green); }
.input_file input.invalid ~ span { color: var(--red); border-color: var(--red); }

.ui-selectmenu-button.ui-button { width: 100%; padding: 0 40px; height: 74px; display: flex;
    flex-direction: row-reverse; align-items: center; justify-content: space-between; border-radius: 40px;
    font-size: 17px; background: #FFF; margin-bottom: 30px; }
.input > .ui-selectmenu-button.ui-button { margin-bottom: 0; }
.ui-selectmenu-icon.ui-icon,.ui-selectmenu-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
.ui-widget { font-size: 17px; }
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,.ui-button:active,
.ui-button.ui-state-active:hover {  }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; }
.ui-state-active { color: var(--or); border: none; }
.ui-menu-item-wrapper { height: 64px; display: flex; align-items: center; padding: 0 40px!important;  }
.ui-selectmenu-button-open { border-radius: 40px 40px 0 0!important;
    border-color: transparent!important;  box-shadow: 0 7px 70px rgba(0, 0, 0, 0.07); }
.ui-widget.ui-widget-content { border-radius: 0 0 40px 40px; overflow: hidden; border: none;
    border-top: 1px solid #EEE; box-shadow: 0 40px 40px rgba(0, 0, 0, 0.05); }
.ui-selectmenu-button-open + .placeholder { opacity: 0; }

.checkbox { display: inline-flex; align-items: flex-start; cursor: pointer; margin-bottom: 20px; }
.checkbox.fw { display: flex; width: 100%; }
.checkbox input { display: none; }
.checkbox i { display: block; flex: 0 0 auto; width: 36px; height: 36px; position: relative;
    border-radius: 7px; border: 1px solid var(--gb2); }
.checkbox input:checked ~ i:before { content: ""; background: var(--or); display: block; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 4px;
    width: calc(100% - 10px); height: calc(100% - 10px); }
.checkbox span { margin-left: 15px; font-size: 24px; line-height: 1.3; }

.input_row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.input_row > * { width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; }
.input_row > .btn { width: calc(50% - 30px); height: 74px; }
.my_select { display: inline-flex; position: relative; z-index: 1; }
.my_select.blue { color: var(--blue); }
.my_select.active { z-index: 2; }
.my_select + .my_select { margin-left: 30px; }
.my_select * { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.my_select > p { cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 17px;
    font-weight: 600; position: relative; z-index: 4; padding: 20px 0; }
.my_select.active > p { color: var(--gtext2); }
.my_select > p:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; margin-left: 15px;
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
.my_select.blue > p:after { background: url(../img/select_blue_arrow.svg) no-repeat 50% 50% / contain; }
.my_select.active > p:after { transform: rotate(180deg); filter: grayscale(1); }
.my_select > ul { position: absolute; top: -15px; background: #FFF; display: none;
    box-shadow: 0 7px 70px rgba(0, 0, 0, 0.07); z-index: 2; padding-top: 70px;
    border-radius: 15px; left: -40px; right: -40px; padding-bottom: 15px; }
.my_select > ul li { cursor: pointer; text-align: center; padding: 10px; font-size: 16px;
    font-weight: 600; }
.my_select.active > ul { display: block; }

body { padding-top: 92px; }
header { padding: 10px 30px 15px; display: flex; align-items: center;
    justify-content: space-between; top: 0; left: 0; border-bottom: 1px solid var(--gb1);
    width: 100%; flex: 0 0 auto; background: #FFF; position: fixed; z-index: 10000; }
.page{z-index: 1}
.logo { margin-bottom: -12px; margin-right: 50px; }
.h_right { display: flex; align-items: center;  justify-content: flex-end; flex: 1 1 auto}
.h_right a { color: var(--blue); font-size: 20px; font-weight: 600; }
.empty { flex: 1 1 auto; }
nav { flex: 1 1 auto; }
nav > ul { display: flex; justify-content: center; align-items: center; }
nav > ul > li { margin: 0 22px; }
nav a { transition: .3s; font-size: 20px; }
nav a:hover { color: var(--or); }

nav  .my_select2 { display: inline-flex; position: relative; z-index: 1; }
nav  .my_select2.blue { color: var(--blue); }
nav  .my_select2.active { z-index: 12; }
nav  .my_select2 + .my_select2 { margin-left: 30px; }
nav  .my_select2 * { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
nav  .my_select2 > p { cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 17px;
    font-weight: 600; position: relative; z-index: 4; padding: 20px 0; }
nav  .my_select2.active > p { color: var(--gtext2); }
nav  .my_select2 > p:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; margin-left: 15px;
     background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; }
nav  .my_select2.blue > p:after { background: url(../img/select_blue_arrow.svg) no-repeat 50% 50% / contain; }
nav  .my_select2.active > p:after { transform: rotate(180deg); filter: grayscale(1); }
nav  .my_select2 > ul { position: absolute; top: -15px; background: #FFF; display: none;
      box-shadow: 0 7px 70px rgba(0, 0, 0, 0.07); z-index: 2; margin-top: 70px;
     border-radius: 15px; left: -40px; right: -40px; padding-bottom: 15px; }
nav  .my_select2 > ul li { cursor: pointer; text-align: center; padding: 10px; font-size: 16px;
    font-weight: 600; }
nav  .my_select2.active > ul { display: block; }
nav .my_select2 > p { font-weight: 300; font-size: 20px; }
nav .my_select2 > p:after { margin-top: 4px; }
nav .my_select2 > ul { width: 270px; left: -75px; }
nav .my_select2 > ul li { white-space: nowrap; font-weight: normal; font-size: 18px;position: relative ;}
nav .my_select2 > ul li a{ white-space: nowrap; font-weight: normal; font-size: 18px;}
nav  .my_select3 ul{display: none;position: absolute;left: 100%;top: 0;background: #fff;width: 270px;}
nav  .my_select3.active > ul { display: block; border-radius: 15px;}
nav  .my_select3 > p:after { content: ""; flex: 0 0 auto; width: 11px; height: 7px; position: absolute;right: 10px;top:50%;
    background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; display: inline-block;transform: rotate(-90deg);margin-top: -4px}


main { min-height: 740px; display: flex; align-items: center;
    background: url(../img/main_bg.png) no-repeat 42% 50% / cover; }
.main { margin-right: 0; margin-left: auto; width: 50%; }
.main h2 { font-size: 70px; line-height: 1.2; font-weight: 800; margin-bottom: 30px; }
.main h2 span { color: var(--or); }

.footer { padding: 50px 0; border-top: 1px solid var(--gb1); font-size: 20px;
    display: flex; justify-content: space-between; color: var(--gtext1); margin-top: 50px; }
.f_left li { margin-top: 30px; }
.f_left li:first-child { margin-top: 0; }
.f_right { text-align: right; }
.f_right p { margin-top: 30px; }
.rss ul { display: flex; justify-content: flex-end; margin: 0 -15px; }
.rss ul li { margin:0 15px; flex: 0 0 auto; }
.rss ul li a {  }

h4 { font-size: 40px; font-weight: 600; line-height: 1.2; }

.video_block { padding: 60px 0; }
.video_box { border-radius: 30px; overflow: hidden; position: relative; }
.video_box:after { content: ""; padding-top: 56.25%; display: block; }
.video_box > * { position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; }
.video_box + p { margin-top: 35px; }
.video p { font-size: 24px; }

.events_block { padding: 10px 0; }
.events_slider { margin-top: 30px; }
.events_slider .slick-list { margin: 0 -10px; }
.events_slider .slick-track { display: flex!important; /*transform: translate3d(0, 0, 0) !important;*/ }
.event { margin: 10px; display: flex!important; flex-direction: column; height: auto!important; }
.event_img { position: relative; border-radius: 30px 30px 0 0; overflow: hidden; flex: 0 0 auto; }
.event_img:before { content: ""; padding-top: 50%; display: block; }
.event_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.event_body { flex: 1 1 auto; padding: 30px 45px; border: 1px solid var(--gb1);
    border-top: none; border-radius: 0 0 30px 30px; display: flex; flex-direction: column; }
.event_body p { font-size: 24px; font-weight: 600; }
.event_body:before { content: ""; flex: 1 1 auto; order: 1; }
.event_info { margin-top: 15px; order: 2; display: flex; justify-content: space-between; align-items: center; }
.event_info p { font-size: 18px; color: var(--gtext2); }

.after_events_box { display: flex; align-items: center; padding-top: 30px; }
.after_events_box > * { margin-top: 20px; }
.after_events_img { width: 450px; flex: 0 0 auto; margin-left: -15px; margin-right: 30px; }
.after_events_text {  }
.after_events_text p { font-size: 40px; font-weight: 600; }
.after_events_text p:before { content: "+"; font-weight: bold; color: var(--or); }
.after_events_text p + p { margin-top: 35px; }
.after_events_text .btn { margin-top: 55px; }

.used_block { padding: 70px 0; }
.used_slider { margin-top: 30px; }
.used_slider .slick-list { margin: 0 -7px; }
.used_item { margin: 10px 7px;  }

.wrapper_slider .slick-dots { display: flex; justify-content: center; margin-top: 30px; }
.wrapper_slider .slick-dots li { position: relative; margin: 0 5px; width: 8px; height: 8px;
    border-radius: 50%; background: #D1D1D1; }
.wrapper_slider .slick-dots li button { opacity: 0; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; }
.wrapper_slider .slick-dots li.slick-active { background: var(--or); }

h3 { font-size: 70px; font-weight: 800; line-height: 1.2; }
h3 span { color: var(--or); }

.mind_block { overflow-x: hidden; padding: 40px 0; }
.mind > p { font-size: 40px; font-weight: 600; padding-top: 30px; }
.mind_box { display: flex; padding-top: 20px; align-items: center; }
.mind_box > * { margin-top: 20px; }
.mind_img { margin-left: -54px; margin-right: 30px; }
.mind_text { width: 44.5%; flex: 0 0 auto;}
.mind_text p { font-size: 24px; display: flex; align-items: flex-start; }
.mind_text p + p { margin-top: 30px; }
.mind_text p:before { margin-top: 8px; content: ""; width: 31px; height: 15px; display: block; flex: 0 0 auto;
    background: url(../img/8_icon.svg) no-repeat 50% 50% / contain; margin-right: 18px; }


.course_block { padding: 40px 0;
    background: url(../img/course_bg.png) no-repeat calc(50% + 1260px / 2 - 100px) 50% / auto 100%; }
.course { width: 50%; }
.course h6 { font-size: 40px; font-weight: 600; margin-top: 30px; }
.course p { font-size: 24px; font-weight: normal;  }
.course p + h6 { margin-top: 35px; }
.course h6 + p { margin-top: 20px; }
.course p + .btn { margin-top: 50px; }

.audience_block { padding: 40px 0; }
.audience { display: flex; align-items: center; }
.audience_img { width: 570px; flex: 0 0 auto; margin-right: 45px; }
.audience_text img { display: none; }
.audience_text h6 { font-size: 40px; font-weight: 600; margin-top: 30px; }
.audience_text p { font-size: 24px; line-height: 1.6; }
.audience_text p a { color: var(--blue); font-weight: 600; }
.audience_text h6 + p { margin-top: 20px; }
.audience_text p + p  { margin-top: 20px; }

.last_block { padding: 30px 0 50px;
    background: url(../img/last_bg.png) no-repeat calc(50% + 1260px / 4 + 60px) 50% ; }

.last_form { max-width: 550px; }
.last_form form { margin-top: 35px; }

.author_box { display: flex; margin-top: 15px; }
.author_img { width: 50%; flex: 0 0 auto; margin-right: 75px; }
.author_text { padding-top: 35px; }
.author_text h4 { margin-top: 30px; }
.author_text p { font-size: 24px; line-height: 1.6; margin-top: 20px; }
.after_author { padding-top: 45px; }
.after_author p { font-size: 24px; line-height: 1.6; padding-top: 20px; }
.after_author p a { font-weight: 600; color: var(--blue); }

.event_page { padding-top: 45px; }
.event_page img { border-radius: 30px; }
.event_page h4 { padding-top: 45px; }
.event_page p { font-size: 24px; line-height: 1.6; padding-top: 20px; }

.entry_block { padding: 100px 0; min-height: 740px; display: flex; align-items: center; }
.entry { margin-left: auto; margin-right: 0; max-width: 555px; color: #FFF; }
.entry h3 { text-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); }
.entry p { text-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); padding-top: 20px; font-size: 24px; font-weight: 600; }

.contacts_page_bg { background: url(../img/contacts_bg.jpg) no-repeat 50% 50% / cover; }
.refund_page_bg { background: url(../img/refund_policy_bg.jpg) no-repeat 50% 50% / cover; }
.privacy_page_bg { background: url(../img/privacy_bg.jpg) no-repeat 50% 50% / cover; }
.suite_page_bg { background: url(../img/suite_page_bg.png) no-repeat 50% 50% / cover; }
.suite_page_bg .entry { max-width: 590px; }
.suite_page_bg h3 { text-shadow: none; color: #000; }

.contacts { display: flex; padding: 30px 0 0; justify-content: space-between; }
.contacts > * { padding-top: 40px; }
.contacts_right { width: 320px; flex: 0 0 auto; }
.contacts h4 {}
.contacts p { font-size: 24px; line-height: 1.6;}
.contacts h4 + p { padding-top: 20px; }
.contacts p + h4 { padding-top: 40px; }

.text_block { padding-top: 50px; }
.text {  }
.text p { font-size: 24px; line-height: 1.6; padding-top: 20px; }
.text h6 { font-size: 24px; font-weight: 600; }
.text h5  { font-size: 24px; font-weight: bold; }
.text h6 a,.text p a { color: var(--blue); font-weight: 600; }
.text h4 + p {}
.text h4 + h6 { padding-top: 30px;}
.text h3 + h4 { padding-top: 30px; }
.text p + h4 { padding-top: 40px; }
.text p + h6 { padding-top: 45px; }
.text p + h5 { padding-top: 30px; }
.text h5 + p { padding-top: 10px; }
.text img {  }
.text > .btn { margin-top: 40px; }
.text p + img { margin-top: 40px; }
.text img + h4 { padding-top: 60px; }
.text img + .btn.fw { margin-top: 40px; }
.text .input_row { padding-top: 40px; }

.registration_block { padding: 45px 0 0; }
.registration h4 { padding-top: 15px; }
.registration h4 + * { margin-top: 25px; }
.registration form { padding-top: 45px; }
.registration .checkbox { margin-bottom: 30px; }
.suite_box:first-child { margin-right: -60px; }
.suite_box { display: flex; align-items: center; padding: 40px 0; }
.suite_img { flex: 0 0 auto; }
.suite_box.img_r .suite_img { order: 1; margin-left: 75px; }
.suite_box:first-child.img_r .suite_img { margin-left: 20px; }
.suite_box.img_l .suite_img { margin-right: 75px; }
.suite_box + h4 { padding-top: 40px; }
.suite_text p:first-child { padding-top: 0; }


.store_slider { height: 100%; }
.store_slider .slick-list,.store_slider .slick-track { height: 100%; }
.store_block { display: flex!important; align-items: stretch; height: 100% !important; }
.store_img { flex: 0 0 auto; position: relative; width: 55%;  }
.store_img img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-position: center}
.store_text { flex: 1 1 auto; height: 100%; overflow: auto; padding: 55px 75px; }
.store_text .gallery { display: none; }
.lg-thumb.lg-group { margin-left: auto!important; margin-right: auto!important; }

.store_block ~ footer .footer { margin-top: 0; }

@media(max-width: 1320px) {
    .store_img { width: 45%; }
    .store_text { padding: 50px; }
}
@media(max-width: 641px) {
    .store_slider .slick-list, .store_slider .slick-track { height: auto; }
    .store_block { flex-direction: column; }
    .store_img { width: 100%; }
    .store_img img { position: relative; height: auto; }
    .store_text { order: 1; overflow: visible; height: auto; padding: 30px 20px; }
    .store_text .btn_wrap { flex-wrap: wrap; }
    .store_text .btn_wrap .btn + .btn { margin-left: 0; margin-top: 20px; }
    .store_text .btn { width: 100%; }
}

/*popup*/
.black_layout { display: none; z-index: 10000; position: fixed; top: 0;
    left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .80); }
.popup_wrapper { display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; z-index: 10001; padding: 0; overflow: auto; }

.popup_inner { display: flex; min-height: 100%; align-items: center; padding: 30px 20px;
    justify-content: center;  }
.popup { background: #FFF; padding: 50px 75px; width: 100%; border-radius: 30px; max-width: 750px; position: relative; }
.close_popup { width: 22px; height: 22px; display: block; position: absolute; z-index: 5; top: 50px; right: 50px;
    background: url(../img/close_icon.svg) no-repeat 50% 50% / 22px auto; }

.popup_icon img { display: block; margin: auto; padding: 16px 0; }
.popup_body { width: 100%; margin: auto; }
.popup_body h4 { font-size: 40px; font-weight: bold; margin-bottom: 35px; }


.mobile_toggle { cursor: pointer; display: none; flex: 0 0 auto;
    width: 20px; height: 20px; position: relative; overflow: hidden; }
.mobile_toggle span { height: 2px; width: 100%; background: var(--blue); margin: auto;
    display: block; position: absolute; border-radius: 2px; transition: .3s; }
.mobile_toggle span:first-child { top: 2px; }
.mobile_toggle span:last-child { bottom: 2px; }
.mobile_toggle span:nth-child(2) { top: 0; bottom: 0; margin: auto; }
.mobile_toggle.active span:first-child { margin-top: 0; top: 50%; transform: rotate(45deg); }
.mobile_toggle.active span:last-child { margin-bottom: -2px; bottom: 50%; transform: rotate(-45deg);}
.mobile_toggle.active span:nth-child(2) { left: 100%; opacity: 0; }
.mobile_nav { display: none; }
.notification_item p:before{display: inline-block;width: 25px;height: 25px;content: '';margin-right: 5px;vertical-align: middle}
.notification_item.finished_test p:before{background: url('../../indexgo/img/finished_test.svg') no-repeat 50% 50% / cover}
.notification_item.candidate_deleted p:before{background: url('../../indexgo/img/candidate_deleted.svg') no-repeat 50% 50% / cover}
.notification_item.candidate_added p:before{background: url('../../indexgo/img/candidate_added.svg') no-repeat 50% 50% / cover}
.notification_item.group_added p:before{background: url('../../indexgo/img/group_added.svg') no-repeat 50% 50% / cover;width: 26px;height: 22px}


@media(max-width: 641px) {
    .about_text h4{word-break: break-word}
    body { padding-top: 72px; }
    header { padding: 2px 20px 7px; }
    .logo { margin-right: 30px; }
    .logo img { max-width: 92px; }
    nav { display: none; }
    .h_right { flex: 1 1 auto; display: flex; justify-content: flex-end; }
    .h_right > a { display: none; }
    .h_right > a.login_popup { display: block;font-size: 16px}
    .h_right > .my_select { display: none; }
    .mobile_toggle { display: block; }

    .mobile_nav { display: flex; flex-direction: column; justify-content: space-between;
        background: #FFF; z-index: 8; height: 100%; position: fixed; text-align: right;
        left: -280px; width: 260px; top: 0; padding: 80px 40px 40px;
        font-size: 18px; line-height: 1.3; transition: .3s; }
    .mobile_nav.active { left: 0; box-shadow: 200px 0 0 200px rgba(0,0,0,.5); }
    .mobile_nav.active { box-shadow: none }
    .mobile_nav > a { color: var(--red); }
    .mobile_nav > ul > li { margin-top: 30px; }
    .mobile_nav > ul > li > ul { display: none; }
    .mobile_nav > ul > li.submenu a { position: relative; }
    .mobile_nav > ul > li.submenu > a:after { content: ""; width: 12px; height: 8px; position: absolute; right: -22px;
        background: url(../img/select_arrow.svg) no-repeat 50% 50% / contain; top: 8px; }
    .mobile_nav > ul > li.submenu li { margin-top: 20px; color: var(--gtext2); }
    .mobile_nav > ul > li.submenu > a.active:after { filter: grayscale(1); transform: rotate(180deg); }
    main { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 78.65%,
    #FFFFFF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../img/main_mobile_bg.png) no-repeat 50% 50% / cover; min-height: 420px; }

    .right::before{display: none}
    .main { width: 100%; }
    .main h2 { font-size: 36px; color: #FFF; }

    .video_block { padding: 50px 0; }
    .video p { font-size: 18px; }
    .video_box + p { margin-top: 20px; }
    h4 { font-size: 25px; line-height: 1.5; }
    h3 { font-size: 36px; }
    .events_slider { margin-top: 20px; }
    .events_slider .slick-list { margin: 0 -20px; }
    .events_slider .slick-track { margin-left: -20px; }
    .event_img { border-radius: 15px 15px 0 0; }
    .event_body { border-radius: 0 0 15px 15px; padding: 25px 20px 20px; }
    .event_body p { font-size: 18px; line-height: 1.5; }
    .event_info { flex-direction: column; align-items: flex-start; }
    .event_info p { font-weight: 400; margin-bottom: 15px; font-size: 16px; }
    .event_info .btn { width: 100%; }

    .after_events_box { flex-direction: column; }
    .after_events_img { margin-left: -10px; margin-right: -17px; width: auto; }

    .after_events_text p { font-size: 24px; }

    .after_events_text p:before { margin-right: 6px; }
    .after_events_text p + p { margin-top: 20px; }

    .after_events_text .btn { margin-top: 25px; width: 100%; }


    .mind > p { font-size: 24px; padding-top: 20px; }
    .mind_box { flex-direction: column; }
    .mind_img { margin: 0 -18px; }
    .mind_text { width: 100%; }
    .mind_text p { font-size: 18px; line-height: 1.5; }
    .mind_text p:before { width: 24px; margin-top: 6px; margin-right: 15px; }
    .mind_text p + p { margin-top: 15px; }


    .course_block { background: url(../img/course_mobile_bg.png) no-repeat 50% 0 / 100% auto;
        padding-top: 100%; }
    .course { width: 100%; }
    .course h6,.audience_text h6 { font-size: 24px; }
    .course p,.audience_text p { font-size: 18px; line-height: 1.5; }
    .course h6 + p,.audience_text h6 + p { margin-top: 15px; }
    .course p + h6 { margin-top: 25px; }
    .course p + .btn { width: 100%; margin-top: 30px;  }


    .audience_img { display: none; }
    .audience_text img { display: block; }
    .audience_text p + p { margin-top: 10px; }
    .audience_text p + img { margin-top: 15px; }


    .last_block { margin-top: 50px; padding-top: 100%; padding-bottom: 0;
        background-position: 20px 0; background-size: 110% auto; }
    .last_form .btn { width: 100%; }

    .footer { flex-direction: column; font-size: 16px; padding: 30px 0; }
    .f_left li { margin-top: 20px; }
    .f_right { margin-top: 25px; text-align: left; }
    .f_right p { margin-top: 20px; }
    .rss ul { justify-content: flex-start; margin-bottom: 5px; }


    .author { }
    .author_box { position: relative; flex-direction: column; }
    .author_text h3 { position: absolute; top: 0; left: 0; }
    .author_text h4 { margin-top: 0; line-height: 1.5; }
    .author_text p { font-size: 18px; margin-top: 15px; }

    .author_img { width: 100%; margin-right: 0; margin-top: 60px; }

    .after_author p,.event_page p { font-size: 18px; padding-top: 15px; }

    .event_page img {  border-radius: 15px; }
    .event_page h4 { padding-top: 25px; line-height: 1.5; }

    .entry_block { padding: 65% 0 0; min-height: 1px;  }

    .entry { margin-left: auto; margin-right: 0; max-width: 555px; color: #000; }
    .entry h3 { text-shadow: none; padding-top: 10px; }
    .entry p { text-shadow: none; padding-top: 15px; color: var(--gtext2); font-size: 18px; font-weight: 400; }

    .contacts_page_bg { background: url(../img/contacts_mobile_bg.jpg) no-repeat 50% 0 / 100% auto; }
    .refund_page_bg { background: url(../img/refund_policy_mobile_bg.jpg) no-repeat 50% 0 / 100% auto; }
    .privacy_page_bg { background: url(../img/privacy_mobile_bg.jpg) no-repeat 50% 0 / 100% auto; }
    .suite_page_bg { padding-top: 115%; background: url(../img/suite_page_mobile_bg.png) no-repeat 50% 0 / 100% auto; }

    .suite_page_bg .entry { max-width: 590px; }

    .text_block { padding-top: 30px; }
    .text p { font-size: 18px; padding-top: 15px; }
    .text p + img { margin-top: 20px; }
    .text img + h4 { padding-top: 40px; }
    .text h5,.text h6 { font-size: 22px; }
    .text p + h5 { font-size: 22px; padding-top: 15px; }

    .contacts { flex-direction: column; }
    .contacts > * { padding: 0; }
    .contacts_right { width: 100%; margin-top: 25px; }
    .contacts h4 + p { padding-top: 15px; }
    .contacts p + h4 { padding-top: 25px; }
    .contacts p { font-size: 18px; line-height: 1.5; }

    .suite_box { flex-direction: column; padding-bottom: 0; padding-top: 25px; }
    .suite_box.img_l .suite_img { margin: 0; }
    .suite_box.img_r .suite_img { order: -1; margin: 0; }
    .suite_box:first-child { margin-right: 0; }
    .suite_box:first-child.img_r .suite_img { margin-left: 0; }
    .suite_img { margin-bottom: 20px!important; }
    .checkbox i { width: 26px; height: 26px; }
    .checkbox input:checked ~ i:before { width: calc(100% - 7px); height: calc(100% - 7px); }
    .checkbox span { font-size: 18px; }
    .input_row { margin: 0; }
    .input_row > * { margin-left: 0; margin-right: 0; width: 100%; }
}


/* Слайдеры */
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}


/*scrollBAR*/
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }

.scroll-wrapper > .scroll-content {
    border: none !important; box-sizing: content-box !important;
    height: auto; left: 0; margin: 0; max-height: none; max-width: none !important;
    overflow: scroll !important; padding: 0; position: relative !important; top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0; width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px; height: 8px;
    left: 0;  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y {
    height: calc(100% - 60px);
    right: 23px;
    top: 30px;
    width: 4px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 2px;
}

/*.scrollbar-inner > .scroll-element .scroll-element_track,*/
/*.scrollbar-inner > .scroll-element .scroll-bar {*/
/*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";*/
/*    filter: alpha(opacity=40);*/
/*    opacity: 0.4;*/
/*}*/

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #FFF; }
.list_wrapper .scrollbar-inner > .scroll-element .scroll-element_track { background-color: transparent; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: var(--gb2); cursor: pointer; }
/*.list_wrapper .scrollbar-inner > .scroll-element .scroll-bar { background-color: blue; }*/
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: var(--blue); }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: var(--or); }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.store_block .btn{height: 56px}

@media (max-width: 641px) {
    .about .about_img img{max-height: 180px}
    .about_text .btn{padding: 0 20px}
    .mobile_center{text-align: center}
}

.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div{display: none!important;}