/* Start:/local/templates/main/custom_css/header.css?17449641208764*/
.header {
    padding: 18px 0px 12px;
}
.head_flex{
    display: flex;
    /*gap: 35px;*/
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    align-items: center;
}

.menuButton {
    font-size: 14px;
    line-height: 18px;
    color: #474653;
}

.menuButton:hover {
    border: 1px solid #474653;
}

.menuButton:focus {
    border: 1px solid #F7F7F8;
    /*color: #474653;*/
}

.whiteBtn {
    border: 1px solid #FFF !important;
    font-size: 14px;
    line-height: 18px !important;
    color: #FFF !important;
}

.whiteBtn:hover {
    border: 1px solid #F7F7F8 !important;
    color: #474653 !important;
    background-color: #FFF;
}

.whiteBtn:focus {
    background-color: #F7F7F8 !important;
    color: #474653 !important;
}
    /* social links */
    .social-icons {
      display: flex;
      justify-content: center;
      list-style: none;
     /* margin-top: 0.25rem;
      margin-bottom: 1rem;*/
      padding-left: 0;
    }

    .social-icons>li {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
    }

    .social-icons a {
      position: relative;
      background-color: #eee;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: background-color .3s ease-in-out;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: .25rem;
    }

    .social-icons a:hover {
      background-color: #e0e0e0;
    }

    .social-icons a::before {
      content: "";
      position: absolute;
      width: 1.2rem;
      height: 1.2rem;
      left: .65rem;
      top: .65rem;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .social-icons .social-icon-twitter::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231da1f2' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-fb::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%234267B2' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-vk::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%232787f5' d='M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-telegram::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2327a7e7' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E");
    }

/* social links */
.logo {
width: 150px;
}
.bgTrans .menuButton{
    color: white;
}
.bgTrans {
    background: #00818e;
}
.menu .pinkBtn{
    color: white;
}
.bgTrans .menuButton {
    font-size: 14px;
    color: white;
    line-height: 18px;
}
.bgTrans .burgerBtn{
    color: white;
}
.bgTrans .menuButton:hover {
    border: 1px solid #fff;
}

.bgTrans .menuButton:focus {
    border: 1px solid #F7F7F8;
    /*color: #474653;*/
}

.menu {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;

}
.menu .linkButton{

}
.bold {
    font-weight: 700;
}

.burgerBtn {
    display: none;
    border: 1px solid transparent;
}


.linkGroup {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    /*gap: 12px;*/
}
.linkGroup .linkButton{
    margin-right: 12px;

}
.linkButton {
    border-radius: 10px;
    padding: 12px 5px;
    letter-spacing: -0.02em;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    height: fit-content;
    color: #474653;
    border: 1px solid transparent;
}

.hamburger {
    margin-left: auto;
    color: #474653;
    cursor: pointer;
}
.bgTrans .hamburger{
    color: white;
}
.nav-drill {
    transform: translateX(100%);
}
.nav-is-toggled{
    overflow: hidden;
}
.nav-is-toggled .nav-drill {
    transform: translateX(0);
    display: flex;
}

.nav-is-toggled .menuButton {
    color: #474653;
    position: fixed;
    right: 15px;
}

.nav-is-toggled .hamburger, .nav-is-toggled .burgerBtn{
    color: #474653;
}

.nav-is-toggled::after {
    opacity: 1;
    visibility: visible;
}

.nav-drill {
    display: none;
    position: fixed;
    z-index: 2500;
    top: 0;
    right: 0;
    width: 310px;
    height: calc(100vh + 40px);
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: 0.45s;
}

#ham {
    z-index: 2000;
}

.nav-items {
    flex: 0 0 100%;
    list-style: none;
    padding-left: 10px;
    padding-top: 35px;
}

.nav-item:not(:last-child) {
    border-bottom: solid 1px #daf9f4;
}

.nav-link {
    display: block;
    padding: 0.875em 1em;
    background-color: #fff;
    color: #474653;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 300;
    text-decoration: none;
}
@media (min-width: 1025px) and (max-width: 1200px){
    .header{
        padding: 18px 152px 12px
    }
}
@media (max-width: 1081px) {
    .bgTrans .menuButton{
        font-size: 14px;
    }
    .menuButton{
        font-size: 14px;
    }
    .header {
        gap: 6px;
        padding-top: 23px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12px;
        align-items: center;
    }

}
@media (min-width: 769px) and (max-width: 1020px){
    .linkGroup .linkButton{
        padding: 12px 4px;
        margin-right: 4px;
    }
}
        @media (max-width: 768px) {
            .social-icons a {
                position: relative;
                background-color: #eee;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                transition: background-color .3s ease-in-out;
                width: 1.5rem;
                height: 1.5rem;
                border-radius: .25rem;
            }

            .social-icons a:hover {
                background-color: #e0e0e0;
            }

            .social-icons a::before {
                content: "";
                position: absolute;
                width: 1rem;
                height: 1rem;
                left: .2rem;
                top: .45rem;
                background: transparent no-repeat center center;
                background-size: 100% 100%;
            }
            .btnBold {
                font-size: 11px;
                line-height: 10px;
            }
            .footerLeft {
                display: flex;
                justify-content: space-between;
                align-items: center;
                /* gap: 16px; */
                flex-wrap: wrap;
            }
            .footer {
                height: 100%;
            }
        }
@media (max-width: 428px) {
    .header {
        padding: 15px 15px 12px;
    }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {
}

/* End */


/* Start:/local/templates/main/custom_css/components.css?17442199747286*/
.container {
    max-width: 1440px;
    /*margin-inline: auto;*/
    margin: 0 auto;
}


.bgGray {
    background-color: #f7f7f8;
}


.btnBold {
    font-size: 16px;
    line-height: 22px;
}


.greenBtn {
    background-color: #00818e;
    color: #fff;
}

.greenBtn:hover {
    background-color: #0099a8;
}

.greenBtn:focus {
    background-color: #006b75;
}


.dividerLg {
    border-top: 3px solid #474653;
    opacity: 0.2;
    width: 100%;
}

.whiteBorder {
    border: 1px solid #FFF;
}

.btnThin {
    font-size: 12px;
    line-height: 22px;
}

.white {
    color: #fff;
}

.white:hover {
    border: 1px solid #fff;
}

.pinkBtn {
    background-color: #d70c52;
    color: #fff;
}

.pinkBtn:hover {
    background-color: #f20d5c;
}

.pinkBtn:focus {
    background-color: #c10b4a;
}

.half {
    width: auto;
}

.pinkBorder {
    border: 1px solid #d70c52;
}

.pinkBorder:hover {
    background-color: #f20d5c;
    color: #fff;
}

.pinkBorder:focus {
    background-color: #c10b4a;
    color: #fff;
}

.card {
    background-color: #ffffff;
    border-radius: 24px;
}


.avatar {
    width: 100%;
    max-width: 72px;
    height: auto;
}

.wide {
    width: 100%;
    text-align: center;
}

.cardGroupFooter {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.wideBtn {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    width: 308px;
}

.cardShadow {
    box-shadow: 6px 6px 12px rgba(71, 70, 83, 0.04);
}

.divider {
    border-top: 3px solid #f7f7f8;
    width: 66%;
}

.text-400 {
    font-weight: 400;
}

.text-500 {
    font-weight: 500;
}

.text-600 {
    font-weight: 600;
}

.text-700 {
    font-weight: 700;
}

.greenBorder {
    border: 1px solid #00818e;
    color: #474653;
}

.greenBorder:hover {
    background-color: #0099a8;
    color: #fff;
}

.greenBorder:focus {
    background-color: #006b75;
}


.checkboxInput {
    display: flex;
    align-items: center;
    gap: 11px;
}

.checkboxInput > input {
    accent-color: #00818E;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkboxInput > label {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #00818E;
}

.checkLink {
    color: inherit;
}


.footer {
    background-image: url("/public/img/footer-bg.png");
    height: 100%;
background-size: cover;
    padding: 64px 152px 96px;
    display: flex;
    align-items: center;
    flex-direction: column;

}

.footer.bgGrFooter {
    background-color: #f7f7f8;
}

.footerGroup {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 45px;
}

.noEffect {
    pointer-events: none;
}

.footerLeft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*gap: 16px;*/
}

.footerLeft img {
    margin-right: 16px;
}

.footerCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 14px;*/
}

.centerText {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    color: #ffffff;
    padding-bottom: 14px;
}

.centerButtons {
    display: flex;
    align-items: center;
    /*gap: 8px;*/
}

.footerDivider {
    border-left: 1px solid #0099a8;
    height: 24px;
    margin-right: 8px;
    margin-left: 8px;
}

.footerBtn {
    border-radius: 12px;
    padding: 10px 16px;
    border: 1px solid #0099a8;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    color: #ffffff;
}

.footerBtn:hover {
    background-color: #ffffff;
    border: 1px solid transparent;
    color: #474653;
}

.footerBtn:focus {
    background-color: #0099a8;
    color: #ffffff;
    border: 1px solid transparent;
}

.footerRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*gap: 14px;*/
}


.nav-top {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 101;
    padding: 10px 20px;
    width: 100%;
    height: 50px;
    background-color: #188976;
}
.linkGroup {
    display: flex
;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    /* gap: 12px; */
    justify-content: center;
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .footerBtn {
        padding: 10px 9px;
    }
}

@media (max-width: 1081px) {
    .logo {
        height: 40px;
        width: 74px;
    }

    .menu {
        gap: 10px;
        /*justify-content: normal;*/
    }

    .footer {
        padding: 64px 10px 0px;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    .linkGroup {
         display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        /* gap: 12px; */
        justify-content: center;
        flex-wrap: wrap;
}
}

@media (max-width: 811px) {
    .footerLeft {
        order: 3;
        /*gap: 40px;*/
    }

    .footerGroup {
        margin-top: 20px;
        flex-wrap: wrap;
        justify-content: center;
        /*gap: 42px 62px;*/
    }


    .footerLeft img {
        margin-right: 40px;
    }
    .footerCenter {
        margin-right: 16px;
    }

    .footerCenter, .footerRight {
        margin-bottom: 24px;
    }
}

@media (max-width: 768px) {


    .linkGroup_fix {
        display: none;
    }

    .burgerBtn {
        display: flex;
        background: transparent;
        line-height: 22px;
        align-items: center;
        margin-left: auto;
    }

    .container {
        width: 100% !important;
        padding: 0;
    }

    .footer {
        background-image: url("/public/img/footer_tablet.png");
    }

    .menu .linkButton {
        padding: 6px;
    }


    .avatarContainerSm {
    }

    .cardGroupFooter {
        margin-top: 40px;
    }

    .tabletHidden {
        display: none;
    }


}


@media (max-width: 428px) {


    .footerGroup {
        /*gap: 17px 30px;*/
    }

    .menu {
        padding-left: 10px;
    }

    .footerCenter {
        margin-right: 0;
    }


    .helpBtnContainer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .cardGroup {

    }

    .wideBtn {
        width: 280px;
    }

    .news {
        padding: 48px 15px 60px;
    }

    .footer {
        background-image: url("/public/img/footer-bg-mobile.png");
        background-size: cover;
        background-position: top;
        height: 460px;
        padding: 40px 16px 30px;
    }

    .footer .linkGroup {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1px;
    }

    .footerLeft {
        width: 100%;
        padding: 0px 10px;
    }

    .footerLeft img {
        /*gap: 16px;*/
        margin-right: 0px;
    }

    .menu {
        gap: 0;
        justify-content: space-between;
    }
}

@media (max-width: 375px) {
    .footer {
        height: 100%;
    }

    .helpBtnContainer {
        padding-left: 0;
    }
}

@media (max-width: 320px) {
    .footerLeft {
        width: 100%;
        padding: 0px;
    }

    .footerLeft img {
        /*gap: 16px;*/
        margin-right: 0px;
    }

    .footerLeft {
        /*gap: 5px;*/
    }
.btnBold {
    font-size: 11px;
    line-height: 10px;
}

}

/* End */


/* Start:/local/templates/main/assets/owl/dist/assets/owl.carousel.min.css?16593544933351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/assets/owl/dist/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/main/assets/owl/dist/assets/owl.theme.default.min.css?16593544931013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/new_top_menu/style.css?17453330458167*/
.menu{
width:100%;
}
.help_btn{
width:10%;
}

.help_btn .btnBold {
    font-size: 16px;
    font-size: clamp(11px, 1vw, 15px);
    line-height: 22px;
    width: 100%;
    display: block;
}
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
    text-transform: uppercase;
	font-size:11px;
	float:left;
	/*font-size:90%*/
}


#horizontal-multilevel-menu {
    display: flex;
    width: 80%;
    margin: 0 auto;
    justify-content: space-between;
}


/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	    float: left;
   width: max-content;
    border: 1px solid #ffffff00;
    margin-right: 0px;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 12px;
	padding:5px 5px;
border: 1px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 13px;
	padding:7px 12px;
    border-radius: 10px;
    border: 1px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
    color: #fff;

}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/main/components/bitrix/menu/new_top_menu/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/main/components/bitrix/menu/new_top_menu/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	color: #fff;
    position: relative;
    border: 1px solid #fff;
    border-radius: 10px

}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
    border-radius: 10px;
    border: 1px;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;
    border-radius: 10px;
padding: 5px;
    border: 1px solid #999aa58c;
	height:auto;
	/*width:12em;*/
	width:280px;
	background:#fff;

}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;

}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
.nav-is-toggled .nav-drill{
overflow-y: auto;
}

#horizontal-multilevel-menu  .new_subb li.jshover a:hover{
    background: #d9d9d9;
    border: 0px;
    border-radius: 10px;
-webkit-box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
-moz-box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
box-shadow: 0px 4px 4px 0px rgba(66, 68, 90, 0.57);
}

#horizontal-multilevel-menu  .new_subb {
 background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 555555;

  width: 255px;
    clip-path: inset(0 0 100% 0); /* Начальное состояние: обрезано снизу */
    transition: clip-path 0.5s ease; /* Плавная анимация */
    pointer-events: none; /* Отключаем взаимодействие, пока меню скрыто */
}
#horizontal-multilevel-menu li.jshover > .new_subb{
    clip-path: inset(0 0 0 0); /* Конечное состояние: полностью видимо */
    pointer-events: auto; /* Включаем взаимодействие */

}
@media (max-width: 1440px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 12px;
	padding:5px 5px;
border: 1px;
}
.help_btn{
width:11%;
}
}
@media (max-width: 1360px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
border: 1px;
}
/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
    border-radius: 10px;
    border: 1px;
}
}
@media (max-width: 1275px) {
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
border: 1px;
}
/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	color:#fff;
	font-weight:bold;
    font-size: 11px;
	padding:5px 5px;
    border-radius: 10px;
    border: 1px;
}
}
@media (max-width: 1200px) {
#horizontal-multilevel-menu {
    display: none;
}
.menu {
    width: 0%;
}
    .help_btn {
        max-width: 150px;
        width: 86px;
    }
.burgerBtn {
        display: flex;
        background: transparent;
        line-height: 22px;
        align-items: center;
        margin-left: auto;
    }
}
.nav-drill .submenu {
    display: none; /* Скрываем дочерние пункты */
}

.nav-drill .nav-item.open > .submenu {
    display: block; /* Показываем дочерние пункты, если родительский элемент имеет класс open */
}
	.nav-drill .root-item{
        text-decoration: none;
        color: #000;
        line-height: 30px;
}
	.nav-drill .root-item-selected{
        text-decoration: none;
        color: #000;
        line-height: 30px;
}
	.submenu li a{
       text-decoration: none;
        color: #000;
        line-height: 16px;
list-style-type: none;
}
	.submenu li {

        margin-left: -25px;
        list-style-type: none;
        margin-bottom: 12px;
}
	.nav-item.open .root-item{

}

@media (max-width: 470px) {
    .btnBold {
        font-size: 11px;
        line-height: 10px;
    }
}
@media (max-width: 400px) {
    .btnBold {
        font-size: 10px;
        line-height: 10px;
    }
.menu {
    width: 10%;
}
}
/* End */


/* Start:/local/templates/main/styles.css?174482164515295*/
* {
    box-sizing: border-box;
    font-family: "Open Sans Condensed", sans-serif;

}
div[id^="wait_comp_"]{
    display: none !important;
}
body {
    margin: 0;
    color: #474653;
}
html, body { height: 100%;}

body > .footer_container {
    position: sticky;
    top: 100vh;
}
.empty_text{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    padding-top: 30px;
    padding-left: 20px;
    height: calc(54vh - 321px);
}
.articlePageCitate {
    border: 1px solid #F7F7F8;
    border-radius: 20px;
    padding: 28px 40px 26px 31px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 40px;
}

.citateText {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    width: 582px;
}

.citateIcon {
    background-image: url("/public/img/icon-mark-close.png");
    width: 67.5px;
    height: 52.5px;
    background-size: cover;
}
@media (max-width: 1081px) {
    .articlePageCitate {
        padding: 31px 46px 31px 31px;
    }
    .citateText {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 428px) {
    .articlePageCitate {
        flex-direction: column;
        align-items: center;
        padding: 24px 18px 24px;
    }
    .citateText {
        text-align: center;
        width: 328px;
    }
    .citateIcon {
        background-image: url("/public/img/icon-mark-close mobile.png");
        width: 45px;
        height: 35px;
        margin-top: 23.5px;
    }
}
* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

.projectPageHeader {
    width: 100%;
    border-radius: 0% 0% 100% 100%/0% 0% 10% 10%;
    margin-top: -115px;
    padding: 112px 0px 80px;
    margin-bottom: 80px;
}
/*todo: 1*/
.header-green {
    background-color: #27AE60;
}
.header-orange {
    background-color: #DA8A43;
}.header-blue2 {
     background-color: #007373;
 }
.header-black {
    background-color: #474747;
}.header-red {
     background-color: #C20B4A;
 }.header-yellow {
      background-color: #DAB545;
  }
.header-blue {
    background-color: #007480;
}
.headerContent {
    position: relative;
}

.headerButtonContainer {
    display: flex;
    position: absolute;
    top: 0px;
    left: 162px;
}
.proj_links{
    color: #F2994A;
    text-decoration: none;
}
.returnButton {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #FFF;
    padding: 11px 24px 11px 16px;
    display: flex;
    align-items: center;
    border: 1px solid #FFF;
    border-radius: 12px;
    text-decoration: none;
}

.returnArrow {
    margin-right: 16px;
    color: #FFF;
}

.centerContent {
    /*margin-inline: auto;*/
    margin: 0 auto;
    width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.centerImage {
    background-image: url("/public/img/prjAvatar-green.png");
    width: 72px;
    height: 72px;
    background-size: cover;
}

.centerHeader {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFF;
    width: 389px;
    margin-top: 32px;
}

.headerCenterText {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFF;
    margin-top: 28px;
}

.twoButtonContainer {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.centerButton {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    padding: 14px 20px;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 12px;
    text-decoration: none;
    width: 261px;
}

.centerDivider {
    margin-inline: 11px;
    border-left: 1px solid #FFF;
    height: 24px;
}

.centerButton:hover {
    background-color: #FFF;
    color: #474653;
}

.centerButton:focus {
    background-color: transparent;
    color: #474653;
}

.returnButton:hover {
    background-color: #FFF;
    color: #474653;
}

.returnButton:hover .returnArrow {
    color: #474653;
}

.returnButton:focus {
    background-color: transparent;
    color: #474653;
}

.oneButtonContainer {
    display: flex;
    margin-top: 40px;
}

.d-none {
    display: none;
}

.projectPageSubtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.btnInfoText {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #adadb8;
    margin-bottom: 4px;
}

.projectPageContent {
    width: 784px;
    /*margin-inline: auto;*/
    margin: 0 auto;
}

.projectPageContent > div {
    margin-top: 24px;
}

.projectPageContent > div:first-child {
    margin-top: 0;
}

/* .projectPageContent:last-of-type {
  padding-bottom: 80px;
} */

.projectPageList {
    /*margin-inline: auto;*/
    /*margin: 0 auto;*/
}

.projectPageList ul {
    margin: 0;
}

.projectPageList li {
    font-size: 16px;
    /*font-weight: 700;*/
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 14px;

}

.projectPageList li::marker {
    font-size: 20px;
}
.pb50{
    padding-bottom: 50px;
}
.list-green li::marker {
    color: #27AE60;
}
.list-orange li::marker {
    color: #DA8A43;
}
.list-red li::marker {
    color: #C20B4A;
}
.list-black li::marker {
    color: #474747;
}
.list-darkAqua li::marker {
    color: #008080;
}

.projectPageNumbered {
    margin-top: 80px;
}

.numberedHeader {
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.nubmered {
    margin-top: 40px;
    position: relative;
}

.number {
    position: absolute;
    left: -96px;
}

.nubmered:before {
    position: absolute;
    left: -96px;
    content: '';
    height: 64px;
    width: 64px;
    border-radius: 50px;
}

.numbered-green .one:before,
.numbered-green .two:before,
.numbered-green .three:before
{
    background-color: #27AE60;
}
.numbered-orange .one:before,
.numbered-orange .two:before,
.numbered-orange .three:before
{
    background-color: #DA8A43;
}
.one:before {
    background-image: url("/public/img/icon-number-1.svg");
}

.two:before {
    background-image: url("/public/img/icon-number-2.svg");
}

.three:before {
    background-image: url("/public/img/icon-number-3.svg");
}

.numberedTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
}

.numberedText {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.textWithPhoto {

}

.projectPageText {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.photosContainer {
    display: flex;
    width: 100%;
    justify-content: center;
}
.twoPhotosGrid {
    display: grid;
    grid-template-columns: repeat(2, 380px);
    grid-gap: 24px;

}

.projectPagePhoto {
    width: 100%;
    border-radius: 24px;
}

.onePhotoGrid {
    display: grid;
    grid-template-columns: 100%;
}

.threePhotosGrid {
    display: grid;
    grid-template-columns: repeat(3, 245.33px);
    grid-gap: 24px;
}

.projectPageCitate {
    border: 1px solid #F7F7F8;
    border-radius: 20px;
    padding: 28px 40px 26px 31px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.projectPageCitate.with_list ul{
    padding-left: 14px;
}
.projectCitateIcon {
    width: 68px;
    height: 54px;
}

.citate-darkAqua .projectCitateIcon {
    color: #00818E;
}
.citate-yellow .projectCitateIcon {
    color: #F2C94C;
}
.projectCitate {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    width: 582px;
}

.bold-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.video {
    border-radius: 24px;
    width: 100%;
}

.horizontalList ul {
    display: grid;
    grid-template-columns: repeat(3, 236px);
    grid-gap: 14px;
    margin: 0;
}

.horizontalList li {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    width: 100%;

}

.horizontalList li::marker {
    font-size: 20px;
}

.horizontalList li:not(:first-child) {
//margin-left: 14px;
}

.coloredBlock {
    position: relative;
    width: 100%;
    padding: 80px 0px;
}
.colored-blue2 {
    background-color: #007373;
}
.colored-pink {
    background-color: #C20B4A;
}

.coloredBlock .projectPageSubtitle {
    color: #FFF;
}

.coloredBlock .projectPageText {
    color: #FFF;
}

.heart {
    position: absolute;
    right: 0;
    bottom: 0;
}

.coloredBlockContent {
    width: 784px;
    margin: 0 auto;
}

.centerSubTitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFF;
    margin-top: 8px;
}

.projectPageInfo {
    margin-top: 80px;
    background-color: #F7F7F8;
    padding: 80px 0px;
}

.infoContent {
    width: 784px;
    /*margin-inline: auto;*/
    margin: 0 auto;
}

.infoHeader {
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.cardsGrid {
    display: grid;
    grid-template-columns: repeat(2, 380px);
    grid-gap: 24px;
    margin-top: 40px;
}

.infoCard {
    padding: 24px;
    background-color: #FFF;
    border: 1px solid #F7F7F8;
    border-radius: 24px;
}

.infoCard .btnWithText {
    margin-top: 16px;
}

.infoCardHeader {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

.infoCardButton {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    border: 1px solid #ADADB8;
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 4px;
}

.infoButtonsGrid {
    margin-top: 40px;
    display: flex;
}

.infoButtonContainer {
    display: flex;
    flex-basis: 100%;
}

.infoButtonContainer:not(:first-child) {
    margin-left: 24px;
}

.infoButton {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #D70C52;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
}

.infoButton:hover {
    background-color: #F20D5C;
    color: #FFF;
}

.infoButton:focus {
    background-color: #C10B4A;
    color: #FFF;
}

.projectPageContainer {
    margin-top: 60px;
}

.projectPageContainer:first-of-type {
    margin-top: 80px;
}


@media (max-width: 1081px) {
    .headerButtonContainer {
        left: 20px;
    }
    .centerHeader {
        margin-top: 24px;
    }
    .centerSubTitle {
        font-size: 13px;
        line-height: 22px;
    }
    .headerCenterText {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0em;
    }
    .projectPageContent {
        width: 728px;
    }
    .coloredBlockContent {
        width: 728px;
    }
    .projectPageList li {
        font-size: 14px;
        line-height: 22px;
    }
    .nubmered:before {
        left: 0;
    }
    .nubmered {
        padding-left: 96px;
    }
    .numberedTitle {
        font-size: 16px;
    }
    .numberedText {
        font-size: 14px;
    }
    .twoPhotosGrid {
        grid-template-columns: repeat(2, 352px);
    }
    .threePhotosGrid {
        grid-template-columns: repeat(3, 226.67px);
    }
    .heart {
        width: 188px;
        height: 242px;
    }
    .projectCitate {
        font-size: 14px;
        line-height: 20px;
        width: 547px;
    }
    .horizontalList ul {
        grid-template-columns: repeat(3, 217.33px);
    }
    .horizontalList li {
        font-size: 14px;
        line-height: 22px;
    }
    .coloredBlock {
        padding: 60px 0px;
    }
    .projectPageText {
        font-size: 14px;
    }
    .returnButton {
        font-size: 14px;
    }
    .projectPageHeader {
        margin-bottom: 60px;
    }
    .infoContent {
        width: 728px;
    }
    .cardsGrid {
        grid-template-columns: repeat(2, 352px);
    }
}

@media (max-width: 428px) {
    .centerHeader {
        width: 328px;
        font-size: 18px;
        line-height: 24px;
    }
    .headerCenterText {
        font-size: 12px;
        line-height: 19px;
        margin-top: 16px;
    }
    .twoButtonContainer {
        margin-top: 24px;
        flex-direction: column;
    }
    .centerDivider {
        display: none;
    }
    .centerButton {
        width: 268px;
        font-size: 12px;
        line-height: 16px;
    }
    .twoButtonContainer .centerButton:last-child {
        margin-top: 12px;
    }
    .centerContent {
        width: 328px;
    }
    .projectPageContent {
        width: 328px;
    }
    .twoPhotosGrid {
        grid-template-columns: auto;
    }
    .coloredBlockContent {
        width: 328px;
    }
    .heart {
        width: 147px;
        height: 190px;
    }
    .threePhotosGrid {
        grid-template-columns: auto;
    }
    .threePhotosGrid .projectPagePhoto:last-child {
        display: none;
    }
    .horizontalList ul {
        grid-template-columns: repeat(2, 142px);
        grid-gap: 10px;
        padding-inline-start: 30px;
    }
    .projectPageCitate {
        flex-direction: column;
        align-items: center;
    }
    .projectCitate {
        width: 288px;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }
    .projectCitateIcon {
        width: 45px;
        height: 35px;
        margin-top: 24.5px;
    }
    .projectPageSubtitle {
        font-size: 18px;
        line-height: 22px;
    }
    .projectPageList li {
        font-size: 11px;
        line-height: 16px;
    }
    .numberedTitle {
        font-size: 14px;
        line-height: 18px;
    }
    .numberedText {
        font-size: 12px;
        line-height: 18px;
    }
    .projectPageText {
        font-size: 12px;
        line-height: 18px;
    }
    .nubmered {
        padding-left: 88px;
    }
    .horizontalList li {
        font-size: 11px;
        line-height: 16px;
    }
    .returnButton {
        font-size: 14px;
    }
    .centerImage {
        margin-top: 50px;
    }
    .horizontalList li::marker {
        font-size: 16px;
    }
    .infoContent {
        width: 328px;
    }
    .cardsGrid {
        grid-template-columns: 100%;
    }
    .infoButtonsGrid {
        flex-direction: column;
        margin-top: 24px;
    }
    .infoButtonContainer:not(:first-child) {
        margin-left: 0;
        margin-top: 24px;
    }
}

@media (max-width: 320px) {
    .headerButtonContainer {
        left: 10px;
    }
    .returnButton {
        font-size: 13px;
        line-height: 16px;
    }
    .projectPageContent {
        width: 310px;
    }
    .coloredBlockContent {
        width: 310px;
    }
    .horizontalList ul {
        padding-inline-start: 20px;
    }
    .centerContent {
        width: 310px;
    }
    .centerHeader {
        width: 310px;
    }
    .infoContent {
        width: 310px;
    }
}

/* End */


/* Start:/local/templates/main/template_styles.css?17012818563053*/
.bgTrans .menuButton, .footer .menuButton {
    color: white;
}

.bgTrans .menuButton:hover, .footer .menuButton:hover {
    border: 1px solid #fff;
    color: white;
}

.bgTrans .menuButton:focus, .footer .menuButton:focus {
    border: 1px solid #fff;
    color: white;
}

.bgTrans .menuButton.selected, .footer .menuButton.selected {
    border: 1px solid #fff;
    color: white;

}

.menuButton.selected {
    border: 1px solid #474653;
    color: #474653;
}

.menuButton:focus {
    color: #474653;
}

.menuButton:hover {
    border: 1px solid #474653;
    color: #474653;
}

#overlay {

    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(120, 120, 120, 0.9);
    z-index: 2000;

}

.pinkBtn:focus {
    color: white;
}

.pinkBtn:hover {
    color: white;
}

.backBtn {
    max-width: 120px;
    display: flex;
    align-items: center;
    /*grid-gap: 16px;*/
    justify-content: center;
}

.backBtn .material-icons {
    margin-right: 16px;
    font-size: 15px;
}

.articlePageCitate {
    border: 1px solid #F7F7F8;
    border-radius: 20px;
    padding: 28px 40px 26px 31px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 40px;
}

.citateText {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    width: 582px;
}

.citateIcon {
    background-image: url("/public/img/icon-mark-close.png");
    width: 67.5px;
    height: 52.5px;
    background-size: cover;
}

@media (max-width: 1081px) {
    .articlePageCitate {
        padding: 31px 46px 31px 31px;
    }

    .citateText {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 428px) {
    .articlePageCitate {
        flex-direction: column;
        align-items: center;
        padding: 24px 18px 24px;
    }

    .citateText {
        text-align: center;
        width: 328px;
    }

    .citateIcon {
        background-image: url("/public/img/icon-mark-close mobile.png");
        width: 45px;
        height: 35px;
        margin-top: 23.5px;
    }
}

.CTA-content .linkButton {
    max-width: 167px;
    text-align: center;
}

.menu_contakt_btn {
    border-radius: 10px;
    padding: 12px 24px;
    letter-spacing: -0.02em;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    height: fit-content;
    border: 1px solid #00818e;
    color: #474653;
    margin-top: 20px;
    width: 90%;
    text-align: center;
}

.menu_contakt_btn:hover {
    background-color: #0099a8;
    color: #fff;
}

.nav-item_c {
    display: flex;
}

.header__alert {
    position: relative;
    padding: 12px 0;
    background-color: #FFD633;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 475px) {
    .index_btn_m {

    }

    .footer .linkButton {
        padding: 8px 10px;
    }

    .no_mobile_text {
        display: none !important;
    }
}

/* End */
/* /local/templates/main/custom_css/header.css?17449641208764 */
/* /local/templates/main/custom_css/components.css?17442199747286 */
/* /local/templates/main/assets/owl/dist/assets/owl.carousel.min.css?16593544933351 */
/* /local/templates/main/assets/owl/dist/assets/owl.theme.default.min.css?16593544931013 */
/* /local/templates/main/components/bitrix/menu/new_top_menu/style.css?17453330458167 */
/* /local/templates/main/styles.css?174482164515295 */
/* /local/templates/main/template_styles.css?17012818563053 */