html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

html {scroll-behavior: smooth; position: relative; min-width: 100%; min-height: 100%;}

body {position: relative; padding: 0; min-width: 100%; min-height: 100%; font-family: 'Onest','Arial', sans-serif; background: #f2f2f2; font-size: 18px; line-height: normal; color: #212121; overflow: auto; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none; scroll-behavior: smooth; box-sizing: border-box;}
 
button,
input,
select,
textarea {font-family: 'Onest','Arial', sans-serif; font-size: 18px; line-height: normal; color: #000;}

button,
input,
select,
textarea,
button:focus,
input:focus,
select:focus,
textarea:focus {-webkit-appearance: none; -moz-appearance: none; box-shadow: none; outline: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;} 
 
ul, 
ol, 
li {list-style-type:none; padding: 0; margin: 0; line-height: normal;}

a,
a:focus,
a:hover {text-decoration: none; outline: none; box-shadow: none;}

::selection {background: #d83117; color: #FFF;}
::-moz-selection {background: #d83117; color: #FFF;} 

h1 {margin: 0 0 40px; font-size: 40px; line-height: 105%; letter-spacing: -0.02em; position: relative;}

h2,
.go_home {margin: 0 0 50px; padding: 0 0 0 26px; position: relative; color: #7B7B7B; font-size: 14px; letter-spacing: -0.01em; text-transform: uppercase; transition: 0.2s;}
h2:before,
.go_home:before {content:""; position: absolute; left: 0; top: 50%; margin-top: -1px; transform: translateY(-50%); width: 14px; height: 14px; background: #91B785; border-radius: 50%;}

a.go_home:hover {color: #91b785;}

.go_home {margin: 0 0 30px; display: inline-block; vertical-align: top;}

.anchor {position: absolute; left: 0; top: 0;}

.back_img {position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 1; display: block;}
.back_img img,
.back_img source {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1;}
 
.back_img__relative {position: relative; left: auto; top: auto; bottom: auto; width: 100%;} 
.back_img__relative img,
.back_img__relative source {position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; object-fit: initial; object-position: 0 0;}
 
.block {width: 1360px; margin: 0 auto; position: relative; box-sizing: border-box; z-index: 2;}

.button {display: inline-block; vertical-align: top; position: relative; font-weight: 500; height: 60px; font-size: 16px; letter-spacing: -0.01em; color: #fff; border: 1px solid #000; border-radius: 8px; background: transparent; text-align: center; margin: 0; transition: 0.2s; cursor: pointer;}
.button span {cursor: pointer;}

a.button {padding-top: 18px;}

.button_green {background: #91b785; border-color: #91b785; color: #FFF;}
.button_green:hover {background: #76B064; border-color: #76B064;}

.button_green_tr {background: transparent; border: 1px solid rgba(145, 183, 133, 0.4); color: #91b785;}
.button_green_tr:hover {background: #76B064; border: 1px solid #76B064; color: #FFF;}

.button_white {background: #FFF; border-color: #FFF; color: #3e443b;}
.button_white:hover {background: #76B064; border: 1px solid #76B064; color: #FFF;}

.container {position: relative;}

.list_item {margin: 0 0 25px; position: relative;}
.list_item:last-of-type {margin: 0;}
.list_item__title {background: #f2f2f2; font-size: 28px; letter-spacing: -0.01em; padding: 22px 75px 22px 20px; position: relative; color: #3E443B; cursor: pointer; border-radius: 12px; transition: 0.2s;}
.list_item__title svg {position: absolute; right: 20px; top: 16px; transform: scaleY(-1); transition: 0.2s;}
.list_item__title .list_item__mobsvg {display: none;}

.list_item__out {position: relative; display: none;}

.list_item.active .list_item__title {color: #FFF; background: #91B785;}
.list_item.active .list_item__title svg {transform: none;}

.main_layout {overflow: hidden; padding-top: 148px; position: relative;}

.load_temp,
.hidden,
.mobmenu, 
.mobmenu_in,
.popup_zone,
.popup {display: none;} 

.search_form {position: relative; height: 100%;}
.search_input {height: 100%; box-sizing: border-box; padding: 0 14px; font-size: 14px; color: #3e443b; width: 100%; border: 1px solid #ced6cb; border-radius: 12px;}
.search_button {position: absolute; width: 44px; right: 0; top: 0; height: 100%; border: 0; background: transparent; border-radius: 0 12px 12px 0; z-index: 2;}  
.search_button svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.search_button .search_button__loupe {pointer-events: none;}
.search_button .search_button__close {display: none; cursor: pointer;}

.search_form  ::-webkit-input-placeholder {color: #3e443b;}
.search_form  :-ms-input-placeholder      {color: #3e443b;}
.search_form  :-moz-placeholder 					{color: #3e443b;}
.search_form  ::-moz-placeholder 					{color: #3e443b;} 

.search_back {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; z-index: 990; cursor: pointer;}

body.search_active .search_button svg {display: none;}
body.search_active .search_button .search_button__close {display: block;}


/* ШАПКА  */


header {position: absolute; top: 0; left: 0; right: 0; z-index: 992;}

.headertop_container {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.headertop_container .headertop_block {height: 56px; font-size: 14px; display: flex; align-items: center; align-content: center; justify-content: space-between; z-index: 990}
.headertop_container a {color: #3E443B; transition: 0.2s;}
.headertop_container a:hover {color: #76B064;}

.headertop_container .headertop_left {margin: 0 auto 0 0;}
.headertop_container .headertop_left a {margin: 0 30px 0 0;}
.headertop_container .headertop_left a:last-of-type {margin: 0;}

.headertop_container .headertop_right {margin: 0 0 0 auto; display: flex; justify-content: flex-end;}

.headertop_container .headertop_phones {display: flex; justify-content: flex-end;}
.headertop_container .headertop_phones li {margin: 0 0 0 30px;}

.headertop_container .headertop_impaired {margin: 0 0 0 30px; position: relative; padding: 0 0 0 32px; cursor: pointer;}
.headertop_container .headertop_impaired svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.headertop_container .headertop_impaired:hover {color: #76B064;}
.headertop_container .headertop_impaired:hover g {fill: #76B064;}


.header_container {position: absolute; left: 0; right: 0; top: 56px; z-index: 991;}
.header_container .header_block {height: 72px; border-radius: 24px; padding: 0 14px 0 29px; font-size: 14px; position: relative; background: #FFF; display: flex; align-content: center; align-items: center; justify-content: space-between;}
 
.header_container .header_logo {position: relative; width: 170px; top: 2px;}

.header_container .header_mobmenu {margin: 0 0 0 auto; width: calc(100% - 170px); height: 100%; display: flex; align-content: center; align-items: center; justify-content: space-between;}

.header_container .header_nav {margin: 0 auto; display: flex;}
.header_container .header_nav li {margin: 0 20px; cursor: pointer; color: #3e443b; transition: 0.2s;}
.header_container .header_nav li:hover {color: #76B064;}
.header_container .header_nav a {color: #3e443b; transition: 0.2s;}
.header_container .header_nav a:hover {color: #76B064;}

.header_container .mob_only {display: none;}

.header_container .header_search {width: 406px; height: 40px; margin: 0 0 0 auto; position: relative;}

.header_container .header_mob {display: none;}

.header_container .search_form__list,
.header_container .search_noresults {position: absolute; width: 434px; padding: 14px; box-sizing: border-box; right: -14px; top: 100%; margin-top: 36px; overflow: hidden; border-radius: 24px; background: #FFF; display: none;}
.header_container .search_form__list:before,
.header_container .search_noresults:before {content:""; position: absolute; left: 0; top: -20px; height: 20px; width: 100%;}

.header_container .search_noresults {text-align: center;}
.header_container .search_noresults__box {position: relative; height: 164px; box-sizing: border-box; border: 1px solid #f2f2f2; border-radius: 6px; display: flex; align-items: center; align-content: center; text-align: center; flex-flow: row wrap;}
.header_container .search_noresults__title {font-size: 24px; margin: 0 0 8px; width: 100%;}
.header_container .search_noresults__subtitle {font-size: 16px; letter-spacing: -0.01em; width: 100%;}

.header_container .search_form__list {padding: 14px 5px 0 14px;}
.header_container .search_form__list li {margin: 0 0 14px;}
.header_container .search_form__list li:last-of-type {margin: 0;}
.header_container .search_form__list .edu_subitem {padding: 32px; cursor: pointer;}
.header_container .search_form__list .edu_subitem:hover .edu_subitem__text {color: #76B064;}
.header_container .search_form__list .edu_subitem:hover .edu_subitem__title path {fill: #76B064;}
.header_container .search_form__list .customscroll {max-height: calc(500px - 14px * 2); margin: 0 0 14px;}

.header_container .search_form__list .edu_subitem:hover .edu_subitem__title {color: #76B064;}
.header_container .search_form__list .edu_subitem:hover g {fill: #76B064;}

body.scroll .header_container {position: fixed; top: 10px;}

body.search_active {overflow: hidden;}
body.search_active .search_back {display: block;}
body.search_active .headertop_container a,
body.search_active .headertop_container .headertop_impaired {color: #FFF;}
body.search_active .headertop_container .headertop_impaired g {fill: #FFF;}
body.search_active .headertop_container a:hover,
body.search_active .headertop_container .headertop_impaired:hover {color: #76B064;}
body.search_active .headertop_container .headertop_impaired:hover g {fill: #76B064;}


/* ГЛАВНАЯ */


.hometop_container {margin: 0 0 40px;}
.hometop_container .hometop_block {box-sizing: border-box; color: #fff; border-radius: 24px; overflow: hidden;}
.hometop_container .hometop_block:before {content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 615px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); opacity: 0.8; z-index: 2;}
.hometop_container .hometop_block:after {content:""; position: relative; padding: 0 0 54.412%; display: block;}

.hometop_container video {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}

.hometop_container .hometop_content {position: absolute; left: 60px; bottom: 60px; right: 60px; z-index: 3; box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-end; align-items: flex-end;}

.hometop_container .hometop_title {font-size: 62px; line-height: 105%; letter-spacing: -0.02em; position: relative; margin: 0 0 20px; width: 100%;}

.hometop_container .hometop_subtitle {font-size: 16px; letter-spacing: -0.01em; margin: 0 0 40px; position: relative; width: 100%;}

.hometop_container .hometop_button {width: 250px; height: 48px;}