body {
    margin: 0;
    padding: 0;
    font: 100%/1.9 "Open Sans", Arial, Helvetica, sans-serif;
    color: #232323;
    font-size: 18px;
    overflow-x: hidden;
}

.all-content {
    overflow: hidden;
}

.panel {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

.container {
    min-width: 320px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.container_block {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
}

.content_block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow: hidden;
}

/********** HEADER ELEMENTS **********/

.header {
    padding: 0;
    margin: 0;
    background: #fff;
    /*border: 1px solid #e1e1e1;*/
    font-family: "Open Sans Regular", Arial, sans-serif;
}

.top-header {
    width: 100%;
    max-width: 1170px;
    padding: 5px 0 10px;
    margin: 0 auto;
    position: relative;
    height: 62px; /*для фиксированнй высоты шапки при скролле*/
}

.left-block__top-header {
    width: 700px;
}

.main-logo {
    position: absolute;
    width: 260px;
    height: 70px;
    top: 20px;
    left: calc(50% - 130px);
    z-index: 10;
}

.main-logo img {
    max-width: 100%;
}

.left-block__top-header .phone,
.left-block__top-header .add_phone{
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-family: inherit;
    color: #002c3e;
    text-decoration: none;
    padding-left: 30px;
    margin-top: 3px;
}

.left-block__top-header .phone::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.left-block__top-header .phone::before {
    background-image: url('images/phone_header.svg');
    width: 21px;
    height: 25px;
}

.left-block__top-header .phone::after,
.left-block__top-header .add_phone::after
{   content: "Россия и СНГ";
    position: absolute;
    left: 40px;
    top: -17px;
    z-index: 4;
    font-size: 10px;
}

.left-block__top-header .add_phone::after {
    content: "Москва и МО";
}


.compare-link,
.basket-link,
.account-link {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 10px;
    cursor: pointer;
}

.basket-link {
    background-image: url("images/cart.svg");
}

.account-link {
    width: 33px;
    height: 33px;
    /*background-image: url("images/account.svg");*/
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAyQzNFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAyQzNFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnNxdWFyZTt9Cjwvc3R5bGU+Cjx0aXRsZSAgaWQ9InVzZXJJY29uVGl0bGUiPlVzZXI8L3RpdGxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEsMzljNC43LTIsNy43LTMuNyw5LTVjMi0yLTQtMi00LTEyYzAtNi43LDIuNy0xMCw4LTEwczgsMy4zLDgsMTBjMCwxMC02LDEwLTQsMTJjMS4zLDEuMyw0LjMsMyw5LDUiLz4KPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMjQiIGN5PSIyNCIgcj0iMjAiLz4KPC9zdmc+Cg==');
}

.account-link.autorize {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDAyQzNFO3N0cm9rZTojMDAyQzNFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAyQzNFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnNxdWFyZTt9Cgkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6IzAwMkMzRTtzdHJva2UtbGluZWNhcDpzcXVhcmU7fQo8L3N0eWxlPgo8dGl0bGUgIGlkPSJ1c2VySWNvblRpdGxlIj5Vc2VyPC90aXRsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLDM5YzQuNy0yLDcuNy0zLjcsOS01YzItMi00LTItNC0xMmMwLTYuNywyLjctMTAsOC0xMHM4LDMuMyw4LDEwYzAsMTAtNiwxMC00LDEyYzEuMywxLjMsNC4zLDMsOSw1CgljLTAuMywwLDAuMSwwLjEtMC4yLDAuNGMtMi4yLDEuNi03LjIsNC42LTExLjksNC42Yy0zLjQsMC04LjEtMS4yLTEwLjctMi42QzEyLjYsNDAuNSwxMS42LDM5LjUsMTEsMzl6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCw0YzExLDAsMjAsOSwyMCwyMHMtOSwyMC0yMCwyMGMtNy4xLDAtMTIuMi00LjEtMTMuMi01Yy0wLjYtMC42LTctNi4zLTYuOC0xNUM0LjIsMTQuNSwxMi4yLDQsMjQsNHoiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTExLjYsNDMiLz4KPC9zdmc+Cg==');
}

.compare-link {
    background-image: url("images/chart.svg");
}

.hide_form {
    display: none;
}

.bottom-header {
    background-color: #f3f4ee;
    position: relative;
    height: 110px;  /*для фиксированнй высоты шапки при скролле*/
}

.top-header.on_scroll_bottom + .bottom-header {
    height: 172px;
}

.icon-counter {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 24px;
    height: 24px;
    background: #f7444e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 1px;
    right: -3px;
    z-index: 5;
}

.icon-counter.empty-basket {
    background: #bcbcbc;
}


@media only screen and (max-width: 1200px) {
    .right-block__top-header {
        padding-right: 15px;
    }

    .left-block__top-header {
        padding-left: 15px;
    }

    .main-logo {
        width: 190px;
        height: 50px;
        top: 26px;
        left: calc(50% - 100px);
    }
}

/********** HEADER SCROLL **********/

.header .main-logo.logo_scroll {
    position: fixed;
    z-index: 901;
    width: 150px;
    height: auto;
    top: 20px;
    left: calc(50% - 75px);
}

.header .main-logo.logo_scroll img {
    width: 150px;
}

.header .to-nx-nav.on_scroll {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 900;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    background-color: #f3f4ee;
}

.header .to-nx-nav.on_scroll .evan_new_top {
    padding-bottom: 5px;
    padding-top: 5px;
}

.header .to-nx-bottom.on_scroll_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10002;
    background: #fff;
    max-width: 100%;
    padding: 5px calc((100vw - 1200px) / 2);
    border-top: 1px solid rgba(0, 0, 0, .1);
}



/********** MAIN PANEL **********/

.main-outer {
    margin: 0 auto;
}

.left {
    display: block;
    width: 250px;
    margin: 0;
    position: relative;
    padding: 15px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 250px;
    -ms-flex: 0 1 250px;
    flex: 0 1 250px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.right {
    display: block;
    width: 250px;
    margin: 0;
    padding: 15px;
    position: relative;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 250px;
    -ms-flex: 0 1 250px;
    flex: 0 1 250px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.section_h {
    text-align: center;
    position: relative;
    padding: 0 15px;
    width: auto;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    margin-bottom: 48px;
}

.section_h:before,
.section_h:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #f7444e;
    width: 1000px;
    top: 44%;
}

.section_h:before {
    left: calc(100% + 40px);
}

.section_h:after {
    right: calc(100% + 40px);
}

.main {
    display: block;
    margin: 0 auto;
    position: relative;
    padding-top: 0;
    padding-bottom: 80px;
    background: #fff;
}

.main.main-page {
    padding-bottom: 0;
}

.main.no-paddint-b {
    padding-bottom: 0;
}

.fancybox-slide--iframe .fancybox-content {
    height: 100%;
}

/********** FOOTER **********/

.wrap-container-copy {
    padding: 30px 0 26px;
    background-color: #ff6d42;
}

.wrap-container-copy .copy {
    margin-top: 7px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
}

.wrap-container-footer.no_top_margin {
    margin-top: 0;
}

.footer {
    width: 100%;
    min-height: 435px;
    position: relative;
    overflow: hidden;
    clear: both;
    font-family: "Open Sans Regular", Arial, sans-serif;
    background-color: #002c3e;
}

.footer_wrap-content {
    width: 100%;
    max-width: 1400px;
    padding: 99px 15px 72px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer_wrap-content .footer-menu,
.footer_wrap-content .navigation {
    /*margin-right: 30px;*/
    color: #fff;
}

.footer_wrap-content .footer-menu:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.footer_wrap-content address {
    font-style: normal;
}

.footer-contacts,
.footer-menu {
    /*border:1px solid red;*/
    width: 49%;
    height: 100%;
}

.footer-contacts {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 80px;
}

.footer-contacts address {
    width: 49%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-style: normal;
    /*font-weight: 500;*/
    font-size: 11pt;
    line-height: 170%;
    margin-bottom: 24px;
}

.footer-contacts address span {
    display: block;
}

.footer-contacts address.adr span {
    font-style: italic;
}

.footer-contacts strong {
    display: block;
    font-weight: bold;
    font-size: 13.5pt;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.footer-contacts a {
    color: #fff;
    text-decoration: none;
}

.footer-contacts .nav-social {
    margin-top: -23px;
}

.footer-contacts .nav-social a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #000 no-repeat center center;
    text-indent: -10000px;
}

.footer-contacts .nav-social a:hover {
    border-color: #000;
    background-color: #ae8b72;
}

.footer-contacts {
    width: 100%;
    padding: 30px 0;
}

.footer-contacts address {
    width: 24%;
    padding-right: 10px;
}

.footer_left-block {
    width: 36.5%;
    padding-right: 30px;
    /*max-width: 470px;*/
    font-size: 16px;
    line-height: 24px;
    font-family: "Open Sans Regular", Arial, sans-serif;
}

.footer_left-block address {
    position: relative;
    margin-bottom: 40px;
    padding-left: 50px;
    width: 100%;
}

.footer_left-block address span {
    display: inline-block;

}

.footer_left-block address strong {
    color: #fff;
}

.footer_left-block address::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.footer_left-block address.adr::before {
    background-image: url('images/location_footer.svg');
    top: 5px;
    width: 20px;
}

.footer_left-block address.tele::before {
    background-image: url('images/phone_footer.svg');
    width: 22px;
}

.footer_left-block address.time::before {
    background-image: url('images/time_footer.svg');
}

.footer_left-block address.mail::before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMTUgMjE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMTUgMjE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZDOEY5NTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KPC9zdHlsZT4KPHJlY3QgeD0iLTIwIiB5PSItMjAiIGNsYXNzPSJzdDAiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ii8+CjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjEwOCIgY3k9IjEwOCIgcj0iNDAiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2MS4xLDE4OEMxMTYuOSwyMTcuMyw1Ny4zLDIwNS4zLDI4LDE2MS4xUzEwLjcsNTcuNCw1NC45LDI4UzE1OC43LDEwLjgsMTg4LDU0LjljMTAuNCwxNS43LDE2LDM0LjIsMTYsNTMuMQoJYzAsMjIuMS04LDQwLTI4LDQwcy0yOC0xNy45LTI4LTQwVjY4Ii8+Cjwvc3ZnPgo=');
}

.footer_left-block address.mail a {
    color: #fff;
    text-decoration: none;
}

.footer_left-block .red-description {
    margin-left: 20px;
    color: #ff9096;
    font-size: 14px;
}

.footer_center-block {
    width: 51%;
    padding-right: 30px;
    /*max-width: 670px;*/
    flex: 1;
}
/*? to styles? */
.footer_center-block ul {
    padding: 0;
}

.footer_center-block .service-menu {
    font-family: "Penta", "Open Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    text-transform: uppercase;
    min-width: 220px;
    margin: 0;
    padding-right: 5px;
}

.footer_center-block .service-menu:first-child {
    width: 60%;
    padding-right: 30px;
}

.footer_center-block .service-menu a {
    display: block;
    color: #dde0e1;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 170%;
}

.footer_center-block .service-menu li {
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
}

.footer_right-block {
    width: 12.5%;
    /*max-width: 200px;*/
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .footer_left-block address span.red-description {
        display: block;
        margin-left: 0;
    }

    .footer_right-block {
        width: auto;
    }
}

/********** SOCIAL BUTTONS **********/

.ico {
    font-family: nx, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    line-height: 1;
}

.footer_right-block a.ico {
    color: #fff;
    width: 30px;
    text-align: left;
    margin-right: 15px;
    transition: color 0.4s ease;
}

.footer_right-block a.ico:hover {
    color: #f7444e;
}

.footer_right-block a.vk {
    font-size: 27px;
}

.footer_right-block a.yt {
    font-size: 24px;
    margin-top: 3px;
}

.footer_right-block a.tg {
    font-size: 25px;
    margin-top: 3px;
}

.logo-footer img {
    filter: grayscale(1) brightness(1000%);
    max-width: 215px;
    width: 100%;
}
/************* MOBILE RULES (1280) **********/

@media only screen and (max-width: 1280px) {
    .footer_left-block,
    .footer_center-block .service-menu:first-child {
        width: 100%;
    }

    .footer_center-block {
        width: auto;
        max-width: 100%;
    }

    .footer address {
        width: 30%;
        margin: 0 0 10px 0;
    }

    .footer_wrap-content {
        max-width: 1200px;
        padding: 50px 30px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer_wrap-content .footer-menu,
    .footer_wrap-content .navigation {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .footer_left-block,
    .footer_center-block .service-menu {
        font-size: 14px;
        max-width: 100%;
    }

    .footer_center-block .service-menu {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 20px 0;
    }

    .footer_center-block .service-menu:last-child {
        padding: 0 0 20px;
    }

    .footer_center-block .service-menu li {
        padding: 0 15px;
        text-align: center;
    }

    .footer_center-block .service-menu li:last-child {
        margin-right: 0;
    }

    .footer_center-block ul:first-child {
        margin: 0;
    }
}

/********** MOBILE RULES (1024) **********/

@media only screen and (max-width: 1024px) {
    html {
        overflow-x: hidden;
    }

    .header .to-nx-bottom.on_scroll_bottom {
        padding: 0;
    }

    .footer {
        height: auto;
        min-height: inherit;
    }

    .footer_center-block {
        display: none;
    }

    .footer_right-block {
        display: none;
    }


    .footer address {
        width: auto;
    }

    .footer_wrap-content .footer-menu,
    .footer_wrap-content .navigation {
        position: relative;
        /*left: calc(50% - 190px);*/
        margin-bottom: 0;
        padding-right: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer_wrap-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .nxOpenedMenu {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .nxOpenedMenu body {
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .header {
        height: auto;
        margin-top: 50px;
    }

    .logo {
        display: none;
    }

    .slogan {
        font-size: 21px;
        padding: 10px;
    }

    .right-block__top-header {
        position: fixed;
        z-index: 10002;
        top: 10px;
    }

    .account-link {
        display: none;
    }

    .container {
        width: 100%;
        min-width: 320px;
        margin: 0;
        padding-top: 25px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .nxOpenedMenu .container {
        left: 70%;
    }

    .main-outer {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*margin-top: 15px;*/
    }

    .left,
    .right {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        -webkit-flex: 0 1 49%;
        -ms-flex: 0 1 49%;
        flex: 0 1 49%;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .main {
        margin: 0;
        width: 100%;
        padding-bottom: 20px;
    }

    .main-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .footer {
        padding: 0;
    }

    .top-header {
        padding: 0;
        height: 0;
    }

    .bottom-header {
        height: 0;
    }

    .top-header.on_scroll_bottom + .bottom-header {
        height: 0;
    }

    .phone-block {
        display: none;
    }

    .main-logo {
        display: none;
    }

    .right-block__top-header {
        right: 55px;
    }

    .left-block__top-header .phone,
    .left-block__top-header .add_phone {
        display: none;
    }

    .wrap-container-copy {
        padding: 15px 0;
    }

    .wrap-container-copy .logo-footer {
        display: none;
    }

    .wrap-container-copy .container {
        padding-top: 0;
    }

    .wrap-container-copy .copy {
        margin-top: 0;
    }

    .calculation-info-wrapper {
        padding: 30px 0 50px 0;
    }
}
#NXModalContent {

    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 10001;
    /*top: 10vh;*/
    top: 50px;
    max-height: 80vh;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* background: #fff; */
    background: #fff;
    font-size: 16px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#NXModalContent .close-modal {
    position: absolute;
    right: 0px;
    top: 7px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    cursor: pointer;
}

#NXModalContent .close-modal:hover {
    opacity: 1;
}

#NXModalContent .close-modal:before, #NXModalContent .close-modal:after {
    content: ' ';
    position: absolute;
    left: 15px;
    height: 20px;
    width: 2px;
    background-color: #333;
}
#NXModalContent .close-modal:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#NXModalContent .close-modal:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media(max-width: 900px) {
    #NXModalContent {
        max-height: calc(100vh - 50px);
        top: 50px;
    }
}

.blur_block {
    background: #e9e9e954;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    z-index: 55555;
}

.blur_block .nx-load{
    top: 50%;
    position: relative;
    left: 50%;
}

.nx-load {
    color:#666;
    font-size: 30px;
    font-family:nx, Tahoma, Geneva, sans-serif;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@-webkit-keyframes spin {
    0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@-o-keyframes spin {
    0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@-ms-keyframes spin {
    0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}

@keyframes spin {
    0% {-moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg);}
}


/********** MOBILE STICKY PANEL **********/

#NXadaptiveNavigation {
    width: 100%;
    min-width: 320px;
    height: 50px;
    overflow: hidden;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 970;
    background: #f3f4ee;
    color: #000;
    font-family: "Open Sans Regular", Arial, sans-serif;
    border: none;
    -webkit-box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 #4D4D4D inset, 0 2px 3px rgba(0, 0, 0, 0.25);
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#NXadaptiveNavigation .h-logo {
    height: 100%;
    text-decoration: none;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#NXadaptiveNavigation .h-logo:before {
    content: "";
    display: block;
    height: 100%;
    text-indent: -1000px;
    max-width: 170px;
    width: 30vw;
    background: url(images/logo.svg) 10px center no-repeat transparent;
    -webkit-background-size: 85%;
    -moz-background-size: 85%;
    background-size: 85%;
}

#NXadaptiveNavigation .h-nav-phone {
    display: none;
}

#NXadaptiveNavigation .h-nav-title {
    position: relative;
    display: block;
    padding: 1em;
    font-weight: normal;
    font-size: 12pt;
    color: #27A22D;
    text-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
    font-weight: bolder;
}

#NXadaptiveNavigation .h-nav {
    position: relative;
    padding: 0 1em;
}

#NXadaptiveNavigation .h-nav-icon {
    display: block;
    margin-left: 5px;
    width: 30px;
    height: 31px;
    overflow: hidden;
    text-indent: -1000px;
    padding: 6px;
    border: none;
    background: #3ea7ad;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#NXadaptiveNavigation .h-nav-gamburger {
    display: block;
}

#NXadaptiveNavigation .h-nav-gamburger:before,
#NXadaptiveNavigation .h-nav-gamburger:after {
    content: "";
    display: block;
    height: 11px;
    border: 3px solid #fff;
    border-right: none;
    border-left: none;
}

#NXadaptiveNavigation .h-nav-gamburger:after {
    height: 8px;
    border-top: none;
}

.nxOpenedMenu #NXadaptiveNavigation .h-nav-icon:hover {
    background: #999;
}

#NXadaptiveNavigation .h-nav-icon:hover,
.nxOpenedMenu #NXadaptiveNavigation .h-nav-icon {
    background: #002c3e;
}

.nxOpenedMenu #NXadaptiveNavigation .h-nav-icon:before,
.nxOpenedMenu #NXadaptiveNavigation .h-nav-icon:after,
#NXadaptiveNavigation .h-nav-icon:hover:before,
#NXadaptiveNavigation .h-nav-icon:hover:after {
    border-color: #fff;
}

/********** MOBILE MENU PANEL **********/

#NXadaptiveMenu {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    z-index: 990;
    top: 50px;
    bottom: 0;
    right: 100%;
    left: 0;
    background: #f4f4f4;
    color: #000;
    font-size: 15px;
    font-family: "Open Sans Regular", Arial, sans-serif;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: calc(100vh - 50px);
}

#NXadaptiveMenu.a-menu-open {
    display: block;
    right: 30%;
}

#NXadaptiveMenu li span,
#NXadaptiveMenu li nobr,
#NXadaptiveMenu a,
#NXadaptiveMenu a:hover,
#NXadaptiveMenu * a,
#NXadaptiveMenu * a:hover,
#NXadaptiveMenu ul,
#NXadaptiveMenu ol,
#NXadaptiveMenu menu,
#NXadaptiveMenu li {
    display: inline;
    padding: 0;
    margin: auto;
    border: none;
    background: transparent;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
    text-transform: none;
    line-height: inherit;
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    box-shadow: none;
    float: none;
}

#NXadaptiveMenu a:hover,
#NXadaptiveMenu * a:hover {
    text-decoration: underline;
    color: #666;
}

#NXadaptiveMenu a:before,
#NXadaptiveMenu a:after,
#NXadaptiveMenu * a:before,
#NXadaptiveMenu * a:after {
    display: none;
}

#NXadaptiveMenu u {
    display: none;
}

#NXadaptiveMenu ul,
#NXadaptiveMenu ol,
#NXadaptiveMenu menu,
#NXadaptiveMenu li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    list-style: none;
    vertical-align: top;
    min-width: 300px;
}

#NXadaptiveMenu li {
    min-width: 0;
}

#NXadaptiveMenu li a,
#NXadaptiveMenu li a:hover {
    display: block;
    padding: 1em;
    padding-right: 40px;
    border: 1px solid #ccc;
    border-bottom-color: #f5f1e9;
    border-left: none;
    border-right: none;
}

#NXadaptiveMenu li ul {
    background: #fff;
}

#NXadaptiveMenu li li a,
#NXadaptiveMenu li li a:hover {
    font-size: 90%;
    padding-left: 30px;
    border-top-color: #ddd;
    border-bottom-color: #fdfdfd;
}

#NXadaptiveMenu li li ul {
    background: #eeedeb;
}

#NXadaptiveMenu li li li a,
#NXadaptiveMenu li li li a:hover {
    font-size: 80%;
    border-bottom-color: #FBFAF7;
}

#NXadaptiveMenu .tab,
#NXadaptiveMenu .tab_opened {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 0px;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 10;
    top: 1em;
    right: 0;
    bottom: auto;
    left: auto;
    background: transparent;
    border: none;
}

#NXadaptiveMenu .tab + ul,
#NXadaptiveMenu .tab + ol,
#NXadaptiveMenu .tab + menu {
    display: none;
}

#NXadaptiveMenu .tab:after,
#NXadaptiveMenu .close:after,
#NXadaptiveMenu .open:after,
#NXadaptiveMenu .tab_opened:after {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 1em;
    z-index: 50;
    border: 2px solid #022e3f;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: none;
}

#NXadaptiveMenu .tab:before,
#NXadaptiveMenu .close:before,
#NXadaptiveMenu .open:before,
#NXadaptiveMenu .tab_opened:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -6px;
    right: 0;
    z-index: 25;
}

#NXadaptiveMenu .tab_opened:after {
    content: "";
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#NXadaptiveMenu .tab:after {
    content: "";
}

#NXadaptiveMenu .open:after {
    content: "";
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#NXadaptiveMenu .close:after {
    content: "";
}

.btn-auth_mobile {
    display: none;
}

#NXadaptiveMenu .btn-auth_mobile, #NXadaptiveMenu .btn-auth_mobile:hover {
    display: block;
    width: 100%;
    background: #3ea6ac;
    border-radius: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
}

/********** Mobile Search Form **********/

#NXadaptiveSearchForm {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1em;
    border-top: 1px solid #ccc;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#NXadaptiveSearchForm input {
    height: 3em;
    position: relative;
    float: left;
    font-size: 11pt;
    padding: 0.5em 1em;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#NXadaptiveSearchForm input[type="text"] {
    display: block;
    width: 85%;
    margin: 0;
}

#NXadaptiveSearchForm input[type="submit"] {
    width: 15%;
    float: right;
    padding: 0.5em;
    border-left: none;
    font-family: nx,Tahoma,Geneva,sans-serif;
    background: #fbfaf7;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
}

#NXadaptiveSearchForm input[type="submit"]:hover,
#NXadaptiveSearchForm input[type="submit"]:active {
    background: #ededed;
}

/********** Mobile Menu Phone **********/

#NXadaptiveMenu #NXadaptiveTel {
    color: #fff;
    padding: 15px;
    background: #3ea7ad;
    font-size: 23px;
    text-decoration: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#NXadaptiveMenu #NXadaptiveTel:after {
    content: "Т";
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    padding: 5px;
    border: 2px solid #fff;
    font-size: 18px;
    font-family: nx,Tahoma,Geneva,sans-serif;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#NXadaptiveMenu #NXadaptiveTel:hover:after {
    color: #ddd;
    border-color: #ddd;
}

/********** Mobile Menu Social Button **********/

#NXadaptiveSocial,
#NXadaptiveSocial * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#NXadaptiveSocial {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    border-bottom: 1px solid #ccc;
    background: none;
}

#NXadaptiveSocial a,
#NXadaptiveSocial a:hover {
    display: block;
    height: 40px;
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: #002c3e;
    opacity: 1;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom-color: #f5f1e9;
    border-right-color: #f5f1e9;
    color: #fff;
    font-family: nx, Tahoma, Geneva, sans-serif;
    font-size: 22px;
}

#NXadaptiveSocial a:before {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 0;
    margin-left: -20px;
    background: none;
    text-indent: 0;
    text-align: center;
    color: inherit;
}

#NXadaptiveSocial a:hover {
    color: #fff;
    background: #666;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

/*** MOBILE RULES (less than 1024) ***/

@media only screen and (max-width: 700px) {
    .footer-contacts address {
        width: 50%;
        padding-right: 20px;
    }

    .footer-contacts strong {
        margin-bottom: 0.5em;
    }
}

@media only screen and (max-width: 640px) {
    body {
        font-size: 15px;
    }

    .footer_wrap-content {
        display: -webkit-box;
    }

    .footer_wrap-content .footer-menu,
    .footer_wrap-content .navigation {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 0;
        left: 0;
        /*margin-bottom: 20px;*/
    }

    .footer_left-block address {
        padding-left: 0;
        text-align: center;
    }

    .footer_left-block address::before {
        display: none;
    }

    .section_h:before {
        left: calc(100% + 10px);
    }

    .section_h:after {
        right: calc(100% + 10px);
    }

    .left,
    .right {
        width: 100%;
        margin-bottom: 10px;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}

@media only screen and (max-width: 550px) {
    .footer_left-block,
    .footer_center-block .service-menu {
        font-size: 14px;
    }

    .footer_right-block {
        width: 200px;
    }

    .container_block {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 450px) {
    .nxOpenedMenu #NXadaptiveMenu {
        right: 0;
    }

    .footer-contacts address {
        width: 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-contacts .nav-social {
        margin: 0 auto;
    }

    .footer_left-block address span.red-description {
        display: block;
        margin-left: 0;
    }

    .right-block__top-header {
        padding-right: 0;
    }

    .footer_center-block {
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 0;
        margin-bottom: 0;
    }

    .footer-menu {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .footer_center-block ul {
        margin: 0;
    }

    .footer_wrap-content {
        padding: 0 15px;
    }

    /*TODO Перенести в компонент меню */

    .footer_center-block .service-menu {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer_wrap-content .footer-menu:last-child {
        margin-bottom: 30px;
    }
}

/*Tab styles*/
.partnership {
    margin-top: 1.5em;
}

ul.tab-button {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*line-height: 1;*/
}

.tab-button li {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.tab-button li:before {
    display: none;
}

.tab-button a {
    text-decoration: none;
    text-align: center;
    color: #d3d3d3;
    border: 1px solid #d3d3d3;
    padding: 10px 20px 7px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
}
.tab-button .ui-tabs-tab a {border: none;}

.tab-button a.active-tab {
    color: #fff;
    background-color: #4cb3ba;
    border: 1px solid #4cb3ba;
}

/*.tab-button a:hover, .tab-button li.ui-state-hover  {
    background-color: #022e3f;
    border-color: #022e3f;
}

.tab-button li.ui-state-hover {
    border-color: #022e3f;
}*/

.tab-content {
    display: none;
}

.tab-content.active-tab-content {
    display: block;
}

.tabs-partnership {
    padding: 1em;
}

.partner .btn {
    float: right;
    margin: 5px 0 5px 15px;
}

@media only screen and (max-width: 640px) {
    .partner {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .partner span {
        display: block;
    }

    .partner .btn {
        min-width: 170px;
        font-size: 14px;
        padding: 9px 10px;
        margin: 1em auto;
        float: none;
        order: 1;
    }

    .partnership {
        margin: .5em;
    }
}

.article-content {
    margin-bottom: 40px;
    padding-top: 1px;
}

.article-content>h4 {
    margin-top: 18px;
}

.documents-list {
    margin-top: 5px;
}

.wrapper_title_h2 {
    /*border-top: 1px solid #d3d3d3;*/
    /*background-color: #f3f4ee;*/
    /*margin-bottom: 40px;*/
}

.wrapper_title_h2 h2 {
    margin: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

.k_team {
    display: flex;
}

.k_team p {
    margin-top: 0;
}

.k_team img {
    width: 25%;
    margin-right: 50px;
    margin-bottom: 80px;
}

.team-preview_text {
    margin-bottom: 80px;
}

@media (max-width: 600px) {
    .tabs-partnership {
        padding: .3em 0;
    }

    .tab-button {
        flex-direction: column;
        align-items: center;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 90%;
    }

    .tab-button li {
        width: 90%;
        text-align: center;
        margin-bottom: 15px;
    }

    .tab-button li a {
        border-radius: 10px;
        width: 100%;
        display: inline-block;
        padding: 5px 20px 5px 20px;
    }
}

.b24-form-btn-block .b24-form-btn {
    border-radius: 10px;
    background-color:#3ea7ad;
}
.div-social{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.div-social a {
    width: 70px;
    height: 70px;
}
.div-social .telegramm {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='70px' height='70px'%3E%3Cpath fill='%2329b6f6' d='M24 4A20 20 0 1 0 24 44A20 20 0 1 0 24 4Z'/%3E%3Cpath fill='%23fff' d='M33.95,15l-3.746,19.126c0,0-0.161,0.874-1.245,0.874c-0.576,0-0.873-0.274-0.873-0.274l-8.114-6.733 l-3.97-2.001l-5.095-1.355c0,0-0.907-0.262-0.907-1.012c0-0.625,0.933-0.923,0.933-0.923l21.316-8.468 c-0.001-0.001,0.651-0.235,1.126-0.234C33.667,14,34,14.125,34,14.5C34,14.75,33.95,15,33.95,15z'/%3E%3Cpath fill='%23b0bec5' d='M23,30.505l-3.426,3.374c0,0-0.149,0.115-0.348,0.12c-0.069,0.002-0.143-0.009-0.219-0.043 l0.964-5.965L23,30.505z'/%3E%3Cpath fill='%23cfd8dc' d='M29.897,18.196c-0.169-0.22-0.481-0.26-0.701-0.093L16,26c0,0,2.106,5.892,2.427,6.912 c0.322,1.021,0.58,1.045,0.58,1.045l0.964-5.965l9.832-9.096C30.023,18.729,30.064,18.416,29.897,18.196z'/%3E%3C/svg%3E");
}

.div-social .whatsapp {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='70px' height='70px' clip-rule='evenodd'%3E%3Cpath fill='%23fff' d='M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z'/%3E%3Cpath fill='%23fff' d='M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z'/%3E%3Cpath fill='%23cfd8dc' d='M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z'/%3E%3Cpath fill='%2340c351' d='M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.div-social .youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='70px' height='70px'%3E%3ClinearGradient id='PgB_UHa29h0TpFV_moJI9a' x1='9.816' x2='41.246' y1='9.871' y2='41.301' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f44f5a'/%3E%3Cstop offset='.443' stop-color='%23ee3d4a'/%3E%3Cstop offset='1' stop-color='%23e52030'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23PgB_UHa29h0TpFV_moJI9a)' d='M45.012,34.56c-0.439,2.24-2.304,3.947-4.608,4.267C36.783,39.36,30.748,40,23.945,40 c-6.693,0-12.728-0.64-16.459-1.173c-2.304-0.32-4.17-2.027-4.608-4.267C2.439,32.107,2,28.48,2,24s0.439-8.107,0.878-10.56 c0.439-2.24,2.304-3.947,4.608-4.267C11.107,8.64,17.142,8,23.945,8s12.728,0.64,16.459,1.173c2.304,0.32,4.17,2.027,4.608,4.267 C45.451,15.893,46,19.52,46,24C45.89,28.48,45.451,32.107,45.012,34.56z'/%3E%3Cpath d='M32.352,22.44l-11.436-7.624c-0.577-0.385-1.314-0.421-1.925-0.093C18.38,15.05,18,15.683,18,16.376 v15.248c0,0.693,0.38,1.327,0.991,1.654c0.278,0.149,0.581,0.222,0.884,0.222c0.364,0,0.726-0.106,1.04-0.315l11.436-7.624 c0.523-0.349,0.835-0.932,0.835-1.56C33.187,23.372,32.874,22.789,32.352,22.44z' opacity='.05'/%3E%3Cpath d='M20.681,15.237l10.79,7.194c0.689,0.495,1.153,0.938,1.153,1.513c0,0.575-0.224,0.976-0.715,1.334 c-0.371,0.27-11.045,7.364-11.045,7.364c-0.901,0.604-2.364,0.476-2.364-1.499V16.744C18.5,14.739,20.084,14.839,20.681,15.237z' opacity='.07'/%3E%3Cpath fill='%23fff' d='M19,31.568V16.433c0-0.743,0.828-1.187,1.447-0.774l11.352,7.568c0.553,0.368,0.553,1.18,0,1.549 l-11.352,7.568C19.828,32.755,19,32.312,19,31.568z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 640px) {

    .div-social a{
        width: 48px;
        height: 48px;
    } 
    .div-social .telegramm {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px'%3E%3Cpath fill='%2329b6f6' d='M24 4A20 20 0 1 0 24 44A20 20 0 1 0 24 4Z'/%3E%3Cpath fill='%23fff' d='M33.95,15l-3.746,19.126c0,0-0.161,0.874-1.245,0.874c-0.576,0-0.873-0.274-0.873-0.274l-8.114-6.733 l-3.97-2.001l-5.095-1.355c0,0-0.907-0.262-0.907-1.012c0-0.625,0.933-0.923,0.933-0.923l21.316-8.468 c-0.001-0.001,0.651-0.235,1.126-0.234C33.667,14,34,14.125,34,14.5C34,14.75,33.95,15,33.95,15z'/%3E%3Cpath fill='%23b0bec5' d='M23,30.505l-3.426,3.374c0,0-0.149,0.115-0.348,0.12c-0.069,0.002-0.143-0.009-0.219-0.043 l0.964-5.965L23,30.505z'/%3E%3Cpath fill='%23cfd8dc' d='M29.897,18.196c-0.169-0.22-0.481-0.26-0.701-0.093L16,26c0,0,2.106,5.892,2.427,6.912 c0.322,1.021,0.58,1.045,0.58,1.045l0.964-5.965l9.832-9.096C30.023,18.729,30.064,18.416,29.897,18.196z'/%3E%3C/svg%3E");
    }

    .div-social .whatsapp {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48px' height='48px' clip-rule='evenodd'%3E%3Cpath fill='%23fff' d='M4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98c-0.001,0,0,0,0,0h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303z'/%3E%3Cpath fill='%23fff' d='M4.868,43.803c-0.132,0-0.26-0.052-0.355-0.148c-0.125-0.127-0.174-0.312-0.127-0.483l2.639-9.636c-1.636-2.906-2.499-6.206-2.497-9.556C4.532,13.238,13.273,4.5,24.014,4.5c5.21,0.002,10.105,2.031,13.784,5.713c3.679,3.683,5.704,8.577,5.702,13.781c-0.004,10.741-8.746,19.48-19.486,19.48c-3.189-0.001-6.344-0.788-9.144-2.277l-9.875,2.589C4.953,43.798,4.911,43.803,4.868,43.803z'/%3E%3Cpath fill='%23cfd8dc' d='M24.014,5c5.079,0.002,9.845,1.979,13.43,5.566c3.584,3.588,5.558,8.356,5.556,13.428c-0.004,10.465-8.522,18.98-18.986,18.98h-0.008c-3.177-0.001-6.3-0.798-9.073-2.311L4.868,43.303l2.694-9.835C5.9,30.59,5.026,27.324,5.027,23.979C5.032,13.514,13.548,5,24.014,5 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974C24.014,42.974,24.014,42.974,24.014,42.974 M24.014,4C24.014,4,24.014,4,24.014,4C12.998,4,4.032,12.962,4.027,23.979c-0.001,3.367,0.849,6.685,2.461,9.622l-2.585,9.439c-0.094,0.345,0.002,0.713,0.254,0.967c0.19,0.192,0.447,0.297,0.711,0.297c0.085,0,0.17-0.011,0.254-0.033l9.687-2.54c2.828,1.468,5.998,2.243,9.197,2.244c11.024,0,19.99-8.963,19.995-19.98c0.002-5.339-2.075-10.359-5.848-14.135C34.378,6.083,29.357,4.002,24.014,4L24.014,4z'/%3E%3Cpath fill='%2340c351' d='M35.176,12.832c-2.98-2.982-6.941-4.625-11.157-4.626c-8.704,0-15.783,7.076-15.787,15.774c-0.001,2.981,0.833,5.883,2.413,8.396l0.376,0.597l-1.595,5.821l5.973-1.566l0.577,0.342c2.422,1.438,5.2,2.198,8.032,2.199h0.006c8.698,0,15.777-7.077,15.78-15.776C39.795,19.778,38.156,15.814,35.176,12.832z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.268,16.045c-0.355-0.79-0.729-0.806-1.068-0.82c-0.277-0.012-0.593-0.011-0.909-0.011c-0.316,0-0.83,0.119-1.265,0.594c-0.435,0.475-1.661,1.622-1.661,3.956c0,2.334,1.7,4.59,1.937,4.906c0.237,0.316,3.282,5.259,8.104,7.161c4.007,1.58,4.823,1.266,5.693,1.187c0.87-0.079,2.807-1.147,3.202-2.255c0.395-1.108,0.395-2.057,0.277-2.255c-0.119-0.198-0.435-0.316-0.909-0.554s-2.807-1.385-3.242-1.543c-0.435-0.158-0.751-0.237-1.068,0.238c-0.316,0.474-1.225,1.543-1.502,1.859c-0.277,0.317-0.554,0.357-1.028,0.119c-0.474-0.238-2.002-0.738-3.815-2.354c-1.41-1.257-2.362-2.81-2.639-3.285c-0.277-0.474-0.03-0.731,0.208-0.968c0.213-0.213,0.474-0.554,0.712-0.831c0.237-0.277,0.316-0.475,0.474-0.791c0.158-0.317,0.079-0.594-0.04-0.831C20.612,19.329,19.69,16.983,19.268,16.045z' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

}




.photo-gallery {
  overflow-x: auto; /* Горизонтальная прокрутка */
  white-space: nowrap; /* Запрет переноса элементов */
  padding: 20px 0; /* Отступы сверху и снизу */
  -webkit-overflow-scrolling: touch; /* Плавный скролл на мобильных */
}

/* Стили для полосы прокрутки (опционально) */
.photo-gallery::-webkit-scrollbar {
  height: 8px;
}
.photo-gallery::-webkit-scrollbar-thumb {
  background: #4cb3ba;
  border-radius: 4px;
}