@import url('../fonts/AvenirNextCyr/stylesheet.css'); /* * Подключаемые классы */ /* * Стили шаблона */ /*video youtube*/ /*
*/ .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; background: var(--color-grey); } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; background: var(--color-grey); } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; width: 100%; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } * { font-family: 'Avenir Next Cyr', sans-serif; box-sizing: border-box; outline: none !important; } html { font-size: 14px; font-weight: 300; } body { background: #fff; padding: 0; margin: 0; font-size: 1rem; font-weight: 300; } @keyframes load_nth_1 { 0% { -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } 50% { -webkit-transform: translateX(1.25rem); -moz-transform: translateX(1.25rem); -ms-transform: translateX(1.25rem); -o-transform: translateX(1.25rem); transform: translateX(1.25rem); } 100% { -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } } @keyframes load_nth_2 { 0% { -webkit-transform: translateY(-1.25rem); -moz-transform: translateY(-1.25rem); -ms-transform: translateY(-1.25rem); -o-transform: translateY(-1.25rem); transform: translateY(-1.25rem); } 50% { -webkit-transform: translateY(1.25rem); -moz-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); -o-transform: translateY(1.25rem); transform: translateY(1.25rem); } 100% { -webkit-transform: translateY(-1.25rem); -moz-transform: translateY(-1.25rem); -ms-transform: translateY(-1.25rem); -o-transform: translateY(-1.25rem); transform: translateY(-1.25rem); } } @keyframes load_nth_3 { 0% { -webkit-transform: translateX(1.25rem); -moz-transform: translateX(1.25rem); -ms-transform: translateX(1.25rem); -o-transform: translateX(1.25rem); transform: translateX(1.25rem); } 50% { -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); } 100% { -webkit-transform: translateX(1.25rem); -moz-transform: translateX(1.25rem); -ms-transform: translateX(1.25rem); -o-transform: translateX(1.25rem); transform: translateX(1.25rem); } } @keyframes load_nth_4 { 0% { -webkit-transform: translateY(1.25rem); -moz-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); -o-transform: translateY(1.25rem); transform: translateY(1.25rem); } 50% { -webkit-transform: translateY(-1.25rem); -moz-transform: translateY(-1.25rem); -ms-transform: translateY(-1.25rem); -o-transform: translateY(-1.25rem); transform: translateY(-1.25rem); } 100% { -webkit-transform: translateY(1.25rem); -moz-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); -o-transform: translateY(1.25rem); transform: translateY(1.25rem); } } .tpl_loading { position: relative; height: 4rem; } .tpl_loading span { width: 1rem; height: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin: -0.5rem 0 0 -0.5rem; } .tpl_loading span:nth-child(1) { -webkit-transform: translateX(-1.25rem); -moz-transform: translateX(-1.25rem); -ms-transform: translateX(-1.25rem); -o-transform: translateX(-1.25rem); transform: translateX(-1.25rem); background: var(--color-red); -o-animation: load_nth_1 1s linear infinite; -moz-animation: load_nth_1 1s linear infinite; -webkit-animation: load_nth_1 1s linear infinite; animation: load_nth_1 1s linear infinite; } .tpl_loading span:nth-child(2) { -webkit-transform: translateY(-1.25rem); -moz-transform: translateY(-1.25rem); -ms-transform: translateY(-1.25rem); -o-transform: translateY(-1.25rem); transform: translateY(-1.25rem); background: var(--color-red); -o-animation: load_nth_2 1s linear infinite; -moz-animation: load_nth_2 1s linear infinite; -webkit-animation: load_nth_2 1s linear infinite; animation: load_nth_2 1s linear infinite; } .tpl_loading span:nth-child(3) { -webkit-transform: translateY(1.25rem); -moz-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); -o-transform: translateY(1.25rem); transform: translateY(1.25rem); background: var(--color-red); -o-animation: load_nth_3 1s linear infinite; -moz-animation: load_nth_3 1s linear infinite; -webkit-animation: load_nth_3 1s linear infinite; animation: load_nth_3 1s linear infinite; } .tpl_loading span:nth-child(4) { -webkit-transform: translateX(1.25rem); -moz-transform: translateX(1.25rem); -ms-transform: translateX(1.25rem); -o-transform: translateX(1.25rem); transform: translateX(1.25rem); background: var(--color-red); -o-animation: load_nth_4 1s linear infinite; -moz-animation: load_nth_4 1s linear infinite; -webkit-animation: load_nth_4 1s linear infinite; animation: load_nth_4 1s linear infinite; } @keyframes block_rotate { 0% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) rotate(0deg); transform: translateX(-50%) translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(359deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(359deg); -o-transform: translateX(-50%) translateY(-50%) rotate(359deg); transform: translateX(-50%) translateY(-50%) rotate(359deg); } } .lazy { position: relative; background-color: var(--color-grey); } .lazy:before { width: 3rem; height: 3rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.5rem #fff solid; position: absolute; top: 50%; left: 50%; content: ''; z-index: 2; background: #ffffff url("../img/arrow-clockwise.svg") center center no-repeat; background-size: contain; -o-animation: block_rotate 5s infinite linear; -moz-animation: block_rotate 5s infinite linear; -webkit-animation: block_rotate 5s infinite linear; animation: block_rotate 5s infinite linear; -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); } .lazy.lazy_loaded:before { display: none; } .m_t_1 { margin-top: 1rem; } .m_t_2 { margin-top: 2rem; } .m_t_3 { margin-top: 3rem; } .m_t_4 { margin-top: 4rem; } .m_t_5 { margin-top: 5rem; } .m_t_6 { margin-top: 6rem; } .m_t_7 { margin-top: 7rem; } .m_t_8 { margin-top: 8rem; } .m_b_1 { margin-bottom: 1rem; } .m_b_2 { margin-bottom: 2rem; } .m_b_3 { margin-bottom: 3rem; } .m_b_4 { margin-bottom: 4rem; } .m_b_5 { margin-bottom: 5rem; } .m_b_6 { margin-bottom: 6rem; } .m_b_7 { margin-bottom: 7rem; } .m_b_8 { margin-bottom: 8rem; } select { opacity: 0; height: 3rem; } b, strong { font-weight: 600; } p { line-height: 1.5; } .display_inline { display: inline-flex; } .display_block { display: block; } i { line-height: 1; } a { color: var(--color-main); } a:hover { color: var(--color-main-dark); } a:hover.icon_youtube svg { fill: #EB3323; } a:hover.icon_facebook svg { fill: #4968AD; } a:hover.icon_vk svg { fill: #5376A4; } a:hover.icon_odnoklassniki svg { fill: #F29C38; } a:hover.icon_telegram svg { fill: #429ADF; } a:hover.icon_instagram svg { fill: #d21977; } .underline { text-decoration: underline !important; } .txt_with_perenos { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; /* legacy properties */ -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 2; /* current proposal */ -moz-hyphenate-limit-chars: 6 3 2; /* not yet supported */ -webkit-hyphenate-limit-chars: 6 3 2; /* not yet supported */ -ms-hyphenate-limit-chars: 6 3 2; hyphenate-limit-chars: 6 3 2; } .page_wrapper { overflow: hidden; background: #fff; margin: 0 auto; } * { scrollbar-width: thin; scrollbar-color: #1d548e rgba(28, 84, 142, 0.1); } /* для Chrome/Edge/Safari */ *::-webkit-scrollbar { width: 4px; height: 4px; } *::-webkit-scrollbar-track { background: rgba(28, 84, 142, 0.1); } *::-webkit-scrollbar-thumb { background-color: #1D548E; border-radius: 2px; border: 1px solid rgba(28, 84, 142, 0.1); } .w100 { width: 100%; } .color_green { color: var(--color-green); } .color_red { color: var(--color-red); } a { color: var(--color-blue); text-decoration: underline; } a:hover { color: var(--color-blue-light); } h2 { text-transform: uppercase; padding: 0; font-size: 4rem; font-weight: 700; margin: 0; color: var(--color-main-block); text-shadow: -0.2rem 0.2rem 0 rgba(92, 190, 192, 0.2); } h2.h2_small_black { text-shadow: none; font-size: 3rem; color: var(--color-black); } hr { height: 1px; background: var(--color-grey); width: 100%; display: block; margin: 1.5rem 0; } .text-center { text-align: center; } .form-control { height: 3rem; background: #fff; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; border: none; padding: 0 1.5rem; width: 100%; } .form-control:focus { text-shadow: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea.form-control { height: 17rem; padding: 1.5rem; } form label, form .label { display: block; width: 100%; margin: 0 0 1.5rem; } .small { line-height: 1.2; font-size: 1rem; } .mt_1 { margin-top: 1rem; } .btn { display: inline-flex; height: 4rem; padding: 0 4rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; color: #fff; background: var(--color-red); text-decoration: none; font-size: 1.25rem; align-items: center; white-space: nowrap; } .btn:hover { color: #fff; background: var(--color-red-dark); text-decoration: none; } .btn:active, .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } .btn.btn_big { height: 6rem; line-height: 1.1; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; font-size: 1.15rem; padding: 0 3rem; } .btn.btn_green { background: var(--color-main-block); } .btn.btn_green:hover { background: var(--color-main-medium); } .section_preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: var(--color-main-block); display: block; } .section_preloader.__hide { display: none; } .section_preloader video { position: absolute; width: auto; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; } .section_preloader video.preload_v { display: none; } .section_preloader:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; content: ''; } header { position: absolute; top: 0; left: 0; width: 100%; padding: 3rem; z-index: 6; } header .view_hide_menu { display: none; width: 2rem; height: 1.5rem; position: relative; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .view_hide_menu span { display: block; left: 50%; height: 2px; background: #fff; top: 50%; transform: translateX(-50%); width: 100%; position: absolute; margin-top: -1px; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .view_hide_menu span:nth-child(1) { top: 0; } header .view_hide_menu span:nth-child(2) { top: 50%; } header .view_hide_menu span:nth-child(3) { top: 100%; } header .inner { display: flex; align-items: center; flex-flow: nowrap row; justify-content: space-between; } header .logo img { width: auto; height: 5rem; } header nav { display: flex; flex-flow: nowrap row; white-space: nowrap; width: 45%; align-items: center; justify-content: space-between; } header nav a { color: #fff; text-decoration: none; display: inline-flex; position: relative; font-size: 1.5rem; font-weight: 200; } header nav a:before { content: ''; display: block; position: absolute; top: 100%; margin-top: 0.25rem; height: 1px; width: 0; background: #fff; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header nav a:hover { color: #fff; text-decoration: none; } header nav a:hover:before { width: 100%; } .section_main_offer { height: 62rem; background: var(--color-grey-dark) url(../img/offer_bg_small-min.png) center center no-repeat; background-size: cover; position: relative; display: flex; align-items: stretch; } .section_main_offer:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(-45deg, var(--color-main-medium), var(--color-main-black)); background-image: -moz-linear-gradient(-45deg, var(--color-main-medium), var(--color-main-black)); background-image: -ms-linear-gradient(-45deg, var(--color-main-medium), var(--color-main-black)); background-image: -o-linear-gradient(-45deg, var(--color-main-medium), var(--color-main-black)); background-image: linear-gradient(-45deg, var(--color-main-medium), var(--color-main-black)); opacity: 0.4; z-index: 0; } .section_main_offer .header_icon { position: absolute; bottom: 5rem; right: 10rem; z-index: 4; display: flex; flex-flow: nowrap row; } .section_main_offer .header_icon a { display: block; margin-left: 2rem; } .section_main_offer .header_icon a img { width: auto; height: 4rem; } .section_main_offer .main_offer_treu { position: absolute; bottom: 0; left: 50%; width: 100vw; z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 2rem; -webkit-border-radius: 2rem 2rem 0 0; -moz-border-radius: 2rem 2rem 0 0; border-radius: 2rem 2rem 0 0; background: #fff; } .section_main_offer .main_offer_treu img { width: 100%; height: auto; } .section_main_offer .container { position: relative; z-index: 5; } .section_main_offer .container .main_offer__img { position: absolute; bottom: 0; right: -4rem; } .section_main_offer .container .main_offer__img img { width: auto; height: 60rem; } .section_main_offer .container .main_offer__logo { position: absolute; top: 12rem; left: -5.5rem; } .section_main_offer .container .main_offer__logo img { width: auto; height: 30rem; } .section_main_offer.section_main_offer_new { background: #006687; height: 67rem; } .section_main_offer.section_main_offer_new:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; content: ''; display: block; background: rgba(0, 0, 0, 0); } .section_main_offer.section_main_offer_new .main_offer__img { position: absolute; bottom: 0; left: 0; width: 100%; height: 50rem; background: url(../img/offer_new_cover_2-min.png) top center no-repeat; background-size: cover; z-index: 1; } .section_main_offer.section_main_offer_new .main_offer__logo { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 0; max-width: 1300px; margin-top: -16rem; } .section_main_offer.section_main_offer_new .main_offer__logo img { width: 100%; height: auto; } .section_main_offer.section_main_offer_inner { height: 55rem; } .section_main_offer.section_main_offer_inner .main_offer__img { height: 45rem; } .section_main_offer.section_main_offer_inner .main_offer__logo { text-align: center; } .section_main_offer.section_main_offer_inner .main_offer__logo img { width: auto; height: 14rem; } .section_main_offer.section_main_offer_inner .container .main_offer__img { right: 12rem; } .section_main_offer.section_main_offer_inner .container .main_offer__img img { height: 31rem; } .section_main_offer.section_main_offer_inner .container .main_offer__logo img { height: 19rem; } .section_main_offer.section_main_offer_inner .header_icon { right: 1rem; } .section_main_offer.section_main_offer_inner .main_offer_treu { display: none; } .body__program .section_main_offer.section_main_offer_new { background-image: url(../img/offer_new_cover_program_bg-min.png); background-size: cover; background-position: center center; } .body__program .section_main_offer:after { top: auto; bottom: 0; height: 20rem; background: transparent; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .body__program .section_main_offer.section_main_offer_inner .main_offer__logo { z-index: 4; top: auto; bottom: 4.5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase; max-width: 50rem; } .body__program .section_main_offer.section_main_offer_inner .main_offer__logo img { display: none; } .body__program .section_main_offer.section_main_offer_inner .main_offer__logo:before { content: 'Программа кандидата \A в Президенты России'; font-size: 3rem; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 0 0 4rem #000000; white-space: pre; } .body__program .section_main_offer.section_main_offer_inner .main_offer__img { background-image: url(../img/offer_new_cover_program-min_1.png); } .body__program .program_soderj_slider.owl-carousel .owl-nav { padding-bottom: 0; } .program_soderj_slider { display: none; } .section_form_and_count { position: relative; z-index: 5; } .section_form_and_count .col_form, .section_form_and_count .col_count { display: flex; align-items: flex-end; position: relative; justify-content: flex-end; } .section_form_and_count .__form { position: relative; width: 100%; } .section_form_and_count .__form .main_form { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; background-image: -webkit-linear-gradient(135deg, #e64452, #0ba8a2); background-image: -moz-linear-gradient(135deg, #e64452, #0ba8a2); background-image: -ms-linear-gradient(135deg, #e64452, #0ba8a2); background-image: -o-linear-gradient(135deg, #e64452, #0ba8a2); background-image: linear-gradient(135deg, #e64452, #0ba8a2); display: block; padding: 4rem; color: #fff; font-size: 1.5rem; line-height: 1.25; } .section_form_and_count .__form .main_form h2 { font-weight: 600; font-size: 3rem; padding: 0; margin: 0; text-transform: none; color: #fff; } .section_form_and_count .__form .main_form .h2_desc { margin: 1.5rem 0 2.5rem; } .section_form_and_count .__form .main_form .btn_box { text-align: center; margin-top: 2rem; } .section_form_and_count .__form .main_form label { margin-bottom: 2rem; } .section_form_and_count .__count { text-align: right; line-height: 1; padding: 6rem 0; } .section_form_and_count .__count .number { font-weight: 900; font-size: 9rem; line-height: 1; background-image: -webkit-linear-gradient(to right, #13aaa4, #8ad5d3); background-image: -moz-linear-gradient(to right, #13aaa4, #8ad5d3); background-image: -ms-linear-gradient(to right, #13aaa4, #8ad5d3); background-image: -o-linear-gradient(to right, #13aaa4, #8ad5d3); background-image: linear-gradient(to right, #13aaa4, #8ad5d3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #13aaa4; } .section_form_and_count .__count .desc { text-transform: uppercase; white-space: nowrap; font-size: 4.7rem; line-height: 1; } .section_goals { margin-top: 7rem; padding-bottom: 5rem; } .section_goals h2 { font-size: 4rem; font-weight: 700; margin: 0; padding-top: 3rem; color: var(--color-main-block); text-shadow: -0.2rem 0.2rem 0 rgba(92, 190, 192, 0.2); } .section_goals .h2_desc { font-size: 1.5rem; margin: 3rem 0 3rem; line-height: 1.5; } .section_goals .btn_box .btn { margin-right: 1rem; } .people_list { display: flex; flex-flow: nowrap row; align-items: stretch; height: 35rem; justify-content: stretch; position: relative; margin-top: 3.4rem; } .people_list:before { content: ''; display: block; position: absolute; z-index: 6; left: 50%; bottom: 0; width: 150%; height: 12rem; background-image: -webkit-linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0)); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .people_list ._people { display: block; position: relative; width: 100%; z-index: 1; } .people_list ._people img { position: absolute; height: 100%; width: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .people_list ._people._p1 { z-index: 3; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .people_list ._people._p2 { z-index: 4; -webkit-transform: translateX(2rem); -moz-transform: translateX(2rem); -ms-transform: translateX(2rem); -o-transform: translateX(2rem); transform: translateX(2rem); } .people_list ._people._p3 { z-index: 1; } .people_list .people_list_name { position: absolute; bottom: 0; left: -3.5rem; z-index: 7; margin-left: 1rem; color: var(--color-main-block); font-size: 1rem; font-weight: 600; text-transform: uppercase; line-height: 1.15; } .people_list .people_list_name.people_list_name_0 { left: -5.5rem; } .people_list .people_list_name.people_list_name_1 { left: 16.5rem; } .people_list .people_list_name .name { font-weight: 700; font-size: 1.5rem; } .people_list .people_list_back { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; margin-left: -1rem; } .people_list .people_list_back img { width: auto; height: 43rem; } .fun_btn_people { margin-top: 5rem; display: flex; flex-flow: nowrap row; align-items: stretch; } .fun_btn_people .__item { display: flex; align-items: center; width: 100%; border-left: 2px var(--color-red) solid; } .fun_btn_people .__item a { display: block; text-transform: uppercase; font-size: 1.25rem; font-weight: 600; color: var(--color-main); text-decoration: none; padding: 0.25rem 1rem; line-height: 1.25; } .fun_btn_people .__item a:hover { color: var(--color-main-medium); text-decoration: none; } footer { background: var(--color-main) url(../img/min/footer_treu-min.png) center top; background-size: cover; padding: 4rem 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0; color: #fff; } footer a { color: #fff; text-decoration: none; } footer .footer_logo img { height: 4rem; } footer .footer_logo .desc { margin: 1rem 0 3rem; } footer nav { margin-bottom: 2.5rem; } footer nav a { display: block; margin-bottom: 0.5rem; } footer .footer_menu { display: flex; flex-flow: nowrap row; justify-content: space-between; } footer .footer_fun { text-align: right; } footer .footer_fun .btn { padding: 0; width: 13rem; text-align: right; justify-content: center; } footer .footer_icon { margin-top: 1rem; display: inline-flex; flex-flow: nowrap row; justify-content: center; width: 13rem; } footer .footer_icon a { display: block; margin-left: 1rem; } footer .footer_icon a img { width: auto; height: 2.5rem; } body[class*="body_fly"] { overflow: hidden; height: 100vh; } .fly_form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; padding: 5rem 1rem; display: none; } .fly_form.active { display: block; } .fly_form .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.8); } .fly_form .inner { background: #fff; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 3rem; text-align: center; margin: 0 auto; width: 100%; max-width: 640px; position: relative; z-index: 2; } .fly_form h2 { font-size: 1.75rem; margin-bottom: 1.5rem; } .fly_form form { margin-top: 3rem; } .fly_form form .form-control { background: #eee; } .fly_form.fly_gen h2 { font-size: 2.75rem; } .fly_form.fly_gen .h2_desc { font-size: 1.5rem; margin: 1.5rem 0; line-height: 1.25; } .fly_form.fly_gen .anons { margin-bottom: 3rem; } .fly_form.fly_gen .place { text-align: center; font-size: 1.25rem; font-weight: 700; position: relative; padding: 0 6rem; } .fly_form.fly_gen .place:before { content: ''; width: 5rem; height: 0.1rem; background: var(--color-main-block); display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fly_form.fly_gen .place:after { content: ''; width: 5rem; height: 0.1rem; background: var(--color-main-block); display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section_inner_content { padding: 5rem 0; font-size: 1.5rem; } .section_inner_content h1 { font-size: 3.5rem; font-weight: 700; color: var(--color-main-block); text-transform: uppercase; } .section_inner_content .h1_desc { margin-bottom: 5rem; font-weight: 600; } .section_inner_content h3 { color: var(--color-main-block); font-size: 1.5rem; margin: 2rem 0 1rem; } .section_inner_content .inner_photo_png { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; position: relative; padding: 3rem 5rem 0; } .section_inner_content .inner_photo_png img { position: relative; z-index: 3; } .section_inner_content .inner_photo_png:before { position: absolute; bottom: 0; left: 0; top: 0; right: 0; background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02)); content: ''; display: block; z-index: 0; } .section_inner_content ul { margin: 1.5rem 0; list-style: none; padding: 0; } .section_inner_content ul li { display: block; position: relative; padding: 0 0 0 3rem; margin: 1rem 0; } .section_inner_content ul li:before { position: absolute; top: 1.1rem; left: 0; content: ''; height: 1px; background: var(--color-black); width: 1.5rem; } .section_video { margin: 5rem 0 2rem; } .section_video .video { display: block; position: relative; padding-bottom: 40%; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; background: var(--color-grey-dark) url(../files/video_bg.png) center center; background-size: cover; color: #fff; text-decoration: none; overflow: hidden; } .section_video .video:before { content: ''; display: block; position: absolute; z-index: 4; width: 5rem; height: 5rem; background: url(../img/video_play.svg) center center no-repeat; background-size: contain; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section_video .video:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25)); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25)); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25)); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25)); } .section_video .video:hover { color: #fff; text-decoration: none; } .section_video .video:hover:before { width: 6rem; height: 6rem; } .section_video .video .name { display: block; position: absolute; width: 100%; left: 0; bottom: 0; padding: 5rem; z-index: 3; text-transform: uppercase; line-height: 1; } .section_video .video .name .l1 { display: block; font-weight: 700; font-size: 4.5rem; } .section_video .video .name .l2 { display: block; font-size: 4.5rem; } .section_bio_mobile_block { display: none; } .page_inner_txt { margin: 3rem 0; } .section_bio h2 { font-size: 4rem; font-weight: 700; margin: 0; color: var(--color-main-block); text-shadow: -0.2rem 0.2rem 0 rgba(92, 190, 192, 0.2); } .section_bio h2 span { font-weight: 400; } .section_bio .section_bio_h { position: relative; padding: 5rem 0 7rem; } .section_bio .section_bio_h:before { position: absolute; top: 0; right: -2rem; content: ''; width: 40rem; height: 100%; background: url(../img/davankov_bio_photo2-min.png) bottom center no-repeat; background-size: contain; } .section_bio .section_bio_h h1 { margin: 0; padding: 0; } .section_bio .btn_bio_box { margin-top: 2rem; font-weight: 600; font-size: 1.5rem; color: var(--color-main-block); text-align: right; padding-right: 1.5rem; } .section_bio .btn_bio_box a { color: var(--color-main-block); opacity: 0.5; text-decoration: none; } .section_bio .btn_bio_box a:hover { opacity: 1; color: var(--color-main-block); text-decoration: none; } .section_bio .bio_list .bio_item { background: var(--color-main-block) center left no-repeat; background-size: cover; height: 18rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; margin-bottom: 2rem; position: relative; color: #fff; font-size: 2rem; line-height: 1.25; overflow: hidden; } .section_bio .bio_list .bio_item:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.3; background-repeat: no-repeat; background-size: cover; background-position: center left; } .section_bio .bio_list .bio_item.bio_item_1:before { background-image: url(../img/bio_i_1-min.png); } .section_bio .bio_list .bio_item.bio_item_2:before { background-image: url(../img/bio_i_2-min.png); } .section_bio .bio_list .bio_item.bio_item_3:before { background-image: url(../img/bio_i_3-min.png); } .section_bio .bio_list .bio_item.bio_item_4:before { background-image: url(../img/bio_i_4-min.png); } .section_bio .bio_list .bio_item.bio_item_5:before { background-image: url(../img/bio_i_5-min.png); } .section_bio .bio_list .bio_item .name { position: absolute; top: 50%; left: 0; padding: 0 25rem 0 5rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .section_bio .bio_list .bio_item .year { font-weight: 700; font-size: 7rem; position: absolute; bottom: -1rem; right: 0; line-height: 1; } .section_bio .bio_list .bio_item.bio_item_even .name { padding: 0 5rem 0 25rem; } .section_bio .bio_list .bio_item.bio_item_even .year { right: auto; left: 0; } .pagebio_items h2 { margin: 4rem 0 2rem; text-align: center; color: var(--color-main-block); } .pagebio_items .pagebio_item { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 3rem; background: var(--color-grey); margin-bottom: 2rem; } .pagebio_items .pagebio_item h3 { margin: 0 0 2rem; } .pagebio_items .pagebio_item p:last-child { margin-bottom: 0; } .page_auth_admin { padding: 5rem; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #000000 url(../img/auth_bg-min.png) center center no-repeat; background-size: cover; } .page_auth_admin .box { max-width: 100%; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background: #fff; padding: 1.5rem; } .page_auth_admin .box .box_header { text-align: center; font-size: 1.5rem; font-weight: 500; margin-bottom: 1.5rem; } .page_auth_admin .box .form_row { margin-bottom: 1rem; } .page_auth_admin .box .form-control { background: var(--color-grey); text-align: center; padding: 0; } .page_auth_admin .box .btn { height: 3rem; font-size: 1rem; } .section_news { margin-top: 5rem; margin-bottom: 2rem; } .section_news .news_box { margin: 0 -1rem; } .section_news .news_box .news_block.owl-carousel { margin-top: 5rem; } .section_news .news_box .news_block.owl-carousel .owl-stage { display: flex; align-items: stretch; flex-flow: nowrap row; } .section_news .news_box .news_block.owl-carousel .owl-stage .owl-item { position: relative; } .section_news .news_box .news_block.owl-carousel .owl-dots { display: flex; flex-flow: nowrap row; align-items: center; justify-content: center; margin-top: 2rem; } .section_news .news_box .news_block.owl-carousel .owl-dots.disabled { display: none; } .section_news .news_box .news_block.owl-carousel .owl-dots button { width: 1rem; height: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0.25rem; background: var(--color-main-block); opacity: 0.5; } .section_news .news_box .news_block.owl-carousel .owl-dots button.active { opacity: 1; } .section_news .news_box .news_block.owl-carousel .owl-nav { margin-top: 2rem; } .section_news .news_box .news_block.owl-carousel .owl-nav button { position: absolute; top: 50%; z-index: 4; font-size: 3rem; line-height: 1; } .section_news .news_box .news_block.owl-carousel .owl-nav button svg { width: 1.5rem; height: auto; } .section_news .news_box .news_block.owl-carousel .owl-nav button svg path { fill: #ffffff; } .section_news .news_box .news_block.owl-carousel .owl-nav button span { width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--color-main-block); } .section_news .news_box .news_block.owl-carousel .owl-nav button.disabled { display: none; } .section_news .news_box .news_block.owl-carousel .owl-nav button.owl-next { right: -7rem; } .section_news .news_box .news_block.owl-carousel .owl-nav button.owl-prev { left: -7rem; } .section_news .news_box .news_block_item { padding: 0 1rem; position: relative; height: 100%; } .section_news .news_box .news_block_item a { display: block; position: relative; height: 100%; background: var(--color-main-block); -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; text-decoration: none; color: #fff; } .section_news .news_box .news_block_item .img { position: relative; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; border-color: var(--color-main); padding-bottom: 110%; margin: -1px -1px 0; display: block; overflow: hidden; background-size: cover; background-position: center center; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section_news .news_box .news_block_item .name { font-weight: 700; font-size: 1.5rem; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5rem 3rem 3rem; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); } .section_news .news_box .news_block_item .desc { padding: 3rem 3rem 5rem; font-size: 1.25rem; position: relative; display: none; } .section_news .news_box .news_block_item .date { font-size: 1rem; padding: 1.5rem 3rem; display: block; text-align: right; } .section_news .news_box .news_block_item:hover .img { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .section_video_block { margin-top: 5rem; margin-bottom: 2rem; overflow: hidden; } .section_video_block .video_box { margin: 0 -5rem; } .section_video_block .video_box .video_block.owl-carousel { margin-top: 5rem; } .section_video_block .video_box .video_block.owl-carousel .owl-stage { display: flex; align-items: stretch; flex-flow: nowrap row; } .section_video_block .video_box .video_block.owl-carousel .owl-stage .owl-item { position: relative; opacity: 0.5; z-index: 0; } .section_video_block .video_box .video_block.owl-carousel .owl-stage .owl-item.center { opacity: 1; z-index: 1; } .section_video_block .video_box .video_block.owl-carousel .owl-stage .owl-item.center .video_block_item a.item_fly { top: -4rem; bottom: -4rem; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: auto; left: -3rem; right: -3rem; } .section_video_block .video_box .video_block.owl-carousel .owl-stage-outer { padding: 4rem 0; } .section_video_block .video_box .video_block.owl-carousel .owl-dots { display: flex; flex-flow: nowrap row; align-items: center; justify-content: center; margin-top: 2rem; } .section_video_block .video_box .video_block.owl-carousel .owl-dots.disabled { display: none; } .section_video_block .video_box .video_block.owl-carousel .owl-dots button { width: 1rem; height: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0.25rem; background: var(--color-main-block); opacity: 0.5; } .section_video_block .video_box .video_block.owl-carousel .owl-dots button.active { opacity: 1; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button { position: absolute; top: 50%; z-index: 4; font-size: 3rem; line-height: 1; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button svg { width: 1.5rem; height: auto; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button svg path { fill: #ffffff; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button span { width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: var(--color-main-block); } .section_video_block .video_box .video_block.owl-carousel .owl-nav button.disabled { display: none; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button.owl-next { right: -7rem; } .section_video_block .video_box .video_block.owl-carousel .owl-nav button.owl-prev { left: -7rem; } .section_video_block .video_box .video_block_item { padding: 0 1rem; position: relative; height: 100%; } .section_video_block .video_box .video_block_item a { display: block; position: relative; height: 100%; background: var(--color-main-block); -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; text-decoration: none; color: #fff; } .section_video_block .video_box .video_block_item a.inner { opacity: 0; } .section_video_block .video_box .video_block_item a.item_fly { position: absolute; top: 50%; left: 1rem; right: 1rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; } .section_video_block .video_box .video_block_item .img { position: relative; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; border-color: var(--color-main); padding-bottom: 56%; margin: -1px -1px 0; display: block; overflow: hidden; background-size: cover; background-position: center center; } .section_video_block .video_box .video_block_item .img:before { content: ''; display: block; position: absolute; z-index: 4; width: 5rem; height: 5rem; background: url(../img/video_play.svg) center center no-repeat; background-size: contain; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .section_video_block .video_box .video_block_item .img:hover { color: #fff; text-decoration: none; } .section_video_block .video_box .video_block_item .img:hover:before { width: 6rem; height: 6rem; } .section_video_block .video_box .video_block_item .name { font-weight: 700; font-size: 1.5rem; width: 100%; padding: 3rem 3rem 0; display: block; } .section_video_block .video_box .video_block_item .desc { padding: 0 3rem 3rem; font-size: 1.25rem; display: block; position: relative; } .section_video_block .video_box .video_block_item .date { position: absolute; bottom: 2.5rem; right: 3rem; font-size: 1rem; } .section_event_block { margin: 5rem 0; padding: 5rem 0; background: #eeeeee; } .section_event_block .h2_desc { font-size: 1.5rem; margin-bottom: 3rem; } .section_event_block .event_box { margin: 0 -1.5rem; } .section_event_block .event_box .event_block_item { padding: 0 1.5rem; } .section_event_block .event_box .event_block_item.noactive { opacity: 0.6; } .section_event_block .event_box .event_block_item.noactive .btn { background: #666; } .section_event_block .event_box .event_block_item a { display: block; background: #fff; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; text-align: center; text-decoration: none; color: var(--color-black); } .section_event_block .event_box .event_block_item a .name { font-size: 2rem; font-weight: 700; color: var(--color-main-block); display: block; padding: 1.5rem 0 0.5rem; } .section_event_block .event_box .event_block_item a .date { display: block; padding: 0 0 1.5rem; font-size: 1.5rem; } .section_event_block .event_box .event_block_item a .btn { padding: 0; width: 100%; justify-content: center; } .section_event_block .owl-dots { display: flex; flex-flow: nowrap row; align-items: center; justify-content: center; margin-top: 2rem; } .section_event_block .owl-dots.disabled { display: none; } .section_event_block .owl-dots button { width: 1rem; height: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0.25rem; background: var(--color-main-block); opacity: 0.5; } .section_event_block .owl-dots button.active { opacity: 1; } #map_result { display: none; position: fixed; top: 1.5rem; left: 3rem; z-index: 9; background: #fff; padding: 1rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); max-width: 20rem; text-align: left; width: auto; } #map_result h3 { text-transform: none; font-weight: 600; font-size: 0.9rem; padding: 0; margin: 0; text-align: left; } #map_result .r_comm { font-size: 0.85rem; padding-top: 0.5rem; } .main_map_box { position: relative; padding-bottom: 5rem; } .main_map_box svg path, .main_map_box svg circle { fill: #ccc; } .section_shtab .container { position: relative; } .section_shtab .jq-selectbox .jq-selectbox__select { background: var(--color-main-block); color: #fff; } .map_search_region { width: 20rem; position: absolute; top: 13rem; left: 1rem; } .shtab_list_items .col-12 { margin-bottom: 2rem; } .shtab_item { padding: 2rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background: var(--color-main-block); background-image: -webkit-linear-gradient(to top, var(--color-main-block), var(--color-main)); background-image: -moz-linear-gradient(to top, var(--color-main-block), var(--color-main)); background-image: -ms-linear-gradient(to top, var(--color-main-block), var(--color-main)); background-image: -o-linear-gradient(to top, var(--color-main-block), var(--color-main)); background-image: linear-gradient(to top, var(--color-main-block), var(--color-main)); color: #fff; line-height: 1.25; min-height: 100%; position: relative; } .shtab_item .regeo_id { font-weight: 700; font-size: 1.25rem; margin-bottom: 1.5rem; } .shtab_item .cont_f { margin-top: 1rem; } .shtab_item .cont_f i { width: 1.5rem; display: inline-flex; } .shtab_item .cont_f a { color: #fff; text-decoration: none; } .main_map img { width: 100%; height: auto; } .main_map h1, .main_map .h1 { position: relative; z-index: 0; } .main_map .main_map_box { position: relative; z-index: 1; margin-top: -4rem; } .program_category_main_page { margin: 5rem 0; } .program_category_main_page h2 { margin-bottom: 5rem; } .program_category_list .program_category_item { display: block; color: var(--color-black); text-decoration: none; margin-bottom: 2rem; font-size: 1.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; } .program_category_list .program_category_item:hover { background: var(--color-grey); } .program_category_list .program_category_item .img { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background-color: var(--color-grey-dark); background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; padding-bottom: 100%; } .program_category_list .program_category_item .name { padding-right: 1.5rem; } .program_category_list .program_category_item .row { align-items: center; } .program_category_list.program_category_main_slider { display: none; } .program_page_item_box { margin: 2rem -0.5rem 0; position: relative; } .program_page_item_box .pr_item_box { padding: 0 0.5rem; width: 100%; display: flex; align-items: stretch; } .program_page_item_list .pr_item { margin-top: 1.5rem; background: rgba(0, 0, 0, 0.05); -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; width: 100%; position: relative; padding: 0; font-size: 1.25rem; } .program_page_item_list .pr_item .name { position: relative; padding: 0 2rem; display: flex; height: 8rem; align-items: center; background-image: -webkit-linear-gradient(to right, #17746c, #29b1a5); background-image: -moz-linear-gradient(to right, #17746c, #29b1a5); background-image: -ms-linear-gradient(to right, #17746c, #29b1a5); background-image: -o-linear-gradient(to right, #17746c, #29b1a5); background-image: linear-gradient(to right, #17746c, #29b1a5); -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; font-weight: 500; } .program_page_item_list .pr_item .name span { position: relative; z-index: 2; color: #fff; display: block; } .program_page_item_list .pr_item .name img { position: absolute; width: 100%; z-index: 0; left: 0; top: 0.5rem; height: auto; display: none; } .program_page_item_list .pr_item .name .bi { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .program_page_item_list .pr_item .desc { display: block; padding: 2rem; } .program_page_item_list .pr_item .desc h3 { font-size: 1rem; margin: 1rem 0; } .program_page_item_list .pr_item .desc .program_link { margin-top: 1rem; } .program_page_item_list .pr_item .desc .program_link a { text-decoration: underline; color: var(--color-main); } .program_page_item_list .pr_item.active .name { padding-bottom: 1.5rem; border-bottom: 1px rgba(0, 0, 0, 0.1) solid; font-weight: 700; } .program_page_item_list .pr_item.active .name .bi { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); margin-top: -0.75rem; } .program_page_item_list .pr_item.active .desc { display: block; } .program_page_item_list.owl-carousel .owl-nav button { position: absolute; top: -4rem; font-size: 3rem; } .program_page_item_list.owl-carousel .owl-nav button.owl-prev { right: 5rem; } .program_page_item_list.owl-carousel .owl-nav button.owl-next { right: 0; } .program_page_item_list.owl-carousel .owl-nav button.disabled { opacity: 0.3; } .program_soderj_slider .program_item, .program_soderj_slider .soderj_item { width: 100%; } .program_items { margin-top: 5rem; } .program_items .owl-carousel .owl-stage { display: flex; flex-flow: nowrap row; align-items: stretch; } .program_items .owl-carousel .owl-stage .owl-item { display: flex; flex-flow: nowrap row; align-items: stretch; } .program_items .owl-carousel .owl-dots { display: flex; flex-flow: nowrap row; align-items: center; justify-content: center; margin-top: 2rem; } .program_items .owl-carousel .owl-dots button.owl-dot { display: block; height: 0.3rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; border-radius: 0.15rem; margin: 0 0.5rem; background: var(--color-grey-dark); width: 5rem; } .program_items .owl-carousel .owl-dots button.owl-dot.active { background: var(--color-main-dark); } .program_items .program_item { margin-bottom: 8rem; } .program_items .program_item .img { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; background-color: var(--color-grey-dark); background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; padding-bottom: 100%; } .program_items .program_item .program_item_text { padding-left: 4rem; padding-bottom: 5rem; } .program_items .program_item h3 { font-weight: 700; color: var(--color-black); margin: 0 0 2rem ; font-size: 2rem; } .popup_dav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; z-index: 999; } .popup_dav.active { display: flex; } .popup_dav .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; z-index: 0; } .popup_dav .inner { position: relative; z-index: 3; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding: 2rem; width: 25rem; background: #fff; text-align: center; font-size: 1.25rem; } .popup_dav .inner img { width: 10rem; height: 10rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0; margin: 0 0 2rem; } .popup_dav .inner b { text-transform: uppercase; } .popup_dav .inner .close { top: 0.5rem; right: 0.5rem; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; position: absolute; } .popup_dav .inner .close svg { width: 1rem; height: auto; } @media screen and (min-width: 1400px) { .container { max-width: 1300px; } } @media screen and (max-width: 1400px) { html { font-size: 12px; } .section_main_offer.section_main_offer_new .main_offer__logo { max-width: 1140px; } .fun_btn_people .__item a { font-size: 1.45rem; } } @media screen and (max-width: 1199px) { .section_main_offer { height: 55rem; } .section_main_offer.section_main_offer_new .main_offer__logo { max-width: 920px; margin-top: -13rem; } .section_main_offer .container .main_offer__img img { width: auto; height: 50rem; } .section_main_offer .container .main_offer__logo { left: -2.2rem; } .section_main_offer .container .main_offer__logo img { width: auto; height: 23rem; } .section_main_offer .header_icon { right: 8rem; } .section_main_offer .header_icon a { margin-left: 1.5rem; } .section_main_offer .header_icon a img { height: 3rem; } .section_form_and_count .__count { padding: 6.5rem 0; } .section_form_and_count .__count .number { font-size: 8rem; } .section_form_and_count .__count .desc { font-size: 4.3rem; } .people_list { height: 30rem; margin-top: 6.8rem; } .people_list:before { left: 54%; width: 143%; } .people_list .people_list_back { margin-left: 4rem; } .people_list .people_list_back img { height: 45rem; } .people_list .people_list_back img { height: 36rem; } .people_list ._people._p1 { -webkit-transform: translateX(3rem); -moz-transform: translateX(3rem); -ms-transform: translateX(3rem); -o-transform: translateX(3rem); transform: translateX(3rem); } .people_list .people_list_name { left: -2rem; font-size: 0.9rem; } .people_list .people_list_name.people_list_name_0 { left: -2rem; } .people_list .people_list_name.people_list_name_1 { left: 15.5rem; } .people_list .people_list_name .name { font-size: 1.35rem; } .section_goals .h2_desc { padding-right: 5rem; font-size: 1.35rem; } .fun_btn_people .__item a { font-size: 1.25rem; } .section_video .video .name { padding: 4rem; } .section_video .video .name .l1, .section_video .video .name .l2 { font-size: 3.5rem; } } @media screen and (max-width: 991px) { h2 { font-size: 3rem; } header nav { width: 60%; } .section_main_offer { height: 43rem; } .section_main_offer.section_main_offer_new { overflow: hidden; height: 57rem; } .section_main_offer.section_main_offer_new .main_offer__img { margin-bottom: -11rem; height: 57rem; } .section_main_offer.section_main_offer_new .main_offer__logo { max-width: 720px; padding: 0 2rem; margin-top: -13rem; } .section_main_offer .container .main_offer__img img { width: auto; height: 36rem; } .section_main_offer .container .main_offer__logo { left: -6.8rem; top: 10rem; } .section_main_offer .container .main_offer__logo img { width: auto; height: 23rem; } .section_main_offer .header_icon { right: 4rem; } .section_main_offer .header_icon a { margin-left: 1.5rem; } .section_main_offer .header_icon a img { height: 3rem; } .section_form_and_count .__form { padding-top: 5rem; } .section_form_and_count .__form .main_form { position: relative; bottom: auto; left: auto; } .section_form_and_count .col_count { justify-content: center; text-align: center; } .section_form_and_count .col_count .__count { text-align: center; } .section_goals { margin-top: 2rem; } .section_goals .h2_desc { font-size: 1.75rem; } .people_list { margin-top: 8rem; } .people_list .people_list_name { left: 2rem; } .people_list .people_list_name.people_list_name_0 { left: 3rem; } .people_list .people_list_name.people_list_name_1 { left: 23rem; } .section_main_offer.section_main_offer_inner .container .main_offer__img { right: 1rem; } .section_video .video .name { padding: 2rem; } .section_video .video .name .l1, .section_video .video .name .l2 { font-size: 2.5rem; } .section_bio .bio_list .bio_item { font-size: 1.5rem; height: 13rem; } .section_bio .bio_list .bio_item .name { padding: 0 22rem 0 5rem; } .section_bio .bio_list .bio_item.bio_item_even .name { padding: 0 5rem 0 22rem; } .map_search_region { top: 9rem; } } @media screen and (max-width: 767px) { h2 { font-size: 2rem; } header .view_hide_menu { display: block; } header .inner { position: relative; } header nav { padding: 3rem 3rem 2.5rem; background: #fff; position: absolute; top: 5rem; left: 0; width: auto; display: none; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } header nav a { display: block; color: var(--color-black); margin-bottom: 0.5rem; } .body_page_inner header .logo img { height: 3rem; } .body_header_nav header nav { display: block; } .body_header_nav header .view_hide_menu { -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; transform: rotate(90deg); } .body_header_nav header .view_hide_menu span { -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .body_header_nav header .view_hide_menu span:nth-child(1) { top: 50%; transform: translateX(-50%) rotate(-45deg); } .body_header_nav header .view_hide_menu span:nth-child(2) { opacity: 0; } .body_header_nav header .view_hide_menu span:nth-child(3) { top: 50%; transform: translateX(-50%) rotate(45deg); } .section_main_offer.section_main_offer_new { height: 51rem; } .section_main_offer.section_main_offer_new .main_offer__img { height: 57rem; } .section_main_offer.section_main_offer_new .main_offer__logo { margin-top: -13rem; } .section_main_offer .container .main_offer__logo { left: -6.8rem; top: auto; z-index: 4; bottom: -1rem; } .section_main_offer .header_icon { right: 2rem; bottom: 4.5rem; } .section_main_offer .header_icon a { margin-left: 1.5rem; } .section_main_offer .header_icon a img { height: 3rem; } footer nav { text-align: right; } footer .footer_fun { text-align: center; margin-bottom: 3rem; } .section_inner_content .inner_photo_png { margin-bottom: 5rem; padding: 3rem 12rem 0; } .section_video .video:before { width: 3rem; height: 3rem; } .section_video .video:hover:before { width: 4rem; height: 4rem; } .section_video .video .name { padding: 3rem; } .section_video .video .name .l1, .section_video .video .name .l2 { font-size: 1.5rem; } .people_list .people_list_name { left: -2rem; } .people_list .people_list_name.people_list_name_0 { left: -1rem; } .people_list .people_list_name.people_list_name_1 { left: 12rem; } .section_goals h2 { font-size: 2.75rem; } .section_bio h2 { font-size: 2.75rem; } .section_bio .bio_list .bio_item { font-size: 1.5rem; height: 13rem; background: var(--color-main-block) !important; } .section_bio .bio_list .bio_item .name { padding: 0 5rem 1rem; } .section_bio .bio_list .bio_item .year { font-size: 4rem; bottom: -0.8rem; } .section_bio .bio_list .bio_item.bio_item_even .name { padding: 0 5rem 1rem; } .section_inner_content h1 { font-size: 3rem; } .section_preloader video { width: 100%; height: auto; } .section_preloader video.preload_v { display: block; } .section_preloader video.preload_h { display: none; } .map_search_region { top: 8rem; } .program_items .owl-carousel .owl-dots button.owl-dot { width: 2rem; } } @media screen and (max-width: 575px) { html { font-size: 3vw; } header { padding: 1rem; } header .logo img { height: 3rem; } .btn { font-size: 1.5rem; } .section_main_offer .container .main_offer__img img { width: auto; height: 29rem; } .section_main_offer { height: 30rem; } .section_main_offer.section_main_offer_new { height: 40rem; } .section_main_offer.section_main_offer_new .main_offer__img { height: 32rem; margin-bottom: -4rem; } .section_main_offer.section_main_offer_new .main_offer__logo { margin-top: -10rem; } .section_main_offer:after { content: ''; display: none; position: absolute; bottom: -1px; left: 0; width: 100%; height: 6rem; background: url(../img/offer_mobile_line.svg) top center no-repeat; background-size: cover; z-index: 3; } .section_main_offer .container { position: relative; z-index: 3; } .section_main_offer .container .main_offer__img { right: -2rem; } .section_main_offer .container .main_offer__img img { height: 26rem; } .section_main_offer .container .main_offer__logo { left: -1rem; top: 7rem; z-index: 2; } .section_main_offer .container .main_offer__logo img { height: 9rem; } .section_main_offer .header_icon { right: 4rem; bottom: 5rem; } .section_main_offer .header_icon a { margin-left: 1rem; } .section_main_offer .header_icon a img { height: 2.5rem; } .section_main_offer .main_offer_treu { bottom: -1px; } .section_main_offer .main_offer_treu img { width: 150%; } .section_form_and_count { position: relative; z-index: 5; margin-top: -5rem; } .section_form_and_count .__form { padding-top: 1rem; } .section_form_and_count .__form .main_form { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .section_form_and_count .__form .main_form h2 { font-size: 2.2rem; } .section_form_and_count .__form .main_form .form-control { font-size: 1.5rem; height: 4rem; padding: 0 1.25rem; } .section_form_and_count .__count .number { font-size: 6rem; } .section_form_and_count .__count .desc { font-size: 3.25rem; } .section_goals { padding-left: 3rem; padding-right: 3rem; } .section_goals h2 { font-size: 3rem; } .section_goals .h2_desc { padding: 0; font-size: 1.5rem; } .fun_btn_people .__item a { font-size: 1rem; } .people_list { height: 26rem; margin-top: 4rem; } .people_list .people_list_back { bottom: 1rem; margin-left: 0; } .people_list .people_list_back img { height: 24rem; } .people_list ._people._p1 { -webkit-transform: translateX(-2rem); -moz-transform: translateX(-2rem); -ms-transform: translateX(-2rem); -o-transform: translateX(-2rem); transform: translateX(-2rem); } .people_list ._people._p2 { -webkit-transform: translateX(1rem); -moz-transform: translateX(1rem); -ms-transform: translateX(1rem); -o-transform: translateX(1rem); transform: translateX(1rem); } .people_list ._people._p3 { -webkit-transform: translateX(2.5rem); -moz-transform: translateX(2.5rem); -ms-transform: translateX(2.5rem); -o-transform: translateX(2.5rem); transform: translateX(2.5rem); } .people_list .people_list_name { left: -4rem; } .people_list .people_list_name .name { font-size: 1.25rem; } .people_list .people_list_name .desc { font-size: 0.8rem; } .people_list .people_list_name.people_list_name_0 { left: -3rem; } .people_list .people_list_name.people_list_name_1 { left: 12rem; } .section_inner_content { padding-top: 2rem; } .section_inner_content h1 { font-size: 2rem; } .section_inner_content .h1_desc { margin-bottom: 2rem; } .section_inner_content .inner_photo_png { margin-bottom: 3rem; padding: 3rem 5rem 0; } .section_main_offer.section_main_offer_inner .container .main_offer__img { right: -5rem; } .section_main_offer.section_main_offer_inner .container .main_offer__logo img { height: 9rem; } .section_main_offer.section_main_offer_inner .main_offer__logo img { width: 100%; height: auto; } .section_video { margin: 0; } .section_video .video { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; padding-bottom: 65%; } .section_video .video:before { width: 2rem; height: 2rem; } .section_video .video:hover:before { width: 2.5rem; height: 2.5rem; } .section_video .video .name { padding: 2rem; } .section_video .video .name .l1 { font-size: 2rem; } .section_video .video .name .l2 { font-size: 1.75rem; } .section_bio_mobile_block { display: block; margin: 3rem -1rem 0; position: relative; } .section_bio_mobile_block .owl-carousel .owl-dots { display: flex; padding-top: 2rem; align-items: center; justify-content: center; } .section_bio_mobile_block .owl-carousel .owl-dots button { opacity: 0.5; background: var(--color-main-block); width: 0.8rem; height: 0.8rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0.25rem; } .section_bio_mobile_block .owl-carousel .owl-dots button.active { opacity: 1; width: 1rem; height: 1rem; } .section_bio_mobile_block .owl-carousel .owl-nav button { position: absolute; top: 0; right: 0; width: 5rem; height: 100%; z-index: 4; font-size: 3rem; line-height: 1; } .section_bio_mobile_block .owl-carousel .owl-nav button svg { width: 1.5rem; height: auto; } .section_bio_mobile_block .owl-carousel .owl-nav button span { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; } .section_bio_mobile_block .owl-carousel .owl-nav button.owl-prev { display: none; } .section_bio_mobile_block .owl-carousel .owl-nav button.disabled { display: none; } .section_bio_mobile_block .bblock { padding: 0 0 0 1rem; } .section_bio_mobile_block .bblock.bbock_start { padding-left: 1rem; } .section_bio_mobile_block a.bio_item { text-decoration: underline; } .section_bio_mobile_block .bio_item { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; color: #fff; position: relative; width: 20rem; height: 25rem; background: var(--color-main-block); font-size: 1.35rem; line-height: 1.25; overflow: hidden; display: block; text-decoration: none; } .section_bio_mobile_block .bio_item:before { position: absolute; top: 0; left: 0; z-index: 0; content: ''; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; opacity: .4; } .section_bio_mobile_block .bio_item.bio_item_0 { text-transform: uppercase; font-size: 1.55rem; } .section_bio_mobile_block .bio_item.bio_item_0:after { width: 100%; height: 90%; position: absolute; content: ''; display: block; bottom: 0; right: -3rem; background: url(../img/davankov_bio_photo2-min.png) right top no-repeat; background-size: cover; z-index: 2; } .section_bio_mobile_block .bio_item.bio_item_6 .name { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-decoration: underline; font-size: 2rem; } .section_bio_mobile_block .bio_item .name { position: absolute; top: 0; left: 0; width: 100%; padding: 1.5rem; } .section_bio_mobile_block .bio_item .year { position: absolute; bottom: -0.7rem; left: 0; width: 100%; padding: 0 1.5rem; font-size: 5rem; font-weight: 700; line-height: 1; } .section_bio_mobile_block .bio_item.bio_item_even .year { bottom: auto; top: -0.7rem; } .section_bio_mobile_block .bio_item.bio_item_even .name { padding-top: 7rem; } .section_bio_mobile_block .bio_item.bio_item_0:before { background-image: url(../img/bio_s_1-min.png); } .section_bio_mobile_block .bio_item.bio_item_1:before { background-image: url(../img/bio_s_2-min.png); } .section_bio_mobile_block .bio_item.bio_item_2:before { background-image: url(../img/bio_s_3-min.png); } .section_bio_mobile_block .bio_item.bio_item_3:before { background-image: url(../img/bio_s_4-min.png); } .section_bio_mobile_block .bio_item.bio_item_4:before { background-image: url(../img/bio_s_5-min.png); } .section_bio_mobile_block .bio_item.bio_item_5:before { background-image: url(../img/bio_s_6-min.png); } .section_bio_mobile_block .bio_item.bio_item_6:before { background-image: url(../img/bio_s_7-min.png); } .section_bio_mobile_block .owl-stage { display: flex; flex-flow: nowrap row; } .section_bio { margin-top: 3rem; display: none; } .section_bio .bio_list .bio_item { font-size: 1.5rem; height: auto; background: var(--color-main-block) !important; } .section_bio .bio_list .bio_item .name { padding: 3rem 3rem 5rem; position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .section_bio .bio_list .bio_item .year { font-size: 4rem; bottom: -0.8rem; } .section_bio .bio_list .bio_item.bio_item_even .name { padding: 3rem 3rem 5rem; } .section_goals .btn_box { display: block; } .section_goals .btn_box .btn { padding: 0; width: 100%; margin: 0 0 1.5rem; text-align: center; justify-content: center; line-height: 1; height: 4rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; font-size: 1.5rem; } .section_goals .btn_box .btn br { display: none; } .section_inner_content h1 { font-size: 2rem; } .section_inner_content h2 { font-size: 1.75rem; } .section_inner_content h2.h2_small_black { font-size: 1.5rem; } .section_news h2 { font-size: 3rem; } .section_news .news_box .news_block.owl-carousel { margin-top: 3rem; } .section_news .news_box .news_block_item { width: 300px; padding: 0 0 0 1rem; } .section_news .news_box .news_block_item a { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .section_news .news_box .news_block_item .img { -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; } .section_news .news_box .news_block_item .name { padding: 5rem 1.5rem 1.5rem; } .section_news .news_box .news_block_item .desc { padding: 1.5rem 1.5rem 5rem; } .section_news .news_box .news_block_item .date { padding: 1.5rem; } .section_video_block h2 { font-size: 3rem; } .section_video_block .video_box { margin: 0; } .section_video_block .video_box .video_block.owl-carousel { margin-top: 3rem; } .section_video_block .video_box .video_block.owl-carousel .owl-stage .owl-item { opacity: 1; } .section_video_block .video_box .video_block.owl-carousel .owl-stage-outer { padding: 0; } .section_video_block .video_box .video_block_item { width: 300px; padding: 0 0 0 1rem; } .section_video_block .video_box .video_block_item .img { position: relative; overflow: hidden; padding-bottom: 70%; } .section_video_block .video_box .video_block_item .img:before { top: 1.5rem; left: 1.5rem; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); width: 3rem; height: 3rem; } .section_video_block .video_box .video_block_item .img .name_m { display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5rem 1.5rem 1.5rem 1.5rem; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); font-weight: 700; font-size: 1.5rem; } .section_video_block .video_box .video_block_item .name, .section_video_block .video_box .video_block_item .desc { display: none; } .section_video_block .video_box .video_block_item a.inner { opacity: 1; } .section_video_block .video_box .video_block_item a.item_fly { display: none; } .section_form_and_count .__count { padding: 2.5rem 0; } .section_event_block { margin-top: 0; } .section_event_block h2 { font-size: 3rem; } .section_event_block .event_box { margin: 0 -1rem; } .section_event_block .event_box .event_block_item { padding: 0 0 0 1rem; width: 300px; } .section_event_block .event_box .event_block_item a .name { font-size: 1.5rem; } .section_event_block .event_box .event_block_item a .date { font-size: 1.25rem; } .section_event_block .event_box .event_block_item a .btn { font-size: 1.25rem; } .fly_form.fly_gen .place { padding: 0; } .fly_form.fly_gen .place:before, .fly_form.fly_gen .place:after { display: none; } .fly_form.fly_gen .h2_desc { font-size: 1.25rem; } .map_search_region { top: auto; left: auto; position: relative; margin-top: 2rem; width: 16rem; } .main_map_box { padding-bottom: 2rem; } .shtab_item { margin-bottom: 2rem; } .program_page_item_box .pr_item_box { width: 300px; } .program_items .program_item { margin-bottom: 4rem; } .program_items .program_item .program_item_text { padding: 2rem 0 5rem; } .program_items .owl-carousel .owl-dots button.owl-dot { width: 1rem; } .body__program .section_main_offer.section_main_offer_new { height: 32rem; } .body__program .section_main_offer:after { top: auto; bottom: 0; height: 20rem; background: transparent; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } .body__program .section_main_offer.section_main_offer_inner .main_offer__logo { bottom: 2rem; } .body__program .section_main_offer.section_main_offer_inner .main_offer__logo:before { font-size: 2rem; text-shadow: none; } .body__program .section_main_offer.section_main_offer_inner .header_icon { display: none; } .program_category_list { position: relative; } .program_category_list .btn_box { position: absolute; bottom: 3rem; left: 50%; z-index: 4; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .program_category_list { display: none; } .program_category_list.program_category_main_slider { display: block; } .program_category_list.program_category_main_slider h2 { margin: 2rem 0 5rem; padding: 0 1rem; } .program_category_list.program_category_main_slider .btn_box { position: relative; top: auto; left: auto; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); width: 100%; text-align: center; margin-top: 3rem; } .program_soderj_slider { display: block; padding-top: 3rem; } .program_soderj_slider .soderj_item { width: 300px; padding: 0 1rem; } .program_soderj_slider.owl-carousel .owl-stage { display: flex; flex-flow: row nowrap; } .program_soderj_slider.owl-carousel .owl-nav button { position: absolute; top: -3rem; font-size: 3rem; } .program_soderj_slider.owl-carousel .owl-nav button.owl-prev { right: 5rem; } .program_soderj_slider.owl-carousel .owl-nav button.owl-next { right: 0; } .program_soderj_slider.owl-carousel .owl-nav button.disabled { opacity: 0.3; } .program_soderj_slider.owl-carousel .owl-nav_OLD { display: flex; flex-flow: nowrap row; padding: 2rem 2rem 4rem ; justify-content: space-between; } .program_soderj_slider.owl-carousel .owl-nav_OLD button { top: auto; bottom: -3.5rem; height: auto; color: var(--color-black); font-size: 1.5rem; width: auto; } .program_soderj_slider.owl-carousel .owl-nav_OLD button.disabled { opacity: 0.5; } .program_soderj_slider.owl-carousel .owl-nav_OLD button.owl-next { display: block; opacity: 1; right: 0; } .program_soderj_slider.owl-carousel .owl-nav_OLD button.owl-prev { display: block; opacity: 1; right: auto; left: 0; } }