/* Остатки шаблона Битрикса, которые реально используются страницами.
   Собрано измерением на живых страницах (1280 и 390): из 639 правил файла движка
   template_…_v1.css применяется 71, из 130 правил page_…_v1.css — ни одного.
   Здесь только эти 71 правило: переменные :root, сетка .container, служебные классы
   галереи и форм. 90 КБ запросов к движку заменяются 7,6 КБ своего файла. */
:root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-shadow: none; --f-button-transition: all .15s ease; --f-button-transform: none; --f-button-outline-width: 1px; --f-button-outline-color: rgba(0,0,0,.7); --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-opacity: 1; --f-button-svg-disabled-opacity: .5; --f-button-svg-transition: opacity .15s ease; --f-button-svg-transform: none; }
:root { --f-spinner-color-1: rgba(0,0,0,.1); --f-spinner-color-2: rgba(17,24,28,.8); --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-border-radius: 50%; --f-spinner-border-width: 4px; }
:root { --f-thumbs-gap: 8px; --f-thumbs-margin: 0; --f-thumbs-padding-x: 8px; --f-thumbs-padding-y: 8px; --f-thumbs-z-index: 1; --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-clip-width: 46px; --f-thumb-extra-gap: 16px; --f-thumb-fit: cover; --f-thumb-opacity: 1; --f-thumb-transition: opacity .3s ease,transform .15s ease; --f-thumb-border: none; --f-thumb-border-radius: 4px; --f-thumb-transfors: none; --f-thumb-shadow: none; --f-thumb-bg: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.05)); --f-thumb-focus-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; --f-thumb-selected-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; }
:root { --f-progressbar-height: 3px; --f-progressbar-color: var(--f-carousel-theme-color,#575ad6); --f-progressbar-opacity: 1; --f-progressbar-z-index: 30; }
:root { --swiper-theme-color: #007aff; }
:host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; }
:root { --swiper-navigation-size: 44px; }
.container { width: 100%; padding: 0px 15px; margin: auto; }
.block-margin { margin: 0px 0px 70px; }
:root { --black: #000; --white: #FFF; --pink: #ffebe8; --yellow: #d4a310; --blue: #3071b3; --blue-hover: #174777; --blue-light: #d4f8ff; --main-color: #78CA85; --main-color-hover: #43834c; --main-color-light: #B5EABE; --red: #ff4a4a; --red-hover: #b81c1c; --gray1: #f7f7f7; --gray2: #eee; --gray3: #d9d9d9; --gray4: #666; --gray5: #333; --shadow1: rgba(0,0,0,.1); --transparent: rgba(255,255,255,0); --tg: #08C; --vk: #07F; --max: #9c45db; --wa: #075E54; }
*, ::before, ::after { box-sizing: border-box; }
html { font-family: serif; line-height: 1.15; scroll-behavior: smooth; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font: 300 16px / 1.5 Onest, serif; color: var(--black); text-align: left; background-color: var(--white); }
h4, h5, h6, .h4, .h5, .h6 { margin: 0px; }
h1, .h1 { font-weight: 700; font-size: 32px; line-height: 1.2; margin: 0px 0px 30px; text-align: center; }
h2, .h2 { font-weight: 700; font-size: 18px; line-height: 1.4; margin: 0px 0px 1rem; }
p { margin: 0px 0px 1rem; }
ul, dl { margin: 0px 0px 1rem; padding: 0px 0px 0px 20px; }
b, strong { font-weight: bold; }
a { color: var(--main-color); text-decoration: none; transition: 0.5s; outline: none; }
a:hover { color: var(--main-color-hover); text-decoration: none; }
svg { overflow: hidden; vertical-align: middle; }
img { max-width: 100%; height: auto; }
label { display: inline-block; margin: 0px; font-weight: 400; }
button { border-radius: 0px; }
button:focus { outline: none; }
input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; line-height: inherit; outline: none; font-size: 16px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
.header__search { fill: none; stroke: var(--black); height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; margin: 0px 10px 0px auto; }
.main { padding: 30px 0px 100px; }
@media (max-width: 575px){
.search-title { position: relative; margin: 0px 0px 20px; }
.search-title__label, .search-title__button, .search-title__close { display: none; }
.search-title__input { background-color: var(--gray2); border: 1px solid var(--gray2); width: 100%; height: 40px; border-radius: 10px; padding: 0px 10px 0px 35px; font-size: 14px; outline: none; }
.search-title__input:focus, .search-title__input:hover { border-color: var(--main-color); }
#panel { display: none; }
.header__info, .header__time, .header__social, .header__search { display: none; }
.main { padding: 80px 0px 50px; }
.fixed-panel { position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: var(--white); border-top: 1px solid var(--main-color-light); z-index: 8; }
.fixed-panel__inner { display: flex; align-items: center; justify-content: center; padding: 15px 0px; gap: 8px; }
.fixed-panel__link { display: flex; align-items: center; justify-content: center; }
.fixed-panel__link_btn { margin: 0px 0px 0px 4px; }
}
@media (max-width: 767px){
.block-margin { margin: 0px 0px 40px; }
}
@media (max-width: 991px){
body { font-size: 14px; }
h1, .h1 { font-size: 24px; }
}
@media (min-width: 1200px){
.container { max-width: 1150px; }
}
@media (min-width: 576px){
.search-title { position: absolute; bottom: -10px; left: 0px; right: 0px; transition: 0.5s; border-radius: 0px; z-index: 3; translate: 0px -150%; }
.search-title__form { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 10px 20px 10px 45px; background-image: linear-gradient(90deg,var(--white) 0%,var(--white) 50%,var(--blue-light) 150%); border-radius: 25px; }
.search-title__label { font-weight: 700; font-size: 18px; }
.search-title__input { height: 36px; background-color: var(--white); border: 1px solid var(--gray4); border-radius: 18px; padding: 0px 20px; outline: none; transition: 0.5s; margin: 0px auto; width: calc(100% - 570px); }
.search-title__input:focus, .search-title__input:hover { border-color: var(--gradient1); }
.search-title__button { width: 130px; height: 36px; font-size: 18px; border: 1px solid var(--black); transition: 0.5s; background-color: var(--transparent); border-radius: 22px; color: var(--black); }
.search-title__button:hover { border-color: var(--main); color: var(--main); }
.search-title__close { height: 36px; width: 36px; border: 1px solid var(--black); border-radius: 50%; position: relative; margin: 0px 0px 0px 15px; }
.search-title__close::after, .search-title__close::before { content: ""; height: 1px; width: 60%; background-color: var(--black); position: absolute; left: 50%; top: 50%; translate: -50%; transition: 0.5s; }
.search-title__close::after { rotate: 45deg; }
.search-title__close::before { rotate: -45deg; }
.search-title__close:hover { border-color: var(--main); }
.search-title__close:hover::after, .search-title__close:hover::before { background-color: var(--main); }
.fixed-panel { display: none; }
}
@media (min-width: 576px) and (max-width: 767px){
.container { max-width: 540px; }
}
@media (min-width: 576px) and (max-width: 991px){
.search-title { translate: 0px -65px; }
.search-title__form { padding: 8px 20px; }
.search-title__label { font-size: 14px; }
.search-title__input { height: 44px; border-radius: 22px; padding: 0px 20px; width: calc(100% - 315px); font-size: 14px; }
.search-title__button { width: 100px; font-size: 16px; }
.main { padding: 20px 0px 50px; }
}
@media (min-width: 768px) and (max-width: 991px){
.container { max-width: 720px; }
}
@media (min-width: 992px) and (max-width: 1199px){
.container { max-width: 960px; }
}