@font-face {font-family: "Roboto";font-style: normal;font-weight: 300;src: url("/assets/fonts/roboto-v27-latin_cyrillic-300.eot");src: local(""),url("/assets/fonts/roboto-v27-latin_cyrillic-300.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/roboto-v27-latin_cyrillic-300.woff2") format("woff2"),url("/assets/fonts/roboto-v27-latin_cyrillic-300.woff") format("woff"),url("/assets/fonts/roboto-v27-latin_cyrillic-300.ttf") format("truetype"),url("/assets/fonts/roboto-v27-latin_cyrillic-300.svg#Roboto") format("svg");}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 400;src: url("/assets/fonts/roboto-v27-latin_cyrillic-regular.eot");src: local(""),url("/assets/fonts/roboto-v27-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/roboto-v27-latin_cyrillic-regular.woff2") format("woff2"),url("/assets/fonts/roboto-v27-latin_cyrillic-regular.woff") format("woff"),url("/assets/fonts/roboto-v27-latin_cyrillic-regular.ttf") format("truetype"),url("/assets/fonts/roboto-v27-latin_cyrillic-regular.svg#Roboto") format("svg");}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 500;src: url("/assets/fonts/roboto-v27-latin_cyrillic-500.eot");src: local(""),url("/assets/fonts/roboto-v27-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/roboto-v27-latin_cyrillic-500.woff2") format("woff2"),url("/assets/fonts/roboto-v27-latin_cyrillic-500.woff") format("woff"),url("/assets/fonts/roboto-v27-latin_cyrillic-500.ttf") format("truetype"),url("/assets/fonts/roboto-v27-latin_cyrillic-500.svg#Roboto") format("svg");}
@font-face {font-family: "Roboto";font-style: normal;font-weight: 700;src: url("/assets/fonts/roboto-v27-latin_cyrillic-700.eot");src: local(""),url("/assets/fonts/roboto-v27-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/roboto-v27-latin_cyrillic-700.woff2") format("woff2"),url("/assets/fonts/roboto-v27-latin_cyrillic-700.woff") format("woff"),url("/assets/fonts/roboto-v27-latin_cyrillic-700.ttf") format("truetype"),url("/assets/fonts/roboto-v27-latin_cyrillic-700.svg#Roboto") format("svg");}
html {scroll-behavior: smooth;}
html:root {
    --footer-color: #1c2132;
    --base-color: #008ed5;          /* новый основной цвет (синий) */
    --second-color: #e6f4ff;        /* светлый акцент (очень светлый голубой) */
    --yellow-color: #ffde5a;        /* акцентный желтый (без изменений) */
    --lightbase-color: #f0f9ff;     /* сверхсветлый фон (ледяной голубой) */
    --base-color50: rgba(0, 142, 213, 0.5);  
    --base-color15: rgba(0, 142, 213, 0.15); 
    --text-color: #000;
    --grey-color: #6f6f6f;
    --light-color: #ddf2ff;         /* нейтральный фон с голубым подтоном */
    --white-color: #fff;
    --text-font: "Roboto", sans-serif;
    --base-shadow: 0 4px 10px 0 rgba(0, 142, 213, 0.2); /* тень с синим оттенком */
    --base-gradient: linear-gradient(
        180deg, 
        #008ed5 0%,                /* темно-синий */
        #00a0e9 42%,               /* ярко-голубой */
        #33b1ff 60%,               /* небесно-голубой */
        #99d5ff 85%,               /* пастельно-голубой */
        #e6f4ff 100%               /* сверхсветлый голубой */
    );
}
* {padding: 0;margin: 0;box-sizing: border-box;}
a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus, button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus, input:focus, textarea:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, div:focus {outline: 0 !important;outline-color: transparent !important;outline-width: 0 !important;outline-style: none !important;-webkit-box-shadow: 0 0 0 0 rgba(0,123,255,0) !important;box-shadow: 0 0 0 0 rgba(0,123,255,0) !important;}
body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size: 14px;min-height: 100vh;color: var(--text-color);font-family: var(--text-font);overflow-x: hidden;}
.container {max-width: 1440px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
ul {list-style-type: none;margin-bottom: 0;}
figure {margin: 0 0 0;}
p {line-height: 1.25;margin-bottom: 0;}
a {text-decoration: none;color: #000;transition: 250ms;}
a:hover, a:focus, a:active {color: var(--base-color50);text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 10px;padding: 0;line-height: 1.25;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0;}
.h1 {font-size: 3em;font-weight: normal;}
.h2 {font-size: 2em;font-weight: normal;}
.h3 {font-size: 1.5em;font-weight: normal;}
.h4 {font-size: 1.25em;font-weight: normal;}
.h5 {font-weight: normal;font-size: 1em;}
.uppercase {text-transform: uppercase;}
label {margin-bottom: 0;}
.link {color: inherit;transition: 250ms;}
.link svg, .link path {transition: 250ms;}
.link:hover {color: var(--base-color);}
.link:hover svg, .link:hover path {fill: var(--base-color);}
svg {transition: 250ms;}
.address__iframe iframe {max-width: 600px !important;}
.unicode {font-family: var(--text-font);font-size: 1em;}
.grid {display: grid;}
.flex {display: flex;}
.location__item-Search{
  width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.btn__yellow:disabled {
  background-color: #f0e68c; /* Более светлый оттенок жёлтого */
  color: #a9a9a9; /* Серый цвет текста */
  cursor: not-allowed; /* Курсор "недоступно" */
  opacity: 0.7; /* Полупрозрачность */
  box-shadow: none; /* Убирает тени если есть */
}
	.overlay {
   
   /* Скрываем подложку  */
   opacity: 0;
   visibility: hidden;
   
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
}


/* Стили для модальных окон */

.modal {
   
   /* Скрываем окна  */
   opacity: 0;
   visibility: hidden;
   
   
   /*  Установаем ширину окна  */
   width: 100%;
   max-width: 500px;
   
   /*  Центрируем и задаем z-index */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30; /* Должен быть выше чем у подложки*/
   
   /*  Побочные стили   */
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}


/* Стили для активных классов подложки и окна */

.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}


/* Стили для кнопки закрытия */

.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #444;
   cursor: pointer;
}
.modal .city{
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}



.grey-text {color: var(--grey-color);}
.btn__block {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;padding-top: 3.5em;}
.btn__common {display: flex;justify-content: center;align-items: center;position: relative;border: 0;background: inherit;border-radius: 10px;padding: 1.5em 2em;transition: 250ms;text-transform: uppercase;width: 255px;height: 60px;text-align: center;font-size: 1em;font-weight: 500;letter-spacing: 1px;overflow: hidden;}
.btn__base {position: relative;background: var(--white-color);border: 1px solid var(--second-color);color: var(--text-color);box-shadow: 0px 4px 10px #d3e5ff;z-index: 2;}
.appeal__inner{gap:20px;align-items: center;}.appeal__item p {color:#fff;line-height: 1.6;}.appeal__item h4{color:#fff;font-size: 1.3rem;margin-bottom: 1rem;}
.appeal__img{max-width: 315px;}.appeal__img img{width: 100%;height: 100%;object-fit: cover;border-radius: 10%;}
.btn__base svg {fill: var(--base-color);transition: 250ms;}
.btn__base:hover {color: var(--white-color);background: var(--base-color);}
.btn__yellow {background: var(--yellow-color);color: var(--text-color);border-radius: 30px;}
.btn__yellow svg {fill: var(--white-color);transition: 250ms;}
.btn__yellow:hover {background: var(--second-color);}
.section__content, .section__gallery, .section__gallerypage, .section__contacts-table {border-top: .5px solid var(--base-color50);}
.content__inner {word-break: break-word;padding-bottom: 3.5em;}
.content__inner .section__title h1, .content__inner .section__title h2, .content__inner .section__title h3, .content__inner .section__title h4, .content__inner .section__title h5, .content__inner .section__title h6 {margin: 0 0;}
.content__inner ul, .content__inner ol {list-style: inside;}
.content__inner .content__item:not(:last-child) {margin-bottom: 3.5em;}
.content__inner img {max-width: 100%;height: auto;}
.content__inner video {max-width: 100%;height: auto;}
.content__inner .link {color: var(--base-color);}
.content__inner .link:hover {color: var(--second-color);}
.content__inner iframe {max-width: 100% !important;}
.content__inner p {line-height: 1.5;letter-spacing: 4%;}
.content__inner h1, .content__inner h2, .content__inner h3, .content__inner h4 {margin: 1em 0;}
.content__inner table {border: .5px solid var(--second-color);border-collapse: collapse;margin: 0;padding: 0;table-layout: fixed;margin-bottom: 1.25em;width: 100% !important;box-sizing: border-box;}
.content__inner table thead tr {background: var(--base-color50);}
.content__inner table thead tr td {color: var(--white-color);line-height: 30px;height: auto !important;min-height: 30px;}
.content__inner table p {margin-bottom: 0 !important;}
.content__inner table caption {font-size: 1.5em;margin: .5em 0 .75em;}
.content__inner table tr {border: .5px solid var(--second-color);}
.content__inner table th, .content__inner table td {padding: 10px;vertical-align: baseline;}
.content__inner table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}
.clearfix {clear: both;}
.content__block, .contacts-table__block, .reg__block {grid-template-columns: repeat(12,1fr);grid-column-gap: 0;}
.content__aside, .contacts-table__aside, .reg__aside {grid-column: 3 span;padding: 3.5em 0;padding-right: 1.5em;height: 100%;border-right: .5px solid var(--base-color50);}
.content__main, .contacts-table__content, .reg__content {grid-column: 9 span;}
.aside__list {list-style-type: none;}
.aside__link {color: var(--text-color);transition: 250ms;}
.aside__item > .aside__link {display: flex;padding: 1em 0;font-size: 1.3em;}
.aside__item > .aside__link:hover, .aside__item > .aside__link:focus, .aside__item > .aside__link:active {color: var(--base-color);}
.aside__item.active > .aside__link {color: var(--base-color);}
.aside__item.collapse > .collapse__menu {display: flex;flex-direction: column;max-height: 0;overflow: hidden;}
.aside__item.collapse > .collapse__menu .aside__item {margin: 0 1.5em;}
.aside__item.collapse > .collapse__menu .aside__item:not(:last-child) {margin-bottom: 1.5em;}
.aside__item.collapse > .collapse__menu .aside__item:hover .aside__link, .aside__item.collapse > .collapse__menu .aside__item:focus .aside__link, .aside__item.collapse > .collapse__menu .aside__item.active .aside__link {color: var(--base-color);}
.aside__item.collapse > .collapse__menu .aside__link {padding: 0 0;font-size: 1em;color: var(--grey-color);}
.aside__item.collapse.active > .collapse__menu {max-height: 1200px;}
.pagination {padding: 3em 0;display: flex;justify-content: center;}
.page__item a, .page__item span {border-left: .5px solid var(--second-color);border-top: .5px solid var(--second-color);border-bottom: .5px solid var(--second-color);}
.page__item:last-child a, .page__item:last-child span {border-right: .5px solid var(--second-color);}
.page__item a, .page__item span {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.page__item a:hover, .page__item span:hover, .page__item a:focus, .page__item span:focus, .page__item a.active, .page__item span.active {background: var(--base-color);border-color: var(--base-color);color: #fff;}
.page__item a:hover svg path, .page__item span:hover svg path, .page__item a:focus svg path, .page__item span:focus svg path, .page__item a.active svg path, .page__item span.active svg path {fill: var(--second-color);}
.page__item svg path {fill: var(--base-color);}
.page__item.next {transform: scale(-1);}
.breadcrumb__block {margin-top: .5em;display: flex;align-items: center;height: 3.5em;}
.breadcrumb__block .breadcrumb {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: flex-start;background: inherit;line-height: 1.2;}
.breadcrumb__block .link {color: var(--grey-color);}
.breadcrumb__block .link:hover {color: var(--base-color);}
.breadcrumb__block .breadcrumb__separator {color: var(--grey-color);margin: 0 1em;}
.section__item {padding: 3.5em 0;}
.section__title {padding-top: 1.5em;padding-bottom: 1.5em;}
.navblock {position: relative;display: flex;justify-content: space-between;align-items: center;}
.navbar__block {flex: 1 1 100%;margin-right: 1em;background: var(--white-color);}
.navbar__block .navbar-nav {display: flex;flex-direction: row;justify-content: flex-start;}
.nav__toggler {display: none;}
.navbar-toggler {padding: 0;padding: .5em;border: none;height: auto;background: none;}
.navbar-toggler .nav__icon {display: inline-block;width: 18px;height: 18px;position: relative;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.navbar-toggler .nav__icon.open {top: -10px;}
.navbar-toggler .nav__icon.open span:nth-child(1) {top: 18px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.navbar-toggler .nav__icon.open span:nth-child(2) {opacity: 0;left: -60px;}
.navbar-toggler .nav__icon.open span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.navbar-toggler .nav__icon span {display: block;position: absolute;height: 3px;width: 100%;background: var(--base-color);border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.navbar-toggler .nav__icon span:nth-child(1) {top: 0;}
.navbar-toggler .nav__icon span:nth-child(2) {top: 6px;}
.navbar-toggler .nav__icon span:nth-child(3) {top: 12px;}
.nav-item {position: relative;}
.nav-item.active > .nav-link {color: var(--base-color);}
.nav-item .nav-link {display: block;padding: 2em .5em;font-size: 1em;color: var(--text-color);background: inherit;}
.nav-item .nav-link:hover {color: var(--base-color);}
.nav-item .nav-link.dropdown-toggle {padding-right: 1.5em;}
.nav-item .nav-link.dropdown-toggle::after {content: url("/assets/img/icons/bx_bx-chevron-down.svg");position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;width: 24px;height: 100%;transition: 350ms ease-in-out all;}
.nav-item .nav-link.dropdown-toggle:hover::after, .nav-item .nav-link.dropdown-toggle:focus::after, .nav-item .nav-link.dropdown-toggle:active::after, .nav-item .nav-link.dropdown-toggle.active::after {transform: scaleY(-1);}
.drop-menu {position: absolute;display: flex;flex-direction: column;overflow: hidden;max-height: 0;transition: .3s ease-in-out;transition: 350ms ease-in-out all;border-radius: 0;border: none;color: var(--text-color);min-width: auto;padding: 0 0;margin: 0 0 0;z-index: 11;}
.drop-menu.left .nav-item .nav-link {text-align: right;}
.drop-menu .nav-item .nav-link {background: var(--second-color);min-width: 15em;display: inline-block;padding: .5em 1em;padding-right: 2em;}
.drop-menu .nav-item .nav-link.toggle::after {position: absolute;top: 0;display: flex;align-items: center;justify-content: center;width: 24px;height: 100%;transition: 350ms ease-in-out all;}
.drop-menu .nav-item .nav-link.toggle:hover::after, .drop-menu .nav-item .nav-link.toggle:focus::after, .drop-menu .nav-item .nav-link.toggle:active::after {transform: scaleX(-1);}
.drop-menu .nav-item .nav-link.dropright-toggle::after {content: url("/assets/img/icons/bx_bx-chevron-right.svg");right: 0;}
.drop-menu .nav-item .nav-link.dropleft-toggle::after {content: url("/assets/img/icons/bx_bx-chevron-left.svg");left: 0;}
.dropdown {position: relative;}
.dropdown:hover > .dropdown-menu {max-height: 100vh;overflow: visible;}
.dropdown:last-child:hover > .dropdown-menu {left: auto;right: 0;}
.dropdown .dropdown__item {display: block;padding: .5em 1em;width: 100%;}
.dropright > .dropright-menu {left: 100%;top: 0;}
.dropright:hover > .dropright-menu {max-height: 100vh;overflow: visible;}
.dropleft > .dropleft-menu {right: 100%;top: 0;}
.dropleft:hover > .dropleft-menu {max-height: 100vh;overflow: visible;}
.hidden__contacts {display: none;}
.search__block {flex: 0 0 225px;}
.form__search {display: flex;height: 40px;width: 100%;border-radius: 10px;overflow: hidden;}
.form__search .search__input {position: relative;flex: 1 1 100%;padding-left: 18px;background: var(--base-color15);height: 100%;color: var(--grey-color);transition: 250ms;font-size: .875em;border: 0 !important;}
.form__search .search__input::placeholder {color: var(--grey-color);}
.form__search .search__input::-webkit-search-cancel-button {position: absolute;top: 13px;right: 20px;display: flex;align-items: center;-webkit-appearance: none;height: 14px;width: 14px;content: url("/assets/img/icons/search-close.svg");}
.form__search .search__icon {flex: 0 0 40px;display: flex;justify-content: center;align-items: center;height: 40px;height: 100%;background: var(--base-color);}
.hidden__search {display: none;}
.header {border-bottom: .3px solid #000;}
.header__block {grid-template-columns: 174px 1fr;grid-auto-rows: auto;grid-column-gap: 20px;}
.header__logo, .footer__logo {padding: 1em 0;grid-row: 2 span;}
.header__logo figure, .footer__logo figure {width: 100%;height: auto;}
.header__logo figure img, .footer__logo figure img {width: 100%;height: auto;object-fit: contain;}
.header__title {padding: 2em 0;align-items: center;border-bottom: .3px solid #000;     justify-content: space-between;}
.header__title h1 {font-size: 24px;line-height: 1.5;font-weight: 500;}
.finevision__btn {margin-left: 40px;flex: 0 0 225px;}
.finevision__btn .head__bookmark-item {padding: .5em 0;word-break: keep-all;position: relative;padding-left: 40px;color: var(--grey-color);}
.finevision__btn .head__bookmark-item::before {content: url("/assets/img/icons/glasses.svg");position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;}
.social__list {display: flex;justify-content: flex-end;}
.social__list .list__item:not(:last-child) {margin-right: 1em;}
.contacts__block {height: 100%;display: flex;}
.contacts__item {padding: 1em;position: relative;display: flex;flex-direction: column;justify-content: center;padding-left: 50px; width: 100%;}
.contacts__item:not(:last-child) {border-right: .3px solid #000;}
.contacts__item .desc {color: var(--grey-color);margin-bottom: 5px;}
.contacts__item .title {font-weight: 500;}
.contacts__item::before {position: absolute;left: 10px;top: 0;width: 30px;height: 100%;display: flex;justify-content: center;align-items: center;object-fit: contain;}
.contacts__item.phone__item::before {content: url("/assets/img/icons/phone.png");}
.contacts__item.location__item::before {content: url("/assets/img/icons/mail.png");}
.contacts__item.time__item::before {content: url("/assets/img/icons/calendar.svg");}
.footer__bottom{
      display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.contacts__link {padding: 0 1em;}
.footer {background: #434343;     color: #fff; margin-top: auto;}
.footer__block {padding: 2em 0;grid-template-columns: 174px 1fr 174px;grid-gap: 30px;}
.footer__title {display: flex;align-items: center;}
.footer__title .h1 {font-size: 24px;line-height: 1.5;}
.footer__nav .navbar-nav {grid-template-columns: repeat(auto-fill,minmax(150px,1fr));grid-gap: 1em;}
.footer__bottom {padding: 2em 0;}
.copy__block {font-size: .875em;opacity: .8;}
.baikal_web {color: #fff;display: flex;justify-content: flex-end;}
.baikal_web .name {color: #fff;font-size: 18px;}
.baikal_web a {color: #fff;font-size: 11px;line-height: normal;display: block;}
.baikal_web a p {line-height: normal;margin-bottom: 0;}
.baikal_web a img {margin-top: 5px;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
	40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
	50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
@keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
	40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
	50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
.animated.flip:hover {-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
.banner__slide {position: relative;color: var(--white-color);}
.banner__bg {position: absolute;display: block;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;}
.banner__bg img {object-fit: cover;width: 100%;height: 100%;}
.banner__content {grid-gap: 1em;justify-items: flex-start;height: 100%;     min-height: 330px;}
.banner__content .banner__img {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%; width: 100%;}
.banner__content .banner__img img {max-width: 300px;height: 100%;object-fit: contain;}
.banner__content .banner__text {height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 2em 0;}
.banner__content .banner__title {margin-bottom: 1em;display: flex;align-items: flex-end;text-align: right;}
.banner__content .banner__title .h2 {font-size: 2.5em;line-height: 1.5;}
.banner__content .banner__btn {display: flex;justify-content: flex-start;width: 100%;}
.section__panel {position: relative;}
/* .section__panel::before {position: absolute;content: url("/assets/img/icons/lightblue.svg");top: 0;left: calc(50% - 250px);max-width: 500px;overflow-x: hidden;height: auto;z-index: -1;} */
.panel__block {grid-template-columns: repeat(3,minmax(150px,365px));grid-gap: 20px;grid-auto-rows: auto;}
.panel__item {height: 100%;}
.panel__item.active .item__link {background: var(--base-color);color: var(--white-color);}
.panel__item.active .item__link .p:first-child {color: var(--white-color);}
.panel__item.active .item__link .p.desc {color: var(--white-color);}
.panel__item .item__link {display: flex;flex-direction: column;justify-content: center;align-items: center;background: var(--white-color);border: .5px solid #a3fffd;box-shadow: 0px 4px 10px #d3e5ff;border-radius: 10px;overflow: hidden;color: var(--text-color);box-sizing: border-box;text-align: center;transition: 500ms;transition: 300ms all ease-in-out;padding: 1em 1.5em;height: 100%;width: 100%;}
.panel__item .item__link .p:first-child {color: var(--text-color);text-transform: uppercase;margin-bottom: .5em;font-weight: normal;}
.panel__item .item__link .p.desc {color: var(--grey-color);}
.panel__item .item__link:hover, .panel__item .item__link:focus, .panel__item .item__link:active {background: var(--base-color);color: var(--white-color);}
.panel__item .item__link:hover .p:first-child, .panel__item .item__link:focus .p:first-child, .panel__item .item__link:active .p:first-child {color: var(--white-color);}
.panel__item .item__link:hover .p.desc, .panel__item .item__link:focus .p.desc, .panel__item .item__link:active .p.desc {color: var(--white-color);}
.news__block, .gallery__block, .popular__block, .usefull__block {grid-template-columns: repeat(auto-fill,minmax(300px,1fr));grid-auto-rows: auto;grid-gap: 20px;}
.section__news {position: relative;}
/* .section__news::before {position: absolute;display: flex;align-items: center;justify-content: center;content: url("/assets/img/icons/lightblue.svg");bottom: -250px;right: -250px;max-width: 500px;overflow-x: hidden;z-index: 1;} */
.section__newspage {border-top: .5px solid var(--base-color50);}
.section__newspage .content__main {border-left: none;border-right: .5px solid var(--base-color50);padding-right: 3em;padding-bottom: 3.5em;}
.section__newspage .content__aside {border-right: none;padding-right: 0;padding-left: 1.5em;}
.section__newspage .section__title {display: flex;flex-direction: column;align-items: flex-start;}
.section__newspage .title__date {margin: 1em 0;position: relative;color: var(--grey-color);height: 30px;padding-left: 35px;align-self: flex-end;text-align: right;}
.section__newspage .title__date .p {line-height: 30px;}
.section__newspage .title__date::before {position: absolute;content: url("/assets/img/icons/calendar.svg");bottom: 0;left: 0;display: flex;align-items: center;height: 100%;}
.news__item {position: relative;z-index: 2;background: var(--white-color);}
.news__item .item__content {height: 100%;display: flex;flex-direction: column;padding: 15px 15px 20px;border: .5px solid var(--second-color);border-radius: 10px;letter-spacing: .04em;transition: 250ms;}
.news__item .item__content:hover {box-shadow: 0px 4px 10px #d3e5ff;}
.news__item .item__img {width: 100%;height: 200px;}
.news__item .item__img img {width: 100%;height: 100%;object-fit: cover;}
.news__item .item__date {margin: 20px 0;position: relative;color: var(--grey-color);height: 25px;}
.news__item .item__date .p {line-height: 25px;}

.news__item .item__title {font-weight: 500;margin-bottom: 1em;}
.news__item .item__desc {color: var(--grey-color);margin-bottom: 20px;}
.news__item .item__btn {margin-top: auto;}
.newsnav__block {padding-top: 2em;width: 100%;display: flex;}
.newsnav__item {flex: 0 1 50%;}
.newsnav__item .link {display: flex;align-items: center;width: 100%;height: 100%;padding: 1em;}
.newsnav__item .link span {display: flex;justify-content: center;align-items: center;height: 100%;}
.newsnav__item .link .text {text-align: center;flex: 1 1;}
.newsnav__item .link .icon {display: flex;align-items: center;height: 100%;flex: 0 0 30px;}
.newsnav__item .link .icon svg path {fill: var(--base-color);}
.newsnav__item .link:hover, .newsnav__item .link:focus {background: var(--base-color);color: var(--white-color);}
.newsnav__item .link:hover .icon svg path, .newsnav__item .link:focus .icon svg path {fill: var(--white-color);}
.section__popular {position: relative;padding: 3.5em 0;background: linear-gradient(255.4deg,#148f9e 0%,#12baba 42.71%,#17bebb 60.42%,#13d4c1 84.9%,#12eeca 100%);}
.section__popular .section__title {color: var(--white-color);}
.popular__item {position: relative;z-index: 1;}
.popular__item .item__link {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1.5em 2em;background: var(--white-color);border: .5px solid var(--second-color);box-sizing: border-box;box-shadow: 0px 4px 10px #d3e5ff;border-radius: 10px;height: 100%;text-align: center;color: var(--text-color);transition: 250ms;}
.popular__item .item__link:hover, .popular__item .item__link:focus, .popular__item .item__link:active {background: var(--second-color);color: var(--text-color);}
.section__usefull {position: relative;}
/* .section__usefull::before {content: url("/assets/img/icons/lightblue.svg");position: absolute;top: 3.5em;max-width: 500px;overflow-x: hidden;height: auto;left: calc(50% - 250px);z-index: -1;} */
.usefull__item .item__link {position: relative;z-index: 1;padding: .5em;display: flex;align-items: center;}
.usefull__item .item__img {flex: 0 0 100px;height: 100px;margin-right: 1em;}
.usefull__item .item__img img {object-fit: contain;width: 100%;height: 100%;}
.usefull__item .item__text {letter-spacing: 1.04;}
.usefull__item .item__text .h5 {text-transform: uppercase;font-weight: bold;margin-bottom: .5em;}
.usefull__item .item__text .desc {font-size: .8em;color: var(--grey-color);}
.section__main-gallery {padding-bottom: 7em;}
.main-gallery__block {display: flex;flex-wrap: wrap;}
.main-gallery__item {flex: 1 1 255px;padding: 2em;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: auto;height: 400px;color: var(--white-color);}
.main-gallery__item .item__content p {text-align: center;}
.main-gallery__item .item__img {position: absolute;width: 100%;height: 100%;z-index: -1;}
.main-gallery__item .item__img img {width: 100%;height: 100%;object-fit: cover;}
.main-gallery__item .item__img::after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;content: "";background: rgba(0,0,0,.5);}
.main-gallery__item .item__icon {text-align: center;}
.main-gallery__item .btn__block {padding-top: 1.5em;}
.main-gallery__item .btn__common {width: auto;height: auto;padding: 1em 1.5em;}
.contacts-page__block, .speech__block {grid-template-columns: repeat(2,1fr);grid-gap: 30px;margin-bottom: 3.5em;}
.contacts-page__content .content__inner {border-left: none;padding: 0 0;max-width: 320px;}
.contacts-page__content .content__inner p {font-size: 1.2em;}
.speech__content .content__inner {padding: 0 0;}
.speech__img, .contacts-page__img {width: 100%;}
.speech__img .img__wrapper, .contacts-page__img .img__wrapper {border-radius: 10px;overflow: hidden;width: 100%;}
.speech__img .img__wrapper img, .contacts-page__img .img__wrapper img {object-fit: cover;width: 100%;height: auto;}
.contacts-page__map {border-radius: 10px;overflow: hidden;width: 100%;height: 500px;}
.contacts-page__map iframe {height: 100%;width: 100%;}
.section__contacts-table {border-bottom: .5px solid var(--base-color50);}
.contacts-table__item {padding: 2em;padding-bottom: 0;}
.files__item {display: flex;justify-content: space-between;align-items: center;}
.files__item:not(:last-child) {margin-bottom: 1em;}
.files__item .item__btn {flex: 0 0 280px;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.files__item .btn__base {width: auto;height: auto;padding: .5em 1em;}
.files__item .btn__base.hidden {display: none;}
.files__item .btn__base[href$=".pdf"].hidden {display: inline-block;}
.files__item .btn__base:not(:first-child) {margin-left: 1em;}
.opinion__block .form-control {width: auto; margin-right: 1em;}
.opinion__block .form__title {margin-bottom: 10px;}
.opinion__block .btn__common {margin-top: 2em;}
.opinion__block .progress-bar {background: var(--base-color);}
.opinion__block .form__item:not(:last-of-type) {margin-bottom: 1em;}
.opinion__result {padding: 1em 2em;}
.reception__block p {line-height: 1.5;}
.reception__block .h4 {margin-bottom: 1em;}
.reception__block .p {margin-bottom: 10px;}
.reception__title {max-width: 500px;}
.reception__form {padding:1.5em 0; display:}
.reception__form:first-of-type {padding-top: 3.5em;}
.reception__form:last-of-type {padding-bottom: 3.5em;}
.reception__form form, .opinion__result {background: var(--white-color);border: 1px solid var(--second-color);color: var(--text-color);box-shadow: 0px 4px 10px #d3e5ff; width: 950px;}
.reception__form .form__block {flex-wrap: wrap;border: .5px solid var(--lightbase-color);}
.reception__form .form__group {flex: 1 1 50%;padding: 3.5em;display: flex;flex-direction: column;justify-content: space-between;}
.reception__form .form__group:not(:last-child) {border-right: .5px solid var(--lightbase-color);}
.reception__form .form__item.confirm {display: flex;}
.reception__form .form__item.confirm input {width: 20px;height: 20px;margin-right: 10px;}
.reception__form .form__item:last-child {margin-top: 3.5em;}
.faq__block {padding-top: 0; padding-bottom: 3.5em;}
.faq__block .message__title {padding-bottom: 2em;}
.faq__block .message__block {display: flex; flex-direction: column;}
.faq__block .ec-message {background: var(--base-color50);	width: 90%;align-self: flex-start; border: 1px solid var(--base-color); border-radius: 5px;}
.faq__block .ec-message__reply {background: var(--base-color15); width: 90%; align-self: flex-end;margin-bottom: 20px;border: 1px solid var(--base-color50); border-radius: 5px;}
.section__regblock {border-top: .5px solid var(--base-color50);}
.reg__aside {padding: 2em 0;padding-right: 1.5em;}
.reg__content {padding: 2em;}
.reg__item .content__inner {display: flex;flex-direction: column;}
.free__reg {margin: 2em auto;}
.free__reg .reg__btn {margin: 2em 0;}
.form-control {background: inherit;border: none;border-bottom: .5px solid var(--second-color);padding: 10px 15px;width: 100%;}
.form-control::placeholder {font-family: "Roboto",sans-serif;color: var(--base-color);}
.section__gallery, .section__gallerypage {padding-bottom: 3.5em;}
.gallery__item {width: 100%;height: 100%;display: flex;flex-direction: column;}
.gallery__item video {max-width: 994px;height: auto;}
.gallery__item .item__img {flex: 0 0 240px;height: 240px;width: 100%;}
.gallery__item .item__img .item__link {display: block;width: 100%;height: 100%;}
.gallery__item .item__img img {object-fit: cover;width: 100%;height: 100%;}
.gallery__item .item__desc {padding: .5em;}

@media (max-width: 1199px) {.container {max-width: 100%;}
	.header__block {grid-template-columns: 174px,repeat(2,1fr);grid-column-gap: 0;grid-auto-rows: auto;}
	.header__logo {padding: 1em;grid-row: 1 span;border-bottom: .3px solid var(--base-color50);}
	.header__title {grid-column: 2 span; align-items: center;
    justify-content: space-between;}
	.header__contacts {grid-column: 3 span;}
	.finevision__btn {margin-left: 40px;flex: 0 0 155px;}
	.finevision__btn .head__bookmark-item {word-break: keep-all;position: relative;padding-left: 40px;color: var(--grey-color);}
	.finevision__btn .head__bookmark-item::before {content: url("/assets/img/icons/glasses.svg");position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;}
	.footer__logo {padding: 1em 1em;}
	.banner__content .banner__title {display: flex;align-items: center;text-align: right;}}
@media (max-width: 992px) {.container {max-width: 100%;}
.footer__bottom{
      flex-direction: column;
      gap:20px;
              align-items: flex-start;
}
	.topmenu .container {padding-left: 0;padding-right: 0;}
	.navblock {padding: 1em 0;}
	.navblock .navblock__item:first-child {padding-left: 15px;}
	.navblock .navblock__item:last-child {padding-right: 15px;}
	.navblock .navblock__item.hidden__search {padding-right: 15px;}
	.navbar__block {margin-right: 0;margin-top: 1px;top: 100%;left: 0;width: 100%;position: absolute;max-height: 0px;overflow: hidden;transition: 500ms;z-index: 10;background: var(--second-color);}
	.navbar__block.open {max-height: 10000px;}
	.navbar__block .navbar-nav {flex-direction: column;width: 100%;margin: 0 auto;}
	.nav__toggler {display: block;}
  .dropdown {pointer-events: auto;}
	.dropright {pointer-events: auto;}
	.dropleft {pointer-events: auto;}
	.nav-item .nav-link {padding: .5em .5em;}
	.nav-item .nav-link.dropdown-toggle {padding-right: .5em;}
	.nav-item .nav-link.dropdown-toggle::after {content: "";width: 0;height: 0;}
	.drop-menu {position: static;overflow: visible;max-height: 100%;color: var(--text-color);width: 100%;margin-left: 1em;}
	.drop-menu.left .nav-item .nav-link {text-align: left;}
	.drop-menu .nav-item .nav-link {min-width: 100%;padding: .5em .5em;padding-right: .5em;background: inherit;}
	.drop-menu .nav-item .nav-link.toggle::after {position: static;width: 0;height: 0;}
	.drop-menu .nav-item .nav-link.dropright-toggle::after {content: "";}
	.drop-menu .nav-item .nav-link.dropleft-toggle {padding-left: .5em;}
	.drop-menu .nav-item .nav-link.dropleft-toggle::after {content: "";}
/*   .dropdown {pointer-events: none;}
.dropright {pointer-events: none;}
.dropleft {pointer-events: none;} */
	.header__title {padding: 2em 0;align-items: center;border-bottom: .3px solid var(--base-color50); justify-content: space-between;}
	.header__title h1 {font-size: 20px;line-height: 1.5;}
	.finevision__btn {flex: 0 0 30px;margin-left: 20px;}
	.finevision__btn .head__bookmark-item {width: 100%;height: 30px;}
	.finevision__btn .head__bookmark-item::before {left: auto;right: 0;}
	.finevision__btn .title {display: none;}
	.footer__logo {grid-row: 1 span;}
	.footer__title .h1 {font-size: 20px;}
	.footer__nav {grid-column: 3 span;}
	.footer__nav .link {padding-left: 1em;}
	.content__inner {padding-bottom: 2em;}
	.breadcrumb__block {height: 2em;}
	.content__block, .contacts-table__block, .reg__block {grid-column-gap: 0;}
	.content__aside, .contacts-table__aside, .reg__aside {grid-column: 4 span;}
	.content__main, .contacts-table__content, .reg__content {grid-column: 8 span;}
/*   .section__panel::before, .section__usefull::before {content: url("/assets/img/icons/lightblue.svg");top: 1em;max-width: 250px;left: auto;right: 0;} */
	.section__news::before {bottom: 0;right: 0;}
	.section__newspage .content__main {padding-right: 2em;padding-bottom: 2em;}
	.reception__form form {width: 100%;}
	.opinion__result {width: 250px;}
@media (max-width: 768px) {body {font-size: 12px;}
	.container {max-width: 100%;}
	.panel__block {grid-template-columns: repeat(3,minmax(150px,225px));}
	.news__block, .gallery__block, .popular__block {grid-template-columns: repeat(auto-fill,minmax(250px,1fr));grid-gap: 20px;}
	.contacts-page__map {height: 300px;}}
	.footer__block {grid-template-columns: 100px 1fr 100px;grid-gap: 1em;}
	.appeal__inner{ flex-direction: column; align-items: start;}
@media (max-width: 576px) {
  .banner__content{
    padding: 50px 0;
  }
  .contacts__block{
        flex-direction: column;
  }
  .header__title{
    flex-direction: column;
    gap: 10px;
  }
  .modal .city{
        grid-template-columns: 1fr 1fr;
  }
  .finevision__btn{display: none;}
  .container {max-width: 100%;padding-left: 15px;padding-right: 15px;}
	.social__list {flex-direction: column;justify-content: flex-start;align-items: flex-end;}
	.social__list .list__item:first-child {margin-right: 0;}
	.header__block {grid-template-columns: 50px 1fr;grid-gap: 1em;align-items: center;}
	.header__title {padding: 1em 0;grid-column: 1 span;border-bottom: 0;}
	.header__title h1 {font-size: 14px;text-align: center;}
	.header__logo {display: flex;align-items: center;padding: 0;border-bottom: 0;}
	.contacts__item:not(:last-child){
	  border-right: 0;
	}
	.hidden__contacts {order: 2;display: block;}
	.hidden__contacts.hidden {display: none;}
	.search__block {display: none;}
	.hidden__search {order: 3;display: block;}
	.hidden__search .form__search {position: relative;}
	.hidden__search .form__search .search__input {height: 40px;width: 40px;position: relative;transition: .3s;background: none;background: var(--base-color50);padding: 0 1em;}
	.hidden__search .form__search .search__input:hover, .hidden__search .form__search .search__input:focus, .hidden__search .form__search .search__input:focus-within, .hidden__search .form__search .search__input:active {width: 200px;}
	.hidden__search .form__search .search__input:focus + .search__icon, .hidden__search .form__search .search__input:focus-within + .search__icon, .hidden__search .form__search .search__input:hover + .search__icon, .hidden__search .form__search .search__input:visited + .search__icon, .hidden__search .form__search .search__input:active + .search__icon {display: none;}
	.hidden__search .form__search .search__input::placeholder {color: inherit;}
	.hidden__search .form__search .search__icon {position: absolute;top: 0;right: 0;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 2;background: var(--base-color);width: 40px;border-radius: 10px;}
	.hidden__search .form__search .search__icon:focus, .hidden__search .form__search .search__icon:focus-within, .hidden__search .form__search .search__icon:hover, .hidden__search .form__search .search__icon:visited, .hidden__search .form__search .search__icon:active {display: none;}
	.footer__block {grid-template-columns: 50px 1fr 50px;grid-gap: 1em;}
	.footer__logo {padding: 0 0;}
	.footer__title .h1 {text-align: center;font-size: 14px;}
	.social__list {display: flex; align-items: center;}
	.social__list .list__item:not(:last-child) {margin-right: 0;margin-bottom: .5em;}
	.social__list .list__item:first-child {margin-bottom: 0;}
	.content__block, .contacts-table__block, .reg__block {grid-column-gap: 1em;}
	.content__aside, .contacts-table__aside, .reg__aside {border-right: none;grid-column: 12 span;}
	.content__main, .contacts-table__content, .reg__content {border-left: none;grid-column: 12 span;}
	.section__newspage .content__main {padding-right: 0;padding-bottom: 2em;border-right: none;}
	.newsnav__block {flex-direction: column;}
	.newsnav__item {width: 100%;}
	.banner__content {grid-template-columns: 1fr;grid-gap: 0;}
	.banner__content .banner__text {padding-top: 0;}
	.banner__content .banner__title {text-align: center;}
	.banner__content .banner__btn {justify-content: center;}
	.banner__content .banner__img {width: 176px;height: 176px;}
	.panel__block {grid-template-columns: 1fr;grid-row-gap: 10px;}
	.main-gallery__item {height: 200px;}
	.main-gallery__item:first-child {margin-bottom: 2em;}
	.contacts-page__block, .speech__block {grid-template-columns: 1fr;}
	.contacts-table__item {padding: 0;}
	.files__item {flex-direction: column;align-items: flex-start;}
	.files__item:not(:last-child) {padding: 1em 0;border-bottom: .5px solid var(--base-color50);}
	.files__item .item__title {margin-bottom: 1em;}
	.files__item .item__btn {flex: 0 0 auto;display: flex;justify-content: flex-end;flex-wrap: wrap;}}
	
	
	
	
	.overlay {
   
   /* Скрываем подложку  */
   opacity: 0;
   visibility: hidden;
   
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
}


/* Стили для модальных окон */

.modal {
   
   /* Скрываем окна  */
   opacity: 0;
   visibility: hidden;
   
   
   /*  Установаем ширину окна  */
   width: 100%;
   max-width: 500px;
   
   /*  Центрируем и задаем z-index */
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30; /* Должен быть выше чем у подложки*/
   
   /*  Побочные стили   */
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}


/* Стили для активных классов подложки и окна */

.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}


/* Стили для кнопки закрытия */

.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #444;
   cursor: pointer;
}

