/* Start:/local/templates/mysite/components/bitrix/menu/main/style.css?17901635066580*/
/* =========================================================
   BITRIX HORIZONTAL MULTILEVEL MENU
   ========================================================= */


/* =========================================================
   ОСНОВА
   ========================================================= */

#horizontal-multilevel-menu,
#horizontal-multilevel-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, sans-serif;
}

#horizontal-multilevel-menu {
    width: 100%;
    min-height: 27px;
    float: left;
    background: transparent;
    font-size: 15px;
}


/* =========================================================
   ССЫЛКИ
   ========================================================= */

#horizontal-multilevel-menu a {
    display: block;
    text-decoration: none;
}


/* =========================================================
   ПУНКТЫ
   ========================================================= */

#horizontal-multilevel-menu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}


/* =========================================================
   ПЕРВЫЙ УРОВЕНЬ
   ========================================================= */

#horizontal-multilevel-menu li a.root-item,
#horizontal-multilevel-menu li a.root-item-selected {
    position: relative;

    color: #fff;
    background: transparent;

    padding: 12px 15px;

    font-size: 15px;
    font-weight: 600;

    white-space: nowrap;
}


/* Активный пункт */

#horizontal-multilevel-menu li a.root-item-selected {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 7px;
}


/* Наведение */

#horizontal-multilevel-menu li:hover > a.root-item,
#horizontal-multilevel-menu li.jshover > a.root-item {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}


/* =========================================================
   ПУНКТ С ВЛОЖЕННЫМ МЕНЮ
   ========================================================= */

#horizontal-multilevel-menu a.parent {
    position: relative;
    padding-right: 32px;
    background: none;
}


/* Стрелка первого уровня */

#horizontal-multilevel-menu > li > a.parent::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 13px;

    width: 6px;
    height: 6px;

    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;

    transform: translateY(-70%) rotate(45deg);
}


/* =========================================================
   ВТОРОЙ УРОВЕНЬ
   ========================================================= */

#horizontal-multilevel-menu > li > ul {
    position: absolute;

    top: 100%;
    left: 0;

    display: none;

    z-index: 500;

    width: 280px;

    margin: 0;
    padding: 6px 0;

    background: #fff;

    border: 1px solid #e0e0e0;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}


/* =========================================================
   ПУНКТЫ ВТОРОГО УРОВНЯ
   ========================================================= */

#horizontal-multilevel-menu li li {
    position: relative;

    float: none;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* Ссылки */

#horizontal-multilevel-menu li li > a {
    position: relative;

    width: auto;

    padding: 10px 15px;

    color: #333;
    background: #fff;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.35;

    text-align: left;
}


/* Hover */

#horizontal-multilevel-menu li li:hover > a,
#horizontal-multilevel-menu li li.jshover > a {
    color: #333;
    background: #f0f2f5;
}


/* Выбранный пункт */

#horizontal-multilevel-menu li.item-selected > a {
    color: #333;
    background: #f0f2f5;
}


/* =========================================================
   СТРЕЛКА У ВЛОЖЕННОГО ПУНКТА
   ========================================================= */

#horizontal-multilevel-menu li li > a.parent {
    padding-right: 32px;
}


/* Стрелка вправо */

#horizontal-multilevel-menu li li > a.parent::after {
    content: "";

    position: absolute;

    top: 50%;
    right: 14px;

    width: 6px;
    height: 6px;

    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;

    transform: translateY(-50%) rotate(-45deg);
}


/* =========================================================
   ТРЕТИЙ УРОВЕНЬ
   ========================================================= */

#horizontal-multilevel-menu li li > ul {
    position: absolute;

    top: -1px;
    left: 100%;

    display: none;

    z-index: 501;

    width: 280px;

    margin: 0;
    padding: 6px 0;

    background: #fff;

    border: 1px solid #e0e0e0;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}


/* =========================================================
   ПОКАЗ ВЛОЖЕННЫХ МЕНЮ
   ========================================================= */

/* Второй уровень */

#horizontal-multilevel-menu > li:hover > ul,
#horizontal-multilevel-menu > li.jshover > ul {
    display: block;
}


/* Третий уровень */

#horizontal-multilevel-menu li li:hover > ul,
#horizontal-multilevel-menu li li.jshover > ul {
    display: block;
}


/* =========================================================
   НЕ ПОКАЗЫВАЕМ ЛИШНИЕ УРОВНИ
   ========================================================= */

#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul {
    display: none;
}


/* Но разрешаем открытие непосредственно
   наведённого третьего уровня */

#horizontal-multilevel-menu li li:hover > ul,
#horizontal-multilevel-menu li li.jshover > ul {
    display: block;
}


/* =========================================================
   ЗАПРЕЩЁННЫЕ ПУНКТЫ
   ========================================================= */

#horizontal-multilevel-menu a.denied {
    opacity: 0.5;
}


/* =========================================================
   ОЧИСТКА FLOAT
   ========================================================= */

div.menu-clear-left {
    clear: left;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 1100px) {

    #horizontal-multilevel-menu {
        display: none;
    }

}
/* End */


/* Start:/local/templates/mysite/components/bitrix/menu/mobile/style.css?17899921345920*/
/* =========================================================
   MOBILE MENU
   ========================================================= */


/* =========================================================
   ОСНОВНАЯ ПАНЕЛЬ
   ========================================================= */

.mobile-menu {
    position: fixed;

    top: 0;
    right: 0;
    left: auto;

    z-index: 2000;

    width: 348px;
    max-width: calc(100vw - 20px);
    height: 100vh;

    margin: 0;
    padding: 0;

    background: #fff;

    overflow-x: hidden;
    overflow-y: auto;

    transform: translateX(100%);

    transition: transform 0.25s ease;

    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
}

.mobile-menu.is-open {
    transform: translateX(0);
}


/* =========================================================
   ЗАТЕМНЕНИЕ
   ========================================================= */

.mobile-menu-overlay {
    position: fixed;

    top: 0;
    left: 0;

    z-index: 1990;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    background: rgba(0, 0, 0, 0.55);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}

.mobile-menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
}


/* =========================================================
   КНОПКА ЗАКРЫТИЯ
   ========================================================= */

.mobile-menu__close {
    position: absolute;

    top: 0;
    right: 0;

    z-index: 10;

    width: 44px;
    height: 44px;

    margin: 0;
    padding: 0;

    border: 0;

    background: #063b83;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;

    line-height: 44px;

    text-align: center;

    cursor: pointer;
}


/* =========================================================
   СПИСКИ
   ========================================================= */

.mobile-menu__list {
    margin: 0;
    padding: 0;

    list-style: none;
}


/* Первый уровень */

.mobile-menu__list--level-1 {
    padding-top: 44px;
}


/* =========================================================
   ПУНКТ МЕНЮ
   ========================================================= */

.mobile-menu__item {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e5e5e5;
}


/* =========================================================
   СТРОКА ПУНКТА
   ========================================================= */

.mobile-menu__row {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 52px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   ССЫЛКА
   ========================================================= */

.mobile-menu__link {
    display: block;

    flex: 1;

    margin: 0;

    padding: 15px 55px 15px 24px;

    color: #172b4d;

    font-family: Arial, sans-serif;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.3;

    text-decoration: none;
}

.mobile-menu__link:hover {
    color: #063b83;
}


/* =========================================================
   КНОПКА + / ×
   ========================================================= */

.mobile-menu__toggle {
    position: absolute;

    top: 0;
    right: 0;

    width: 52px;
    height: 52px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    color: #063b83;

    font-family: Arial, sans-serif;

    font-size: 25px;
    font-weight: 400;

    line-height: 52px;

    text-align: center;

    cursor: pointer;
}

.mobile-menu__toggle:hover {
    background: #f3f6fa;
}


/* =========================================================
   ВЛОЖЕННЫЕ МЕНЮ
   ========================================================= */

.mobile-menu__list--level-2,
.mobile-menu__list--level-3 {
    display: none;

    margin: 0;
    padding: 0;

    list-style: none;

    background: #fff;
}


/* Открытый раздел */

.mobile-menu__item.is-open > .mobile-menu__list {
    display: block;
}


/* =========================================================
   ВТОРОЙ УРОВЕНЬ
   ========================================================= */

.mobile-menu__list--level-2 .mobile-menu__link {
    padding: 9px 45px 9px 48px;

    color: #333;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.4;
}


/* =========================================================
   ТРЕТИЙ УРОВЕНЬ
   ========================================================= */

.mobile-menu__list--level-3 .mobile-menu__link {
    padding: 9px 45px 9px 68px;

    color: #333;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.4;
}


/* =========================================================
   ГРАНИЦА ОТКРЫТОГО ПОДМЕНЮ
   ========================================================= */

.mobile-menu__item.is-open > .mobile-menu__list {
    border-top: 1px solid #eeeeee;
}


/* =========================================================
   АКТИВНЫЙ ПУНКТ
   ========================================================= */

.mobile-menu__item.is-selected
> .mobile-menu__row
> .mobile-menu__link {
    color: #063b83;
}


/* =========================================================
   ЗАПРЕЩЁННЫЙ ПУНКТ
   ========================================================= */

.mobile-menu__link.denied {
    color: #999;

    cursor: default;
}


/* =========================================================
   РАЗМЕР ПАНЕЛИ
   ========================================================= */

@media (max-width: 500px) {

    .mobile-menu {
        width: 320px;
        max-width: calc(100vw - 15px);
    }
}


@media (max-width: 360px) {

    .mobile-menu {
        width: calc(100vw - 15px);
    }
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1789641312467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17903399952729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */


/* Start:/local/templates/mysite/styles.css?1790235566654*/
:root {
    --color-primary: #063b83;
    --color-primary-dark: #061d58;
    --color-accent: #2878b8;

    --color-text: #333;
    --color-text-light: #888;
    --color-white: #fff;
    --color-footer: #353535;

    --font-main: Arial, sans-serif;
    --font-mono: monospace;

    --content-width: 1180px;
}

html {
    height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;

    font-family: var(--font-main);
    color: var(--color-text);
    background: #fff;
}

main {
    flex: 1 1 auto;
    min-height: 0;
}

img {
    max-width: 100%;
}

a {
    color: var(--color-primary);
}
/* End */


/* Start:/local/templates/mysite/template_styles.css?179025400914432*/
/* =========================================================
   HEADER
   ========================================================= */

.site-header {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;

    z-index: 900;

    color: var(--color-white);

    font-family: var(--font-main);

    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.header-top {
    height: 36px;

    background: var(--color-accent);

    font-size: 13px;
    font-weight: 600;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

.header-top-container {
    width: var(--content-width);
    max-width: calc(100% - 40px);

    height: 100%;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top-left,
.header-top-right {
    display: flex;
    align-items: center;
}

.header-top-left {
    gap: 20px;
}


/* =========================================================
   MAIN HEADER
   ========================================================= */

.header-main {
    min-height: 105px;

    background:
        linear-gradient(
            135deg,
            var(--color-primary) 0%,
            var(--color-primary-dark) 100%
        );

    transition:
        background 0.25s ease;
}

.header-main-container {
    width: var(--content-width);
    max-width: calc(100% - 40px);

    min-height: 105px;

    margin: 0 auto;

    display: flex;
    align-items: center;
}


/* =========================================================
   LOGO
   ========================================================= */

.header-logo {
    width: 180px;

    flex-shrink: 0;
}

.header-logo img {
    display: block;

    width: 105px;
    height: auto;

    transition: filter 0.25s ease;
}


/* =========================================================
   MENU AREA
   ========================================================= */

.header-menu {
    flex: 1;

    display: flex;
    align-items: center;
}

.header-menu-desktop {
    width: 100%;

    display: block;
}

.header-menu-mobile {
    display: none;
}


/* =========================================================
   HEADER AFTER SCROLL
   ========================================================= */

.site-header.is-scrolled {
    background: #fff;

    box-shadow:
        0 2px 12px rgba(0, 0, 0, 0.12);

    color: #333;
}


/* =========================================================
   TOP BAR AFTER SCROLL
   ========================================================= */

.site-header.is-scrolled .header-top {
    background: #fff;

    color: #333;
}


/* =========================================================
   MAIN HEADER AFTER SCROLL
   ========================================================= */

.site-header.is-scrolled .header-main {
    background: #fff;
}


/* =========================================================
   MENU AFTER SCROLL
   ========================================================= */

.site-header.is-scrolled #horizontal-multilevel-menu li a.root-item,
.site-header.is-scrolled #horizontal-multilevel-menu li a.root-item-selected {
    color: #333;
}

.site-header.is-scrolled #horizontal-multilevel-menu li:hover > a.root-item,
.site-header.is-scrolled #horizontal-multilevel-menu li.jshover > a.root-item {
    color: #333;

    background: rgba(0, 0, 0, 0.05);
}


/* =========================================================
   LOGO AFTER SCROLL
   ========================================================= */

.site-header.is-scrolled .header-logo img {
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(99%)
        saturate(1504%)
        hue-rotate(188deg)
        brightness(86%)
        contrast(105%);
}


/* =========================================================
   MOBILE MENU BUTTON
   ========================================================= */

.mobile-menu-toggle {
    display: none;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 8px;

    border: 0;

    background: transparent;

    cursor: pointer;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;
}

.mobile-menu-toggle span {
    display: block;

    width: 26px;
    height: 2px;

    margin: 0;
    padding: 0;

    background: #fff;

    transition: background-color 0.25s ease;
}

.site-header.is-scrolled .mobile-menu-toggle span {
    background: #333;
}


/* =========================================================
   PAGE TITLE
   ========================================================= */

.page-title {
    width: 100%;

    min-height: 135px;

    margin-top: 141px;

    box-sizing: border-box;

    background-image:
        url("/local/templates/mysite/images/page-title-bg.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    background-color: #063b83;
}

.page-title__container {
    width: 1180px;
    max-width: calc(100% - 40px);

    min-height: 135px;

    margin: 0 auto;
    padding: 30px 0;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page-title__heading {
    margin: 0 0 12px;

    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;

    text-align: center;
}

.page-title__breadcrumbs {
    color: rgba(255, 255, 255, .75);

    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;

    text-align: center;
}

.page-title__breadcrumbs a {
    color: #fff;

    text-decoration: none;
}

.page-title__breadcrumbs a:hover {
    text-decoration: underline;
}


/* =========================================================
   DESKTOP / MOBILE SWITCH
   ========================================================= */

@media (max-width: 1100px) {

    .header-menu-desktop {
        display: none;
    }

    .header-menu-mobile {
        display: block;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    .header-main-container {
        justify-content: space-between;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .header-top {
        display: none;
    }

    .header-main {
        min-height: 70px;
    }

    .header-main-container {
        min-height: 70px;

        max-width: calc(100% - 30px);
    }

    .header-logo {
        width: 110px;
    }

    .header-logo img {
        width: 85px;
    }

    .page-title {
        margin-top: 70px;
    }

}


/* =========================================================
   PHONE
   ========================================================= */

@media (max-width: 650px) {

    .header-main {
        min-height: 65px;
    }

    .header-main-container {
        min-height: 65px;
    }

    .header-logo {
        width: auto;
    }

    .page-title {
        margin-top: 65px;
    }

}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
    flex-shrink: 0;

    background: var(--color-footer);
    color: var(--color-text-light);

    font-family: var(--font-mono);
    font-size: 14px;
    line-height: 1.7;
}

.footer-container {
    width: var(--content-width);
    max-width: calc(100% - 40px);

    margin: 0 auto;

    padding: 45px 0 20px;

    display: grid;

    grid-template-columns:
        1fr
        1.2fr
        1.4fr;

    column-gap: 50px;
}

.footer-column {
    min-width: 0;
}

.footer-logo img {
    max-width: 240px;
}

.footer-title {
    margin-bottom: 4px;

    color: #999;
}

.footer-requisites {
    word-break: normal;
}

.telegram-button {
    display: inline-block;

    margin-top: 28px;
    padding: 10px 22px;

    background: #29a9e8;
    color: #fff;

    text-decoration: none;

    border-radius: 24px;

    font-family: Arial, sans-serif;
    font-size: 14px;
}

.telegram-button:hover {
    background: #168dcc;
}

.footer-qr {
    grid-column: 1 / 2;

    margin-top: 35px;
}

.footer-qr img {
    width: 366px;
    max-width: 100%;
    height: auto;
}

.footer-bottom {
    grid-column: 1 / -1;

    margin-top: 55px;
    padding-top: 18px;

    border-top: 1px solid #555;

    text-align: right;

    color: #ddd;

    font-family: Arial, sans-serif;
    font-size: 13px;
}


/* =========================================================
   FOOTER MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .footer-container {
        display: block;

        width: auto;
        max-width: none;

        padding: 20px;
    }

    .footer-logo,
    .footer-column,
    .footer-qr {
        display: none;
    }

    .footer-bottom {
        display: block;

        margin-top: 0;
        padding-top: 0;

        border-top: none;

        text-align: center;
    }

}


/* =========================================================
   404
   ========================================================= */

.error-page {
    max-width: var(--content-width);

    margin: 0 auto;

    padding: 80px 20px;

    text-align: center;
}

.error-page__title {
    margin: 0 0 20px;

    font-size: 48px;
    line-height: 1.1;

    color: var(--color-primary);
}

.error-page__text {
    margin: 0 0 30px;

    font-size: 18px;

    color: var(--color-text-light);
}

.error-page__link {
    display: inline-block;

    padding: 12px 24px;

    background: var(--color-primary);

    color: var(--color-white);

    text-decoration: none;

    border-radius: 4px;
}

.error-page__link:hover {
    background: var(--color-primary-dark);
}

/* =========================================================
   HOME PAGE
   ========================================================= */

body.home-page {
    background: #063b83;
}


/* =========================================================
   HEADER
   ========================================================= */

body.home-page .site-header {
    background: transparent;
    box-shadow: none;
}

body.home-page .header-top,
body.home-page .header-main {
    background: transparent;
}


/* =========================================================
   HOME COMMON BACKGROUND
   ========================================================= */

.home-background {
    width: 100%;
    margin: 0;
    padding: 0;

    background-image: url("/local/templates/mysite/images/home-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}


/* =========================================================
   HERO
   ========================================================= */

.home-hero {
    position: relative;

    width: 100%;
    height: 790px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
    overflow: hidden;

    z-index: 1;
}

.home-hero__container {
    position: relative;

    width: var(--content-width);
    max-width: calc(100% - 40px);

    height: 100%;

    margin: 0 auto;
}


/* =========================================================
   LOGO
   ========================================================= */

.home-hero__logo {
    position: absolute;

    left: 0;
    top: 180px;

    width: 380px;
}

.home-hero__logo img {
    display: block;

    width: 100%;
    height: auto;
}


/* =========================================================
   MAP
   ========================================================= */

.home-hero__map {
    position: absolute;

    right: 0;
    top: 90px;

    display: block;

    width: 570px;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        filter 0.25s ease;
}

.home-hero__map img {
    display: block;

    width: 100%;
    height: auto;
}

.home-hero__map:hover {
    transform: scale(1.02);
    filter: brightness(1.04);
}


/* =========================================================
   STATISTICS
   ========================================================= */




/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .home-hero {
        height: 630px;
    }

    .home-hero__container {
        max-width: calc(100% - 30px);
    }

    .home-hero__logo {
        left: 20px;
        top: 120px;

        width: 210px;
    }

    .home-hero__map {
        right: -10px;
        top: 70px;

        width: 430px;
    }

}


/* =========================================================
   PHONE
   ========================================================= */

@media (max-width: 700px) {

    .home-hero {
        height: 870px;
    }

    .home-hero__container {
        width: 100%;
        max-width: 100%;

        height: 100%;

        margin: 0;
    }

    .home-hero__logo {
        left: 50%;
        top: 100px;

        width: 230px;

        transform: translateX(-50%);
    }

    .home-hero__map {
        left: 50%;
        right: auto;

        top: 390px;

        width: 94%;

        transform: translateX(-50%);
    }

    .home-hero__map:hover {
        transform: translateX(-50%);
    }

}
.home-info {
    width: 100%;
    background: #fff;
}

.home-info__container {
    width: var(--content-width);
    max-width: calc(100% - 40px);
    margin: 0 auto;
    padding: 70px 0 60px;
    box-sizing: border-box;
}

.home-info__title {
    max-width: 900px;
    margin: 0 auto 10px;

    color: #00a7e0;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}

.home-info__text {
    max-width: 900px;
    margin: 0 auto;

    color: #00a7e0;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
}

.home-info__text p {
    margin: 0 0 8px;
}

.home-info__line {
    width: 65px;
    height: 2px;
    margin: 10px auto 0;
    background: var(--color-primary);
}


@media (max-width: 600px) {

    .home-info__container {
        max-width: calc(100% - 30px);
        padding: 45px 0 40px;
    }

    .home-info__title {
        font-size: 20px;
    }

    .home-info__text {
        font-size: 14px;
    }

}
/* End */
/* /local/templates/mysite/components/bitrix/menu/main/style.css?17901635066580 */
/* /local/templates/mysite/components/bitrix/menu/mobile/style.css?17899921345920 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1789641312467 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17903399952729 */
/* /local/templates/mysite/styles.css?1790235566654 */
/* /local/templates/mysite/template_styles.css?179025400914432 */