#header.menu-fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

pre {
    display: block;
    background-color: #dedede;
    border: 1px solid #ccc;
    padding: 30px;
    margin: 30px 0;
    font-size: 14px;
    font-family: Arial;
}

.projects .items .item.hide-item {
    display: none;
}

.projects .items strong {
    color: #111;
    text-decoration: none;
    min-height: 42px;
}

.projects .items a {
    border: none;
    text-decoration: none;
}

.projects .items ul span {
    color: #111;
}

.projects .items .visual .img {
    display: block;
    width: 100%;
    min-height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.section-dscr {
    font-size: 16px;
}

.section-dscr ul {
    font-size: 16px !important;
}

.section-dscr ul li {
    position: relative;
    font-size: 16px !important;
}

/*.section-dscr ul li:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #111; position: absolute; left: 0; top: 15px; }*/
h2.h1 {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 50px;
    line-height: 64px;
    margin: 0 0 23px;
    letter-spacing: -0.01em;
    font-weight: normal;
    font-style: normal;
}

.section-dscr .opisanie {
    font-size: 16px !important;
}

.section-dscr h2 {
    margin-top: 20px;
}

.photos li a .img {
    display: block;
    width: 100%;
    min-width: 254px;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.consult-form textarea.error, .consult-form input[type="text"].error {
    border-color: #ff0000;
}

.error {
    outline: 0;
    border-color: #ff0000;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
}

@keyframes error {
    0% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
    37% {
        transform: translateX(10px);
        timing-function: ease-out;
    }
    55% {
        transform: translateX(-10px);
        timing-function: ease-in;
    }
    73% {
        transform: translateX(8px);
        timing-function: ease-out;
    }
    82% {
        transform: translateX(-8px);
        timing-function: ease-in;
    }
    91% {
        transform: translateX(4px);
        timing-function: ease-out;
    }
    96% {
        transform: translateX(-4px);
        timing-function: ease-in;
    }
    100% {
        transform: translateX(0px);
        timing-function: ease-in;
    }
}


.articles .item .visual .img {
    display: block;
    width: 254px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.articles .item .visual .img.big {
    width: 540px;
    height: 423px;
}

.gallery .visual .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 350px;
    height: 233px;
}

.article .author .social ul li {
    padding: 0;
}

.article .author .social ul li:before {
    display: none;
}

#big-map {
    width: 100%;
    min-height: 628px;
}

.paginator-box {
    margin-top: 30px;
}

.callback-box {
    width: 740px;
    padding-left: 0;
    padding-right: 0;
    background: #f9fafa;
    margin: 0 auto;
    position: relative;
}

.callback-box .recall {
    clear: both;
    padding: 27px 64px 30px;
    background: #f9fafa;
}

.callback-box .recall legend {
    display: block;
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 22px;
}

.callback-box .recall p {
    background: url(images/icon_19.png) 4px 5px no-repeat;
    padding: 0 0 0 64px;
    font-size: 17px;
    min-height: 38px;
    line-height: 27px;
    margin: 0 0 27px;
}

.callback-box .recall .form-fow {
    overflow: hidden;
}

.callback-box .recall .col {
    float: left;
    width: 403px;
}

.callback-box .recall .col + .col {
    float: right;
    width: 175px;
    padding: 25px 0 0;
}

.callback-box .recall input[type=submit] {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 175px;
    text-align: center;
    background: #91c700;
    border: 0;
    color: #fff;
    font-size: 16px;
    height: 51px;
    border-radius: 23px;
}

.callback-box .recall input[type=text] {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: block;
    width: 100%;
    height: 52px;
    font-size: 16PX;
    color: #111;
    border-radius: 3px;
    background: #fff;
    padding: 0 24px;
    margin: 0 0 11px;
    border: 1px solid #c2cbd1;
}


.callback-box .recall input[type=text].error {
    border-color: #ff0000;
}

.callback-box .recall label {
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 -4px 8px;
}

.callback-box .recall span {
    display: block;
    padding: 0 0 0 8px;
    font-size: 12px;
    line-height: 17px;
    color: #626363;
}

.sab-nav li .drop ul.more-list {
    display: none;
}

.sab-nav li .drop .more-nav {
    margin-top: 10px;
}

.sab-nav li .drop .more-nav a {
    font-size: 17px;
    color: #000;
    border-bottom: 1px dotted rgba(0, 0, 0, .3);
    font-family: 'Museo Sans Cyrl 300';
}

.product-details:before {
    display: none;
}

.plans-box {
    margin: 30px 0;
}

.plans-box:after {
    content: "";
    display: block;
    clear: both;
}

.plans-box .left-box {
    width: 47%;
    float: left;
}

.plans-box .right-box {
    float: right;
    width: 47%;
}

.plans-box .slick-arrow {
    background-image: url(images/small-arows.png);
    width: 17px;
    height: 40px;
}

.plans-box .slick-arrow:before {
    display: none;
}

.plans-box .slick-arrow:after {
    display: none;
}

.plans-box .slick-arrow.slick-prev {
    background-position: left;
    left: -15px;
}

.plans-box .slick-arrow.slick-next {
    background-position: right;
    right: -15px;
}

.product .information .price {
    display: none;
}

.product .sidebar ul li {
    padding-right: 6px !important;
    margin-right: 6px !important;
}

.mob-nav-filter {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #595959;
    text-decoration: none;
    text-align: center;
    background: #edf0f0;
}

.mob-nav-filter:hover {
    color: #9dcd1c;
}

.mob-nav-filter .h {
    display: none;
}

.mob-nav-filter .s {
    display: block;
}

.mob-nav-filter i {
    padding: 0 0 0 13px;
    color: #b0a493;
    font-size: 4px;
    vertical-align: middle;
}

.mob-nav-filter .s i {
    position: relative;
    transform: rotate(180deg);
    display: inline-block;
    padding-right: 13px;
}

@media (max-width: 768px) {
    .mob-nav-filter {
        display: block;
    }

    .plans-box .right-box, .plans-box .left-box {
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }

    .plans-box .slick-arrow.slick-prev {
        left: -10px;
    }

    .plans-box .slick-arrow.slick-next {
        right: -10px;
    }

    .product .information .price {
        display: block;
    }

    .product .information .price:nth-child(2) {
        display: none;
    }

    .callback-box {
        width: 100%;
        min-width: 320px;
    }

    .callback-box .recall {
        padding: 15px;
    }

    .callback-box .recall .col {
        float: none;
        width: 100%;
    }

    .gallery-pagination .swiper-pagination-bullet {
        margin-bottom: 20px;
    }

    .breadcrumbs .back {
        float: none;
    }

    .main-content-box {
        display: flex;
        flex-flow: wrap;
    }

    /*.main-content-box .filter { flex: 1; order: 1; width: 100%; }*/
    .main-content-box .catalog-items {
        order: 3;
        width: 100%;
    }

    .main-content-box .section-dscr {
        order: 4;
        width: 100%;
    }

    .main-content-box .slider {
        order: 5;
        width: 100%;
    }

    .projects .items .price strong {
        top: 68%;
    }

    .breadcrumbs {
        display: none;
    }

    .mob-filter {
        height: 0;
        overflow: hidden;
    }

    .product .slideshow .slides .slide .img {
        background-size: 100%;
    }
}

#footer .menu ul.hide-list {
    display: none;
}

.product .slideshow .slides .slide .img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

ul.contacts li.icon-mail strong a {
    font-size: 16px;
}

.product .price:before {
    top: -13px;
}

.favorite {
    display: none;
}

.bx-filter {
}

.bx-filter .bx-ui-slider-track-container {
    padding: 35px 15px 25px;
}

.bx-filter .bx-ui-slider-track {
    height: 4px;
    background-color: #edefef;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
    background-color: #edefef;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background-color: #9dcd1c;
}

.bx-filter.bx-blue .bx-ui-slider-handle {
    background: transparent !important;
    background-color: #fff !important;
    width: 18px;
    height: 18px;
    border: 5px solid #9dcd1c;
    border-radius: 100%;
    top: -7px !important;
}

.bx-filter.bx-blue .bx-ui-slider-handle.left {
    margin-left: -9px;
}

.bx-filter.bx-blue .bx-ui-slider-handle.right {
    margin-right: -9px;
}

.bx-filter .bx-ui-slider-range {
    z-index: 100;
}

.bx-filter .bx-ui-slider-part span {
    top: -25px;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left {
    margin-right: 15px;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left, .bx-filter .bx-filter-parameters-box-container-block.bx-right {
    display: inline-block;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left input, .bx-filter .bx-filter-parameters-box-container-block.bx-right input {
    width: 117px;
    border-radius: 3px;
    height: 41px;
    font-size: 14px;
    color: #13141c;
    padding: 0 30px 0 13px;
}

.filter-prop-205 input {
    background: #fff url(images/icon_12.png) 96px 13px no-repeat !important;
}

.filter-prop-201 input {
    background: #fff url(images/icon_13.png) 96px 13px no-repeat !important;
}

.services ul .visual .img {
    display: block;
    width: 253px;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
}

.filter .columns .column:nth-child(2n) {
    float: right;
}

.sort li.active.asc:after {
    background-image: url(images/icon_14-1.png);
}

#navigation .search {
    position: absolute;
    top: 16px;
    right: 12px;
}

#navigation .search > a {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(images/search.svg);
}

#navigation .search .search-form {
    position: absolute;
    right: 0;
    top: -15px;
    background-color: #fff;
    z-index: 100;
    height: 55px;
    width: 320px;
    padding: 10px 15px 0;
    display: none;
    border: 1px solid #c2cbd1;
}

#navigation .search .search-form button {
    background: transparent;
    background-image: url(images/search.svg);
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: none;
    display: inline-block;
    padding: 0;
}

#navigation .search .search-form input {
    background: transparent;
    border: none;
    height: 25px;
    display: inline-block;
    width: 250px;
    line-height: 25px;
}

.consult-form .res {
    font-size: 18px;
    font-family: 'Museo Sans Cyrl 700';
}

.mob-contacts {
    display: none;
    margin-top: 20px;
}

.mob-contacts div {
    margin-bottom: 10px;
}

.mob-contacts a {
    color: #fff;
    font-family: 'Museo Sans Cyrl 700';
    text-decoration: none;
}

.sub-sections-more {
    text-align: left;
}

.sub-sections-more a {
    font-size: 13px;
    text-decoration: none;
    color: #444c61;
    border-bottom: 1px dotted #444c61;
}

.sub-sections-list {
}

.sub-sections-list .hide-item {
    display: none;
}

#del_filter {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    border-bottom: 1px dotted #707070;
    line-height: 1.2;
    color: #a7a7ac;
    vertical-align: middle;
}

#set_filter {
    background: transparent;
    border: none;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    display: inline-block;
    border: 0;
    background: #91c700;
    font-size: 13px;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    max-width: 255px;
    vertical-align: middle;
}

#set_filter:hover {
    background-color: #f3152f;
}

.filter .columns .column {
    width: 32%;
}

.filter .columns .column:nth-child(2n) {
    float: left;
}

.filter .filter-nav-box.column {
    float: right;
    width: 29%;
    text-align: center;
}

.building ul li a {
    color: #111;
    text-decoration: none;
}

.navigator-nav {
    display: none;
}

.articles-box {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    width: 100%;
}

.articles-box .visual {
    margin: 0 0 13px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.articles-box .visual .img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 350px;
    height: 233px;
}

.articles-box em {
    font-size: 13px;
    line-height: 22px;
    font-style: normal;
    margin: 0 0 11px;
    display: block;
    color: #626363;
    letter-spacing: -0.005em;
}

.articles-box h4 {
    transition: all 0.3s linear;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 15px;
    font-size: 21px;
    line-height: 24px;
    letter-spacing: -0.005em;
}

.articles-box p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    letter-spacing: -0.005em;
}

.steeps-photos-list {
    font-size: 0;
    line-height: 0;
}

.more-works .heading h4, .steeps-photos-list h4 {
    font-size: 50px;
}

.steeps-photos-list .item {
    display: inline-block;
    vertical-align: top;
    width: 254px;
    margin: 0 31px 28px 0;
}

.steeps-photos-list .item.hide-item {
    display: none;
}

.steeps-photos-list .items .item:nth-child(4n+4) {
    margin: 0 0 16px;
}

.steeps-photos-list .item a {
    display: block;
    position: relative;
}

.steeps-photos-list .item .img {
    display: block;
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.steeps-photos-list .item .dscr {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, .5);
    color: #000;
    display: block;
    width: 100%;
    z-index: 100;
    font-size: 14px;
}

.main-content-box.no-flex {
    display: block;
}

.small-head {
    font-size: 50px;
}

.filter {
    padding-bottom: 45px;
}

@media (max-width: 768px) {

    .articles-box .visual .img {
        max-width: 100%;
    }

    .articles-list {
        overflow: hidden;
    }

    .articles-list .gallery-holder {
        display: block;
    }

    .articles-list .gallery-holder .gallery-item {
        flex: none;
        margin: 0 0 30px;
    }

    .articles .item .visual .img, .articles .item .visual .img.big {
        width: 100%;
        height: 233px;
    }

    .navigator-nav {
        display: block;
    }

    .mob-contacts {
        display: block;
    }

    #navigation .search {
        position: relative;
        top: 0;
        right: auto;
        margin-top: 15px;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form {
        display: block !important;
        position: relative;
        top: 0;
    }

    #footer .contacts {
        text-align: center;
    }

    #footer .contacts li {
        display: block;
    }

    #footer .contacts li.map-nav {
        display: none;
    }

    #footer .contacts li:before {
        display: none;
    }

    #footer .contacts li span {
        margin-bottom: 15px;
    }

    ul.contacts li span a {
        float: none !important;
        margin-bottom: 5px !important;
    }

    .filter .columns .column {
        width: 100%;
    }

    #header {
        height: 50px;
    }

    .logo {
        width: 110px;
        height: 32px;
        top: 9px;
    }

    .mb-burger {
        top: 0px;
    }

    #header .contacts {
        display: block;
        top: 17px;
        right: 52px;
    }

    ul.contacts li:nth-child(3):before {
        display: none;
    }

    ul.contacts li span {
        display: none;
    }

    ul.contacts li strong a {
        font-size: 16px;
    }

    .catalog-sections-box {
        position: relative;
    }

    .filter .h5.sections-title,
    .filter h5.sections-title {
        border-radius: 3px;
        height: 41px;
        font-size: 14px;
        border: 1px solid #ccd5db;
        padding: 0 13px;
        line-height: 41px;
        position: relative;
        cursor: pointer;
        background-color: #fff;
    }

    .filter .h5.sections-title:after,
    .filter h5.sections-title:after {
        border: 6px solid transparent;
        border-top: 6px solid #ccd5db;
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .filter .sub-sections-list {
        display: none;
    }

    .filter .sub-sections-list .hide-item {
        display: block;
    }

    .sub-sections-more {
        display: none;
    }

    .steeps-photos-list .item {
        width: 100%;
        display: block;
    }

    .steeps-photos-list .item .img {
        height: 250px;
    }

    .steeps-photos-list h4 {
        font-size: 30px;
    }

    .article.work-dscr-box .video {
        display: block;
    }

    .detail-dscr-box {
        overflow: hidden;
    }
}

.projects .items .price .btn {
    border-color: #91c700;
}

.form-prvt {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #626363;
}

@media (max-width: 768px) {
    .article.work-dscr-box .video {
        background: transparent;
        width: 100%;
        /*
        height: 100%;*/
    }

    .article.work-dscr-box .video iframe {
        width: 100% !important;
        height: 350px !important;
    }
    .detail-dscr-box { width: 100%; }
    .article.work-dscr-box  .iframeLoaderScroll { width: 100%; height: 100%; }
}

/* Styles new block */
.equipment-block {
    padding: 0 0 50px;
}

.short-info {
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 44px;
}

.title-block {
    margin: 0 0 47px;
    position: relative;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 40px;
    line-height: 44px;
    padding: 0 0 0 33px;
    letter-spacing: -0.007em;
}

.title-block:after {
    position: absolute;
    content: '';
    top: -2px;
    /* bottom: -7px; */
    height: 46px;
    left: 2px;
    background: #f92153;
    width: 4px;
}

.list-info {
    padding: 0 0 0 42px;
}

.list-info li {
    margin: 0 0 66px;
}

.list-info li:after {
    clear: both;
    display: block;
    content: '';
}

.list-info .icon {
    float: left;
    width: 67px;
    text-align: center;
}

.list-info .desc-info {
    padding: 2px 0 0 21px;
    overflow: hidden;
}

.desc-info p {
    margin: 0 0 0;
}

.premium {
    color: #726554;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 22px;
    line-height: 30px;
}

.warning {
    color: #5d2938;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 24px;
    padding: 1px 0 0;
    position: relative;
}

.warning:after {
    position: absolute;
    content: '';
    top: -20px;
    bottom: -15px;
    right: 0;
    left: -42px;
    background: #fef7f9;
    border-radius: 4px;
    z-index: -1;
}

.warning .title-desc {
    display: block;
    margin: 0 0 4px;
    color: #1e0e12;
    font-size: 22px;
    line-height: 30px;
}

.warning .desc-info {
    margin: -10px 0 0;
    padding: 0 0 0 21px;
}

.warning .desc-info b {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
}

.material-box:after {
    clear: both;
    display: block;
    content: '';
}

.visual-box {
    float: right;
    width: 50%;
    margin: 0 0 -85px;
    padding: 10px 0 0;
}

.inner-img {
    margin: 0 -151px 0 -145px;
}

.text-box {
    float: left;
    width: 50%;
    padding: 8px 0 0;
}

.inner-box {
    max-width: 460px;
}

.title-box {
    margin: 0 0 43px;
    color: #000;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 33px;
    line-height: 36px;
    letter-spacing: -0.005em;
}

.inner-box .title-box {
    margin: 0 -100% 58px 0;
}

.list-feature {
    padding: 0 0 0 55px;
    margin: 0 0 43px;
}

.inner-box .list-feature {
    margin: 0 0 66px;
}

.list-feature li {
    margin: 0 0 35px;
}

.inner-box .list-feature li {
    margin: 0 0 42px;
}

.list-feature li:after {
    clear: both;
    display: block;
    content: '';
}

.list-feature .icon {
    float: left;
    width: 57px;
    text-align: center;
    padding: 6px 0 0;
}

.list-feature .desc {
    overflow: hidden;
    padding: 0 0 0 23px;
    color: #111;
    font-size: 18px;
    line-height: 24px;
}

.list-feature .desc b {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
}

.list-feature .share {
    margin: 0 -35% 35px 0;
}

.more-info {
    display: none;
}

.btn-more {
    display: block;
    margin: 0 auto;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 22px;
    padding: 15px 46px;
    position: relative;
    text-align: left;
    width: 100%;
    max-width: 279px;
    background: #91c700;
    border-radius: 29px;
    border: 1px solid #91c700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.btn-more:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 28px;
    width: 14px;
    height: 7px;
    margin: -4px 0 0;
    background: url("images/icon-01.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.equipment-block.active .btn-more:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-more:hover {
    color: #fff;
}

.equipment-block.active .btn-more .hide,
.btn-more .show {
    display: none;
}

.equipment-block.active .btn-more .show,
.btn-more .hide {
    display: inline;
}

.item-info {
    padding: 5px 0 40px;
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 57px;
}

.item-info:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

.item-info .title-block {
    margin: 0 0 43px;
}

.info-box {
    margin: 0 0 39px;
    padding: 0 46px 0;
}

.info-box:after {
    clear: both;
    display: block;
    content: '';
}

.info-box .icon {
    float: left;
    width: 66px;
    text-align: center;
}

.info-desc {
    padding: 0 0 0 22px;
    font-size: 22px;
    line-height: 30px;
    color: #726554;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    overflow: hidden;
    letter-spacing: -0.005em;
}

.info-desc em {
    font-style: normal;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    color: #c5153e;
}

.item-info .title-box {
    margin: 0 0 23px;
}

.list-options {
    margin: 0 -69px 34px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0 24px;
}

.list-options li {
    padding: 0 15px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 17px;
}

.list-options li:after {
    clear: both;
    display: block;
    content: '';
}

.preview {
    float: left;
    position: relative;
}

.img-preview {
    border-radius: 50%;
    overflow: hidden;
}

.img-preview img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.preview .icon {
    position: absolute;
    top: 31px;
    right: -5px;
    width: 39px;
    height: 39px;
    background: #9ece20;
    border-radius: 50%;
}

.preview .icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 18px;
    height: 10px;
    margin: -5px 0 0 -5px;
    background: url("images/icon-01.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.desc-option {
    padding: 38px 0 0 50px;
    overflow: hidden;
}

.desc-option strong {
    display: block;
    margin: 0 0 11px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 20px;
    line-height: 24px;
    max-width: 200px;
}

.desc-option a {
    display: block;
    padding: 0 0 0 30px;
    position: relative;
    color: #9ca4af;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-decoration: none;
}

.desc-option a:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: url("images/ruble.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.list-options .consultation {
    padding: 31px 0 0 40px;
    position: relative;
}

.consultation .title {
    display: block;
    margin: 0 0 8px;
    font-size: 27px;
    line-height: 30px;
    color: #000;
    font-family: "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
    position: relative;
}

.consultation .title:after {
    position: absolute;
    content: '';
    top: 4px;
    left: -53px;
    width: 30px;
    height: 30px;
    background: url("images/loading.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    display: none;
}

.consultation .title span {
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    color: #91c700;
    display: block;
}

.consultation p {
    margin: 0 0 17px;
    color: #111;
    font-size: 16px;
    line-height: 24px;
}

.consultation .btn {
    color: #000;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 15px;
    line-height: 19px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 7px 45px;
    border: 2px solid #91c700;
    border-radius: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: auto;
    height: auto;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.consultation .btn:hover {
    background: #91c700;
    color: #fff;
}

.row {
    margin: 0 -15px;
}

.row:after {
    clear: both;
    display: block;
    content: '';
}

.col-50 {
    float: left;
    padding: 0 15px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text {
    color: #111;
    padding: 3px 0 0;
    margin: 0 -30px 0 0;
    position: relative;
    z-index: 1;
}

.text p {
    margin: 0 -50px 46px 0;
    font-size: 18px;
    line-height: 24px;
}

.list-check {
    margin: 0 0 0;
}

.list-check li {
    margin: 0 0 26px;
    padding: 0 0 0 120px;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.005em;
}

.list-check li:after {
    position: absolute;
    content: '';
    top: 5px;
    left: 42px;
    width: 53px;
    height: 53px;
    background: url("images/check.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.item-img {
    margin: -56px -168px -123px -89px;
}

.subtitle {
    display: block;
    color: #111;
    font-family: "Museo Sans Cyrl 300", "Arial", "Helvetica", sans-serif;
    font-size: 24px;
    line-height: 30px;
    max-width: 440px;
    margin: -3px 0 0;
}

.sub-info {
    display: block;
    padding: 6px 0 0 43px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    position: relative;
}

.sub-info:after {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    top: 10px;
    left: 5px;
    background: url("images/info.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.window-box {
    position: relative;
    z-index: 1;
    padding: 13px 0 40px;
}

.window-box:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: url("images/img-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.window-box .item-img {
    margin: 7px -144px -139px -49px;
}

.window-box .text {
    margin: 0 -88px 0 0;
    padding: 0 0 0 55px;
}

.window-box .info-box {
    padding-left: 0;
}

.window-box .info-box .icon {
    margin: 0 0 0 -11px;
}

.window-box .info-desc {
    color: #24343d;
    font-size: 18px;
    line-height: 24px;
}

.window-box .info-desc strong {
    display: block;
    margin: 0 0 9px;
    font-size: 22px;
    line-height: 30px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.list-plus {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px 54px;
    padding: 9px 0 0;
}

.list-plus li {
    width: 50%;
    margin: 0 0 0;
    padding: 0 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.list-plus li .icon {
    min-width: 66px;
}

.list-plus li strong {
    display: block;
    padding: 0 0 0 36px;
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.window-box .text p {
    margin: 0 0 24px;
    letter-spacing: -0.005em;
}

.doors-box {
    padding: 12px 0 40px;
}

.doors-box .info-box {
    padding: 0 0 0 46px;
}

.doors-box .info-desc {
    color: #111;
    font-size: 18px;
    line-height: 24px;
}

.doors-box .info-box strong {
    display: block;
    margin: 0 0 17px;
    color: #726554;
    font-size: 22px;
    line-height: 30px;
}

.doors-box .item-img {
    margin: -30px -186px -55px 0;
    padding: 0 0 0 51px;
    position: relative;
}

.item-img .icon {
    border-radius: 50%;
    color: #fff;
    font-family: "Museo Sans Cyrl 900", "Arial", "Helvetica", sans-serif;
    font-size: 17px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 50%;
    padding: 20px;
    width: 139px;
    height: 139px;
    background: rgba(145, 199, 0, .96);
    margin: 0 0 0 -10px;
    display: block;
    font-style: normal;
}

.item-img .icon span {
    padding: 58px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.item-img .icon span:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 4px;
    width: 46px;
    height: 52px;
    background: url("images/shield.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 0 0 0 -24px;
}

.roof-box {
    padding: 3px 0 40px;
}

.roof-box .item-img {
    margin: -58px -112px -60px -45px;
}

.roof-box p {
    color: #000;
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 46px;
}

.roof-box .text {
    margin: 0 -20px 0 0;
}

.list-check.small {
    padding: 5px 65px 0 0;
    margin: 0 0 30px;
}

.list-check.small li {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 0 102px;
    margin: 0 0 25px;
}

.list-check.small li:after {
    width: 32px;
    height: 32px;
    top: -4px;
    left: 48px;
}

.share-info {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    padding: 0 0 0 102px;
}

.share-info .icon {
    position: absolute;
    top: 3px;
    left: 29px;
    width: 48px;
    height: 48px;
}

.commun-box {
    padding: 0 0 40px;
}

.commun-box .title-block {
    margin: 0 0 52px;
}

.list-communication {
    padding: 0 71px 0 45px;
    margin: 0 0 29px;
}

.list-communication li {
    margin: 0 0 27px;
}

.list-communication li:after {
    clear: both;
    display: block;
    content: '';
}

.list-communication .preview {
    margin: 0 0 -23px;
}

.list-communication .preview .icon {
    width: 58px;
    height: 58px;
    top: 44px;
    right: -1px;
}

.list-communication .preview .icon:after {
    width: 42px;
    height: 42px;
    background: url("images/icon-02.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: -21px 0 0 -21px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.list-communication .desc-option {
    /* padding: 58px 0 0 54px; */
    padding: 18px 0 0 54px;
    max-width: 700px;
}

.list-communication .desc-option strong {
    max-width: 100%;
    margin: 0 0 21px;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.list-communication .desc-option p {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 28px;
    color: #000;
}

.list-communication li:nth-child(even) {
    margin: 0 0 23px;
}

.list-communication li:nth-child(even) .preview {
    float: right;
}

.list-communication li:nth-child(even) .preview .icon {
    right: auto;
    left: -1px;
}

.list-communication li:nth-child(even) .desc-option {
    padding: 58px 68px 0 0;
    /* padding: 18px 68px 0 0; */
    text-align: right;
}

.branch-box {
    padding: 27px 0 40px;
}

.branch-box .title-block {
    margin: 0 0 32px;
}

.list-branch {
    margin: 0 0 0;
}

.list-branch > li {
    padding: 0 50px 0 0;
    margin: 0 0 57px;
}

.list-branch > li:nth-child(even) {
    padding: 0 0 0 16px;
}

.list-branch > li:after {
    clear: both;
    display: block;
    content: '';
}

.list-branch li .preview {
    float: right;
    margin: -40px 0 0;
}

.list-branch li:nth-child(even) .preview {
    float: left;
}

.list-branch li .preview .icon {
    right: 9px;
    top: 56px;
}

.list-branch li:nth-child(odd) .preview .icon {
    right: auto;
    left: 13px;
    top: 44px;
}

.list-branch li:nth-child(odd) .preview .icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: -5px 0 0 -10px;
}

.list-branch li .desc-option {
    padding: 0 50px 0 0;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0.01em;
}

.list-branch li:nth-child(even) .desc-option {
    padding: 20px 0 0 48px;
}

.list-branch li .desc-option p {
    margin: 0 0 41px;
}

.list-branch .list-check {
    padding: 0 0 0 0;
}

.list-branch .list-check li {
    padding: 0 0 0 130px;
}

.list-branch .list-check li:first-child {
    max-width: 470px;
}

.list-branch .list-check li:after {
    top: 50%;
    margin: -27px 0 0;
    left: 54px;
}

.list-branch .title {
    display: block;
    margin: 0 0 36px;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    max-width: 100%;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    letter-spacing: -0.01em;
}

.text-wrap {
    padding: 0 0 0 79px;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #111;
}

.text-wrap:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 35px;
    width: 3px;
    background: #c7b59d;
}

.list-branch li .desc-option .text-wrap p {
    margin: 0 0 24px;
}

.text-wrap small {
    font-size: 16px;
}

.cant-box {
    padding: 0 0 31px;
}

.cant-box .inner-img {
    margin: 0px -188px 0 -22px;
    padding: 71px 0 0;
}

.cant-box .inner-box {
    max-width: 100%;
    padding: 15px 0 0 35px;
}

.title-list {
    margin: 0 -100% 43px 0;
    color: #111;
    font-size: 22px;
    line-height: 30px;
}

.list-num {
    font-size: 0;
    line-height: 0;
    margin: 0 -20px 47px -100px;
}

.list-num li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 43px;
    position: relative;
    margin: 0 0 0 100px;
}

.list-num li + li:after {
    position: absolute;
    content: '';
    top: 3px;
    left: -66px;
    width: 31px;
    height: 37px;
    background: url("images/icon-03.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.list-num .num {
    position: absolute;
    top: -11px;
    left: 0;
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 44px;
    line-height: 44px;
}

.list-num strong {
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.list-num strong span {
    display: block;
}

.cant-box .premium {
    margin: 0 0 50px;
}

.cant-box .premium:after {
    clear: both;
    display: block;
    content: '';
}

.cant-box .premium .icon {
    float: left;
    display: block;
}

.cant-box .premium .desc-info {
    overflow: hidden;
    padding: 0 10px 0 20px;
    color: #726554;
    font-size: 18px;
    line-height: 25px;
}

.cant-box .premium p {
    margin: 0 0 31px;
}

.cant-box .premium .desc {
    font-size: 22px;
    line-height: 30px;
}

.cant-box .info-box {
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 90px;
    position: relative;
}

.cant-box .info-box:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 44px;
    width: 22px;
    height: 22px;
    background: url("images/info.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.walls-box {
    padding: 12px 0 52px;
}

.walls-box p {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.walls-box .info-box {
    padding: 0 0 0 46px;
    margin: 0 -15px 50px 0;
}

.walls-box .info-desc {
    letter-spacing: -0.06em;
}

.walls-box .info-desc strong {
    display: block;
    margin: 0 0 5px;
    letter-spacing: -0.005em;
}

.temp-box {
    margin: 0 0 56px;
    padding: 0 0 0 45px;
}

.temp-box:after {
    clear: both;
    display: block;
    content: '';
}

.temp-box .icon {
    float: left;
    display: block;
    width: 68px;
}

.temp-box .desc {
    overflow: hidden;
    padding: 0 0 0 19px;
    line-height: 22px;
}

.temp-box .desc p {
    line-height: 22px;
    margin: 0 0 22px;
}

.temp-box .desc small {
    font-size: 16px;
    line-height: 22px;
}

.walls-box .item-img {
    margin: -27px -12px -123px 0px;
    padding: 0 0 0 57px;
}

.walls-box .subtitle {
    max-width: 100%;
    margin: 0 0 6px;
}

.list-doors {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -125px 0 -15px;
    -ms-align-items: center;
    align-items: center;
}

.list-doors li {
    width: 50%;
    padding: 0 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.list-doors .img-list {
    width: 162px;
    min-width: 162px;
}

.list-doors .img-list img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.list-doors .desc {
    color: #111;
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 0 20px;
    margin: -32px 0 0;
}

.list-doors .desc strong {
    display: block;
    color: #111;
    font-size: 18px;
    line-height: 22px;
}

.list-communication li .small-text {
    font-size: 18px;
    line-height: 28px;
    max-width: 650px;
    letter-spacing: 0.02em;
    margin: 0 0 17px;
}

.list-communication li .sub-info {
    font-size: 16px;
    line-height: 22px;
    max-width: 500px;
}

.list-communication li:nth-child(even) .sub-info {
    max-width: 100%;
    padding: 6px 38px 0 100px;
}

.list-communication li:nth-child(even) .sub-info:after {
    left: auto;
    right: 0;
}

.list-communication li .sub-info em {
    font-style: normal;
    color: #111;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: block;
}

.eco-box {
    position: relative;
    padding: 15px 80px 0 100px;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px;
}

.eco-box:after {
    position: absolute;
    content: '';
    top: 22px;
    right: 0;
    width: 57px;
    height: 32px;
    background: url("images/eco.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.carcass .info-box {
    padding: 0 210px 0 22px;
}

.item-advantages {
    margin: 0 0 25px;
    padding: 0 40px 0 25px;
}

.item-advantages:after {
    clear: both;
    display: block;
    content: '';
}

.item-advantages .icon {
    display: block;
    float: left;
    width: 68px;
}

.item-advantages .desc {
    overflow: hidden;
    padding: 0 0 0 22px;
    font-size: 16px;
    line-height: 22px;
}

.carcass .sub-info em {
    font-style: normal;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    padding: 10px 0 0;
    display: block;
}

.consul-block {
    background: url("images/img-bg-01.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 62px 122px;
    margin: 0 0 50px;
}

.consul-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.consul-box .text-box {
    position: relative;
    padding: 0 20px 0 39px;
    width: 65%;
    float: none;
}

.consul-box .text-box:after {
    position: absolute;
    content: '';
    left: -26px;
    top: -8px;
    width: 42px;
    height: 30px;
    background: url("images/icon-04.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.consul-box .text-box strong {
    display: block;
    margin: 0 0 14px;
    color: #111;
    font-size: 44px;
    line-height: 44px;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
}

.consul-box .text-box p {
    color: #444;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}

.consul-box .btn-holder {
    text-align: center;
    padding: 7px 8px 0 0;
}

.btn-red {
    color: #fff;
    font-family: "Museo Sans Cyrl 700", "Arial", "Helvetica", sans-serif;
    font-size: 19px;
    line-height: 22px;
    width: 254px;
    min-width: 254px;
    background: #f3152f;
    border-radius: 31px;
    box-shadow: 0 10px 29px rgba(243, 21, 47, 0.35),
    inset 0 -6px 0 rgba(18, 19, 18, 0.13);
    padding: 20px 15px;
    margin: 0 0 14px;
    min-width: auto;
    height: auto;
    display: block;
    border: 1px solid #f3152f;
}

.btn-red:hover {
    background: #91c700;
    border: 1px solid #91c700;
}

.consul-box .btn-holder span {
    color: #9fa2a4;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
    max-width: 254px;
}

@media screen and (max-width: 1024px) {
    .consul-block {
        padding: 62px 30px;
    }
}

@media screen and (max-width: 960px) {
    .visual-box {
        float: none;
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }

    .inner-img {
        margin: 0 0 -140px;
    }

    .text-box {
        float: none;
        width: 100%;
    }

    .inner-box,
    .subtitle {
        max-width: 100%;
    }

    .inner-box .title-box {
        margin: 0 0 58px;
    }

    .title-box br {
        display: none;
    }

    .list-feature .share {
        margin: 0 0 35px;
    }

    .col-50 {
        width: 100%;
        float: none;
    }

    .item-img {
        margin: 0 0 -90px;
        text-align: center;
    }

    .window-box:after {
        background-position: 0 0;
    }

    .text {
        margin: 0;
    }

    .window-box .text,
    .roof-box .text {
        margin: 0 0 30px;
    }

    .doors-box .item-img,
    .roof-box .item-img {
        padding: 0;
        margin: 0 0 0;
        text-align: center;
    }

    .list-communication {
        padding: 0;
    }

    .list-branch .list-check li {
        padding: 0 0 0 70px;
    }

    .list-branch .list-check li:after {
        left: 0;
    }

    .list-options {
        padding: 0;
        margin: 0 0 34px;
    }

    .desc-option {
        padding: 38px 0 0 30px;
    }

    .window-box .item-img {
        margin: 0 0 -30px;
    }

    .cant-box .inner-img {
        padding: 0;
        margin: 0 0 -70px;
        text-align: center;
    }

    .walls-box .item-img {
        padding: 0;
        margin: 0 0 0;
    }

    .list-doors {
        margin: 0 0 40px;
    }

    .title-list {
        margin: 0 0 43px;
    }

    .walls-box .info-box {
        margin: 0 0 50px;
    }

    .item-advantages {
        padding: 0;
    }
}

@media screen and (max-width: 760px) {
    .title-block {
        font-size: 32px;
        line-height: 36px;
    }

    .list-info,
    .list-feature,
    .info-box,
    .window-box .text,
    .doors-box .info-box,
    .list-check.small {
        padding: 0;
    }

    .premium,
    .info-desc {
        font-size: 18px;
        line-height: 24px;
    }

    .title-box {
        font-size: 28px;
        line-height: 32px;
    }

    .list-options {
        display: block;
    }

    .list-options li {
        width: 100%;
    }

    .desc-option strong {
        max-width: 100%;
    }

    .consultation .title:after {
        left: -43px;
    }

    .consultation .title span {
        display: inline;
    }

    .list-check li {
        padding: 0 0 0 70px;
    }

    .list-check li:after {
        left: 0;
    }

    .share-info .icon {
        left: 0;
    }

    .share-info,
    .list-check.small li {
        padding: 0 0 0 60px;
    }

    .list-check.small li:after {
        left: 10px;
    }

    .list-communication .preview,
    .list-communication li:nth-child(even) .preview,
    .list-branch li .preview,
    .list-branch li:nth-child(even) .preview {
        float: none;
        margin: 0 auto 30px;
        max-width: 282px;
        width: 100%;
    }

    .list-communication .desc-option,
    .list-communication li:nth-child(even) .desc-option,
    .list-branch li .desc-option,
    .list-branch li:nth-child(even) .desc-option {
        padding: 0;
        margin: 0;
        max-width: 100%;
        text-align: center;
    }

    .list-branch > li,
    .list-branch > li:nth-child(even) {
        padding: 0;
    }

    .list-branch .list-check {
        text-align: left;
    }

    .text-wrap {
        padding: 0;
    }

    .text-wrap:after {
        display: none;
    }

    .text p {
        margin: 0 0 46px;
    }

    .window-box .info-box .icon {
        margin: 0;
    }

    .list-communication li .sub-info,
    .list-communication li .small-text,
    .list-communication li:nth-child(even) .sub-info,
    .eco-box {
        max-width: 100%;
        padding: 6px 0 6px 43px;
        text-align: left;
    }

    .list-communication li:nth-child(even) .sub-info,
    .eco-box {
        padding: 6px 0 6px 70px;
    }

    .list-communication li:nth-child(even) .sub-info:after,
    .eco-box:after {
        left: 0;
        right: auto;
        top: 10px;
    }

    .list-doors .img-list {
        width: 102px;
        min-width: 102px;
    }

    .cant-box .inner-box,
    .walls-box .info-box,
    .temp-box {
        padding: 0;
    }

    .consul-box {
        display: block;
    }

    .consul-box .text-box {
        margin: 0 0 30px;
    }

    .consul-box .btn-holder {
        padding: 0;
    }

    .btn-red {
        margin: 0 auto 14px;
    }

    .consul-box .btn-holder span {
        margin: 0 auto;
    }

    .warning:after {
        left: -20px;
        right: -20px;
    }

    .consul-box .text-box {
        width: 100%;
    }
}

@media screen and (max-width: 590px) {
    .list-doors li {
        width: 100%;
        margin: 0 0 20px;
    }

    .list-num {
        margin: 0 0 47px;
    }

    .list-num li {
        display: block;
        margin: 0 0 20px;
    }

    .list-num li + li:after {
        display: none;
    }

    .list-num li span {
        display: inline;
    }
}

@media screen and (max-width: 480px) {
    .inner-img {
        margin: -40px 0 -70px;
    }

    .info-box .icon,
    .list-check li:after,
    .list-info .icon,
    .cant-box .premium .icon,
    .temp-box .icon,
    .item-advantages .icon {
        width: 36px;
    }

    .preview {
        width: 120px;
    }

    .preview .icon {
        top: 0;
    }

    .list-check li {
        padding: 0 0 0 45px;
    }

    .item-img {
        margin: 0 0 -30px;
    }

    .subtitle,
    .window-box .info-desc strong {
        font-size: 20px;
        line-height: 26px;
    }

    .list-plus li .icon {
        min-width: 36px;
        width: 36px;
    }

    .list-plus li strong {
        padding: 0 0 0 16px;
    }

    .list-plus li {
        width: 100%;
        margin: 0 0 20px;
    }

    .doors-box .info-box strong {
        font-size: 18px;
        line-height: 26px;
    }

    .list-communication .desc-option strong,
    .list-branch .title {
        font-size: 28px;
        line-height: 30px;
    }

    .list-communication .desc-option p {
        font-size: 18px;
        line-height: 24px;
    }

    .cant-box .info-box {
        padding: 0 0 0 53px;
    }

    .cant-box .info-box:after {
        left: 0;
    }

    .desc-option {
        padding: 18px 0 0 15px;
    }

    .consul-block {
        padding: 40px 30px;
    }

    .consul-box .text-box:after {
        width: 27px;
        height: 20px;
    }

    .consul-box .text-box {
        padding: 0 0 0 15px;
    }

    .consul-box .text-box strong {
        font-size: 34px;
        line-height: 34px;
    }

    .consul-box .text-box p {
        font-size: 20px;
        line-height: 26px;
    }

    .btn-red {
        width: 100%;
        max-width: 254px;
    }
}

/* End Styles new block */

.gallery .text, .articles-box .text {
    margin: 0;
}

.gallery .text p, .articles-box .text p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.content-page-box {
}

.content-page-box ul {
    margin: 0 0 30px 20px;
}

.content-page-box ul li {
    position: relative;
    padding-left: 20px;
}

.content-page-box ul li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 12px;
}

@media (max-width: 768px) {
    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10000;
    }

    #wrapper {
        margin-top: 50px;
    }
}

.service-detail {
    margin: 30px 0;
}

.service-detail ul {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 18px;
}

.service-detail ul li {
    background: url(images/icon_07.png) 3px 3px no-repeat;
    padding: 0 0 14px 29px;
}

.service-detail ul li:last-child {
    padding-bottom: 0;
}

.services ul li strong {
    height: 42px;
}

.services ul .text .name {
    color: #111;
    text-decoration: none;
}

.services ul .text {
    height: 200px;
}

.services ul li p {
    font-size: 14px;
    line-height: 22px;
}

.services ul .visual {
    margin-right: 30px;
}

.services ul li {
    display: inline-flex;
}

.more-info {
    display: block;
}

.equipment-block .btn-holder {
    display: none;
}

.projects .items .item .btn {
    background-color: #f3152f;
    border-color: #f3152f;
    color: #fff;
}

.projects .items .item:hover .btn {
    background: transparent;
    border-color: #91c700;
    color: #48494d;
}

@media (max-width: 768px) {
    .services ul li {
        display: block;
    }

    .product .sidebar .price .btn {
        display: inline-block;
    }
}

.credit-box {
    position: relative;
    padding-left: 17px;
    display: flex;
    align-items: center;
}

.credit-box:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(images/credit-ico.png);
    position: absolute;
    left: -3px;
    top: 6px;
}

.credit-box .credit-price {
    font-weight: 700;
    font-size: 12px;
    color: #323232;
    line-height: 1.2;
    flex: 0 0 44%;
}

.credit-box .credit-price span {
    color: #8ca5b4;
    font-size: 15px;
    display: block;
}

.credit-box .nav-box {
    flex: 0 0 55%;
}

.credit-box .nav-box a {
    background-color: #bad0dd;
    border-radius: 20px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 12px;
}

.product .sidebar .row.credit-row {
    padding-right: 5px;
}

.credit-row-2 {
}

.credit-row-2 .credit-box {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 0 0 0;
    text-align: center;
    display: block;
    overflow: hidden;
}

.credit-row-2 .credit-box:before {
    display: none;
}

.credit-row-2 .credit-box .title {
    color: #323232;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

.credit-row-2 .credit-box .title:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    background-image: url(images/pb-logo.jpg);
    width: 68px;
    height: 33px;
    margin-right: 18px;
}

.credit-row-2 .credit-box .title div {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.credit-row-2 .credit-box .title span {
    color: #8ca5b4;
    font-size: 15px;
    display: block;
}

.credit-row-2 .credit-box .nav-box {
}

.credit-row-2 .credit-box .nav-box a {
    background: transparent;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: block;
    background-color: #cb045b;
    border-radius: 0;
}

.credit-row-2 .credit-box .nav-box a span {
    display: inline-block;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-image: url(images/pb-ico.png);
    background-position: right center;
    background-size: 13px;
}

#pos-credit-container {
    display: none;
    padding: 0;
}

.product .sidebar .btn {
    background-color: #f3152f;
    border: none;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
}

.product-details .frame .price strong.ask-price, .product .price strong.ask-price {
    font-size: 28px;
}


/* new style 16.06.2020 */

.nav li.arrow a:after,
.sab-nav > li > a:before {
    position: absolute;
    content: '';
    top: 12px;
    right: -12px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #bba890;
    border-right: 1px solid #bba890;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sab-nav > li:hover > a:before {
    opacity: 1;
}

.nav li {
    margin: 0 0 0 24px;
}

.nav li.arrow a {
    position: relative;
    padding: 0 15px 0 0;
}

.nav li.arrow a:after {
    opacity: 1;
    right: 0;
}

.active-top .sab-nav > li > a:before {
    opacity: 1;
}

.product .sidebar .btn,
.projects .items .item .btn {
    background: #91c700;
    border: 1px solid #91c700;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.product .sidebar .btn:hover,
.projects .items .item:hover .btn {
    color: #fff;
    background: #f3152f;
    border-color: #f3152f;
}

.sab-nav li .drop ul.sub-menu {
    width: auto;
    position: static;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0 0;
    margin: 0 0 2px;
    display: none;
}

.sub-menu li {
    display: block;
    position: relative;
    padding: 0 0 0 26px;
    margin: 0 0 0;
}

.sub-menu li:after {
    position: absolute;
    content: '';
    top: 8px;
    left: 5px;
    width: 7px;
    height: 1px;
    background: #6b8f0a;
}

.sub-menu li a {
    font-size: 14px;
    line-height: 20px;
    color: #111;
}

.sab-nav li .drop .more-nav {
    margin: 0;
}

.sab-nav li .drop .more-nav a {
    color: #090909;
    font-size: 13px;
    line-height: 13px;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    border-bottom: 1px dotted #91c700;
    padding: 4px 0;
}

.sab-nav li .drop .drop-menu:hover ul.sub-menu {
    display: block;
}

.sab-nav li .drop .drop-menu:hover > a,
.sab-nav li .drop .drop-menu > a:hover {
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    color: #13141c;
}

.article-info .information .visual span {
    height: 19px;
    line-height: 19px;
    border-radius: 4px 0 0 4px;
    padding: 0 7px 0 9px;
    bottom: 20px;
}

.content_article-box {
    padding: 27px 24px 35px;
    margin: 0 0 29px;
    border-bottom: 1px solid #d7cfc7;
    position: relative;
}

.content_article-box:after {
    position: absolute;
    content: '';
    top: 27px;
    left: 0;
    width: 11px;
    height: 14px;
    background: #91c700;
}

.content_article-box .title-list {
    display: block;
    margin: 0 0 24px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

.list-content {
    list-style: none;
    margin: 0 0 0;
    padding: 0 10px;
    -webkit-columns: 2;
    -moz-columns: 2;
    -o-columns: 2;
    columns: 2;
}

.list-content.three_columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    -o-columns: 3;
    columns: 3;
}

.list-content li {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: 0.005em;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.list-content li:after {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 12px;
    height: 1px;
    background: #6b8f0a;
}

.list-content li a {
    color: #111;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.list-content li a:hover {
    color: #91c700;
}

.article-title {
    margin: 0 0 27px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    color: #13141c;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
}

.article_text {
    line-height: 27px;
    padding: 0 98px;
    letter-spacing: -0.005em;
}

.article_text p {
    margin: 0 0 27px;
}

.article_text p b {
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.warning_block {
    padding: 61px 98px 40px;
    background: #faf5f8;
    margin: 0 0 48px;
}

.inner-warning {
    padding: 0 40px 0 93px;
    position: relative;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.005em;
}

.inner-warning:after {
    position: absolute;
    content: '';
    width: 69px;
    height: 69px;
    border-radius: 50%;
    top: 10px;
    left: -6px;
    background: url("/local/templates/bania.2.0/images/info-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.inner-warning .warning {
    display: block;
    margin: 0 0 28px;
    color: #651831;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    letter-spacing: -0.015em;
}

.warning_block.info_block {
    background: #f8faf3;
}

.info_block .inner-warning:after {
    background: url("/local/templates/bania.2.0/images/info-icon_02.svg") no-repeat;
}

.info_block .inner-warning .warning {
    color: #58692c;
}

.article-img {
    margin: 0 0 42px;
}

.article-img img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.article_text .list-info {
    padding: 5px 60px 0;
    margin: 0 0 36px;
}

.article_text .list-info li {
    margin: 0 0 6px;
}

.title-list-info {
    display: block;
    margin: 0 0 28px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 25px;
}

.warning_block .list-info {
    padding: 0 24px;
    margin: 0 0 18px;
}

.warning_block .list-info li {
    margin: 0 0 3px;
}

.warning_block .list-info li:before {
    border-color: #d04774;
    top: 8px;
}

.warning_block .list-info li em {
    font-style: normal;
    font-size: 16px;
}

.user-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 0 0 0 3px;
    float: left;
}

.user-block .avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 49px;
    height: 49px;
    min-width: 49px;
}

.user-block .avatar img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.user-info {
    padding: 0 0 0 20px;
}

.user-info .autor-user {
    display: block;
    margin: 0 0 0;
    color: #626363;
    font-size: 13px;
    line-height: 22px;
}

.user-info .name {
    display: block;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.similar_articles-block {
    padding: 34px 0 0;
    margin: 0 0 59px;
}

.similar_articles-block .gallery-holder {
    margin: 0 0 29px;
}

.similar_projects-block {
    margin: 0 0 30px;
}

.similar_projects-block h4 {
    color: #13141c;
    font-size: 50px;
    line-height: 64px;
    margin: 0 0 0;
}

.similar_projects-block .projects {
    margin: -8px 0 0;
}

.similar_projects-block .items .price strong {
    min-height: auto;
}

.similar_projects-block .items .price strong .old {
    color: #999;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-decoration: line-through;
    font-style: normal;
    display: block;
}

.similar_projects-block .items .item .btn {
    background: #91c700;
    border-color: #91c700;
    color: #fff;
}

.similar_projects-block .items .item:hover .btn {
    background-color: #f3152f;
    border-color: #f3152f;
    color: #fff;
}

.article_text .list-info-num {
    padding: 5px 60px 0;
    margin: 0 0 36px;
}

.wrap-img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -6px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-img .article-img {
    margin: 0 0 62px;
    padding: 0 6px;
    width: 50%;
}

.list-img {
    padding-top: 20px;
}

.list-img .desc-img {
    padding-top: 22px;
    display: block;
}

.list-img .article-img {
    margin: 0 0 41px;
}

.article_text .title-info {
    display: block;
    margin: 0 0 42px;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 25px;
}

.article .article_text .list-testimonial {
    padding: 0 19px;
    margin: -6px 0 43px;
}

.article .list-testimonial li {
    margin: 0 0 32px;
    position: relative;
    padding: 0;
}

.list-testimonial li:after {
    clear: both;
    display: block;
    content: '';
}

.list-testimonial li:before {
    display: none;
}

.list-testimonial .icon {
    width: 89px;
    float: left;
    padding: 13px 0 0;
    text-align: center;
}

.list-testimonial .desc {
    overflow: hidden;
    padding: 0 0 0 26px;
}

.list-testimonial .title-list {
    display: block;
    margin: 0 0 11px;
    font-weight: 400;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.list-testimonial li p {
    margin: 0;
}

.article .article_text .list-check {
    padding: 0 0 0 40px;
    margin: -2px 0 60px;
}

.article .article_text .list-check li {
    padding: 0 0 0 94px;
    margin: 0 0 30px;
}

.article .article_text .list-check li:before {
    width: 56px;
    height: 56px;
    background: url("/local/templates/bania.2.0/images/check-icon.svg") no-repeat;
    border: none;
    border-radius: 50%;
    top: 5px;
    left: 3px;
}

.list-check .title-list {
    margin: 0 0 11px;
    display: block;
    font-weight: 400;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.list-check .desc {
    font-size: 20px;
    line-height: 27px;
}

.sides-block {
    margin: 0 0 31px;
    padding: 45px 94px 42px;
}

.plus {
    background: #f6f8f2;
}

.minus {
    background: #faf8f9;
    margin: 0 0 54px;
}

.sides-block .inner-sides {
    position: relative;
    padding: 0 0 0 52px;
}

.sides-block .inner-sides:after {
    position: absolute;
    content: '';
    top: -7px;
    left: 0;
    width: 42px;
    height: 42px;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.plus .inner-sides:after {
    background: url("/local/templates/bania.2.0/images/plus-icon.svg") no-repeat;
}

.minus .inner-sides:after {
    background: url("/local/templates/bania.2.0/images/minus-icon.svg") no-repeat;
}

.sides-block .title-box {
    display: block;
    margin: 0 0 11px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
}

.plus .title-box {
    color: #91c700;
}

.minus .title-box {
    color: #d04774;
}

.article .sides-block .list-info {
    padding: 0 0 0 7px;
    margin: 0;
}

.article .sides-block .list-info li {
    margin: 0 0 3px;
    line-height: 27px;
    top: 9px;
}

.article .minus .list-info li {
    margin: 0 0 9px;
}

.article .minus .list-info li:before {
    border: 2px solid #d04774;
}

.wrap-quote .quote-block {
    margin: 0 0 0;
}

.wrap-quote .left {
    margin: -40px 0 0;
    /* padding-top: 0; */
}

.left .video {
    float: left;
    margin: 0 0 0 -15px;
}

.left .video a:after {
    display: none;
}

.wrap-quote .text-quote {
    overflow: hidden;
}

.wrap-quote .left .text-quote {
    padding: 20px 0 0 25px;
}

.wrap-quote h2 {
    margin: 0 0 28px;
    line-height: 36px;
}

.wrap-quote .left h2 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 13px;
}

.wrap-quote .quote-block p {
    line-height: 25px;
    margin: 0 0 11px;
}

.wrap-quote ul {
    margin: 0 0 11px;
}

.wrap-quote ul li {
    font-size: 16px;
    line-height: 25px;
}

.quote-subtitle {
    display: block;
    margin: 0 0 13px;
    font-size: 25px;
    line-height: 30px;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.head-slider {
    position: relative;
    padding: 0 90px 0 0;
}

.head-slider .link {
    position: absolute;
    right: 0;
    bottom: 1px;
    display: inline-block;
    vertical-align: top;
    padding: 0 23px 0 0;
    color: #626363;
    font-size: 13px;
    line-height: 22px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.head-slider .link:hover {
    color: #91c700;
}

.head-slider .link:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 1px;
    width: 5px;
    height: 5px;
    margin: -3px 0 0;
    border-top: 1px solid #91c700;
    border-right: 1px solid #91c700;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrap-catalog {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -15px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap-catalog .filter {
    width: 25%;
    padding: 0 15px;
}

.wrap-catalog .filter:after,
.wrap-catalog .filter:before {
    display: none;
}

.projects-block {
    width: 75%;
    padding: 10px 15px 0;
    border-top: 1px solid #eff3f3;
    margin: -10px 0 0;
}

.projects-block .projects .items .item:nth-child(4n+4) {
    margin: 0 31px 28px 0;
}

.projects-block .projects .items .item:nth-child(3n+3) {
    margin: 0 0 16px;
}

.catalog-sections-box.decstop {
    position: relative;
    padding: 0 75px 0 0;
    margin: -21px 0 25px;
}

.catalog-sections-box.decstop .sections-title {
    position: relative;
    padding: 4px 5px 4px 19px;
    display: inline-block;
    vertical-align: top;
    color: #13141c;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}

.catalog-sections-box.decstop .sections-title:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.2.0/images/star-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: -7px 0 0;
}

.decstop .sub-sections-list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

.decstop .sub-sections-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
}

.decstop .sub-sections-list li a {
    display: block;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    background: transparent;
    color: #8b8d8d;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.decstop .sub-sections-list li a:hover,
.decstop .sub-sections-list li.active a {
    color: #13141c;
    background: #f2f3f3;
}

.decstop .sub-sections-more {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
}

.decstop .sub-sections-more a {
    color: #a7a7ac;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
    border-bottom: 2px dotted #83848c;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-decoration: none;
}

.decstop .sub-sections-more a:hover {
    border-bottom: 2px dotted transparent;
}

.accordion {
    margin: 0 0 10px;
}

.filter-form .list-check-filter {
    padding: 2px 0 0;
    margin: 0 0 17px;
}

.list-check-filter li {
    margin: 0 0 0;
    padding: 3px 0 2px;
}

.filter-form input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0;
}

.filter-form .checkbox + label {
    position: relative;
    padding: 0 0 0 33px;
    cursor: pointer;
    color: #13141c;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    display: block;
}

.filter-form .checkbox + label:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 19px;
    height: 19px;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    transition: .2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter-form .checkbox + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 9px;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.2.0/images/icon-check.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: .2s;
}

.filter-form .checkbox:checked + label:after {
    opacity: 1;
}

.filter-form .checkbox:checked + label:before {
    background: #f92154;
    border: 1px solid #f92154;
}

.filter-form .checkbox:checked + label {
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.accordion .heading {
    margin: 0 0 0;
    display: block;
    cursor: pointer;
}

.accordion .heading span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    position: relative;
    border-bottom: 2px dotted #83848c;
    font-size: 16px;
    line-height: 1;
}

.accordion .heading span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.accordion .item.active .heading span:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.link-holder {
    padding: 0 0 0 34px;
    margin: -6px 0 0;
}

.filter-form .link-holder .link {
    font-size: 11px;
    line-height: 15px;
    color: #a7a7ac;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px dotted #83848c;
    text-decoration: none;
    padding: 0 0 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.filter-form .link-holder .link:hover {
    border-bottom: 2px dotted transparent;
}

.hide-item {
    display: none;
}

.btn-holder {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

.btn-holder .btn {
    height: 36px;
    background: #91c700;
    border-radius: 18px;
    padding: 0 0;
    text-align: center;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 0 20px 0 0;
}

.btn-holder .btn:hover {
    background: #f3152f;
}

.btn-link {
    color: #a7a7ac;
    font-size: 11px;
    line-height: 15px;
    border: none;
    border-bottom: 2px dotted #83848c;
    background: none;
    padding: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-link:hover {
    border-bottom: 2px solid transparent;
}

.projects .flag {
    position: absolute;
    top: 10px;
    right: -3px;
    color: #fff;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    display: block;
    padding: 0 7px;
    border-radius: 7px;
    z-index: 11;
}

.projects .flag.stock {
    background: rgba(94, 199, 0, .92);
}

.projects .flag.new-flag {
    background: rgba(240, 27, 81, .92);
}

.projects .flag.popularly {
    background: rgba(14, 164, 208, .92);
}

.price-credit {
    position: relative;
    padding: 0 0 0 21px;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    margin: -3px 0 0;
}

.price-credit:after {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.2.0/images/icon-credit.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.price-credit span {
    display: block;
    margin: 0 0 3px;
    color: #323232;
    font-size: 12px;
    line-height: 1;
}

.projects .items .price-credit strong {
    display: block;
    line-height: 1;
    color: #8ca5b4;
    font-size: 15px;
    font-weight: 400;
    min-height: auto;
}

.product .consult-form {
    padding-top: 0;
}

.product .consult-form legend {
    position: relative;
    padding: 0 25px 10px 50px;
    border-bottom: none;
}

.product .consult-form legend:after {
    position: absolute;
    content: '';
    top: -4px;
    left: 12px;
    width: 30px;
    height: 30px;
    background: url("/local/templates/bania.2.0/images/loading-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.product .sidebar .btn {
    position: relative;
}

.product .sidebar .btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 7px 0 0;
    width: 27px;
    height: 27px;
    background: url("/local/templates/bania.2.0/images/calculation-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.consult-form input[type=submit] {
    border: 2px solid #91c700;
    background: transparent;
    cursor: pointer;
    color: #2a2a2a;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.consult-form input[type=submit]:hover {
    color: #fff;
    background: #91c700;
}

.consult-form span {
    text-align: center;
}

.consult-form span a {
    color: #626363;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.consult-form span a:hover {
    text-decoration: none;
}

.title-block.not-after {
    padding: 0;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
}

.title-block {
    font-size: 44px;
}

.title-block.not-after:after {
    display: none;
}

.info-desc em {
    color: #726554;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
}

.desc-option a:after {
    background: url("/local/templates/bania.2.0/images/ruble.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.preview {
    width: 240px;
}

.img-preview {
    border-radius: 0;
    overflow: visible;
}

.list-options .consultation {
    padding: 10px 0 0 70px;
}

.list-options .consultation:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: url("/local/templates/bania.2.0/images/loading-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    top: 10px;
    left: 26px;
}

.consultation .btn {
    padding: 13px 45px;
    border-radius: 25px;
}

.item-info .list-check li:after {
    background: url("/local/templates/bania.2.0/images/check-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.sub-info:after {
    background: url("/local/templates/bania.2.0/images/info-icon_03.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.item-info {
    border-bottom: none;
}

.item-info:first-child {
    border-bottom: 1px solid #e5e6e6;
}

.window-box:after {
    background: url("/local/templates/bania.2.0/images/card-img-bg-01.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
}

.window-box .item-img {
    margin: -133px -144px -130px -49px;
}

.item-img .icon span:after {
    background: url("/local/templates/bania.2.0/images/shield-icon.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.doors-box .item-img {
    width: 70%;
    margin: -120px auto -70px;
    text-align: center;
}

.item-img .icon {
    left: auto;
    right: -10%;
}

.item-info .col-40 {
    width: 40%;
    float: left;
    padding: 0 15px;
}

.item-info .col-60 {
    width: 60%;
    float: left;
    padding: 0 15px;
}

.roof-box .item-img {
    margin: -208px -92px -60px -125px;
}

.item-info.roof-box {
    border-bottom: 1px solid #e5e6e6;
}

.roof-box {
    padding: 3px 0 70px;
}

.list-communication .preview .icon:after {
    background: url("/local/templates/bania.2.0/images/info-icon_04.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    height: 47px;
    margin: -23px 0 0 -21px;
}

.list-branch > li,
.list-branch > li:nth-child(even),
.list-branch li:nth-child(even) .desc-option,
.list-branch li .desc-option {
    padding: 0;
}

.list-branch > li {
    margin: 0 0 27px;
}

.faq-block {
    padding: 50px 95px 70px;
    background: url("/local/templates/bania.2.0/images/card-img-bg-02.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 50px 0 0;
}

.faq-block .col-40 {
    width: 35%;
    padding: 0 15px;
    float: left;
}

.faq-block .col-60 {
    width: 65%;
    padding: 0 15px;
    float: left;
}

.faq-block blockquote strong {
    display: block;
    margin: 0 0 15px;
    font-size: 44px;
    line-height: 1;
    color: #111;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-weight: 400;
}

.faq-block blockquote span {
    display: block;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    color: #444;
    font-size: 24px;
    line-height: 30px;
}

.btn-wrap {
    text-align: center;
    padding: 10px 0 0;
}

.btn-wrap .btn {
    margin: 0 auto 14px;
}

.btn-wrap span {
    color: #9fa2a4;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
}

.history .heading {
    margin: 0 0 20px;
}

.heading h3,
.heading .control {
    float: none;
}

.heading .control {
    border: none;
    border-bottom: 1px solid #e5e6e6;
}

.heading .control:after {
    clear: both;
    display: block;
    content: '';
}

.heading .control a {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 18px;
}

.heading .control .active a {
    border: none;
    border-bottom: 1px solid #91c700;
}

.history-list:before,
.history-list li:after {
    display: none;
}

.tabs .gallery-item {
    flex: 1 0 254px;
}

.history .tabs {
    position: relative;
}

.tabs .history-list {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
}

.tabs .history-list.active,
.tabs .history-list:first-child {
    position: relative;
    z-index: 0;
    opacity: 1;
}

.history-list strong {
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
}

.history em {
    color: #111;
}

.hide-d {
    display: none;
}

ul.contacts li span {
    margin: 0;
}

ul.contacts li strong {
    margin: 0 0 8px;
}

ul.contacts li:nth-child(2):before {
    top: 0;
}

ul.contacts li .btn {
    border: 1px solid #91c700;
    color: #111;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

ul.contacts li .btn:hover {
    color: #fff;
    background: #91c700;
}

#wrapper {
    padding-top: 164px;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.active-top #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #fff;
    box-shadow: 0 0 40px rgba(2, 7, 11, 0.14);
}

.active-top #header .nav,
.active-top #header .search,
/*.active-top #header .slogan,*/
/*.active-top #header .contacts li:first-child,*/
/*.active-top #header ul.contacts li:before,*/
.active-top #header ul.contacts li span {
    /*display: none;*/
}

/* .active-top #header .logo {
    width: 135px;
    height: 39px;
    top: 8px;
} */

.active-top #header .sab-nav {
/*    position: absolute;
    top: 0;
    left: 186px;
    */
    left: 0 !important;
    font-size: 18px;
}

.active-top #header .sab-nav .hide-d {
    display: block;
}

.active-top #header .contacts {
    top: 8px;
    right: 20px;
    z-index: 100;
}

.active-top #header ul.contacts li {
    /*padding: 0 0 0 16px;
    margin: 0 0 0 15px;*/
    margin: 0 0 0 19px;
}

/* .active-top #header ul.contacts li strong {
    padding: 10px 0 0;
} */

.mb-burger span {
    height: 0;
}

.mb-burger span:before,
.mb-burger span:after {
    height: 3px;
    background: #13141c;
    border-radius: 2px;
    top: -4px;
    width: 25px;
}

.mb-burger span:after {
    top: 4px;
    width: 19px;
}

.mb-open-nav .mb-burger span:before {
    background: #13141c;
}

.mb-open-nav .mb-burger span:after {
    background: #13141c;
    width: 25px;
}

.social-block {
    display: none;
}

.catalog-box {
    display: none;
}

.filter-form .hide-d {
    display: none;
}

.filter-form .sort-box {
    display: none;
}

.product .slideshow .pagination .pagination-slide a:before {
    position: absolute;
    content: '';
    width: 49px;
    height: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.2.0/images/icon-hover.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.product .slideshow .pagination .pagination-slide a:hover:before {
    opacity: 1;
    z-index: 1;
}

.instagram-block {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 54px;
    background: #fff;
    box-shadow: -3px -4px 9px rgba(4, 14, 24, 0.18);
    z-index: 10;
}

.inst-box {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 54px;
    padding: 10px 25px 10px 50px;
}

.inst-box p {
    margin: 0;
    color: #919191;
    font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
}

.inst-box p strong {
    color: #000;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

.inst-box p a {
    text-decoration: none;
    color: #919191;
}

.inst-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 54px;
}

.inst-close:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    background: url("/local/templates/bania.2.0/images/icon-close.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .6;
    pointer-events: none;
}

.inst-box .icon {
    position: absolute;
    top: 50%;
    left: 8px;
    background: url("/local/templates/bania.2.0/images/icon-inst.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 33px;
    height: 32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.show-m {
    display: none;
}

.history-mob {
    margin: 0 0 60px;
}

.history-mob .item .expanded {
    display: none;
}

.history-mob .item.active .expanded {
    display: block;
}

.history-mob .heading {
    padding: 10px 35px 9px 0;
    border-bottom: 1px solid #efefef;
    position: relative;
    font-size: 19px;
    line-height: 23px;
    color: #111;
}

.history-mob .heading:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #838383;
    border-right: 1px solid #838383;
    top: 50%;
    right: 19px;
    margin: -3px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.history-mob .item.active .heading {
    color: #91c700;
}

.history-mob .item.active .heading:after {
    border-bottom: 1px solid #91c700;
    border-right: 1px solid #91c700;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 0;
}

.history-mob .expanded {
    padding: 25px 0 0;
}

.history-mob li {
    margin: 0 0 20px;
    position: relative;
    padding: 0 0 0 45px;
    color: #111;
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.history-mob li strong {
    position: absolute;
    color: #91c700;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    top: -2px;
    left: 0;
    display: block;
}

.history-mob li em {
    font-style: normal;
    margin: 0 0 15px;
    color: #111;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 17px;
    line-height: 18px;
    display: block;
}

@media only screen and (max-width: 1170px) {
    #wrapper {
        padding-top: 100px;
    }

    .active-top #header .contacts {
        /*right: 56px;*/
    }

    .top-head {
        z-index: 2;
        left: 0;
        right: 0;
        height: 100%;
        background: #fff;
        position: absolute;
        -webkit-box-shadow: 0 0 40px 0 rgba(2, 7, 11, 0.08);
        box-shadow: 0 0 40px 0 rgba(2, 7, 11, 0.08);
    }

    .logo {
        left: 80px;
    }

    .slogan {
        left: 283px;
    }

    #navigation {
        width: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        right: auto;
        transform: translate3d(-150%, 0, 0);
        z-index: 2000;
        padding: 185px 24px 20px 20px;
        color: #111;
    }

    .active-top #navigation {
        padding-top: 139px;
    }

    .mb-burger {
        top: 19px;
        left: 7px;
        right: auto;
        position: absolute;
    }

    .active-top .mb-burger {
        top: 0;
    }

    #header .contacts {
        right: 20px;
    }

    .active-top #header .sab-nav {
        position: static;
        top: auto;
        left: auto;
    }

    .sab-nav li {
        float: none;
        display: block;
    }

    .sab-nav li a {
        color: #000;
        font-size: 18px;
        line-height: 36px;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    }

    .hide-d {
        display: block;
    }

    .active-top #header .nav {
        display: block;
    }

    .nav {
        padding: 11px 0 20px 20px;
        margin: 0 0 30px -20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .nav li {
        margin: 0;
    }

    .nav li.hide-m {
        display: none;
    }

    .nav li a {
        color: #474848;
        font-size: 16px;
        line-height: 30px;
    }

    .active-top #navigation .search {
        display: block;
        top: 74px;
    }

    #navigation .search {
        top: 120px;
        right: 24px;
        left: 20px;
        position: absolute;
        margin: 0 0 30px;
        width: auto;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form {
        display: block !important;
        height: 35px;
        background: #f3f3f3;
        border-radius: 4px;
        top: auto;
        right: auto;
        position: static;
        border: none;
        height: 35px;
        padding: 0 20px 0 20px;
        width: 100%;
    }

    #navigation .search .search-form input {
        color: #626363;
        font-size: 13px;
        line-height: 14px;
        width: calc(100% - 30px);
    }

    #navigation .search .search-form button {
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    .social-block {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        padding: 0 0 20px 20px;
        margin: 0 0 0 -20px;
        border-bottom: 1px solid #f0f0f0;
    }

    .social-block span {
        color: #13141c;
        font-size: 12px;
        line-height: 14px;
        margin-right: 5px;
        display: block;
    }

    .list-social {
        font-size: 0;
        line-height: 0;
    }

    .list-social li {
        margin: 0 3px;
        display: inline-block;
        vertical-align: top;
    }

    .list-social li a {
        display: block;
        width: 22px;
        height: 22px;
    }

    .list-social .wts a {
        background: url("/local/templates/bania.2.0/images/whatsapp-icon.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .list-social .inst a {
        background: url("/local/templates/bania.2.0/images/instagram-icon.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    #footer .list-social .inst a {
        background: url("/local/templates/bania.2.0/images/icon-inst.svg") no-repeat;
        background-size: 100%;
    }

    .mob-contacts {
        display: block;
        margin: 0 0 15px;
    }

    .address strong {
        display: block;
        margin: 0 0 10px;
        color: #000;
        font-size: 15px;
        line-height: 17px;
        font-weight: 400;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    }

    .address span {
        display: block;
        color: #626363;
        font-size: 13px;
        font-weight: 400;
        line-height: 14px;
    }

    .mob-contacts a {
        color: #000;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-size: 18px;
        line-height: 17px;
    }

    .filter-form .list-check-filter {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .projects-block {
        padding: 10px 0 0;
    }

    .projects .items .item,
    .projects-block .projects .items .item:nth-child(3n+3) {
        margin: 0 30px 28px 0;
    }

    .sab-nav li:hover a,
    .sab-nav li a:hover {
        color: #000;
    }

    .sab-nav > li:hover > a:before {
        opacity: 0;
    }

    .sab-nav > li:hover > a:after {
        display: none;
    }

    .sab-nav li:hover .drop {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 83px;
        overflow-y: auto;
        z-index: 2;
        transition: transform .3s ease;
    }

    .sab-nav li:hover .drop.open-drop {
        transform: translate3d(0, 0, 0);
    }

    .sab-nav .drop .btn-back {
        display: block;
        position: absolute;
        top: 120px;
        left: 20px;
        padding: 0 0 0 20px;
        color: #474848;
        font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
    }

    .btn-back:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        width: 5px;
        height: 5px;
        margin: -3px 0 0;
        border-top: 1px solid #474848;
        border-left: 1px solid #474848;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .sab-nav li .drop ul {
        width: auto;
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .drop ul > li > a {
        color: #000;
        font-family: "Museo Sans Cyrl 500", Arial, sans-serif;
        font-size: 18px;
        line-height: 33px;
    }

    .drop .all a {
        color: #474848;
        font-size: 14px;
        line-height: 30px;
    }

    .drop .more-nav {
        display: none;
    }

    .sab-nav li .drop ul.sub-menu,
    .sab-nav li .drop ul.more-list {
        display: block;
    }

    .sab-nav li .drop ul.sub-menu a {
        font-size: 14px;
        line-height: 30px;
    }

    .sub-menu li:after {
        top: 13px;
    }

}

@media only screen and (max-width: 960px) {
    .info-list li {
        width: 48%;
    }

    .article-info .information .visual img {
        width: 100%;
    }

    .article_text {
        padding: 0;
    }

    .filter-form .btn-holder {
        display: block;
    }

    .wrap-quote .left .text-quote {
        padding: 0;
    }

    .window-box .item-img {
        margin: 0 0 -130px;
    }

    .doors-box .item-img {
        width: 50%;
        margin: 0 auto -20px;
    }

    .item-info.roof-box .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .item-info .col-60,
    .item-info .col-40 {
        width: 100%;
        float: none;
    }

    .item-info .col-60 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }

    .item-info .col-40 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .roof-box .item-img {
        margin: 0 0 -120px;
    }

    .item-info.branch-box .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .item-info.branch-box .col-50:first-child {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .item-info.branch-box .col-50 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }

    .branch-box .item-img {
        margin: 0 0 -40px;
    }

    .faq-block {
        padding: 50px 25px;
    }

    .articles .item .visual .img.big {
        width: 100%;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 18px;
    }

    #wrapper {
        padding-top: 54px;
        margin-top: 0;
        /*overflow: visible;*/
        /* position: static; */
    }
    /*
    #promo,
    #main,
    #footer {
        overflow-x: hidden;
    }
    */
    .info, .about_block, .main-content-box{
        overflow: hidden;
    }
    #footer {
        overflow-x: hidden;
    }
    .container {
        padding: 0 83px;
    }

    .active-top #header,
    #header {
        height: 54px;
        position: fixed;
    }

    .active-top #header {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #header .contacts {
        top: 10px;
    }

    .active-top #header .logo,
    .logo {
        left: 50%;
        width: 124px;
        height: 17px;
        /*background: url("/local/templates/bania.2.0/images/logo-mob.png") no-repeat;*/
        background: url("/local/templates/bania.2.0/images/logo-mob.svg") no-repeat !important;
        -webkit-background-size: 100%;
        background-size: 100%;
        margin: 0 0 0 -62px;
        top: 19px;
    }

    .slogan {
        display: none;
    }

    .mb-burger {
        top: 0;
        left: 71px;
        right: auto;
    }

    .active-top #header .contacts,
    #header .contacts {
        /* top: 0;
         right: 73px;*/
    }

    ul.contacts li .btn {
        text-indent: -9999px;
        overflow: hidden;
        border: none;
        width: 50px;
        height: 50px;
        position: relative;
        background: transparent;
        border-radius: 0;
        min-width: auto;
    }

    ul.contacts li .btn:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px;
        background: url("/local/templates/bania.2.0/images/icon-phone.png") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    #navigation {
        padding: 139px 24px 20px 83px;
    }

    .social-block {
        margin: 0 0 0 -83px;
        padding: 0 0 20px 83px;
    }

    .nav {
        margin: 0 0 30px -83px;
        padding: 11px 0 20px 83px;
    }

    #navigation .search {
        top: 74px;
        left: 83px;
    }

    .info-list li {
        width: 100%;
    }

    #promo {
        height: auto;
        padding-bottom: 20px;
        padding-top: 32px;
        background: url("/local/templates/bania.2.0/images/card-img-bg-03.webp") no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 0 100%;
    }

    #promo picture {
        display: none;
    }

    #promo .text .buttons li {
        margin-bottom: 20px;
    }

    #promo .text .buttons li.works_btn {
        display: block;
    }

    #promo h1 {
        font-size: 50px;
        line-height: 50px;
    }

    #promo .text p {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
        max-width: 270px;
    }

    .building .visual {
        height: auto;
        line-height: 1;
    }

    #promo .more {
        display: none;
    }

    #footer .copyright,
    #footer .by {
        display: block;
        width: 100%;
        clear: both;
    }

    #footer .by {
        margin: 0 0 20px;
    }

    .info-list li {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center;
    }

    .info-list li .visual {
        padding: 0;
        width: 44px;
        min-width: 44px;
    }

    .info-list li strong {
        padding: 0 0 0 20px;
        width: calc(100% - 44px);
    }

    .info-list li p {
        width: 100%;
    }

    .article .article_text .list-testimonial,
    .article .article_text .list-check {
        padding: 0;
    }

    .list-testimonial .icon {
        padding: 0;
        width: 49px;
    }

    .list-testimonial .desc {
        padding: 0 0 0 15px;
    }

    .list-content {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .article-info h1 {
        font-size: 38px;
        line-height: 38px;
    }

    .article-title {
        font-size: 36px;
        line-height: 40px;
    }

    .article_text .title-info {
        font-size: 20px;
    }

    .article .article_text .list-check li {
        padding: 0 0 0 54px;
    }

    .article .article_text .list-check li:before {
        width: 36px;
        height: 36px;
    }

    .list-check .desc {
        font-size: 18px;
    }

    .article_text .list-info,
    .article_text .list-info-num {
        padding: 5px 10px 0;
    }

    .sides-block {
        padding: 25px 24px 22px;
    }

    .sides-block .inner-sides {
        padding: 0 0 0 32px;
    }

    .sides-block .inner-sides:after {
        width: 22px;
        height: 22px;
        top: 2px;
    }

    .user-block {
        float: none;
        margin: 0 0 20px;
    }

    .list-content.three_columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        -o-columns: 2;
        columns: 2;
    }

    .title-list-info {
        font-size: 22px;
    }

    .warning_block {
        padding: 21px 24px 20px;
    }

    .inner-warning {
        padding: 0 0 0 43px;
        font-size: 18px;
    }

    .inner-warning:after {
        width: 39px;
        height: 39px;
    }

    .inner-warning .warning {
        font-size: 20px;
        line-height: 26px;
    }

    .warning_block .list-info {
        padding: 0;
    }

    .wrap-catalog .filter,
    .projects-block {
        width: 100%;
    }

    .catalog-sections-box.decstop,
    .sort {
        display: none;
    }

    .wrap-catalog {
        padding: 43px 15px 0;
        /* width: 100%; */
    }

    .mob-nav-filter i {
        width: 26px;
        height: 26px;
        background: url("/local/templates/bania.2.0/images/icon-filter.svg") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        line-height: 41px;
        font-size: 26px;
        margin-right: 15px;
    }

    .mob-nav-filter {
        background: #fff;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        height: 43px;
        line-height: 41px;
    }

    .mob-filter {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 74px 83px 34px;
        overflow-y: auto;
        background: #fff;
        height: 100%;
        z-index: 100;
        transform: translate3d(-150%, 0, 0);
        transition: transform .3s ease;
    }

    .active-filter .mob-filter {
        transform: translate3d(0, 0, 0);
    }

    .catalog-box {
        display: block;
        margin: 0 0 20px;
    }

    .filter ul.sections-list {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
        margin: 0;
    }

    .sections-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px 0;
    }

    .sections-list a {
        color: #8b8d8d;
        font-size: 13px;
        line-height: 20px;
        display: block;
    }

    .catalog-box .sub-sections-more {
        position: static;
        top: auto;
        right: auto;
        display: block;
    }

    .filter-form {
        position: relative;
    }

    .filter-form .hide-d {
        display: block;
    }

    .filter-form .hide-m {
        display: none;
    }

    .filter-form .btn-link {
        position: absolute;
        top: 10px;
        left: 0;
        border-bottom: none;
    }

    .close-filter {
        position: absolute;
        top: 10px;
        right: 0;
        width: 11px;
        height: 11px;
        background: url("/local/templates/bania.2.0/images/icon-close.png") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .title-filter {
        display: block;
        margin: 0 0 30px;
        text-align: center;
        color: #474848;
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
    }

    .filter-form .sort-box {
        display: block;
        margin: 0 0 30px;
        position: relative;
    }

    .sort-box .angle {
        position: absolute;
        top: 1px;
        right: 1px;
        width: 41px;
        height: 41px;
        background: #fff;
        border-radius: 0 4px 4px 0;
    }

    .sort-box .angle:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 4px;
        height: 4px;
        border-bottom: 1px solid #13141c;
        border-right: 1px solid #13141c;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -2px 0 0 -2px;
        pointer-events: none;
    }

    .sort-box select {
        color: #13141c;
        font-size: 14px;
        line-height: 20px;
        padding: 0 20px;
        background: #fff;
        height: 43px;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        display: block;
        width: 100%;
    }

    .window-box .item-img {
        margin: 0 0 -60px;
    }

    .doors-box .item-img {
        width: 70%;
    }

    .faq-block .col-60,
    .faq-block .col-40 {
        width: 100%;
        float: none;
    }

    .faq-block blockquote {
        padding: 10px 0 0 36px;
        margin: 0 0 30px;
    }

    .faq-block blockquote:before {
        font-size: 110px;
        line-height: 100px;
    }

    .faq-block blockquote strong {
        font-size: 34px;
    }

    .faq-block blockquote span {
        font-size: 18px;
        line-height: 24px;
    }

    .title-block {
        font-size: 32px;
    }

    .product .slideshow .slides .slide .img {
        -webkit-background-size: cover;
        background-size: cover;
    }

    .articles {
        margin: 0;
    }

    .articles .item {
        padding: 0;
    }

    .articles .item:first-child {
        float: none;
    }

    .articles .item .visual {
        float: none;
        margin: 0 0 13px;
    }

    .articles .item:first-child .text {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 3px 0 0;
        color: #111;
    }

    .articles .item:first-child a:after {
        display: none;
    }

    .articles .item:first-child em {
        font-size: 13px;
        line-height: 22px;
        font-style: normal;
        margin: 0 0 11px;
        display: block;
        color: #626363;
        letter-spacing: -0.005em;
    }

    .articles .item:first-child .text h4 {
        font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        margin: 0 0 15px;
        font-size: 21px;
        line-height: 24px;
        letter-spacing: -0.005em;
    }

    .articles .item:first-child .text p {
        display: block;
        font-size: 16px;
        line-height: 24px;
    }

    .sab-nav li .drop {
        padding: 109px 24px 20px 83px;
    }

    .sab-nav .drop .btn-back {
        top: 74px;
        left: 83px;
    }

    .preview {
        width: 43%;
    }

    .instagram-block {
        display: block;
    }

    .top-anhor {
        bottom: 90px;
    }

    .show-d {
        display: none;
    }

    .show-m {
        display: block;
    }
}

@media only screen and (max-width: 700px) {
    .similar_projects-block h4 {
        font-size: 30px;
        line-height: 36px;
    }

    #promo .text .buttons {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        margin: 0 0 0 -15px;
        flex-wrap: wrap;
    }

    #promo .text .buttons li {
        float: none;
        margin: 0 0 20px 15px;
    }

    #promo .text .buttons a {
        height: 43px;
        line-height: 39px;
        font-size: 16px;
        min-width: 148px;
    }

    .product .sidebar .btn {
        display: block;
        vertical-align: top;
    }
}

@media only screen and (max-width: 600px) {
    .preview {
        width: 240px;
        float: none;
    }

    .desc-option {
        padding-left: 15px;
    }

    #promo {
        padding-top: 30px;
        padding-bottom: 28px;
    }

    #promo h1 {
        font-size: 36px;
        line-height: 30px;
        margin: 0 0 21px;
    }

    #promo .text p {
        margin: 0 0 24px;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 20px;
    }

    .active-top #header .contacts,
    #header .contacts {
        /*right: 10px;*/
    }

    .mb-burger {
        left: 8px;
    }

    #navigation {
        padding: 139px 24px 20px 20px;
    }

    .social-block {
        margin: 0 0 0 -20px;
        padding: 0 0 20px 20px;
    }

    .nav {
        margin: 0 0 30px -20px;
        padding: 11px 0 20px 20px;
    }

    #navigation .search {
        left: 20px;
    }

    .building .bathhouses,
    .building .houses {
        padding: 0 0 75px 25px;
    }

    .building .bathhouses h3:before {
        left: -36px;
    }

    .article-info h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .content_article-box {
        padding: 27px 0px 35px 24px;
    }

    .article-title {
        font-size: 28px;
        line-height: 32px;
    }

    .list-testimonial .icon {
        float: none;
        margin: 0 0 15px;
        height: auto;
    }

    .list-testimonial .desc,
    .article .article_text .list-check li,
    .sides-block .inner-sides {
        padding: 0;
    }

    .article .article_text .list-check li:before {
        top: -3px;
    }

    .list-check .title-list {
        padding: 0 0 0 54px;
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 15px;
    }

    .sides-block {
        margin: 0 -20px 31px;
    }

    .sides-block .title-box {
        padding: 0 0 0 32px;
    }

    .list-content.three_columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .wrap-img .article-img {
        width: 100%;
        margin: 0 0 32px;
    }

    .title-list-info {
        font-size: 20px;
    }

    .warning_block {
        margin: 0 -20px 48px;
    }

    .list-content {
        padding: 0;
    }

    .article-info .information .visual span {
        height: auto;
        line-height: 1;
        padding: 2px 7px 2px 9px;
        bottom: 5px;
    }

    .mob-filter {
        padding: 74px 20px 34px;
    }

    .title-filter {
        text-align: left;
    }

    .filter-form .btn-link {
        top: 30px;
    }

    .faq-block {
        margin: 0 -20px;
        padding: 30px 20px;
    }

    .branch-box .item-img {
        margin: 0 0 20px;
    }

    .window-box .item-img {
        margin: 0;
    }

    .product .price strong {
        font-size: 34px;
    }

    .doors-box .item-img {
        width: 100%;
    }

    .item-img .icon {
        right: -20px;
    }

    #promo .text {
        width: auto;
    }

    #promo .text .buttons {
        margin: 0 0 0 -10px;
    }

    #promo .text .buttons li {
        margin: 0 0 20px 10px;
    }

    #promo .text .buttons a {
        padding: 0 5px;
        min-width: 135px;
    }

    .sab-nav li:hover .drop {
        padding: 109px 24px 20px 20px;
    }

    .sab-nav .drop .btn-back {
        left: 20px;
    }

    .history-mob .heading {
        font-size: 18px;
    }
}

/* end new style 16.06.2020 */

.logo {
    background-image: url(images/logo.svg);
}

.bx-filter .bx-filter-parameters-box .h5,
.bx-filter .bx-filter-parameters-box h5 {
    margin: 0;
    display: block;
    cursor: pointer;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.bx-filter .bx-filter-parameters-box .h5 span,
.bx-filter .bx-filter-parameters-box h5 span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    position: relative;
    border-bottom: 2px dotted #83848c;
    font-size: 16px;
    line-height: 1;
}

.bx-filter .bx-filter-parameters-box.bx-active h5 span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    transform: rotate(-45deg);
    transition: all .2s linear;
}

.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    position: absolute;
    content: '';
    top: 50%;
    right: -15px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #816c56;
    border-right: 1px solid #816c56;
    transition: all .2s linear;
    transform: rotate(135deg);
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    font-family: "Museo Sans Cyrl 300", Arial, sans-serif;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    color: #13141c;
    text-transform: none;
}

.filter input[type="checkbox"] + span:after {
    border-radius: 0;
    border: none;
    content: '';
    position: absolute;
    top: 5px;
    left: 8px;
    width: 12px;
    height: 9px;
    background: url("images/icon-check.png") no-repeat;
    background-size: auto;
    background-size: 100%;
    transition: .2s;
}

.filter input[type="checkbox"] + span:before {
    content: '';
    transform: scale(1);
    margin: 0;
    position: absolute;
    top: 0;
    left: 4px;
    width: 19px;
    height: 19px;
    border: 1px solid #dddfe2;
    border-radius: 4px;
    transition: .2s;
    box-sizing: border-box;
}

.filter input[type="checkbox"]:checked + span:before {
    background-color: #f92154;
    border-color: #f92154;
}

.bx-filter-parameters-box-container .checkbox {
    margin-bottom: 5px;
}

.bx-filter .bx-filter-parameters-box .bx-filter-container-modef {
    position: absolute;
    right: 0;
    top: 0;
}

.sab-nav li a.arrow {
    position: relative;
}

.sab-nav > li > a::before {
    opacity: 1;
}

.active-top #header .sab-nav .last-item a:before {
    display: none;
}

/* .sab-nav li .drop.level-2 { display: none; } */
@media (max-width: 768px) {
    .catalog-sections-box {
        display: none;
    }

    .sab-nav li .drop {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        background: #fff;
        box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24);
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 83px;
        overflow-y: auto;
        /* z-index: 2; */
        transition: transform .3s ease;
    }

    .sab-nav li .drop.open-drop {
        transform: translate3d(0, 0, 0);
    }

    /* .sab-nav li .drop.level-1.level_down {
		z-index: -1;
	} */
    /* .sab-nav li .drop.level-1.level_down li {
		z-index: -1;
	}
	.sab-nav li .drop.level-2.open-drop {
		z-index: 10;
	}
	.sab-nav li .drop.level-2.open-drop li{
		z-index: 50;
	} */
    .sab-nav > li > a:before {
        opacity: 0;
    }

    .nav li a:hover {
        color: #91c700
    }

    .sab-nav li > .drop * {
        z-index: auto;
    }

    .sab-nav {
        z-index: 2;
    }

    .sab-nav li .drop {
        z-index: 2;
    }

}

@media (max-width: 480px) {
    .sab-nav li .drop {
        padding: 109px 24px 20px 20px;
    }
}

.catalog-detail.product .slideshow .slides .slide a {
    display: block;
    position: relative;
}

.catalog-detail.product .slideshow .slides .slide a img {
    height: auto;
    width: auto;
}

.catalog-detail.product .slideshow .slides {
    height: 425px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .catalog-detail.product .slideshow .slides {
        height: 300px;
        overflow: hidden;
    }
}


.information h4 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 18px;
    font-family: "Museo Sans Cyrl 500";
    font-weight: normal;
}

.product .slideshow .pagination .pagination-slide.project-nav a {
    border: 1px solid #91c700;
    display: flex;
    align-items: center;
    text-align: center;
}

.product .slideshow .pagination .pagination-slide.project-nav a span {
    font-size: 14px;
    line-height: 1.1;
    padding: 0 10px;
}

.product .slideshow .pagination .pagination-slide.project-nav a:before, .product .slideshow .pagination .pagination-slide.project-nav a:after {
    display: none;
}

.catalog-sections-box .sub-sections-list .hide-item {
    display: block;
}

.catalog-sections-box .sub-sections-more {
    display: none;
}

/* style for new article 18.03.2021 */

.view_article .product {
    padding: 6px 0 0;
    margin: 0 0 7px;
}

.flag {
    position: absolute;
    top: 20px;
    right: 0;
    border-radius: 7px;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}

.flag_new {
    display: block;
    padding: 1px 12px;
    background: rgba(249, 14, 69, .92);
}

.view_article .product .sidebar .credit-row-2 {
    padding: 0 0 22px;
    margin: -20px 0 13px;
}

.view_article .credit-row-2 .credit-box {
    padding: 15px 0 0;
}

.view_article .credit-row-2 .credit-box .title {
    padding: 0 0 14px;
}

.view_article .product .price strong {
    margin: 0 0 5px;
}

.view_article .product .sidebar .btn {
    margin: -8px 0 0;
}

.view_article .sidebar .block {
    padding-bottom: 22px;
    margin: 0 0 11px;
}

.view_article .product .consult-form legend {
    background: none;
    padding: 19px 25px 10px 56px;
    font-size: 18px;
}

.view_article .product .consult-form legend:after {
    width: 32px;
    height: 32px;
    top: 13px;
    left: 15px;
}

.view_article .product .consult-form .row {
    margin: 0 0 19px !important;
}

.view_article .consult-form .row .phone + span {
    text-align: left;
}

.view_article .plans-box {
    margin: -4px 0 30px;
}

.view_article .plans-box h3 {
    font-size: 27px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.005em;
    margin: 0 0 12px;
}

.view_article .plans-box .left-box,
.view_article .plans-box .right-box {
    width: 48.5%;
}

.view_article .plans-box a {
    display: block;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

.view_article .plans-box a .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #91c700;
    border: 1px solid #91c700;
    transition: all .2s linear;
    font-family: "Museo Sans Cyrl 700", Arial, sans-serif;
    font-size: 18px;
    width: 100%;
    max-width: 212px;
    display: block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    min-width: auto;
    margin: 0;
}

.view_article .plans-box a:hover .btn {
    background: #f3152f;
    border-color: #f3152f;
}

.view_article .plans-box a .btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 7px 0 0;
    width: 25px;
    height: 24px;
    background: url("/local/templates/bania.2.0/images/va_icon-3d.svg") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.view_article .item-info {
    border-bottom: 1px solid #e5e6e6;
    margin: 0 0 45px;
}

.view_article .item-info .title-block {
    margin: 0 0 51px;
}

.view_article .info-box {
    padding: 0 39px;
}

.price_block {
    padding: 15px 0 0;
    margin: 0 0 0;
}

.price_block .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0;
}

.price_block .title-list {
    width: 56%;
    color: #000;
    font-size: 33px;
    line-height: 36px;
    font-weight: 500;
    margin: 0 0 30px;
}

.price_block .eco-box {
    width: 44%;
    padding: 13px 0 0 79px;
    position: relative;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.price_block .eco-box strong {
    font-weight: 700;
}

.price_block .eco-box:after {
    position: absolute;
    content: '';
    top: 18px;
    left: 0;
    width: 57px;
    height: 32px;
    background: url("images/eco.svg") no-repeat;
    background-size: 100%;
    right: auto;
}

.price_block .list-check.small {
    padding: 0;
    columns: 2;
    margin: 0 0 29px;
}

.price_block .list-check.small li {
    padding: 0 15px 0 24%;
    margin: 0 0 24px;
}

.price_block .list-check.small li:after {
    left: 14.5%;
    top: 0;
}

.view_article .warning {
    padding: 1px 0 0 45px;
}

.view_article .warning:after {
    clear: both;
    display: block;
    left: 0;
}

.view_article .warning .icon {
    float: left;
    width: 67px;
    text-align: center;
}

.view_article .warning .desc-info {
    overflow: hidden;
}

.materials_block {
    padding: 46px 0 0;
    margin: 0 0 0;
}

.view_article .materials_block .title-box {
    margin: 0 0 54px;
}

.list_materials {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 25px;
}

.list_materials li {
    padding: 0 38px;
    margin: 0 0 30px;
    flex: 0 1 250px;
    text-align: center;
}

.list_materials li a {
    display: block;
}

.list_materials .img-box {
    position: relative;
    width: 100%;
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 50%;
}

.list_materials .img-box img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list_materials .img-box:before {
    padding: 100% 0 0;
    content: '';
    display: block;
}

.list_materials .img-box:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #91c700;
    opacity: 0;
    transition: all 0.3s linear;
}

.list_materials .img-box .view {
    position: absolute;
    width: 49px;
    height: 32px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.2.0/images/icon-hover.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    opacity: 0;
    transition: all .2s linear;
    z-index: 1;
}

.list_materials a:hover .img-box:after,
.list_materials a:hover .img-box .view {
    opacity: 1;
}

.list_materials .btn {
    color: #fff;
    font-size: 15px;
    line-height: 38px;
    font-weight: 700;
    display: block;
    width: 100%;
    max-width: 132px;
    padding: 0 10px;
    height: 38px;
    background: #91c700;
    border-radius: 18px;
    transition: all .2s linear;
    margin: 0 auto;
}

.list_materials a:hover .btn {
    background: #f3152f;
}

.apparatus_block {
    margin: -15px 0 57px;
}

.apparatus_block .list-options .consultation:before {
    display: none;
}

.device_block {
    padding: 20px 0 0;
    margin: 0 0 0;
}

.device_block .list_materials {
    margin: 0 0 5px;
}

.materials_dscr {
    color: #111;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin: -3px -15px 0;
}

.materials_dscr strong {
    font-weight: 700;
    display: block;
    padding: 0 15px;
}

.facing_block {
    padding: 13px 0 0;
}

.facing_block .list_materials li {
    margin: 0 0 47px;
}

.facing_block .dscr {
    font-weight: 700;
    color: #111;
    font-size: 18px;
    line-height: 24px;
    margin: -4px 0 0;
}

.view_article .item-info.roof-box {
    padding: 22px 0 0;
    border: none;
}

.view_article .roof-box .title-block {
    margin: 0 0 38px;
}

.view_article .roof-box .text {
    margin: 0;
}

.view_article .roof-box p {
    margin: 0 0 61px;
}

.view_article .share-info {
    padding: 0 20px 0 117px;
}

.view_article .share-info .icon {
    left: 44px;
}

.view_article .roof-box .item-img {
    margin: -111px 0 -60px 0;
    padding: 0 0 0 85px;
}

.view_article .branch-box {
    padding: 40px 0 0;
    border: none;
    margin: 0 0 59px;
}

.view_article .branch-box .title-block {
    margin: 0 0 59px;
}

.view_article .branch-box .warning {
    margin: 0 0 84px;
}

.view_article .list-branch > li {
    margin: 0 0 33px;
}

.view_article .list-branch > li .preview {
    width: 43%;
    margin: 0;
    display: flex;
}

.view_article .list-branch > li .preview .inner-preview {
    position: relative;
    width: 240px;
}

.view_article .list-branch > li:nth-child(odd) .preview {
    padding: 0 7% 0 15px;
    justify-content: flex-end;
}

.view_article .list-branch > li:nth-child(even) .preview {
    padding: 0 0 0 7%;
}

.view_article .list-branch > li:nth-child(odd) .desc-option {
    padding: 0 0 0 64px;
}

.view_article .list-branch li .desc-option {
    padding: 0 0 0 64px;
    width: 57%;
}

.view_article .list-branch li:nth-child(even) .desc-option {
    padding: 0 0 0 31px;
}

.view_article .list-branch li .text-wrap {
    margin: 0 0 0 -6px;
    padding: 0 0 0 20px;
}

.view_article .list-branch li:nth-child(even) .text-wrap {
    margin: 0 0 0 0;
}

.view_article .list-branch li .text-wrap:after {
    left: 0;
    top: -4px;
    bottom: 4px;
}

.view_article .list-branch .list-check li {
    padding: 0 0 0 52px;
    margin: 0 0 24px;
}

.view_article .list-branch .list-check li:first-child {
    max-width: 100%;
}

.view_article .list-branch .list-check li:after {
    top: -5px;
    margin: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

@media only screen and (max-width: 960px) {
    .price_block .list-check.small li {
        padding: 0 15px 0 12%;
    }

    .price_block .list-check.small li:after {
        left: 0;
    }

    .view_article .roof-box .item-img {
        margin: 0;
        padding: 0;
    }

    .view_article .roof-box .text {
        margin: 0 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    .view_article {
        overflow: visible;
    }

    .view_article .plans-box .left-box,
    .view_article .plans-box .right-box,
    .price_block .title-list,
    .price_block .eco-box {
        width: 100%;
    }

    .price_block .eco-box:after {
        top: 8px;
    }

    .price_block .list-check.small {
        columns: 1;
        margin: 0;
    }

    .price_block .list-check.small li {
        padding: 0 0 0 40px;
    }

    .view_article .info-box {
        padding: 0;
    }

    .price_block .title-list {
        font-size: 28px;
        line-height: 31px;
    }

    .view_article .warning {
        padding-left: 0;
    }

    .view_article .warning:after {
        left: -20px;
    }

    .list_materials {
        margin: 0 -15px 0;
    }

    .list_materials li {
        padding: 0 15px;
    }

    .materials_dscr {
        margin: -3px 0 0;
    }

    .materials_dscr strong {
        padding: 0;
    }

    .view_article .share-info {
        padding: 0 0 0 60px;
    }

    .view_article .share-info .icon {
        left: 0;
    }

    .view_article .roof-box p {
        margin: 0 0 40px;
    }

    .view_article .list-branch > li .preview {
        width: 100%;
        display: block;
        margin: 0 auto 30px;
    }

    .view_article .list-branch > li:nth-child(odd) .preview,
    .view_article .list-branch > li:nth-child(even) .preview {
        padding: 0;
    }

    .view_article .list-branch li .desc-option {
        width: 100%;
    }

    .view_article .list-branch li .desc-option,
    .view_article .list-branch li:nth-child(even) .desc-option,
    .view_article .list-branch > li:nth-child(odd) .desc-option {
        padding: 0;
    }

    #hidden-content .product-details {
        width: 100%;
        max-width: 600px;
    }

    #hidden-content .product-details .recall .col {
        width: calc(100% - 190px);
    }

    #hidden-content .product-details .recall .col + .col {
        width: 175px;
    }
}

@media only screen and (max-width: 700px) {
    .list_materials li {
        flex: 0 1 auto;
        width: 50%;
    }

    #hidden-content .product-details .frame .price {
        float: none;
        margin: 0 0 15px;
    }
}

@media only screen and (max-width: 600px) {
    #hidden-content {
        padding: 30px 25px;
    }

    #hidden-content .product-details .recall legend {
        font-size: 34px;
        line-height: 1;
    }

    #hidden-content .product-details .frame {
        margin: 0 -25px 27px;
        padding: 16px 25px 17px;
    }

    #hidden-content .product-details .recall {
        margin: 0 -25px -30px;
        padding: 27px 25px 30px;
    }

    #hidden-content .product-details .recall .col + .col,
    #hidden-content .product-details .recall .col {
        width: 100%;
        float: none;
    }

    #hidden-content .product-details h4 {
        margin: 0 0 26px;
    }
}

@media only screen and (max-width: 480px) {
    .list_materials {
        justify-content: center;
    }

    .list_materials li {
        width: auto;
        flex: 0 1 250px;
    }

    .view_article .warning .icon {
        width: 36px;
    }

    #hidden-content .product-details .frame .price strong {
        font-size: 28px;
        line-height: 1;
    }

    #hidden-content .product-details .frame ul li {
        padding: 0 10px 0 0;
        margin: 0 7px 0 0;
    }

    #hidden-content .product-details .recall legend {
        font-size: 26px;
    }

    #hidden-content .product-details .recall p {
        background-size: 30px 28px;
        padding: 0 0 0 44px;
    }
}

/* end style for new article 18.03.2021 */
.projects-block .services {
    padding-top: 30px;
}

.projects-block .services ul li {
    width: 410px;
}

.projects-block .services ul .visual .img {
    width: 220px;
    height: 160px;
}

.projects-block .services ul .visual {
    margin-right: 20px;
}

.projects-block .services ul .text {
    margin: 0;
}

#footer .list-social li.zen a {
    background-image: url(images/icon-zen.svg);
    background-size: 100%;
}

@media screen and (max-width: 1170px) {
    .filter .catalog-sections-box ul.sub-sections-list {
        columns: 1;
    }
}


.article img {
    /* max-width: 540px; */
    margin: 39px auto;
    border-radius: 3px;
    display: block;
}

.render-3d-box {
    display: none;
    max-width: 940px;
    max-height: 600px;
    min-width: 640px;
    min-height: 480px;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.render-3d-box iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* .fancybox-slide::before {
    height: 1%;
} */

/* .fancybox-slide{
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
} */
.fancybox-slide:before,
.fancybox-slide:after{
    content: "";
    flex: 0 0 0;
    margin: auto;
}

@media (max-width: 768px) {
    .article img {
        width: 100%;
    }

    .render-3d-box {
        min-width: 320px;
        min-height: 320px;
    }
}


.plans-box .btn_holder {
    padding: 76px 0 0;
    clear: both;
}

.plans-box .slick-list {
    overflow: visible;
}

.btn_3d {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 3px solid #A8CD14;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    padding: 17px 15px 15px 38px;
    text-decoration: none;
    color: #000;
    transition: all .2s linear;
    margin: 0 auto;
    max-width: 394px;
}

.btn_3d .icon {
    width: 32px;
    display: block;
    margin: 0 0 5px;
}

.btn_3d .dscr {
    width: calc(100% - 32px);
    padding: 0 0 0 21px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btn_3d .dscr strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #000000;
    display: block;
    width: 89px;
    margin: 0 0 5px;
}

.btn_3d .dscr em {
    font-style: normal;
    position: relative;
    display: block;
}

.btn_3d .dscr em:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #91C700;
    transition: all .2s linear;
    opacity: 1;
}

.btn_3d .dscr span {
    display: block;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
    color: #8D8D8D;
    width: calc(100% - 89px);
    padding: 0 0 0 29px;
    margin: 0 0 5px;
}

.btn_3d:hover .dscr em:after {
    opacity: 0;
}

@media screen and (max-width: 1200px) {
    .plans-box .btn_holder {
        padding: 35px 0 0;
    }

    .btn_3d {
        padding: 17px 15px 15px;
    }
}

@media screen and (max-width: 1100px) {
    .btn_3d .dscr span,
    .btn_3d .dscr {
        padding: 0 0 0 10px;
    }
}

@media screen and (max-width: 960px) {
    .plans-box .left-box .btn_holder,
    .plans-box .right-box .btn_holder {
        margin: 0 0 15px;
    }

    .btn_3d .dscr span,
    .btn_3d .dscr {
        padding: 0 0 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .btn_3d .dscr strong {
        width: 170px;
    }

    .btn_3d .dscr strong em {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 0 0;
    }

    .btn_3d .dscr span {
        width: calc(100% - 170px);
    }
}

@media screen and (max-width: 600px) {
    .btn_3d .dscr strong {
        width: 89px;
    }

    .btn_3d .dscr strong em {
        display: block;
        margin: 0;
    }

    .btn_3d .dscr span {
        width: calc(100% - 89px);
    }
}

/* new style for table */
.info_table,
.comparison_table {
    width: 100%;
    border: none;
}

.info_table td {
    border: 1px solid #DBD6D0;
    box-sizing: border-box;
    padding: 5px 10px 5px 30px;
    height: 56px;
}

.info_table tr:nth-child(even) td {
    background: #F5F4F1;
}

.info_table tr td:first-child {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
}

.info_table p {
    margin: 0;
    font-weight: 300;
    font-size: 17px;
    line-height: 1;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
}

.info_table tr td:first-child p {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
}

.comparison_table td {
    height: 102px;
    padding: 23px 10px 27px 30px;
}

.comparison_table tr:nth-child(odd) td {
    border: 1px solid #E1DDD7;
    background: #fff;
}

.comparison_table tr:nth-child(even) td {
    background: #F7F6F3;
    border: 1px solid #E1DDD7;
}

.comparison_table td:first-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.23;
    color: #000000;
    font-family: "Museo Sans Cyrl 600", "Arial", "Helvetica", sans-serif;
    padding: 26px 10px 5px 36px;
    vertical-align: top;
}

.comparison_table td:first-child em {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    border: 1px solid #A8CD14;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #4D4841;
    font-style: normal;
    margin: -5px 9px 0 0;
}

.comparison_table td ul {
    margin: 0;
    padding: 0;
}

.comparison_table td ul li {
    margin: 0 0 0;
    position: relative;
    padding: 0 0 0 20px;
}

.comparison_table td ul li p {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.comparison_table td ul li:before {
    width: 4px;
    height: 4px;
    border: none;
    background: #000;
    left: 8px;
    top: 11px;
}

@media screen and (max-width: 960px) {
    .info_table td {
        padding: 5px 10px;
    }

    .info_table tr td:first-child p {
        font-size: 16px;
    }

    .info_table p {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    .info_table td {
        height: 46px;
    }

    .info_table tr td:first-child p {
        font-size: 13px;
    }

    .info_table p {
        font-size: 12px;
    }

    .comparison_table td {
        padding: 15px 5px 15px 10px;
    }

    .comparison_table td:first-child {
        padding: 15px 5px 5px 10px;
        font-size: 14px;
    }

    .comparison_table td ul li p {
        font-size: 13px;
    }

    .comparison_table td:first-child em {
        width: 25px;
        height: 25px;
        font-size: 11px;
        line-height: 23px;
    }
}

@media screen and (max-width: 600px) {
    .info_table tr,
    .comparison_table tr {
        display: flex;
        flex-wrap: wrap;
    }

    .info_table tr td {
        width: 50%;
        display: flex;
        align-items: center;
        min-height: 46px;
        height: auto;
    }

    .info_table tr td:first-child {
        width: 100%;
    }

    .comparison_table td {
        width: 100%;
        height: auto;
        min-height: 50px;
    }
}


.our_projects .title_list span {
    box-decoration-break: clone;
    display: inline;
}

.our_works_list .inner_item .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
}

.about_page .certificate_block .certificate_block {
    padding: 0;
}

.article .notice i {
    display: none;
}

.ya-share2__list.ya-share2__list_direction_horizontal {
    padding: 0;
}

.ya-share2__list.ya-share2__list_direction_horizontal span {
    margin: 0 !important;
    width: 150px;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
    display: block !important;
    position: absolute;
    left: 47px;
    top: 18px;
    color: #fff;
    font-size: 12px;
}

.article .list-content {
    list-style-type: none;
    counter-reset: num;
}

.article .list-content li {
}

.article .list-content li a:before {
    content: counter(num) '.';
    counter-increment: num;
    color: #bb8f63;
    margin-right: 5px;
}

.steeps-photos-list .items {
    display: grid;
    grid-gap: 28px;
    grid-auto-rows: 300px;
    grid-template-columns: repeat(auto-fill, minmax(287px, 1fr));
}

.steeps-photos-list .items .item {
    display: block;
    width: 100%;
}

.steeps-photos-list .item.hide-item {
    display: none;
}

.steeps-photos-list .item .img {
    height: 300px;
    border-radius: 3px;
}

.requisites_box .details li {
    border-left: none;
}

.call_box .form input,
.call_box .form textarea,
.requisites_block .form input,
.requisites_block .form textarea {
    border: 1px solid transparent;
}

.call_box .form input.error,
.call_box .form textarea.error,
.requisites_block .form input.error,
.requisites_block .form textarea.error {
    border: 1px solid #ff0000;
}

.our_works_list .inner_item .img {
    margin-bottom: 0;
}

.our_projects .wrap_list a {
    text-decoration: none;
}

.popular_list .popular_item:hover .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
}

.steeps-photos-list .more {
    text-align: center;
    margin: 30px 0 90px;
}

.steeps-photos-list .more .btn {
    display: inline-block;
}

.work-detail.product .options_block {
    margin: 0 0 30px;
}

.work-detail.product .options_block .props-list {
}

.work-detail.product .options_block .props-list li {
    margin-bottom: 12px;
    display: flex;
}

.work-detail.product .options_block .props-list span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    flex: 0 0 30%;
}

.work-detail.product .options_block .props-list em {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    font-style: normal;
}

.product_page .consult-form .sub-title {
    display: block;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 20px;
}

.sidebar_block .consult-form legend {
    margin-bottom: 22px;
}

.work-detail .sidebar_block .consult-form legend {
    margin-bottom: 20px;
}

.popular_list .btn.detail-btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 180px;
    font-size: 16px;
    padding: 16px 10px;
    margin: -68px 0 0;
}

.popular_list .popular_item {
    position: relative;
}

.popular_list .popular_item:hover .btn.detail-btn {
    opacity: 1;
    visibility: visible;
}

/* new style 22.02.2022 */
h1, .h1 {
    font-size: 40px;
}

.contacts_page h1,
.contacts_page .h1 {
    font-size: 40px;
}

.product_page h1 {
    margin: 0 0 25px;
}

.breadcrumbs {
    padding: 17px 0 0;
    margin: 0 0 31px;
}

.contacts_page .address_box address {
    padding: 75px 0 0;
}

.address_box address .icon {
    top: -29px;
}

.address_box .metro li:nth-child(2n+2),
.address_box .metro li {
    padding: 28px 10px 28px 75px;
}

.address_box .metro li strong {
    text-transform: none;
    font-size: 18px;
}

.scheme_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 3px;
}

.scheme_box {
    width: 60%;
    padding: 0 30px 0 0;
}

.contacts_block {
    margin: 0 0 64px;
}

.directions_box {
    width: 40%;
    padding: 0 0 0 40px;
}

.directions_box .title {
    display: block;
    margin: 0 0 42px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.directions_box .title .icon {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    background: url("/local/templates/bania.2.0/img_new/rd_icon-22.svg") no-repeat;
    background-size: 100%;
    margin: -5px -4px 0 3px;
}

.directions_box p {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #0f0f0f;
    font-weight: 400;
}

.directions_box p strong {
    color: #00616e;
    font-weight: 600;
}

.contacts_page .about_block h2 {
    margin: 0 0 69px;
}

.contacts_page .about_text {
    margin: 0;
}

.contacts_page .about_text .text {
    padding: 0 10px 0 116px;
    position: relative;
    width: 100%;
    margin: 0;
}

.contacts_page .about_text .text .icon {
    position: absolute;
    top: 5px;
    left: 0;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 0 0;
}

.contacts_page .about_text .text .icon img {
    display: block;
}

.contacts_page .about_text .text p {
    margin: 0 0 24px;
    font-size: 16px;
}

.contacts_page .about_text .text p strong {
    color: #00616e;
    font-weight: 600;
}

.contacts_page .about_block .img {
    padding: 50px 0 0 100px;
    margin: 0 -35px -130px 0;
    position: relative;
    z-index: 0;
}

.contacts_page .requisites_block {
    position: relative;
    z-index: 1;
}

.form textarea,
.form input[type="text"] {
    font-size: 18px;
}

.list_staff .name_staff {
    min-height: 48px;
    padding: 0 10px 0 0;
}

.search-page.wrap-catalog {
    margin: 0 -5px;
    padding-top: 0;
}

/*.sort li:first-child{
	display: none;
}*/
.callback-box .recall input[type=text] {
    font-size: 20px;
}

.video a {
    height: 222px;
}

.slider_block .gallery-item .tag_list {
    display: none;
}

.date_box .share li span,
.date_box .share li a {
    min-height: 16px;
}

.product .options_block .price strong {
    color: #00616e;
}

.param_box .list_info em {
    font-size: 30px;
}

.param_box .list_info em sup {
    top: -0.7em;
    font-size: 55%;
}

.list_param li span,
.work-detail.product .options_block .props-list span {
    font-size: 14px;
    line-height: 1.72;
}

.list_param li strong,
.work-detail.product .options_block .props-list em {
    line-height: 1.5;
}

/* .list-social .tlg a, */
.item_soc.tlg a {
    /*background: url("/local/templates/bania.3.0/img_new/tlgr.svg") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/tg_blue.svg") no-repeat;
    background-size: 100%;
}
#footer .item_soc.tlg a {
	background: url("/local/templates/bania.3.0/img_new/tg_black.svg") no-repeat;
    	background-size: 100%;
}
#footer .item_soc.tlg a:hover {
	background: url("/local/templates/bania.3.0/img_new/tg_green.svg") no-repeat;
    	background-size: 100%;
}

.item_soc.str a {
    background: url("/local/templates/bania.3.0/img_new/icon_str.svg") no-repeat;
    background-size: 100%;
}

.item_soc.vk a {
    background: url("/local/templates/bania.3.0/img_new/icon_vk.svg") no-repeat;
    background-size: 100%;
}

.item_soc.ytb a {
    background: url("/local/templates/bania.3.0/img_new/icon_ytb.svg") no-repeat;
    background-size: 100%;
    background-position: 0 50%;
}

/* .list-social .tlg a:hover, */
.item_soc.tlg a:hover {
    /*background: url("/local/templates/bania.3.0/img_new/icon_tlg_hv.svg") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/tg_green.svg") no-repeat;
    background-size: 100%;
}

.item_soc.str a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_str_hv.svg") no-repeat;
    background-size: 100%;
}

.item_soc.vk a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_vk_hv.svg") no-repeat;
    background-size: 100%;
}

.item_soc.ytb a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_ytb_hv.svg") no-repeat;
    background-size: 100%;
    background-position: 0 50%;
}

.product .options_block .price strong {
    font-size: 40px;
}

.product .options_block .price p {
    font-weight: 600;
}

.consult-form textarea,
.consult-form input[type=text] {
    font-size: 18px;
}

.consult-form textarea {
    padding: 10px 9px;
}

.options_block .btn_holder .links {
    display: none;
}

.subscribers_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.subscribers_box .subscribers {
    display: block;
    padding: 0 15px 0 0;
    width: 60%;
}

.subscribers_box .subscribers strong {
    margin: 0 0 0;
}

.subscribers_box .publications {
    margin: 0 0 20px;
    width: 40%;
    padding: 0 0 0 21px;
}

.subscribers_box .publications strong {
    display: block;
    margin: 0 0 2px 4px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.inst_box .dscr {
    margin: -5px 0 0;
    padding: 0 0 0 24px;
}

.inst_box .dscr p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 13px;
}

.inst_box .dscr strong,
.inst_box .dscr span {
    font-size: 14px;
    line-height: 1.58;
}

.inst_box .dscr strong {
    display: block;
    color: #fff;
    font-weight: 600;
}

.inst_box .dscr span {
    display: block;
    color: #80c700;
    font-weight: 400;
}

.window-box:after {
    background: #f8fbfb;
}

.list_video {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    padding: 33px 0 0;
    justify-content: center;
}

.list_video li {
    width: 33.3%;
    padding: 0 6px;
    margin: 0 0 12px;
}

.photo_block {
    margin: 10px 0 27px;
}

.photo_box {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-34.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 33px 66px 32px 84px;
    align-items: center;
}

.photo_box .title {
    display: block;
    color: #00616e;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    width: calc(100% - 284px);
    padding: 0 15px 0 0;
}

.photo_box .btn_holder {
    width: 284px;
}

.photo_box .btn {
    height: 50px;
    font-size: 20px;
    margin: 0;
    padding: 14px 10px;
}

.plans_block {
    padding: 35px 50px 45px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 -8px;
}

.information h3 {
    font-size: 24px;
    line-height: 1.17;
}

.plans_gallery {
    margin: 0 0 43px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.plans_gallery .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.plans_gallery .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.plans_gallery .swiper-button-prev,
.plans_gallery .swiper-button-next {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    transform: translateY(-68%);
}

.plans_gallery .swiper-button-prev {
    left: 0;
}

.plans_gallery .swiper-button-next {
    right: 0;
}

.plans_gallery .swiper-button-prev:after,
.plans_gallery .swiper-button-next:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.plans_gallery .swiper-button-prev:after {
    transform: rotate(-45deg);
}

.plans_gallery .swiper-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -41px;
}

.plans_gallery .swiper-button-prev:hover:after,
.plans_gallery .swiper-button-next:hover:after {
    border-top: 4px solid #80c700;
    border-left: 4px solid #80c700;
}

.plans_gallery .swiper-pagination {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 25px 0 0;
}

.plans_gallery .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.plans_gallery .swiper-pagination .swiper-pagination-bullet:hover,
.plans_gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #80c700;
}

.tags_box {
    display: none;
}

.holder_box input {
    font-size: 20px;
}

/* @media screen and (min-width: 1170px){
	.sab-nav > li:hover > .drop{
		display: block;
	}
} */
@media screen and (max-width: 1300px) {

}

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

}

@media screen and (max-width: 1170px) {
    /* .sab-nav li:hover .drop {display: none;}
	.sab-nav li > .drop{
		background: #fff;
		box-shadow: none;
		margin: 0;
	}
	.sab-nav > li > .drop:before{
		display: none;
	} */
}

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

}

@media screen and (max-width: 1024px) {
    .scheme_box {
        padding: 0 15px 0 0;
    }

    .directions_box {
        padding: 0 0 0 15px;
    }

    .contacts_page .about_block .img {
        padding: 50px 0 0;
    }

    .subscribers_box {
        display: block;
    }

    .inst_box .subscribers,
    .subscribers_box .publications {
        width: 100%;
    }

    .photo_box {
        padding: 33px 35px 32px 35px;
    }
}

@media screen and (max-width: 960px) {
    .scheme_box,
    .directions_box {
        width: 100%;
        padding: 0;
    }

    .scheme_box {
        text-align: center;
        margin: 0 0 50px;
    }

    .scheme_box .img {
        display: inline-block;
    }

    .contacts_page .about_block .img {
        padding: 0;
        margin: -50px 0 -70px;
        text-align: center;
    }
}

@media screen and (max-width: 890px) {
    .list_video li {
        width: 50%;
    }
}

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

}

@media screen and (max-width: 700px) {
    .information .photo_block .btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .contacts_page .about_text .text {
        padding: 0 0 0 100px;
    }

    .contacts_page .about_block h2 {
        margin: 0 0 20px;
    }

    .list_video li {
        width: 100%;
    }

    .photo_box {
        display: block;
        background-position: 0 50%;
    }

    .photo_box .title {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    .photo_box .btn_holder {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .contacts_page .about_text .text {
        padding: 100px 0 0;
    }

    .subscribers_box .publications,
    .inst_box .dscr {
        padding: 0;
    }

    .photo_block {
        margin: 0 0 27px;
    }

    .photo_box {
        background-position: 5% 50%;
    }

    .information .photo_block .btn {
        min-width: auto;
    }

    .plans_block {
        padding: 35px 15px 45px;
    }
}

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

}

/* end new style 22.02.2022 */
.articles_block.wide-articles {
    width: 100%;
}

.articles_block.wide-articles .item, .articles_block.wide-articles .item:first-child {
    width: 33.33%;
}

.articles_page.no-padding {
    padding-bottom: 0;
}

.articles_page.no-padding .articles {
    margin-bottom: 0;
}

.articles_page.no-padding .articles .articles_list {
    margin-bottom: 0;
}

.marquiz__container {
    padding: 0;
}

.page_block {
    position: relative;
}

.page_block .base-not-include {
    position: absolute;
    right: 0;
    top: 50px;
    padding-left: 115px;
    color: #000000;
    font-size: 20px;
    max-width: 550px;
}

.page_block .base-not-include:before {
    content: "";
    display: block;
    background-color: #f0f5f6;
    width: 84px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
}

.page_block .base-not-include:after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    background-image: url(img_new/rd_icon-33.svg);
    position: absolute;
    left: 22px;
    top: 20px;
}

.page_block .base-not-include strong {
    color: #00616e;
    display: block;
    margin-bottom: 5px;
    padding-top: 20px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .page_block .base-not-include {
        position: relative;
        top: auto;
        margin-bottom: 30px;
    }
}

.inst_box a {
    text-decoration: none;
}

.inst_box a:hover .inner_inst {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.active-top #header .sab-nav li {
    break-inside: avoid-column;
}

.faq-box.wide-consult-box {
    background-image: url(img_new/wide-consult-box.png);
}

.plans-img {
    display: block;
    height: 436px;
    width: 100%;
    max-width: 436px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.work-detail .project-link {
    margin-bottom: 15px;
}

.work-detail .project-link a {
    display: block;
    background-color: #0c5968;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    text-decoration: none;
    font-family: 'TT Firs Neue';
    font-weight: 600;
}

.work-detail.product .options_block .props-list em a {
    color: #000;
    text-decoration: none;
}

.work-detail .slideshow-button-prev {
    right: auto;
}

.content-page-box .breadcrumbs ul {
    margin: 0;
}

.content-page-box .breadcrumbs ul li {
    padding-left: 0;
}

.content-page-box .breadcrumbs ul li:before {
    display: none;
}

@media (max-width: 1170px) {
    #header.mb-open-nav:after {
        position: fixed;
        content: '';
        top: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        background: rgba(255, 255, 255, .8);
        z-index: -1;
    }

    #navigation .sab-nav > li > .drop > ul {
        columns: 1;
        width: 100%;
    }

    #navigation .sab-nav li > .drop {
        padding-left: 50px;
    }

    /* #navigation .sab-nav li:hover .drop {display: none;} */
    #navigation .sab-nav li > .drop {
        /* background: #fff; */
        box-shadow: none;
        margin: 0;
        /* padding: 109px 24px 20px 20px;
		display: none; */
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 358px;
        /* background: #fff; */
        /* box-shadow: 3px 5.2px 29px rgba(4, 14, 24, 0.24); */
        left: 0;
        top: 0;
        transform: translate3d(-150%, 0, 0);
        z-index: 0;
        padding: 109px 24px 20px 20px;
        overflow-y: auto;
        z-index: 2;
        transition: transform .3s ease;
    }

    #navigation .sab-nav li > .drop.open-drop {
        display: block;
        transform: translate3d(0, 0, 0);
    }

    #navigation .sab-nav > li > .drop:before {
        display: none;
    }

    #header.mb-open-nav .contacts,
    #header.mb-open-nav .logo {
        z-index: -1;
    }

    #navigation .sab-nav .drop .btn-back {
        top: 74px;
    }
}

@media (max-width: 768px) {
    /* #navigation .sab-nav li > .drop{
		padding: 109px 24px 20px 20px;
	} */
}

.swiper-button-disabled {
    display: none !important;
}

@media (max-width: 768px) {
    .product_page .product .pagination .pagination-slide .plus {
        display: none;
    }
}

.video_section .gallery-button-prev {
    left: -33px;
}

.video_section .gallery-button-next {
    right: -33px;
}

.slick-dots {
    list-style-type: none;
}

.slick-dots li {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.slick-dots li button {
    width: 50px;
    height: 4px;
    background-color: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
    padding: 0;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button {
    background-color: #80c700;
}

.slick-disabled {
    display: none !important;
}

@media (max-width: 1280px) {
    .video_section .gallery-button-prev,
    .indx-articles .gallery-button-prev,
    .certificate_block .gallery-button-prev,
    .video_tabs .gallery-button-prev {
        left: 0px;
    }

    .video_section .gallery-button-next,
    .indx-articles .gallery-button-next,
    .certificate_block .gallery-button-next,
    .video_tabs .gallery-button-next {
        right: 0px;
    }

    .video_section .gallery-item,
    .indx-articles .gallery-item,
    .certificate_block .gallery-item,
    .video_tabs .gallery-item {
        margin: 0;
        padding: 0 15px;
    }
}

.footer-buttons {
    display: none;
}

@media screen and (max-width: 768px) {
    .footer-buttons {
        display: block;
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100vw;
        right: 0;
        z-index: 1001;
    }

    .footer-buttons__wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer-buttons .footer-buttons__wa,
    .footer-buttons .footer-buttons__phone {
        width: 50vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
    }

    .footer-buttons .footer-buttons__phone {
        background: #384F7B;
        color: #fff;
    }

    .footer-buttons .footer-buttons__wa {
        color: #fff;
        background: #53B440;
    }

    .footer-buttons .footer-buttons__wa svg,
    .footer-buttons .footer-buttons__phone svg {
        margin-right: 5px;
    }

    .footer-buttons .footer-buttons__quiz {
        width: 100vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #C4A459;
    }

    .footer-buttons .footer-buttons__quiz img {
        margin-right: 10px;
    }

    .footer-buttons .footer-buttons__tour {
        width: 100vw;
        height: 40px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background: #C4A459;
    }

}

div#_topbar {
    background: #0F6EFF;
}

.topbar-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.topbar-left {
    display: flex;
    justify-content: center;
    font-family: "Museo Sans Cyrl 500", "Arial", "Helvetica", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.topbar-left span {
    font-family: "Museo Sans Cyrl 900", "Arial", "Helvetica", sans-serif;
    font-weight: 900;
}

.topbar-right {
    display: flex;
    gap: 15px;
}

.topbar-date {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    max-width: 203px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

#_topbar_btn {
    font-style: normal;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background: linear-gradient(0deg, #85B725, #85B725), #FFFFFF;
    border-radius: 5px;
    width: 300px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
    font-family: "Museo Sans Cyrl 500", Arial, "Helvetica", sans-serif;
    font-weight: 700;
}

div#_topbar_close {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    user-select: none;
    transition: all .3s ease-in-out;
}

#_topbar_btn:hover {
    background: white;
    color: #000;
}

div#_topbar_close:hover {
    color: black;
}

body.has-topbar div#wrapper {
    padding-top: 250px;
}

body.has-topbar div#_topbar {
    display: block !important;
}

@media screen and (max-width: 1200px) {
    body.has-topbar div#wrapper {
        padding-top: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .topbar-wr {
        display: flex;
        justify-content: space-between;
        padding: 10px 0px;
    }

    .topbar-right {
        flex-direction: column;
        /* align-items: flex-start;*/
        align-items: center;
        gap: 7px;
    }

    .topbar-left {
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .topbar-date {
        width: 128px;
        font-size: 11px;
        line-height: 14px;
        height: 25px;
    }

    #_topbar_btn {
        width: 162px;
        height: 40px;
        padding: 0 4px;
    }
}

@media screen and (max-width: 992px) {
    .topbar-right {
        margin-left: auto;
        margin-right: 20px;
    }
}

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

    div#_topbar .container {
        padding: 0 24px !important;
    }

    .topbar-left {
        font-size: 10px;
        line-height: 12px;
    }

    .topbar-date {
        display: none;
    }

    body.has-topbar div#wrapper {
        padding-top: 114px;
    }

    #_topbar_btn {
        font-size: 10px;
        line-height: 12px;
        gap: 8px;
    }

    div#_topbar_close {
        position: absolute;
        top: 0;
        right: -15px;
        font-size: 14px;
    }

    .topbar-wr {
        position: relative;
    }

    body.has-topbar div#wrapper {
        padding-top: 99px;
    }

    .topbar-right {
        display: flex;
        flex-direction: column;
        /*justify-content: flex-end;*/
        justify-content: center;
    }

    /*#_topbar_btn {
        width: fit-content !important;
        padding: 0 3px !important;
    }*/
}

@media screen and (max-width: 565px) {
    body.has-topbar div#wrapper {
        padding-top: 104px;
    }

    .topbar-left {
        max-width: 148px;
    }
}

@media screen and (max-width: 400px) {
    body.has-topbar div#wrapper {
        padding-top: 118px;
    }

    div#_topbar .container {
        padding: 0 24px !important;
    }

    .topbar-right {
        margin-right: 0px;
    }
}

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

}

div#consult_popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
}

.consult_p_wr {
    width: 770px;
    height: 470px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding-top: 30px;
    padding-left: 30px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/consult/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.consult_p-date {
    max-width: 203px;
    width: 100%;
    padding: 6px 25px;
    margin-bottom: 10px;
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background: #C7B59D;
    border-radius: 6px;
}

.consult_p-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #3C3C3C;
    margin-bottom: 33px;
}

.consult_p-list-item {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    color: #3C3C3C;
    padding-left: 31px;
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}

.consult_p-list-item:first-child {
    margin-top: 0;
}

.consult_p-list-item:last-child {
    margin-bottom: 0;
}

.consult_p-form-input {
    width: 335px;
    max-width: 100%;
    padding-bottom: 4px;
    border-bottom: 1px solid #A8A8AA;
    margin-top: 30px;
}

input#consult_popup_phone,
input#consult_popup_phone::placeholder {
    font-style: normal;
    font-weight: 300;
    font-size: 17.5304px;
    line-height: 21px;
    color: #A8A8AA;
    border: none;
    background: transparent;
}

input#consult_popup_phone {
    color: #000;
}

.consult_p-title b {
    color: rgba(145, 199, 0, 1);
}

.consult_p-form-button {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #91C700;
    border-radius: 134px;
    width: 335px;
    height: 69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 20px;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.consult_p-checkrow {
    display: flex;
}

.consult_p-checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #353535;
    height: fit-content;
    margin: auto 0px;
    margin-left: 9px;
}

div#consult_popup_close {
    position: absolute;
    top: 7px;
    right: 12px;
    cursor: pointer;
}

.consult_p-list-item:before {
    width: 23px;
    height: 23px;
    background-color: #C7B59D;
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    border-radius: 50%;
    background-image: url(/local/templates/bania.3.0/images/popups/consult/list-item.png);
    background-repeat: no-repeat;
    background-position: center;
}

.consult_p-form-button:hover {
    background: #c7b59d;
}

.consult_p-checkbox-wr {
    width: 19px;
    height: 19px;
    position: relative;
}

.consult_p-checkbox-wr input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.consult_p-checkbox-wr input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #91C700;
    border-radius: 2.6512px;
}

.consult_p-checkbox-wr input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/consult/checkbox.svg);
    background-position: center;
}

.consult_p-form-input {
    background-image: url(/local/templates/bania.3.0/images/popups/consult/phone.svg);
    background-position-x: right;
    background-position-y: 5px;
    background-repeat: no-repeat;
}

div#consult_popup {
    /*flex-direction: column;*/
    justify-content: center;
    align-items: center;
}

.consult_thx_popup {
    width: 370px;
    height: 260px;
    background: #FFFFFF;
    position: relative;
}

div#consult_thx_close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.consult_thx_content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.consult_thx_title {
    font-style: normal;
    font-weight: 600;
    font-size: 22.0299px;
    line-height: 26px;
    text-align: center;
    color: #3C3C3C;
    margin-top: 25px;
    margin-bottom: 15px;
}

.consult_thx_offer {
    font-style: normal;
    font-weight: 300;
    font-size: 19.5821px;
    line-height: 23px;
    text-align: center;
    color: #3C3C3C;
}

div#consult_popup_close svg path {
    transition: all .3s ease-in-out;
}

div#consult_popup_close:hover svg path {
    fill: #91c700
}

.consult_p-person {
    position: absolute;
    width: 230px;
    height: 75px;
    left: 520px;
    top: 311px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #FFFFFF;
    border-radius: 150px;
    justify-content: center;
    align-items: center;
}

.consult_p-person .name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #3C3C3C;
}

.consult_p-person .post {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .consult_p_wr {
        width: 320px;
        height: 605px;
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url(/local/templates/bania.3.0/images/popups/consult/bg-m.png);
    }

    div#consult_popup_close {
        width: 30px;
        height: 30px;
        top: 12px;
        right: 9px;
    }

    div#consult_popup_close svg {
        width: 30px;
        height: 30px;
    }

    .consult_p-person {
        width: 170px;
        height: 60px;
        padding: 9px 27px;
        left: 10px;
        top: 521px;
    }

    .consult_p-person .name {
        font-size: 13px;
        line-height: 17px;
        text-align: center;
    }

    .consult_p-person .post {
        font-size: 9px;
        line-height: 12px;
    }

    .consult_p-date {
        margin: 0 auto 16px;
    }

    .consult_p-title {
        font-size: 21px;
        line-height: 130%;
        text-align: center;
        font-family: 'Museo Sans Cyrl 500';
        margin-bottom: 18px;
    }

    .consult_p-title br {
        display: none;
    }

    .consult_p-list-item {
        font-weight: 300;
        font-size: 13px;
        line-height: 17px;
        padding-left: 27px;
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .consult_p-list-item:before {
        width: 20px;
        height: 20px;
        background-size: 13px 7px;
        background-position-y: 7px;
        background-position-x: 4px;
        top: calc(50% - 10px);
    }

    .consult_p-form-input {
        margin-top: 24px;
        background-position-y: 7px;
    }

    input#consult_popup_phone,
    input#consult_popup_phone::placeholder {
        font-size: 16px;
    }

    .consult_p-form-button {
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        width: 300px;
        height: 60px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .consult_p-checkbox-text {
        font-size: 10px;
    }

    .consult_thx_popup {
        width: 320px;
        max-width: 100%;
        height: 250px;
    }

    .consult_thx_img img {
        width: 59px;
    }

    .consult_thx_title {
        font-size: 19.4038px;
        line-height: 23px;
        margin-top: 21px;
        margin-bottom: 13px;
    }

    .consult_thx_offer {
        font-size: 17.2478px;
        line-height: 21px;
    }
}

div#consult_popup._open_popup {
    display: flex !important;
}

div#consult_popup._send_ .consult_p_wr {
    display: none !important;
}

div#consult_popup._send_ .consult_thx_popup {
    display: block !important;
}


#header.header-mod.mb-open-nav #navigation {
    z-index: 1;
}

.success-modal__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
}

.success-modal__inner {
    width: 370px;
    height: 260px;
    background: #FFFFFF;
    position: relative;
}

#success-modal__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.success-modal__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.success-modal__title {
    font-style: normal;
    font-weight: 600;
    font-size: 22.0299px;
    line-height: 26px;
    text-align: center;
    color: #3C3C3C;
    margin-top: 25px;
    margin-bottom: 15px;
}

.success-modal__offer {
    font-style: normal;
    font-weight: 300;
    font-size: 19.5821px;
    line-height: 23px;
    text-align: center;
    color: #3C3C3C;
}

.success-modal__close svg path {
    transition: all .3s ease-in-out;
}

.success-modal__close:hover svg path {
    fill: #91c700
}

@media screen and (max-width: 800px) {
    .success-modal__iner {
        width: 320px;
        max-width: 100%;
        height: 250px;
    }

    .success-modal__img img {
        width: 59px;
    }

    .success-modal__title {
        font-size: 19.4038px;
        line-height: 23px;
        margin-top: 21px;
        margin-bottom: 13px;
    }

    .success-modal__offer {
        font-size: 17.2478px;
        line-height: 21px;
    }
}

.help-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: none;
}

.help-popup__wrapper {
    width: 1000px;
    height: 570px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding-top: 58px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/help/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    font-family: 'TT Firs Neue';
}

.help-popup__content {
    display: flex;
    justify-content: space-between;
    margin: 0 0 54px;
}

.help-popup__left {
    max-width: 527px;
}

.help-popup__right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-direction: column;
}

.help-popup__title {
    margin-bottom: 32px;
    max-width: 825px;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #393939;
}

.help-popup__title span {
    color: #00616E;
}

.help-popup__subtitle {
    max-width: 683px;
    margin-bottom: 26px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #393939;
}

.help-popup__list {

}

.help-popup__list div {
    position: relative;
    padding-left: 38px;
    color: #393939;
    font-family: 'TT Firs Neue';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 14px;
}

.help-popup__list div:before {
    content: "";
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 26px;
    height: 26px;
    background: url(/local/templates/bania.3.0/images/popups/help/list.svg) no-repeat center/cover;
}

.help-popup__list div:last-child {
    margin: 0 0 0;
}

.help-popup__feedback {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-bottom: 66px;
}

.help-popup__call {
    display: flex;
    align-items: center;
    gap: 17px;
}

.help-popup__call a {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    text-decoration: underline;
    color: #393939;
    cursor: pointer;
}

.help-popup__call a:hover {
    color: #007aff
}

.help-popup__person {
    display: flex;
    align-items: center;
    gap: 14px;
}

.help-popup__person img {
    width: 86px;
    height: 86px;
}

.help-popup__person .person__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #393939;
}

.help-popup__person .person__text span {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #00616E;
}

.help-popup__image {
    width: 349px;
    height: 200px;
    background: url(/local/templates/bania.3.0/images/popups/help/image.png) no-repeat center/cover;
}

.help-popup__form {
    display: flex;
    align-items: flex-start;
    gap: 27px;
    position: relative;
}

.help-popup__label {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #343434;
}

.help-popup__hint {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 2px 8px;
    z-index: 5;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 10px;
    background: #ffffff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.help-popup__phone {
    max-width: 100%;
    width: 420px;
    height: 82px;
    background: #FFFFFF;
    border-radius: 10px;
    padding-left: 30px;
}

.help-popup__phone,
.help-popup__phone::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #898989;
}

.help-popup__phone {
    border: 1px solid #BFBFBF;
}

.help-popup__submit {
    max-width: 100%;
    width: 420px;
    height: 82px;
    background: linear-gradient(180deg, #9DDD2F 0%, #7DB321 100%);
    box-shadow: 0 3px 0 #729F22;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.help-popup__checkrow {
    display: flex;
}

.help-popup__checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #343434;
    height: fit-content;
    margin: auto 0 auto 9px;
}

.help-popup__checkbox-text a {
    color: #000000;
}

.help-popup__checkbox-wrapper {
    width: 19px;
    height: 19px;
    position: relative;
}

.help-popup__checkbox-wrapper input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.help-popup__checkbox-wrapper input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 2px;
}

.help-popup__checkbox-wrapper input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/help/checkbox.svg);
    background-position: center;
}

.help-popup__close {
    position: absolute;
    top: 7px;
    right: 12px;
    cursor: pointer;
}

.help-popup__mobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .help-popup__wrapper {
        width: 375px;
        height: 593px;
        padding-top: 32px;
        padding-left: 25px;
        padding-right: 25px;
        background-image: url(/local/templates/bania.3.0/images/popups/help/bg-m.png);
    }

    .help-popup__close {
        width: 30px;
        height: 30px;
        top: 9px;
        right: 9px;
    }

    .help-popup__close svg {
        width: 30px;
        height: 30px;
    }

    .help-popup__mobile {
        display: flex;
    }

    .help-popup__desktop {
        display: none;
    }

    .help-popup__content {
        flex-direction: column;
        gap: 18px;
        border-bottom: 1px solid #848484;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .help-popup__left {
        max-width: 100%;
    }

    .help-popup__right {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .help-popup__image {
        min-width: 92px;
        background: url(/local/templates/bania.3.0/images/popups/help/image-m.png) no-repeat center/cover;
        width: 92px;
        height: 92px;
    }

    .help-popup__title {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .help-popup__subtitle {
        margin-bottom: 24px;
        font-size: 12px;
        line-height: 18px;
    }

    .help-popup__list {

    }

    .help-popup__list div {
        padding-left: 32px;
        font-size: 16px;
        margin: 0 0 12px;
    }

    .help-popup__list div:last-child {
        margin: 0 0 0;
        max-width: 300px;
    }

    .help-popup__list div:before {
        width: 18px;
        height: 18px;
        top: calc(50% - 9px);
    }

    .help-popup__call.help-popup__mobile {
        display: flex;
        gap: 10px;
        margin-bottom: 70px;
        justify-content: flex-start;
        align-items: center;
    }

    .help-popup__call.help-popup__mobile img {
        width: 40px;
        height: 40px;
    }

    .help-popup__call.help-popup__mobile a {
        font-style: normal;
        font-weight: 500;
        text-decoration: underline;
        color: #393939;
        font-size: 18px;
        line-height: 23px;
    }

    .help-popup__call.help-popup__mobile a:hover {
        color: #007aff
    }

    .help-popup__person {
        gap: 10px;
        align-items: center;
    }

    .help-popup__person img {
        width: 66px;
        height: 66px;
    }

    .help-popup__person .person__text {
        font-size: 16px;
        line-height: 21px;
    }

    .help-popup__person .person__text span {
        font-size: 18px;
        line-height: 18px;
    }

    .help-popup__form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .help-popup__label {
        font-size: 16px;
        line-height: 21px;
    }

    .help-popup__hint {
        bottom: unset;
        top: 60px;
        left: 30px;
        font-size: 14px;
        line-height: 14px;
    }

    .help-popup__phone {
        width: 320px;
        max-width: 100%;
        height: 50px;
    }

    input.help-popup__phone,
    input.help-popup__phone::placeholder {
        font-size: 16px;
    }

    .help-popup__submit {
        font-weight: 600;
        font-size: 18px;
        line-height: 23px;
        max-width: 100%;
        width: 320px;
        height: 70px;
        margin-bottom: 6px;
        margin-top: 0;
    }

    .help-popup__checkbox-text {
        font-size: 10px;
        line-height: 13px;
    }
}

/* style for new product-page */

.with_topbar #wrapper {
    padding-top: 250px;
}


.fancybox-container .whts_popup {
    width: 100%;
    max-width: 735px;
    background: url("/local/templates/bania.3.0/img_new/nu_img-6.jpg") no-repeat;
    background-size: 100%;
    display: none;
    min-height: 554px;
    overflow: visible;
    padding-left: 363px;
    margin: 0 auto;
}

.fancybox-container .whts_popup:before {
    display: none;
}

.fancybox-container .whts_popup:after {
    position: absolute;
    content: '';
    bottom: -80px;
    left: -89px;
    width: 544px;
    height: 385px;
    background: url("/local/templates/bania.3.0/img_new/nu_img-7.png") no-repeat;
    background-size: 100%;
    z-index: 0;
    transform: none;
    top: auto;
}

.fancybox-container .whts_popup.callback-box .fancybox-close-small {
    top: 16px;
    right: 15px;
}

.fancybox-container .whts_popup.callback-box .fancybox-close-small:after {
    background: #fff;
}

.fancybox-container .whts_popup .inner_popup {
    padding: 0 60px 0 63px;
    position: relative;
    z-index: 1;
}

.fancybox-container .whts_popup legend {
    display: block;
    margin: 0 0 67px;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
}

.fancybox-container .whts_popup legend span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 18px;
}

.fancybox-container .whts_popup legend span:after {
    position: absolute;
    content: '';
    width: 27px;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    background: url("/local/templates/bania.3.0/img_new/nu_icon-18.svg") no-repeat;
    background-size: 100%;
}

.fancybox-container .whts_popup .col {
    margin: 0 0 9px;
}

.fancybox-container .whts_popup input[type="text"] {
    display: block;
    width: 100%;
    border: none;
    background: #f2f7f7;
    padding: 5px 16px;
    border-radius: 4px;
    height: 50px;
    /* max-width: 240px; */
    font-size: 16px;
    line-height: 1;
    color: #000;
}

.fancybox-container .whts_popup .btn {
    display: block;
    width: 100%;
    border-radius: 4px;
    height: 50px;
    line-height: 1;
    padding: 0;
}

.fancybox-container .whts_popup .col span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 400;
    padding-top: 8px;
}

.fancybox-container .whts_popup .col span a {
    text-decoration: underline;
    color: #80c700;
}

.fancybox-container .whts_popup .col span a:hover {
    text-decoration: none;
}

#product_popup {
    width: 100%;
    max-width: 993px;
    padding: 40px 94px 54px;
    display: none;
}

.product_popup .fancybox-close-small {
    padding: 0;
    width: 37px;
    height: 37px;
    top: 22px;
    right: 22px;
}

.product_popup .fancybox-button svg {
    display: none;
}

.product_popup .fancybox-close-small:after,
.product_popup .fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -2px;
    height: 50px;
    width: 4px;
    border-radius: 1px;
}

.product_popup .fancybox-close-small:before {
    background: #80c700;
    transform: rotate(-45deg);
}

.product_popup .fancybox-close-small:after {
    background: #000;
    transform: rotate(45deg);
}

.product_popup h2 {
    margin: 0 0 34px;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.29;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    letter-spacing: 0;
}

.product_popup .frame {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 24px;
    width: 100%;
    padding: 21px 0 17px;
    border-top: 1px solid #DDE6E8;
    border-bottom: 1px solid #DDE6E8;
    background: none;
    overflow: visible;
}

.product_popup .frame .price {
    margin-right: auto;
}

.product_popup .frame .price strong {
    color: #00616E;
    font-weight: 600;
    font-size: 40px;
    margin: 0 0 10px;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame .price span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #BB8F63;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul {
    padding: 0;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-right: -5px;
}

.product_popup .frame ul li,
.product_popup .frame ul li:last-child {
    margin: 0 0 0 42px;
    padding: 0;
}

.product_popup .frame ul em {
    margin: 0 0 2px;
    font-weight: 600;
    line-height: 1;
    font-size: 40px;
    color: #80C700;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul span {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .frame ul em sup {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    top: -20px;
}

.product_popup .frame ul li:after {
    display: none;
}

.product_popup .dscr_form {
    position: relative;
    margin: 0 0 31px;
    padding: 19px 0 6px 99px;
    max-width: 607px;
}

.product_popup .dscr_form p {
    margin: 0;
    line-height: 1.29;
    font-size: 18px;
    font-weight: 400;
    font-family: 'TT Firs Neue', serif;
}

.product_popup .dscr_form p strong {
    font-weight: 600;
}

.product_popup .dscr_form:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 72px;
    height: 70px;
    background: url("img_new/nu_icon-19.svg") no-repeat;
    background-size: 100%;
}

.product_popup .form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.product_popup .form-row .col {
    padding: 0 5px;
    margin: 0 0 20px;
    width: 50%;
}

.product_popup .form-row .col-100 {
    width: 100%;
    padding: 0 5px;
}

.product_popup .form-row .col input[type="text"] {
    height: 70px;
    background: #f2f7f7;
    border: 1px solid #f2f7f7;
    border-radius: 5px;
    margin: 0 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
    width: 100%;
    padding: 0 26px;
}

.product_popup .form-row .col-100 .btn {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 5px 10px;
    letter-spacing: -0.06em;
}

.product_popup .form-row .col-100 span {
    display: block;
    text-align: center;
    margin: 21px 0 0;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    font-size: 12px;
    color: #8A8A8A;
}

.product_popup .form-row .col-100 span a {
    color: #00618A;
    text-decoration: underline;
}

.product_popup .form-row .col-100 span a:hover {
    text-decoration: none;
}

.tour_box {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #D4EF31;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 17px 10px 14px 96px;
    max-width: 316px;
    cursor: pointer;
    transition: all ease 0.3s;
    z-index: 3;
}

.tour_box a {
    text-decoration: none;
}

.tour_box .tour_text {
    font-family: 'TT Firs Neue', serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #000;
    line-height: 1.3;
    transition: all ease 0.3s;
}

.tour_box .tour {
    position: absolute;
    bottom: -14px;
    left: 23px;
    width: 58px;
    height: 86px;
    padding: 0 0 0;
    border-radius: 12px 12px 0 0;
    background: #00616E;
    animation: slide 5s cubic-bezier(.5, -.75, .7, 2) infinite;
}

.tour_box .tour .icon {
    position: absolute;
    display: block;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 37px;
    height: 29px;
}

.tour_box:hover {
    background: #00616E;
}

.tour_box:hover .tour_text {
    color: #fff;
}

.tour_box:hover .tour {
    transform: scale(1.0814) !important;
    left: 21px;
    bottom: -36px !important;
    animation-play-state: paused;
}

.close_tour {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 15px;
    height: 15px;
    display: none;
}

.close_tour:after,
.close_tour:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -1px;
    background: #000;
}

.close_tour:after {
    transform: rotate(45deg);
}

.close_tour:before {
    transform: rotate(-45deg);
}

@keyframes slide {
    0% {
        transform: scale(1);
        bottom: -42px;
    }
    25% {
        transform: scale(1.0814);
        bottom: -36px;
    }
    50% {
        transform: scale(1);
        bottom: -14px;
    }
    75% {
        transform: scale(1.0814);
        bottom: -36px;
    }
    100% {
        transform: scale(1);
        bottom: -42px;
    }
}

#tour_popup {
    width: 100%;
    display: none;
    max-width: 1281px;
    padding: 0;
}

#tour_popup iframe {
    display: block;
}

.tour_popup .title_popup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 100px 16px 80px;
    background: #31A7C1;
}

.tour_popup .title_popup .icon {
    display: block;
    width: 45px;
    height: 34px;
}

.tour_popup .title_popup .text {
    padding-left: 28px;
    display: block;
    width: calc(100% - 45px);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    padding-top: 0;
}

.tour_popup .fancybox-close-small {
    padding: 3px;
    top: 12px;
    right: 60px;
}

.tour_popup .fancybox-button svg path {
    fill: #fff;
}

@media screen and (max-width: 768px) {
    .fancybox-container .whts_popup {
        padding-left: 48%;
        background-size: cover;
        background-position: 50%;
    }

    .fancybox-container .whts_popup:after {
        bottom: -60px;
        left: -60px;
        width: 404px;
        height: 275px;
    }

    .fancybox-container .whts_popup .inner_popup {
        padding: 0 30px;
    }

    .fancybox-container .whts_popup legend {
        font-size: 30px;
    }

    #product_popup {
        padding: 50px 40px 54px;
    }

    .product_popup h2 {
        font-size: 34px;
    }

    .product_popup .frame ul li,
    .product_popup .frame ul li:last-child {
        margin: 0 0 0 20px;
    }

    .product_popup .frame .price strong {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .product_popup .frame ul em {
        font-size: 32px;
    }

    .tour_box {
        bottom: 40px;
        left: 0;
    }

    .tour_popup .title_popup {
        padding: 10px 50px 10px 20px;
    }

    .tour_popup .fancybox-close-small {
        right: 5px;
        top: 5px;
    }
}

@media screen and (max-width: 565px) {
    .fancybox-container .whts_popup {
        min-height: auto;
    }

    .fancybox-container .whts_popup:after {
        width: 334px;
        height: 229px;
    }

    .fancybox-container .whts_popup .inner_popup {
        padding-bottom: 0;
    }

    #product_popup {
        padding: 40px;
    }

    .product_popup h2 {
        font-size: 30px;
    }

    .product_popup .frame {
        display: block;
    }

    .product_popup .frame .price {
        float: none;
        margin: 0 0 15px;
    }

    .product_popup .frame ul {
        justify-content: flex-start;
    }

    .product_popup .frame ul li,
    .product_popup .frame ul li:last-child {
        margin: 0 20px 0 0;
    }

    .product_popup .dscr_form {
        padding: 0 0 0 55px;
    }

    .product_popup .dscr_form:after {
        width: 40px;
        height: 41px;
    }

    .product_popup .form-row .col {
        width: 100%;
    }

    .product_popup .form-row .col input[type="text"],
    .product_popup .form-row .col-100 .btn {
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .tour_box {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .fancybox-container .whts_popup {
        padding: 50px 0 130px;
        background-position: 100% 50%;
        background-size: 200%;
    }

    .fancybox-container .whts_popup:after {
        left: -10px;
        width: 274px;
        height: 189px;
    }

    .fancybox-container .whts_popup legend {
        margin: 0 0 35px;
        font-size: 26px;
    }

    .product_popup .fancybox-close-small {
        width: 27px;
        height: 27px;
        top: 12px;
        right: 12px;
    }

    .product_popup .fancybox-close-small:after,
    .product_popup .fancybox-close-small:before {
        height: 34px;
        margin: -17px 0 0 -2px;
    }

    #product_popup {
        padding: 40px 20px;
    }

    .product_popup h2 {
        font-size: 26px;
        margin: 0 0 20px;
    }

    .product_popup .dscr_form p {
        font-size: 16px;
    }

    .product_popup .frame .price strong,
    .product_popup .frame ul em {
        font-size: 28px;
    }

    .product_popup .frame ul em sup {
        font-size: 16px;
        top: -13px;
    }

    .tour_popup .title_popup .icon {
        width: 30px;
        height: 24px;
    }

    .tour_popup .title_popup .icon svg {
        width: 100%;
        height: auto;
    }

    .tour_popup .title_popup .text {
        padding-left: 15px;
        width: calc(100% - 30px);
        font-size: 14px;
    }

    #tour_popup iframe {
        height: 480px;
    }

    .tour_box {
        bottom: 0;
        left: 0;
        max-width: none;
        border-radius: 0;
        padding: 10px 25px 8px 96px;
        min-height: 34px;
    }

    .tour_box .tour_text {
        font-size: 10px;
    }

    .close_tour {
        display: block;
    }
}

.popup-tour {
    width: 100vw;
    height: 100vh;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
    z-index: 9980;
}

.popup-tour.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

.popup-tour::before {
    position: absolute;
    width: 10000px;
    height: 10000px;
    background: rgba(0, 97, 110, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 9979;
    opacity: 0.9;
}

.popup-tour .popup-tour__wrapper {
    width: 1170px;
    height: 769px;
    border-radius: 20px;
    background-color: #212121;
    padding: 72px 24px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 9980;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup-tour .popup-tour__wrapper .popup-tour__close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.popup-tour .popup-tour__wrapper .popup-tour__close svg {
    width: 32px;
    height: 32px;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame {
    width: 1122px;
    height: 450px;
    margin-bottom: 24px;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame > span,
.popup-tour .popup-tour__wrapper .popup-tour__frame .iframeLoaderScroll {
    height: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__frame iframe {
    width: 100%;
    height: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: space-between;
    gap: 160px;
    font-family: 'TT Firs Neue', serif;
    font-style: normal;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper {
    max-width: 402px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-caption {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 16px;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    background: #373737;
    padding: 16px;
    row-gap: 26px;
    max-width: 402px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 50%;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper {
    max-width: 560px;
    width: 100%;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 16px;
    font-family: 'Montserrat';
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list {
    margin-bottom: 16px;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item {
    color: #CBCBCB;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    margin-bottom: 18px;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:before {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #80C700;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:last-child {
    margin-bottom: 0;
}

.popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-btn {
    width: 560px;
    max-width: 100%;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

@media screen and (max-width: 1170px) {
    .popup-tour {
        align-items: flex-start;
        padding-top: 10px;
    }

    .popup-tour .popup-tour__wrapper {
        width: 100%;
        max-width: 360px;
        height: 670px;
        padding: 40px 15px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__close {
        top: 8px;
        right: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__close svg {
        width: 20px;
        height: 20px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__frame {
        max-width: 100%;
        width: 360px;
        height: 85%;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__content {
        flex-direction: column;
        gap: 16px;
        max-width: 100%;
        margin: 0 auto;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list {
        padding: 16px 24px;
        row-gap: 18px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper .hint-list__item {
        gap: 8px;
        font-size: 14px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 8px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list {
        margin-bottom: 16px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item:last-child {
        margin-bottom: 0;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list__item span.hide-mobile {
        display: none;
    }

    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-btn {
        text-transform: initial;
        padding: 12px 24px;
    }
}

.about-block {
    position: relative;
    padding: 58px 0 20px;
    z-index: 1;
}

.about-block .title-block {
    margin: 0 0 40px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
}

.about-block .title-block:after {
    content: none;
}

.about-block .about-text .icon {
    display: none;
}

.about-block .about-text {
    margin: 0 0 64px;
    display: flex;
    align-items: center;
}

.about-block .about-text .text {
    color: #333;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0;
}

.about-block .about-text .text span {
    font-weight: 700;
}

.about-block .video-wrapper {
    display: flex;
    gap: 48px;
    flex-wrap: nowrap;
    padding: 48px 0;
    position: relative;
    margin-bottom: 64px;
}

.about-block .video-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #EEF6DC;
    z-index: -1;
}

.about-block .video-wrapper .video {
    max-width: 562px;
    height: 388px;
    background: none;
}

.about-block .video-wrapper .video a {
    position: relative;
    width: auto;
    /* height: auto; */
    height: 388px;
    display: block;
    border-radius: 4px;
    top: auto;
    left: auto;
}

.about-block .video-wrapper .video a:after {
    display: none;
}

.about-block .video-wrapper .video .play {
    all: initial;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 116px;
    height: 116px;
    background-image: url(/local/templates/bania.3.0/images/about/video-play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    transition: all 0.3s linear;
    cursor: pointer;
}

.about-block .video-wrapper .video .caption {
    content: '';
    position: absolute;
    top: 104px;
    left: 100px;
    display: block;
    width: 146px;
    height: 34px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
}

.about-block .video-wrapper .video .arrow {
    content: '';
    position: absolute;
    top: 146px;
    left: 178px;
    display: block;
    width: 32px;
    height: 32px;
}

.about-block .video-wrapper .video .play:after {
    content: none;
}

.about-block .video-wrapper .video a:hover .play {
    box-shadow: none;
    border: none;
}

.about-block .video-wrapper .info-text {
    max-width: 560px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-family: 'Montserrat';
    font-style: normal;
}

.about-block .video-wrapper .info-text .info-text__description {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.about-block .video-wrapper .info-text .info-text__description p {
    margin: 0 !important;
}

.about-block .video-wrapper .info-text .info-text__name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 8px;
}

.about-block .video-wrapper .info-text .info-text__post {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.about-block .video-wrapper .info-text .info-text__btn {
    border-radius: 5px;
    background: #85B823;
    width: 329px;
    max-width: 100%;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.about-block .staff-wrapper {
    position: relative;
    font-family: 'Montserrat';
    font-style: normal;
    margin-bottom: 64px;
}

.about-block .staff-wrapper .staff-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin-bottom: 12px;
}

.about-block .staff-wrapper .staff-list .staff-item {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px;
    width: calc(25% - 24px);
    height: 430px;
    border-radius: 5px;
    border: 3px solid #F2F7F7;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-image.img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100%;
    margin-bottom: 32px;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-image.img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 0 32px;
}

.about-block .staff-wrapper .staff-list .staff-item .staff-post {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    padding: 0 32px;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first {
    justify-content: space-between;
    align-items: center;
    background-color: #275f6b;
    background-image: url(/local/templates/bania.3.0/images/about/first-item.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 211px 174px;
    padding: 32px;
    border: none;
    /* width: 274.5px;*/
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .num {
    margin: 0 0 15px;
    color: #FFF;
    text-align: center;
    font-size: 64px;
    font-weight: 500;
    line-height: 100%;
    width: 210.461px;
    height: 289px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .title {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

.about-block .staff-wrapper .staff-list .staff-item.item--first .subtitle {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.about-block .staff-wrapper .staff-list .staff-item.item--last {
    justify-content: space-between;
    align-items: center;
    background-color: #85B823;
    background-image: url(/local/templates/bania.3.0/images/about/last-item.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 230px 230px;
    width: 50%;
    border: none;
}

.social-network {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.social-network .title {
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 120%;
}

.social-network .numbers {
    display: flex;
    gap: 64px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.social-network .numbers span {
    margin-top: 8px;
    display: block;
    font-size: 64px;
    line-height: 100%;
    font-weight: 500;
}

.social-network .subtitle {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.social-network .subtitle span {
    font-weight: 700;
}

.about-block .staff-wrapper .staff-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-block .staff-wrapper .staff-all .btn {
    max-width: 262px;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

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

    .about-block {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .about-block .title-block {
        margin: 0 auto 32px;
        font-size: 26px;
        padding: 0;
    }

    .about-block .title-block:after {
        content: none;
    }

    .about-block .about-text .icon {
        display: none;
    }

    .about-block .about-text {
        margin: 0 0 64px;
        display: flex;
        align-items: center;
    }

    .about-block .video-wrapper {
        flex-direction: column;
        gap: 32px;
        margin-bottom: 48px;
        background: #EEF6DC;
    }

    .about-block .video-wrapper:before {
        content: none;
    }

    .about-block .video-wrapper .video {
        max-width: 345px;
        margin: 0 auto;
        height: 239px;
        background: none;
    }

    .about-block .video-wrapper .video a {
        position: relative;
        height: 239px;
        max-width: 345px;
        width: 100%;
    }

    .about-block .video-wrapper .video a:after {
        display: none;
    }

    .about-block .video-wrapper .video .play {
        display: block;
        width: 80px;
        height: 80px;
    }

    .about-block .video-wrapper .video .caption {
        top: 38px;
        left: 42px;
    }

    .about-block .video-wrapper .video .arrow {
        top: 72px;
        left: 90px;
    }

    .about-block .video-wrapper .video .play:after {
        content: none;
    }

    .about-block .video-wrapper .video a:hover .play {
        box-shadow: none;
        background: none;
    }

    .about-block .video-wrapper .info-text {
        max-width: 345px;
        width: 100%;
        margin: 0 auto;
    }

    .about-block .staff-wrapper {
        margin: 0 auto;
    }

    .about-block .staff-wrapper .staff-list {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto 12px;
        width: 100%;
        max-width: 100%;
    }

    .about-block .staff-wrapper .staff-list .staff-item {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 354px;
        margin: 0;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-image.img {
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        max-width: 100%;
        max-height: 280px;
        margin-bottom: 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-name {
        padding: 0 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item .staff-post {
        padding: 0 32px 32px;
    }

    .about-block .staff-wrapper .staff-list .staff-item.item--first {

    }

    .about-block .staff-wrapper .staff-list .staff-item.item--last {
        width: 100%;
    }

    .social-network {
        display: flex;
        padding: 32px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
    }

    .social-network .title {
        font-size: 22px;
    }

    .social-network .numbers {
        width: 100%;
        display: flex;
        gap: initial;
        justify-content: space-between;
        align-items: center;
        color: #FFF;
        font-size: 14px;
    }

    .social-network .numbers span {
        font-size: 40px;
    }
}

.banner-tour {
    padding: 80px 40px 0;
    background: #f6f6f6;
    border-radius: 12px;
}

.banner-tour .banner-tour__wrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.banner-tour .banner-tour__wrapper .banner-tour__title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    text-align: center;
    color: #151616;
}

.banner-tour .banner-tour__wrapper .banner-tour__subtitle {
    max-width: 896px;
    margin: 0 auto 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: #323836;
}

.banner-tour .banner-tour__wrapper .banner-tour__frame {
    /*width: 100%;
    height: 400px;
    margin-bottom: 11px;*/
     width: 100%;
    height: 600px;
    margin-bottom: 11px;
    max-height: 60vh;
}

.banner-tour .banner-tour__wrapper .banner-tour__frame span,
.banner-tour .banner-tour__wrapper .banner-tour__frame iframe {
    width: 100%;
    height: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__content {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: space-between;
    gap: 48px;
    font-family: 'Montserrat';
    font-style: normal;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper {
    width: 100%;
    max-width: 476px;
    border-radius: 5px;
    background: #EEF6DC;
    padding: 32px;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-caption {
    margin-bottom: 24px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    row-gap: 16px;
    width: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    width: 50%;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper {
    width: 100%;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-caption {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 32px;
    font-family: 'Montserrat';
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list {
    margin-bottom: 32px;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    padding-left: 24px;
    position: relative;
    margin-bottom: 16px;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:before {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: #80C700;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:last-child {
    margin-bottom: 0;
}

.banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-btn {
    width: 408px;
    max-width: 100%;
    padding: 20px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

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

    .banner-tour {
        padding: 64px 48px 0;
    }

    .banner-tour .banner-tour__wrapper {
        width: 100%;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__title {
        margin-bottom: 8px;
        font-size: 42px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__subtitle {
        margin-bottom: 32px;
        font-size: 16px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__frame {
        max-width: 100%;
        width: 100%;
        height: 240px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__content {
        flex-direction: column;
        gap: 32px;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 24px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list {
        row-gap: 18px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__hint-wrapper .hint-list__item {
        gap: 8px;
        font-size: 14px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-caption {
        font-size: 22px;
        line-height: 23px;
        margin-bottom: 24px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list {
        margin-bottom: 16px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item:last-child {
        margin-bottom: 0;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-list__item span.hide-mobile {
        display: none;
    }

    .banner-tour .banner-tour__wrapper .banner-tour__offer-wrapper .offer-btn {
        text-transform: initial;
        padding: 12px 24px;
        width: 100%;
    }
}


/*BEGIN TYPICAL CUSTOM SLIDER ARROW AND DOTS*/
.custom-arrow .slick-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #EEE;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all ease 0.3s;
    z-index: 2;
}

.custom-arrow .slick-prev {
    left: -16px;
}

.custom-arrow .slick-next {
    right: -16px;
}

.custom-arrow .slick-prev:after,
.custom-arrow .slick-next:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    width: 8px;
    height: 8px;
    transition: all ease 0.3s;
}

.custom-arrow .slick-prev:after {
    transform: rotate(-45deg);
    margin: -5px 0 0 -3px;
}

.custom-arrow .slick-next:after {
    transform: rotate(135deg);
    margin: -5px 0 0 -6px;
}

.custom-arrow .slick-next:before,
.custom-arrow .slick-prev:before {
    content: none;
}

.custom-arrow .slick-prev:hover,
.custom-arrow .slick-next:hover {
    background: #85B823;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-color: #fff;

}

.custom-dots .slick-dots {
    bottom: 0;
}

.custom-dots .slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e5eff0;
    margin: 0 7px 0;
    padding: 0;
}

.custom-dots .slick-dots li.slick-active button {
    background-color: #80c700;
}

@media (max-width: 480px) {

    .custom-arrow .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .custom-arrow .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }
}

/*END TYPICAL CUSTOM SLIDER ARROW AND DOTS*/


/*BEGIN TYPICAL SLIDER*/

.slider-block__list {
    /* display: flex;
     flex-wrap: wrap;*/
    margin: 0 -7px;
}

.slider-block__list .slider-block__item {
    padding: 0 7px;
    margin: 0 0 14px;
    width: 33.3%;
}

.slider-block__list .inner_item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.slider-block__list .slider-block__text {
    padding: 32px;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-radius: 4px;
}

.slider-block__list .slider-block__title {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 40px;
}

.slider-block__list .slider-block__title a {
    text-decoration: none;
    color: #000;
}

.slider-block__list .slider-block__title a:hover {
    color: #80c700;
}

.slider-block__list .slider-block__list .list_sizes {
    margin: 0 -5px 22px;
}

.slider-block__list .slider-block__list .list_sizes li span {
    color: #000;
}

.slider-block__list .price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.slider-block__list .price_box .price {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0 10px 15px 0;
}

.slider-block__list .price_box .btn {
    padding: 16px 10px;
    max-width: 180px;
    font-size: 16px;
    margin: 0 0 15px;
}

@media screen and (max-width: 960px) {
    .slider-block__list .slider-block__item {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .slider-block__list .slider-block__item {
        width: 100%;
    }
}

/*END TYPICAL SLIDER*/


/*BEGIN OUR PROJECTS BLOCK ON MAIN PAGE*/

.our-projects {
    position: relative;
    padding: 32px 0 50px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-family: 'Montserrat';
    font-style: normal;
}

.our-projects .section {
    margin: 0 -24px;
    padding: 48px 24px 48px;
    position: relative;
}

.our-projects .item--style {
    /*background: #f2f7f7;
     order: 2;*/
}

.our-projects .item--style:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #F2F7F7;;
    z-index: -1;
}

.our-projects .item--bania {
    /* background: #f7f4f1;
    order: 1;*/
}

.our-projects .item--material {
    /* background: #ecf7d9;
     order: 3;*/
}

.our-projects .section-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    color: #000;
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    margin: 0 0 40px;
    font-family: 'Montserrat';
}

.our-projects .section-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 32px;
}

.our-projects .section-list__item {
    padding: 0 12px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.our-projects .section-list__item .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.our-projects .section-list__item .wrapper .img {
    border-radius: 5px;
    position: relative;
}

.our-projects .section-list__item .wrapper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-height: 180px;
}

.our-projects .section-list__item .wrapper .img:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.our-projects .section-list__item:hover .wrapper .img:after {
    display: block;
}

.our-projects .section-list__item .wrapper .img .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 215px;
    font-size: 16px;
    padding: 16px 10px;
    z-index: 1;
}

.our-projects .section-list__item:hover .wrapper .img .btn {
    opacity: 1;
    visibility: visible;
}

.our-projects .section-list__item .wrapper a {
    text-decoration: none;
}

.our-projects .section-list__item .wrapper .information {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 32px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.our-projects .section-list__item .wrapper .information .information__title {
    margin: 0 0 16px;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.our-projects .section-list__item .wrapper .information .information__description {
    flex: 1 1 auto;
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.our-projects .item--bania .section-list__item .wrapper .information {
    min-height: 210px;
}

.our-projects .item--style .section-list__item .wrapper .information {
    min-height: 300px;
    border: none;
}

.our-projects .item--material .section-list__item .wrapper .information {
    min-height: 230px;
}

.our-projects .section-list__item .wrapper .information .information__link-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #275F6C;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.our-projects .section-list__item:hover .wrapper .information .information__link-detail {
    text-decoration: none;
    color: #85B823;
}

.our-projects .section-list__item:hover .wrapper .information .information__link-detail svg {
    color: #85B823;
}

.our-projects .section-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-projects .section-all .btn {
    transition: all 0.3s linear;
    max-width: 300px;
    font-size: 16px;
    padding: 14px;
}

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

    .our-projects .section-title {
        font-size: 22px;
        margin: 0 0 32px;
    }

    .our-projects .section-list__item {
        width: 50%;
        margin: 0 0 24px;
    }

    .our-projects .information {
        width: 100%;
    }
}

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

    .our-projects {
        padding: 16px 0 32px;
    }

    .our-projects .section-list__item {
        width: 100%;
    }

    .our-projects .section-list__item .wrapper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 180px;
    }

    .our-projects .item--bania .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .item--style .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .item--material .section-list__item .wrapper .information {
        min-height: auto;
    }

    .our-projects .section-all .btn {
        max-width: 100%;
    }
}

/*END OUR PROJECTS BLOCK ON MAIN PAGE*/


/*BEGIN TYPICAL CUSTOM LIST BLOCK*/

.custom-block {
    margin: 0 -24px;
    padding: 0 24px;
    position: relative;
}

.custom-block .custom-block-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
}

.custom-block .custom-block-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 32px;
}

.custom-block .custom-block-list__item {
    padding: 0 12px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.custom-block .custom-block-list__item .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.custom-block .custom-block-list__item .wrapper .img {
    border-radius: 5px;
    position: relative;
}

.custom-block .custom-block-list__item .wrapper .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-height: 180px;
}

.custom-block .custom-block-list__item .wrapper .img:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.custom-block .custom-block-list__item:hover .wrapper .img:after {
    display: block;
}

.custom-block .custom-block-list__item .wrapper .img .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(50% - 25px);
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 215px;
    font-size: 16px;
    padding: 16px 10px;
    z-index: 1;
}

.custom-block .custom-block-list__item:hover .wrapper .img .btn {
    opacity: 1;
    visibility: visible;
}

.custom-block .custom-block-list__item .wrapper a {
    text-decoration: none;
}

.custom-block .custom-block-list__item .wrapper .information {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 32px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.custom-block .custom-block-list__item .wrapper .information .information__title {
    margin: 0 0 16px;
    min-height: 49px;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.custom-block .custom-block-list__item .wrapper .information .information__description {
    flex: 1 1 auto;
    margin: 0 0 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}

.custom-block .custom-block-list__item .wrapper .information .information__link-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #275F6C;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties {
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 100px;
    flex: 1 1 auto;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    width: 100%;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .icon {
    width: 24px;
    height: 24px;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .key {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .bottom-line {
    max-width: 135px;
    width: 100%;
    height: 1px;
    background: rgba(39, 95, 108, 0.15);
    bottom: 0;
}

.custom-block .custom-block-list__item .wrapper .information .information__properties .information__property .value {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-align: right;
    white-space: nowrap;
}

.custom-block .custom-block-list__item:hover .wrapper .information .information__link-detail {
    text-decoration: none;
    color: #85B823;
}

.custom-block .custom-block-list__item:hover .wrapper .information .information__link-detail svg {
    color: #85B823;
}

.custom-block .custom-block-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-block .custom-block-all .btn {
    transition: all 0.3s linear;
    max-width: 300px;
    font-size: 16px;
    padding: 14px;
}

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

    .custom-block .custom-block-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .custom-block .custom-block-list__item {
        width: 50%;
        margin: 0 0 24px;
    }

    .custom-block .information {
        width: 100%;
    }
}

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

    .custom-block .custom-block-list__item {
        width: 100%;
    }

    .custom-block .custom-block-list__item .wrapper .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 180px;
    }

    .custom-block .custom-block-list__item .wrapper .information .information__title {
        min-height: auto;
    }

    .custom-block .custom-block-list__item .wrapper .information .information__properties {
        min-height: auto;
    }

    .custom-block .custom-block-all .btn {
        max-width: 100%;
    }
}

/*END TYPICAL CUSTOM LIST BLOCK*/


/*BEGIN OUR WORKS LIST BLOCK ON MAIN PAGE (based on .custom-block )*/

.our-works-index {
    padding: 32px 0 32px;
}

.our-works-index .custom-block-title {
    font-family: 'Montserrat';
}

.our-works-index .custom-block .custom-block-list__item {
    /* width: calc(100% / 3); */
    width: 396px;
    padding: 0 10px;
    margin: 0 0 24px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper{
    overflow: hidden;
    border-radius: 20px;
    background: #F1F4F4;
}

/* .custom-block .works-index__slider .custom-block-list__item .wrapper a{
    display: block;
    width: 100%;
    height: 100%;
} */

.custom-block .works-index__slider .custom-block-list__item .wrapper .img{
    position: relative;
    height: 217px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .img img{
    display: block;
    max-height: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-block .works-index__slider .custom-block-list__item:hover .wrapper .img:after{
    display: none;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information{
    border: none;
    background: transparent;
    padding: 21px 23px 23px;
}

.custom-block .custom-block-list__item .wrapper .information .information__title {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0 9px;
    margin: 0 0 14px;
    /* text-transform: uppercase; */
}
.custom-block .custom-block-list__item .wrapper .information .information__title a{
    color: #000;
    transition: all 0.3s linear;
}
.custom-block .custom-block-list__item .wrapper .information .information__title a:hover{
    color: #91c700;
}

.custom-block-list__item .information__dscr{
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
    flex: none;
    min-height: auto;
    margin: 0 -5px 15px;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property{
    flex: 1 0 auto;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: start;
    gap: 0;
    padding: 0 5px;
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .prop_box{
    padding-left: 6px;
    width: calc(100% - 24px);
    /* text-align: left; */
}
.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .key{
    display: block;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    /* margin: 0 0 2px; */
    text-align: left;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .information .information__properties .information__property .value{
    display: block;
    color: #555;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}

.works-index__slider .custom-block-list__item .wrapper .information .links_holder{
    padding-top: 10px;
    position: relative;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder:after{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    left: -5px;
    right: -5px;
    background: #EBEBEB;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links{
    display: block;
    position: relative;
    transition: all 0.3s linear;
    padding-right: 35px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    font-size: 15px;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links:hover{
    color: #91c700;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links svg{
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 21px;
    height: 8px;
    transition: all 0.3s linear;
}
.works-index__slider .custom-block-list__item .wrapper .information .links_holder .links:hover svg path{
    fill: #91c700;
}

.works-index__slider .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 38%;
    transform: translateY(-50%);
}

.works-index__slider .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.works-index__slider .slick-arrow:hover:after{
    border-color: #80c700;
}

.works-index__slider .slick-prev {
    left: -35px;
}

.works-index__slider .slick-prev:after {
    transform: rotate(-45deg);
}

.works-index__slider .slick-next {
    right: -35px;
}

.works-index__slider .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.works-index__slider .slick-next:before,
.works-index__slider .slick-prev:before {
    content: none;
}
.works-index__slider .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.works-index__slider .slick-dots li{
    vertical-align: top;
}
.works-index__slider .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.custom-block .works-index__slider .custom-block-list__item .wrapper .img:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}

@media (min-width: 1024px){
    .custom-block .works-index__slider .custom-block-list__item .wrapper .img:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
}
@media (max-width: 1250px){
    .works-index__slider .slick-prev {
        left: 0;
    }

    .works-index__slider .slick-next {
        right: 0;
    }
}

@media (max-width: 960px) {
    .works-index__slider{
        margin: 0;
        /* width: 100%; */
    }

    .works-index__slider .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .works-index__slider .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }
}

@media (max-width: 768px){
    .our-works-index{
        width: 100%;
    }
    .custom-block .custom-block-list.works-index__slider{
        padding: 0 0 15px;
        margin: 0 -10px 32px;
        display: block;
    }
    /* .works-index__slider .slick-dots li{
        margin: 0 0 4px;
    } */
    .works-index__slider .slick-dots{
        margin: 0 -4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .works-index__slider .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 50px;
    }
    .works-index__slider .slick-dots li button{
        width: 100%;
        max-width: 50px;
        margin: 0;
    }
}

@media (max-width: 480px) {

    .our-works-index .custom-block .works-index__slider{
        margin: 0;
    }

    .our-works-index .custom-block .custom-block-list__item {
        width: auto;
        padding: 0;
    }
    .our-works-index .custom-block .custom-block-list__item .wrapper .information .information__title{
        min-height: 49px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
    }
    /* .works-index__slider .slick-dots li button{
        width: 30px;
    } */
    /* .works-index__slider .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    } */
    .works-index__slider .slick-dots li{
        /* margin: 0 4px 4px;
        flex: 1 0 auto; */
        max-width: 30px;
    }
    .works-index__slider .slick-dots li button{
        /* width: 100%; */
        max-width: 30px;
        /* margin: 0; */
    }
    .works-index__slider .video{
        height: 375px;
    }
}



/*END OUR WORKS LIST BLOCK ON MAIN PAGE*/

/*BEGIN VIDEO BLOCK ON MAIN PAGE*/

.reels-index {
    padding: 32px 0 32px;
    width: 100%;
}

.reels-index .reels-index__title {
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
    font-family: 'Montserrat';
}

.reels-index .reels-index__slider {
    padding-bottom: 2px;
    margin: 0 -10px 50px;
    /* width: 100%; */
}

.reels-index .reels-index__slider .slick-list {
    /* width: 100%; */
}

.reels-index .reels-index__slider .slider-block__item {
    /* width: 25%; */
    /* padding: 0 15px; */
    padding: 0 10px;
    /* width: 300px; */
    width: 198px;
}

.reels-index .video {
    max-width: 100%;
    /* height: 430px; */
    height: 233px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background: none;
    margin: 0 0 0;
}

/*.reels-index .video:after {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(47, 144, 205, 0) 0%, rgba(21, 105, 113, 1) 100%);
    border-radius: 5px;
}

.reels-index .slider-block__item:hover .video:after {
    display: block;
}*/

.reels-index .video a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    /* border-radius: 4px;
    top: auto;
    left: auto; */
}

.reels-index .video a:after {
    display: none;
}

.reels-index .video:after {
    content: "";
    display: block;
    width: 100%;
    /* height: 100%; */
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(7deg, #06191C -36.6%, rgba(10, 29, 32, 0.00) 89.39%);
    border-radius: 20px;
    pointer-events: none;
    transition: all 0.3s linear;
    bottom: 0;
    top: 64%;
}

.reels-index .video:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

.reels-index .video img{
    display: block !important;
    margin: 0;
}

.reels-index .video .play {
    /* all: initial; */
    content: '';
    position: absolute;
    display: block;
    width: 67px;
    height: 69px;
    background: url(/local/templates/bania.3.0/img_new/nw_play.svg) no-repeat;
    background-position: 50%;
    background-size: 100%;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 2;
    bottom: -3px;
    right: 12px;
    top: auto;
    left: auto;
    transform: none;
}

.reels-index .slider-block__item .name {
    display: block;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    padding: 13px 6px;
}

.reels-index .video .play:after {
    content: none;
}

/* .reels-index .slider-block__list.reels-index__slider .inner_item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 97, 110, 0.5);
} */

.reels-index__slider .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 38%;
    transform: translateY(-50%);
}

.reels-index__slider .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.reels-index__slider .slick-arrow:hover:after{
    border-color: #80c700;
}

.reels-index .slick-prev {
    left: -35px;
}

.reels-index .slick-prev:after {
    transform: rotate(-45deg);
}

.reels-index .slick-next {
    right: -35px;
}

.reels-index .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.reels-index__slider .slick-next:before,
.reels-index__slider .slick-prev:before {
    content: none;
}
.reels-index .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.reels-index .slick-dots li{
    vertical-align: top;
}
.reels-index .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.reels-index .video:hover a .play{
    background-color: transparent;
    box-shadow: none;
    background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

@media (min-width: 1024px){
    .reels-index .slider-block__item:hover .video:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
    .reels-index .video:hover a .play {
        top: 50%;
        left: 50%;
        transform: translate(-45%, -42%);
        display: block;
        width: 116px;
        height: 116px;
        bottom: auto;
        right: auto;
        background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        box-shadow: none;
        background-color: none;
        transition: all 0.3s linear;
    }
}

@media (max-width: 1250px){
    .reels-index .slick-prev {
        left: 0;
    }

    .reels-index .slick-next {
        right: 0;
    }
}
@media (max-width: 960px) {
    .reels-index .reels-index__title {
        margin-bottom: 32px;
        font-size: 26px;
    }
    .reels-index .reels-index__slider{
        margin: 0 -10px;
        /* width: 100%; */
    }

    .reels-index .video a {
        position: relative;
        width: 100%;
    }

    .reels-index .video a:after {
        display: none;
    }

    .reels-index .video .play {
        display: block;
        width: 80px;
        height: 80px;
    }

    .reels-index .video .play:after {
        content: none;
    }

    .reels-index__slider .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .reels-index__slider .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }

}

@media (max-width: 768px){
    .reels-index .reels-index__slider{
        padding: 0 0 15px;
    }
    .reels-index .slick-dots li{
        margin: 0 0 4px;
    }
}

@media (max-width: 480px) {

    .reels-index {
        padding: 16px 0 32px;
    }
    .reels-index .reels-index__slider{
        margin: 0;
    }

    .reels-index .reels-index__slider .slick-list{
        margin: 0 -5px;
    }

    .reels-index .reels-index__slider .slider-block__item {
        /* width: 280px; */
        /* width: auto;
        padding: 0; */
        padding: 0 5px;
    }
    .reels-index .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .reels-index .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 30px;
    }
    .reels-index .slick-dots li button{
        width: 100%;
        max-width: 30px;
        margin: 0;
    }
    /* .reels-index .video{
        height: 375px;
    } */
}

/*END VIDEO BLOCK ON MAIN PAGE*/


/*BEGIN VIDEO BLOCK ON MAIN PAGE*/

.video-index {
    padding-top: 32px;
    padding-bottom: 32px;
}

.video-index .video-index__title {
    margin-bottom: 40px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
    font-family: 'Montserrat';
}

.video-index .video-all {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-index .video-all .btn {
    max-width: 262px;
    padding: 14px 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.video-index .video-index__block-list{
    padding-bottom: 27px;
    margin-bottom: 40px;
}

.video-index .video a .img { display: block; width: 100%; height: 250px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.video-index .video-index__block-list .custom-block-list__item {
    /* width: 33.3%; */
    /* margin: 0 0 24px; */
    padding: 0 10px;
    width: 397px;
}

.video-index .video-index__block-list .custom-block-list__item.item--more {
    display: none;
}

.video-index .video {
    max-width: 100%;
    height: 250px;
    background: none;
    overflow: hidden;
    border-radius: 20px;
}

.video-index .video a {
    position: relative;
    /* width: auto; */
    /* height: auto; */
    /* height: 290px; */
    display: block;
    /* border-radius: 4px; */
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
}

.video-index .video a:after {
    display: none;
}

.video-index .video:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 59%;
    border-radius: 20px;
    background: linear-gradient(7deg, #06191C -36.6%, rgba(10, 29, 32, 0.00) 89.39%);
    transition: all 0.3s linear;
}

.video-index .video:before {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 20px;
    background: linear-gradient(324deg, rgba(23, 90, 99, 0.60) 2.43%, rgba(10, 29, 32, 0.00) 199.37%);
    transition: all 0.3s linear;
    opacity: 0;
    z-index: 1;
}

.video-index .video .play {
    /* all: initial; */
    content: '';
    position: absolute;
    display: block;
    width: 91px;
    height: 96px;
    background: url(/local/templates/bania.3.0/img_new/nw_play.svg) no-repeat;
    background-position: 50%;
    background-size: 100%;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 2;
    bottom: 0;
    right: 24px;
    top: auto;
    left: auto;
    transform: none;
}

/* .video-index .video .caption {
    content: '';
    position: absolute;
    top: 50px;
    left: 35px;
    display: block;
    width: 146px;
    height: 34px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    z-index: 2;
}

.video-index .video .arrow {
    content: '';
    position: absolute;
    top: 90px;
    left: 85px;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 2;
} */

.video-index .video .play:after {
    content: none;
}

.video-index.custom-block .video-index__block-list .information {
    padding: 21px 5px 0;
    background: #fff;
    border: none;
    border-radius: 0;
    min-height: auto;
}

.video_section .video-index.custom-block .video-index__block-list .information { background: transparent; }

.video-index .video-index__block-list .information .name {
    display: block;
    margin: 0 0 10px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    /* text-transform: uppercase; */
    /* min-height: 40px; */
}

.video-index.custom-block .video-index__block-list .information .address {
    margin-bottom: 0;
    /* height: 34px; */
    color: #555;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

.video-index.custom-block .video-index__block-list .information .address span{
    display: block;
}

/* .video-index .slider-block__list.video-index__block-list .inner_item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 97, 110, 0.5);
} */

.video-index__block-list .slick-arrow {
    z-index: 2;
    width: 27px;
    height: 50px;
    background: transparent;
    border-radius: 0;
    top: 30%;
    transform: translateY(-50%);
}

.video-index__block-list .slick-arrow:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    margin: -18px 0 0 -6px;
    transition: all 0.3s linear;
}

.video-index__block-list .slick-arrow:hover:after{
    border-color: #80c700;
}

.video-index .slick-prev {
    left: -35px;
}

.video-index .slick-prev:after {
    transform: rotate(-45deg);
}

.video-index .slick-next {
    right: -35px;
}

.video-index .slick-next:after {
    transform: rotate(135deg);
    margin: -18px 0 0 -32px;
}

.video-index__block-list .slick-next:before,
.video-index__block-list .slick-prev:before {
    content: none;
}
.video-index .slick-dots{
    line-height: 0;
    bottom: -4px;
}
.video-index .slick-dots li{
    vertical-align: top;
}
.video-index .slick-dots li button{
    margin: 0 4px;
    display: block;
}

.video-index .video:hover .play{
    background-color: transparent;
    box-shadow: none;
    background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}

@media (min-width: 1024px){
    .video-index .video:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
    .video-index .video:hover .play {
        top: 50%;
        left: 50%;
        transform: translate(-45%, -42%);
        display: block;
        width: 175px;
        height: 265px;
        bottom: auto;
        right: auto;
        background-image: url(/local/templates/bania.3.0/img_new/nw_play.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        box-shadow: none;
        background-color: none;
        transition: all 0.3s linear;
    }
}
@media (max-width: 1250px){
    .video-index .slick-prev {
        left: 0;
    }

    .video-index .slick-next {
        right: 0;
    }
}

@media (max-width: 960px) {
    .video-index .video-index__title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .video-index .slider-block__list.video-index__block-list {
        /* padding: 0;
        margin: 0 -7px;
        max-width: 100vw; */
        width: 100%;
    }

    /* .video-index .video-index__block-list .custom-block-list__item {
        width: 50%;
    } */

    .video-index .video {
        margin: 0 auto;
        /* height: 240px; */
        background: none;
    }

    /* .video-index .video a {
        position: relative;
        height: 240px;
        width: 100%;
    }

    .video-index .video a:after {
        display: none;
    }

    .video-index .video .play {
        display: block;
        width: 80px;
        height: 80px;
    } */

    /* .video-index .video .caption {
        top: 38px;
        left: 42px;
    }

    .video-index .video .arrow {
        top: 72px;
        left: 90px;
    }

    .video-index .video .play:after {
        content: none;
    } */

    .video-index__block-list .slick-arrow.slick-next {
        right: 0;
        z-index: 10;
    }

    .video-index__block-list .slick-arrow.slick-prev {
        left: 0;
        z-index: 10;
    }

}

@media (max-width: 768px){
    .video-index{
        margin: 0;
        padding: 32px 0;
        width: 100%;
    }
    .video-index .video-index__block-list{
        margin: 0 -10px;
        padding: 0 0 20px;
    }
    .video-index .slick-dots li{
        margin-bottom: 4px;
    }
}

@media (max-width: 480px) {
    .video-index .video-index__block-list{
        margin: 0;
    }
    .video-index .video-index__block-list .custom-block-list__item{
        padding: 0;
    }
    /* .video-index .slick-dots li button{
        width: 30px;
    } */

    .video-index .slick-dots{
        margin: 0 -4px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .video-index .slick-dots li{
        margin: 0 4px 4px;
        flex: 1 0 auto;
        max-width: 30px;
    }
    .video-index .slick-dots li button{
        width: 100%;
        max-width: 30px;
        margin: 0;
    }
}

/*END VIDEO BLOCK ON MAIN PAGE*/

.guaranty-payment-page {
    font-family: 'Montserrat', sans-serif;
}

.guaranty-title {
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.guaranty-types-object {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.guaranty-types-object .types-object__item {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    padding: 20px 0;
}

.guaranty-types-object .types-object__num {
    color: #DDD;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.guaranty-types-object .types-object__text {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.guaranty-types-object .types-object__text span {
    margin-bottom: 16px;
    display: block;
    color: #275F6C;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.guaranty-types-during {
    position: relative;
    display: flex;
    margin: 0 -12px 80px;
    padding: 48px 0;
    align-items: flex-start;
    justify-content: space-between;
}

.guaranty-types-during::before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #F2F7F7;;
    z-index: -1;
}

.guaranty-types-during .types-during__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin: 0 0 24px;
    width: 25%;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.guaranty-types-during .types-during__item:last-child {
    border-right: none;
}

.guaranty-types-during .types-during__img {
    margin-bottom: 24px;
}

.guaranty-types-during .types-during__text {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.guaranty-types-during .types-during__item span {
    display: block;
    margin-bottom: 12px;
    color: #275F6C;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
}

.payment-title {
    margin-bottom: 40px;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.payment-types-always {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -12px 40px;
}

.payment-types-always .types-always__item {
    width: 33.3%;
    padding: 0 12px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.payment-types-always .types-always__item:last-child {
    border-right: none;
}

.payment-types-always .types-always__item svg {
    width: 104px;
    height: 104px;
}

.payment-types-always .types-always__item span {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.payment-subtitle {
    margin-bottom: 24px;
    color: #275F6C;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.payment-types-possible {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -12px 64px;
}

.payment-types-possible .types-possible__item {
    width: 33.3%;
    padding: 0 12px;
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
}

.payment-types-always .types-possible__item:last-child {
    border-right: none;
}

.payment-types-possible .types-possible__item svg {
    width: 104px;
    height: 104px;
}

.payment-types-possible .types-possible__item span {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.banks-title {
    margin-bottom: 32px;
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.banks-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 80px;
}

.banks-list .banks-list__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    padding: 12px;
    margin: 0;
    width: 33.3%;
}

.banks-list .banks-list__item img {
}

.guaranty-conditions-title {
    margin-bottom: 40px;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.guaranty-conditions-list {
    display: flex;
    align-items: center;
    margin: 0 -24px 40px;
}

.guaranty-conditions-list .conditions-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px;
    border-right: 1px solid rgba(39, 95, 108, 0.15);
    width: 33.3%;
}

.guaranty-conditions-list .conditions-list__item:last-child {
    border-right: none;
}

.guaranty-conditions-list .conditions-list__item br {
    display: none;
}

.guaranty-conditions-list .conditions-list__num {
    margin-bottom: 24px;
    color: #DDD;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.guaranty-conditions-list .conditions-list__text {
    color: #333;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.guaranty-conditions-list .conditions-list__text span {
    font-weight: 700;
}

.guaranty-conditions-note {
    padding: 32px;
    margin-bottom: 80px;
    border: 1px solid #F2F7F7;
    background: #F2F7F7;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.guaranty-conditions-note span {
    display: block;
    margin-bottom: 16px;
    color: #275F6C;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.free-consult {
    padding: 64px 0;
    position: relative;
}

.free-consult:before {
    content: '';
    position: absolute;
    top: 0;
    --left1: calc(100% - 100vw);
    left: calc(var(--left1) / 2);
    width: 100vw;
    height: 100%;
    overflow: hidden;
    background: #EEF6DC;
    border-radius: 5px;
    z-index: -1;
}

.free-consult__top {
    margin-bottom: 24px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.free-consult__title {
    max-width: 772px;
    margin-bottom: 40px;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.free-consult__title span {
    color: #85B823;
}

.free-consult__img {
    position: absolute;
    width: 400px;
    height: 400px;
    right: 0;
    bottom: 0;
}

.free-consult__img img {
    width: 100%;
    max-width: 100%;
}

.free-consult__form {
    max-width: 772px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 16px;
    margin-bottom: 18px;
}

.free-consult__form .free-consult__input input {
    padding-left: 32px;
    max-width: 100%;
    width: 220px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #85B823;
    background: #FFF;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #999;
}

.free-consult__form .free-consult__submit {
    width: 100%;
    max-width: 300px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #86B823;
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
}

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

    .guaranty-title {
        margin-bottom: 32px;
        font-size: 32px;
    }

    .guaranty-types-object {
        flex-direction: column;
        margin-bottom: 32px;
    }

    .guaranty-types-object .types-object__item {
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        justify-content: space-between;
        gap: 0;
    }

    .guaranty-types-object .types-object__item:last-child {
        border-bottom: none;
    }

    .guaranty-types-object .types-object__text {
        line-height: 160%;
        max-width: 285px;
    }

    .guaranty-types-object .types-object__num {
        width: 40px;
    }

    .guaranty-types-during {
        flex-direction: column;
        margin-bottom: 64px;
        padding: 20px 15px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .guaranty-types-during::before {
    }

    .guaranty-types-during .types-during__item {
        flex-direction: row;
        gap: 24px;
        justify-content: flex-start;
        padding: 20px 0;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
    }

    .guaranty-types-during .types-during__item:last-child {
        border-bottom: none;
    }

    .guaranty-types-during .types-during__img {
        margin-bottom: 0;
    }

    .guaranty-types-during .types-during__img svg {
        width: 80px;
        height: 80px;
    }

    .guaranty-types-during .types-during__text {
        text-align: left;
    }

    .payment-title {
        margin-bottom: 26px;
        font-size: 32px;
    }

    .payment-types-always {
        margin-bottom: 32px;
        flex-direction: column;
    }

    .payment-types-always .types-always__item {
        max-width: 345px;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
    }

    .payment-types-always .types-always__item:last-child {
        border-bottom: none;
    }

    .payment-types-always .types-always__item svg {
        width: 80px;
        height: 80px;
    }

    .payment-types-possible {
        flex-direction: column;
        margin-bottom: 48px;
    }

    .payment-types-possible .types-possible__item {
        max-width: 345px;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
    }

    .payment-types-always .types-possible__item:last-child {
        border-bottom: none;
    }

    .payment-types-possible .types-possible__item svg {
        width: 80px;
        height: 80px;
    }

    .banks-title {
        font-size: 22px;
    }

    .banks-list {
        margin: 0 -12px 64px;
    }

    .banks-list .banks-list__item {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        border-radius: 5px;
        border: 3px solid #F2F7F7;
        margin: 0 0 0;
        width: 50%;
    }

    .banks-list .banks-list__item img {
    }

    .guaranty-conditions-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .guaranty-conditions-list {
        flex-direction: column;
        margin: 0 -12px 32px;
    }

    .guaranty-conditions-list .conditions-list__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(39, 95, 108, 0.15);
        border-right: none;
        width: 100%;
    }

    .guaranty-conditions-list .conditions-list__item br {
        display: block;
    }

    .guaranty-conditions-list .conditions-list__item:last-child {
        border-bottom: none;
    }

    .guaranty-conditions-note {
        margin-bottom: 64px;
    }

    .free-consult {
        max-width: 100%;
        padding: 40px 0;
    }

    .free-consult:before {
    }

    .free-consult__top {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 130%;
    }

    .free-consult__title {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 26px;
    }

    .free-consult__title br {
        display: none;
    }

    .free-consult__img {
        position: relative;
        left: initial;
        bottom: initial;
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    .free-consult__img img {
        width: 100%;
    }

    .free-consult__form {
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        gap: 8px;
    }

    .free-consult__form .free-consult__input {
        width: 100%;
        max-width: 100%;
    }

    .free-consult__form .free-consult__input input {
        width: 100%;
        max-width: 345px;
        font-size: 16px;
        line-height: 19px;
    }

    .free-consult__form .free-consult__submit {
        width: 100%;
        max-width: 345px;
    }
}

.gallery .name { color: #000; font-weight: 700; text-transform: uppercase; font-family: 'TT Firs Neue', serif; font-size: 16px; line-height: 1.5; margin: 0 0 21px; min-height: 72px; }
.gallery .name a { text-decoration: underline; }
.gallery .name a:hover { color: #80c700; }

.project-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: none;
}

.project-popup__wrapper {
    width: 1000px;
    height: 570px;
    max-width: 100%;
    margin: 80px auto;
    background-color: white;
    padding: 30px 45px;
    position: relative;
    background-image: url(/local/templates/bania.3.0/images/popups/project/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    font-family: 'TT Firs Neue';
}

.project-popup__date {
    margin-bottom: 18px;
    max-width: 292px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: 'TT Firs Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border-radius: 6px;
    background: #00616E;
}

.project-popup__title {
    margin-bottom: 16px;
    max-width: 558px;
    color: #282E3D;
    font-family: 'TT Firs Neue';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.project-popup__title span {
    color: #00616E;
}

.project-popup__list {
    margin-bottom: 23px;
}

.project-popup__list div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    margin-bottom: 11px;
}

.project-popup__list div:last-child {
    margin-bottom: 0;
}

.project-popup__list div svg {
    width: 34px;
    height: 34px;
}

.project-popup__list div span {
    color: #282E3D;
    font-family: 'TT Firs Neue';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.project-popup__form {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    max-width: 455px;
}

.project-popup__label {
    margin-bottom: 8px;
    color: #282E3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.project-popup__hint {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 2px 8px;
    z-index: 5;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 10px;
    background: #ffffff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.project-popup__input {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
    height: 52px;
}

.project-popup__phone {
    max-width: 100%;
    width: 100%;
    height: 52px;
    background: #FFFFFF;
    border-radius: 10px;
    padding-left: 24px;
    border: 1px solid #BFBFBF;
    color: #646464;
    font-family: 'TT Firs Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.project-popup__phone::placeholder {
    color: #646464;
    font-family: 'TT Firs Neue';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: flex-end;
}

.project-popup__submit {
    max-width: 100%;
    width: 100%;
    height: 76px;
    background: linear-gradient(180deg, #9DDD2F 0%, #7DB321 100%);
    box-shadow: 0 3px 0 #729F22;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #FFF;
    font-family: 'TT Firs Neue';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
}

.project-popup__checkrow {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.project-popup__checkbox-text {
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: normal;
    color: #494949;
    height: fit-content;
    margin: auto 0 auto 9px;
}

.project-popup__checkbox-text a {
    color: #00616E;
}

.project-popup__checkbox-wrapper {
    width: 16px;
    height: 16px;
    position: relative;
}

.project-popup__checkbox-wrapper input {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.project-popup__checkbox-wrapper input + span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #00616E;
}

.project-popup__checkbox-wrapper input:checked + span {
    background-image: url(/local/templates/bania.3.0/images/popups/project/checkbox.svg);
    background-position: center;
}

.project-popup__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .project-popup__wrapper {
        margin: 40px auto;
        width: 375px;
        height: 634px;
        padding: 20px;
        background-image: url(/local/templates/bania.3.0/images/popups/project/bg-m.png);
    }

    .project-popup__close {
        top: 9px;
        right: 9px;
    }

    .project-popup__close svg {
        width: 30px;
        height: 30px;
    }

    .project-popup__date {
        margin-bottom: 12px;
        max-width: 240px;
        height: 46px;
        font-size: 16px;
    }

    .project-popup__title {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .project-popup__list {

    }

    .project-popup__list {
        margin-bottom: 12px;
    }

    .project-popup__list div {
        margin-bottom: 10px;
    }

    .project-popup__list div:last-child {
        margin-bottom: 0;
    }

    .project-popup__list div svg {
        width: 30px;
        height: 30px;
    }

    .project-popup__list div span {
        font-size: 14px;
    }

    .project-popup__form {
        max-width: 100%;
        width: 100%;
    }

    .project-popup__label {
        font-size: 12px;
    }

    .project-popup__hint {
        bottom: unset;
        top: 60px;
        left: 30px;
        font-size: 14px;
        line-height: 14px;
    }

    .project-popup__input {
        height: 42px;
    }

    .project-popup__phone {
        padding-left: 18px;
        height: 42px;
    }

    input.project-popup__phone,
    input.project-popup__phone::placeholder {
        font-size: 16px;
    }

    .project-popup__submit {
        font-size: 16px;
        height: 66px;
    }

    .project-popup__checkbox-wrapper {
        width: 12px;
        height: 12px;
    }

    .project-popup__checkbox-text {
        font-size: 10px;
        line-height: normal;
    }
}

.sab-nav li ul li { float: none; }

.projects.catalog-items .items ul li{
    width: auto;
    flex: 1 0 auto;
}
.projects.catalog-items .items ul li strong{
    font-size: 17px;
}

/* @media screen and (max-width: 768px){
    .projects .items ul li strong{
        font-size: 16px;
    }
} */

.quality_list .inner_list .img_box img { position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: block;
max-width: none; }
.quality_list .inner_list .img_box { overflow: hidden;
border-radius: 5px;
height: 180px;
position: relative; }

.explanation_box .stage_view .stage_view_img { border-radius: 5px;

height: 100%;
overflow: hidden;
position: relative; }
.explanation_box .stage_view .stage_view_img img { position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: block;
max-width: none; }

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

.product_page .product .slideshow .slides { border-radius: 20px; }
.product .slideshow .slides .slide { display: block; }
.product_page .product .pagination .pagination-slide.slick-current:after { opacity: 1; }
.product_page .product .slideshow .slick-prev, .product_page .product .slideshow .slick-next { border-radius: 50%; background: #FFF; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.10); width: 50px; height: 50px; margin-top: -62px; transform: none; transition: all 0.3s linear; z-index: 100; }
.product_page .product .slideshow .slick-prev { left: 28px; }
.product_page .product .slideshow .slick-next { right: 28px; }
.product_page .product .slideshow .slick-prev:after, .product_page .product .slideshow .slick-next:after { border-top: 1px solid #000; border-left: 1px solid #000; width: 12px; height: 12px; position: absolute; display: block; content: ""; }
.product_page .product .slideshow .slick-prev:before, .product_page .product .slideshow .slick-next:before { display: none; }
.product_page .product .slideshow .slick-next:after { transform: rotate(135deg); left: 17px; top: 19px; }
.product_page .product .slideshow .slick-prev:after { transform: rotate(-45deg); left: 21px; top: 19px; }

.product_page .product .slideshow .slides{
   margin: 0;
   height: 480px;
}
.product .slideshow .slides .slide{
   border-radius: 20px;
   height: 480px;
}
.product_page .product .slideshow .slick-prev,
.product_page .product .slideshow .slick-next{
   border-radius: 50%;
   background: #FFF;
   box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.10);
   width: 50px;
   height: 50px;
   margin-top: -25px;
   transform: none;
   transition: all 0.3s linear;
}
.product_page .product .slideshow .slick-next{
   right: 28px;
}
.product_page .product .slideshow .slick-prev{
   left: 28px;
}
.product_page .product .slideshow .slick-next:hover,
.product_page .product .slideshow .slick-prev:hover{
   transform: scale(1.1);
   background: #80c700;;
}
.product_page .product .slideshow .slick-next:after,
.product_page .product .slideshow .slick-prev:after{
   border-top: 1px solid #000;
   border-left: 1px solid #000;
   width: 12px;
   height: 12px;
   margin: -7px 0 0 -3px;
   left: 50%;
   top: 50%;
}
.product_page .product .slideshow .slick-next:after{
   margin: -7px 0 0 -11px;
}

.product_page .product .slideshow .slick-next:hover:after,
.product_page .product .slideshow .slick-prev:hover:after{
   border-color: #fff;
}

.product .slideshow .pagination{
   /* overflow: visible; */
   margin: -48px 21px 0 32px;
   /* padding: 0 21px 0 32px; */
   width: auto;
}
.product .slideshow .pagination .pagination-holder{
   margin: 0;
   width: auto;
   height: auto;
}
.product_page .product .pagination .pagination-slide{
   margin-right: 10px;
   overflow: hidden;
   border-radius: 10px;
   width: 163px;
   height: 106px;
   /* border: 2px solid transparent; */
   /* flex: 1 0 163px; */
   flex: none;
   box-sizing: border-box;
   position: relative;
}
.product_page .product .pagination .pagination-slide img{
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   min-width: 161px;
}
.product_page .product .pagination .pagination-slide { width: 161px !important }
.product .slideshow .pagination .pagination-slide a:after,
.product .slideshow .pagination .pagination-slide a:before{
   display: none;
}
.product_page .product .pagination .pagination-slide:after{
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 10px;
   border: 2px solid #94CE24;
   opacity: 0;
   transition: all 0.3s linear;
}
.product .slideshow .pagination .pagination-slide:hover:after,
.product .slideshow .pagination .pagination-slide.active:after{
   opacity: 1;
}

@media only screen and (max-width: 768px){
   .product_page .product .slideshow .slides,
   .product .slideshow .slides .slide{
      height: 350px;
   }
   .product_page .product .slideshow .slick-next{
      right: 15px;
   }
   .product_page .product .slideshow .slick-prev{
      left: 15px;
   }
}
@media only screen and (max-width: 480px){
   .product_page .product .slideshow .slides,
   .product .slideshow .slides .slide{
      height: 300px;
   }
   .product .slideshow .pagination{
      margin: -28px 21px 0 20px;
   }
   .product_page .product .pagination .pagination-slide{
      width: 105px;
      height: 70px;
      /* flex: 1 0 105px; */
   }
   .product_page .product .slideshow .slick-next,
   .product_page .product .slideshow .slick-prev{
      width: 35px;
      height: 35px;
      margin-top: -17px;
   }
}

.product_page .slideshow .pagination_wrap { padding-right: 0; }

.small-slider.stop-transform .slick-track { transform: translate3d(0px, 0px, 0px) !important; }

/* new style for article */

.new_style.article{
    margin: -17px 0 0;
}
.new_style.article .sidebar_block{
    width: 263px;
}
.new_style.article .rubric_box,
.new_style.article .sidebar_block .block{
    border-radius: 20px;
    padding: 30px 27px 27px 35px;
    margin: 0 0 23px;
}
.new_style.article .title_rubric{
    text-transform: none;
    line-height: 1;
    font-weight: 500;
    font-size: 22px;
    margin: 0 0 21px;
    position: relative;
    padding-right: 30px;
}
.new_style.article .title_rubric:after,
.new_style.article .title_rubric:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #80C700;
    top: 50%;
    transform: translateY(-50%);
}
.new_style.article .title_rubric:after{
    right: 10px;
}
.new_style.article .title_rubric:before{
    right: 20px;
}
.new_style.article .rubric_box .list_rubric{
    padding: 0;
    margin: 0 0 14px;
}
.new_style.article .rubric_box .list_rubric li{
    padding: 0;
    margin: 0 0 8px;
}
.new_style.article .list_rubric li a{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.new_style.article .sidebar_block .block{
    background: #006573;
}
.new_style.article .consult-form{
    padding: 0;
}
.new_style.article .consult-form legend{
    position: relative;
    text-align: left;
    margin: 0 0 12px;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.01em;
    padding-right: 40px;
}
.new_style.article .consult-form legend:after{
    position: absolute;
    content: '';
    top: 7px;
    right: 13px;
    width: 27px;
    height: 25px;
    background: url("img_new/art_icon-1.svg") no-repeat;
    background-size: 100%;
}
.new_style.article .consult-form .row{
    padding: 0 !important;
    margin: 0 0 15px !important;
}
.new_style.article .consult-form input[type="text"]{
    padding: 0 26px;
    background-color: transparent;
    background-image: url("img_new/art_icon-2.svg");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 50%;
    border: none;
    border-bottom: 1px solid #748F93;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    border-radius: 0;
    height: 40px;
}
.new_style.article .consult-form input::-webkit-input-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input:-moz-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input::-moz-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input:-ms-input-placeholder {
    color:#fefefe;
}
.new_style.article .consult-form input[type=submit]{
    height: 40px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
}
.new_style.article .consult-form span{
    text-align: left;
    color: #B2C4C7;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    padding-top: 3px;
    margin-bottom: -3px;
}
.new_style.article .consult-form span a{
    color: #B2C4C7;
    text-decoration: none;
}
.new_style.article .consult-form span a:hover{
    text-decoration: underline;
}

.new_style.article .article-info{
    width: calc(100% - 263px);
    padding-right: 62px;
}
.new_style.article h1{
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0 0 13px;
}
.publication_date{
    display: block;
    margin: 0 0 26px;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-family: 'Montserrat';
}
.new_style.article .main_visual{
    border-radius: 10px;
    margin: 0 0 30px;
}
.new_style.article .main_visual:before{
    padding-top: 53.255%;
}
.article-info .subtitle{
    display: block;
    margin: 0 0 30px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 22px;
    letter-spacing: -0.02em;
    font-weight: 500;
    line-height: 1.3;
    max-width: 100%;
}
.new_style.article .content_article-box{
    margin: 0 0 30px;
    border-radius: 10px;
    padding: 29px 44px 31px;
}
.new_style.article .content_article-box .title-list{
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
    display: block;
    margin: 0 0 12px;
}
.new_style.article .content_article-box .title-list:after{
    display: none;
}
.new_style.article .list-content{
    padding: 0 0 0 28px;
    max-width: 100%;
    margin: 0;
}
.new_style.article .list-content li{
    padding-left: 14px;
    margin: 0 0 1px;
}
.new_style.article .list-content li a{
    color: #0B3C43;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 500;
    font-family: 'Montserrat';
}
.new_style.article .list-content li a:before{
    content: '';
    position: absolute;
    margin: 0;
    top: 14px;
    left: 0;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: #0B3C43;
}
.new_style.article .inner_article{
    padding: 0;
}
.new_style.article p,
.new_style.article .list li,
.new_style.article .list_dots li{
    margin: 0 0 30px;
    font-weight: 400;
    font-family: 'Montserrat';
    line-height: 1.4;
    letter-spacing: -0.02em;
    font-size: 18px;
    color: #000;
}
.new_style.article p strong,
.new_style.article .list li strong{
    font-weight: 600;
}
.new_style.article h2{
    margin: -4px 0 20px;
    color: #000;
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.new_style.article .img_art{
    overflow: hidden;
    margin: 0 0 30px;
    position: relative;
    border-radius: 10px;
}
.new_style.article .img_art img{
    width: 100%;
    display: block;
    margin: 0;
    max-width: 100%;
}
.new_style.article h3{
    padding: 0;
    margin: -4px 0 23px;
    letter-spacing: -0.02em;
    font-size: 33px;
    font-weight: 500;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
}
.new_style.article .list{
    padding: 0 0 0 12px;
    margin: 0 0 0;
}
.new_style.article .list li{
    margin: 0 0 30px;
    position: relative;
    padding-left: 15px;
    background: none;
}
.new_style.article .list li:before{
    position: absolute;
    content: '';
    top: 13px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    border: none;
}
.sub_box{
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}
.sub_box strong{
    display: block;
    font-family: 'Montserrat';
    letter-spacing: -0.02em;
    line-height: 1;
    font-weight: 600;
    font-size: 24px;
}
.sub_box .num{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0;
    font-family: 'Montserrat';
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    min-width: 256px;
    height: 51px;
    border-radius: 80px;
    margin-right: 10px;
    background: #80C700;
}
.new_style.article h4{
    /* margin: 27px 0 27px; */
    margin: 0 0 20px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 24px;
    line-height: 1;
    /* line-height: 1.4; */
    font-weight: 600;
    letter-spacing: -0.02em;
    padding: 0;
}
.new_style.article h4 span{
    color: #80C700;
}
.new_style.article .list_dots{
    margin: 0 -15px 30px 0;
    padding: 0 0 0 52px;
}
.new_style.article .list_dots li{
    margin: 0 0 0;
    padding-left: 18px;
    position: relative;
}
.new_style.article .list_dots li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 11px;
    background: #2EBD4D;
    border: none;
    width: 8px;
    height: 8px;
}
.new_style.article .num_title_list{
    padding: 0;
    margin: 0 0 0;
    counter-reset: li;
}
.new_style.article .num_title_list > li{
    margin: 0 0 30px;
    /* counter-reset: li; */
    padding: 0;
}
.new_style.article .num_title_list > li:before{
    display: none;
}
.new_style.article .num_title_list > li h4{
    position: relative;
    padding-left: 30px;
}
.new_style.article .num_title_list > li h4:before{
    counter-increment: li;
    content: counters(li,".") ". ";
    position: absolute;
    top: 0;
    left: 0;
}
.new_style.article .num_title_list .list_dots{
    margin: 0;
}
.new_style.article .num_title_list .list_dots li{
    margin: 0 0 20px;
}
.new_style.article .wish{
    color: #80C700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.02em;
}

@media only screen and (max-width: 1200px){
    body.has-topbar div#wrapper{
        padding-top: 250px;
    }
}
@media only screen and (max-width: 1170px){
    body.has-topbar div#wrapper{
        padding-top: 160px;
    }
}
@media only screen and (max-width: 1100px){
    .new_style.article .article-info{
        padding-right: 30px;
    }
}
@media only screen and (max-width: 960px){
    .new_style.article .article-info{
        padding: 0;
        width: 100%;
    }
    .new_style.article .sidebar_block{
        width: 100%;
    }
    .new_style.article .rubric_box{
        width: calc(50% - 10px);
        margin: 0 10px 12px 0;
    }
    .new_style.article .sidebar_block .block{
        width: calc(50% - 10px);
        margin: 0 0 12px 10px;
        display: flex;
        align-items: center;
    }
    .new_style.article .consult-form{
        width: 100%;
    }
    .new_style.article .consult-form legend{
        padding: 0 40px 0 0;
    }
}
@media only screen and (max-width: 768px){
    body.has-topbar div#wrapper{
        padding-top: 99px;
    }
    .new_style.article h1{
        font-size: 40px;
    }
    .new_style.article h2{
        font-size: 34px;
    }
    .new_style.article h3{
        font-size: 30px;
    }
    .sub_box strong,
    .sub_box .num,
    .new_style.article h4,
    .new_style.article .wish{
        font-size: 20px;
    }
    .sub_box .num{
        height: 40px;
        min-width: 210px;
    }
    .new_style.article .list_dots{
        margin: 0 0 30px;
        padding: 0 0 0 20px;
    }
}
@media only screen and (max-width: 600px){
    .new_style.article .rubric_box,
    .new_style.article .sidebar_block .block{
        width: 100%;
        margin: 0 0 12px;
    }
    .new_style.article h1{
        font-size: 34px;
    }
    .article-info .subtitle{
        font-size: 18px;
    }
    .new_style.article p,
    .new_style.article .list li,
    .new_style.article .list_dots li{
        font-size: 16px;
    }
    .new_style.article .content_article-box{
        padding: 20px;
    }
    .new_style.article .content_article-box .title-list{
        padding: 0;
        font-size: 20px;
    }
    .new_style.article .list-content{
        padding: 0;
    }
    .article .list-content li{
        font-size: 16px;
    }
    .new_style.article h2{
        font-size: 28px;
    }
    .new_style.article h3{
        font-size: 24px;
    }
    .sub_box{
        display: block;
    }
    .sub_box .num{
        margin: 0 0 10px;
        font-size: 18px;
        display: inline-flex;
    }
    .sub_box strong{
        font-size: 18px;
    }
}

/* end new style for article */

.new_style.article .sidebar_block .consult-form .res { color: #fff; font-size: 14px; }

.widget_box{
    position: fixed;
    bottom: 100px;
    right: 50px;
    width: 68px;
    height: 68px;
    z-index: 20;
    /* overflow: hidden; */
}
/* .widget_box.open{
    overflow: visible;
} */
.widget_box .open_widget{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 15.435px 46.304px 0px rgba(22, 63, 72, 0.20);
    z-index: 5;
    position: relative;
}
.widget_box .open_widget:after,
.widget_box .open_widget:before{
    border: 2px solid #eee;
    content: '';
    position: absolute;
    left: -20px;
    opacity: 0;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse_widget 2.5s linear infinite;
}
.widget_box .open_widget:after{
	animation-delay: 1.25s;
}
.widget_box .open_widget:hover:after,
.widget_box .open_widget:hover:before{
	animation: none;
	display: none;
}
@keyframes pulse_widget {
	0% {
	  transform: scale(0.5);
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0;
	}
 }
.widget_box.open .open_widget{
    background: #358EA3;
}
.widget_box.open .open_widget svg path{
    fill: #fff;
}
.widget_box .open_widget .icon{
    display: block;
    width: 50px;
    height: 50px;
}
.widget{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    box-shadow: 0px 12.727px 38.181px 0px rgba(22, 63, 72, 0.20);
    border-radius: 80px;
    padding: 7px 3px 51px 3px;
    opacity: 0;
    overflow: hidden;
    z-index: 0;
    height: 0;
    pointer-events: none;
    transition: bottom 0.3s linear 0.3s, opacity 0.4s linear, height 0.4s linear;
    width: 56px;
}
.widget_box.open .widget{
    bottom: 97px;
    opacity: 1;
    pointer-events: auto;
    height: 268px;
    transition: bottom linear 0.3s, opacity 0.5s linear 0.4s, height 0.4s linear 0.3s;
}
.widget .list_widget{
    display: block;
}
.widget .list_widget li{
    margin: 0 0 13px;
}
.widget .list_widget a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}
.widget .list_widget .phone a { background-image: url(img_new/bottom.phone.svg); background-position: center; background-size: cover; display: block; overflow: hidden; font-size: 0; }
.widget .list_widget a svg{
    display: block;
    width: 100%;
    height: 100%;
}
.widget .list_widget a:hover{
    width: 50px;
    height: 50px;
}
/* .widget .list_widget .phone a{
    width: 50px;
    height: 50px;
} */
.close_widget{
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
.close_widget:after,
.close_widget:before{
    position: absolute;
    content: '';
    width: 2px;
    height: 32px;
    background: #000;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -1px;
}
.close_widget:after{
    transform: rotate(45deg);
}
.close_widget:before{
    transform: rotate(-45deg);
}

.new_style .topbar-left{
    margin-right: auto;
    font-family: 'Montserrat';
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    padding-right: 10px;
}
.new_style .topbar-left span{
    font-family: 'Montserrat';
    color: #007AFF;
    font-weight: 800;
    background: #fff;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
    vertical-align: middle;
}
.new_style .new_style .topbar-right{
    margin-right: 20px;
}
.new_style #_topbar_btn{
    width: 280px;
    background: #8DD00D;
    font-family: 'Montserrat';
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.01em;
    gap: 6px;
    margin-right: 32px;
}
.new_style #_topbar_btn:hover{
    background: #fff;
    color: #8DD00D;
}
.new_style #_topbar_btn:hover svg path{
    fill: #8DD00D;
}

@media only screen and (max-width: 992px){
    .new_style #_topbar_btn{
        width: 162px;
        margin: 0;
    }
}
@media only screen and (max-width: 768px){
    .widget_box{
        right: 10px;
        width: 68px;
        bottom: 175px;
        z-index: 10000;
    }
    .new_style #_topbar_btn{
        font-size: 12px;
        line-height: 12px;
    }
    .new_style .topbar-left { max-width: 100%; width: 100%; padding: 0; margin: 0; padding-right: 15px; font-size: 8px; }
    .new_style .topbar-left span { color: #fff; padding: 0; background: transparent; display: inline-block; }
    .new_style #_topbar_btn { padding-left: 15px; }
}

@media (max-width: 768px) {
    .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-caption, .popup-tour .popup-tour__wrapper .popup-tour__offer-wrapper .offer-list, .popup-tour .popup-tour__wrapper .popup-tour__hint-wrapper { display: none; }
}

.sidebar_block .options_list { height: auto; }
.new_style .topbar-left a { color: #fff; text-decoration: none; }

.popular_item .options_list { height: auto; }

.search-form .requests_box .custom-block-list .custom-block-list__item .wrapper .img:before { display: none; }

/* update 20.02.24 */
.video_btn{
    position: absolute;
    bottom: 71px;
    right: 15px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 5px;
    width: 324px;
    height: 44px;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s ease;
}
.video_btn:hover{
    /* color: #fff; */
    background: #7CD010;
}
.video_btn span{
    position: relative;
    padding-right: 40px;
    color: #000;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.video_btn:hover span{
    color: #fff;
}
.video_btn span:after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: url("img_new/vd_icon.svg") no-repeat;
    background-size: 100%;
}
#popular_popup{
    border-radius: 15px;
    background: url("img_new/img_bg-d.jpg") no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    max-width: 825px;
    /* height: 610px; */
    padding: 58px 70px 50px;
}
#popular_popup .fancybox-close-small{
    padding: 0;
    top: 25px;
    right: 25px;
}
#popular_popup .fancybox-close-small path{
    fill: #AAC1AA;
}
#popular_popup .title_popup{
    margin: 0 0 74px;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    line-height: 1.1;
    font-size: 40px;
    letter-spacing: -0.01em;
    font-weight: 400;
    max-width: 580px;
}
#popular_popup .title_popup strong{
    font-weight: 600;
}
#popular_popup .title_popup span{
    position: relative;
    padding-right: 75px;
    display: inline-block;
    vertical-align: top;
}
#popular_popup .title_popup span:after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 64px;
    height: 46px;
    background: url("img_new/pdf_icon.svg") no-repeat;
    background-size: 100%;
}
#popular_popup .like_num{
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0 0 42px;
}
#popular_popup .like_num .num{
    width: 140px;
    color: #80C700;
    font-family: 'TT Firs Neue', serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
#popular_popup .like_num span{
    width: calc(100% - 131px);
    padding-left: 24px;
    color: #fff;
    max-width: 310px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-family: 'Montserrat';
}
#popular_popup .inpt{
    margin: 0 0 11px;
}
#popular_popup .label{
    display: block;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}
#popular_popup input{
    width: 100%;
    max-width: 330px;
    height: 60px;
    background: #fff;
    padding: 0 28px;
}
#popular_popup .btn{
    max-width: 330px;
    font-size: 16px;
    height: 58px;
    border-radius: 5px;
    background: #7CD010;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 28px;
}
#popular_popup .dscr{
    color: #7B9885;
    max-width: 288px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.02em;
}
.articles .item:first-child a:after{
    display: none;
}

@media (max-width: 640px){
    .video_btn{
        width: 280px;
        height: 38px;
    }
    .video_btn span{
        font-size: 14px;
    }
    #popular_popup{
        padding: 45px 40px 40px;
    }
    #popular_popup .fancybox-close-small{
        top: 10px;
        right: 10px;
    }
    #popular_popup .title_popup{
        font-size: 36px;
    }
}
@media (max-width: 480px){
    .video_btn{
        bottom: 40px;
        width: 260px;
        height: 34px;
    }
    .video_btn span{
        padding-right: 30px;
    }
    .video_btn span:after{
        width: 24px;
        height: 24px;
    }
    #popular_popup{
        background: url("img_new/img_bg-mob.jpg") no-repeat;
        background-size: cover;
        background-position: 50%;
    }
    #popular_popup .title_popup{
        font-size: 24px;
        max-width: 251px;
    }
    #popular_popup .title_popup span{
        padding-right: 50px;
    }
    #popular_popup .title_popup span:after{
        width: 40px;
        height: 29px;
    }
    #popular_popup .like_num{
        margin: 0 0 30px;
    }
    #popular_popup .like_num .num{
        font-size: 30px;
        width: 98px;
    }
    #popular_popup .like_num span{
        padding-left: 14px;
        width: calc(100% - 98px);
        max-width: 250px;
        font-size: 13px;
    }
    #popular_popup .label{
        font-size: 13px;
    }
    .articles .item .visual .img:before,
    .articles-box .visual .img:before{
        padding: 53% 0 0 !important;
    }
}
@media (max-width: 380px){
    #popular_popup{
        padding: 25px 20px 30px;
    }
}

@media (max-width: 768px) {
    .new_style.article .inner_article iframe { width: 100%; height: 400px; }
}

.about_block .video img { height: 100%; }

.sidebar_block .options_block{
    margin-top: -5px;
}
html body .sidebar_block .options_block .h2{
    line-height: 1;
    font-size: 24px;
    margin-right: 0;
    margin-bottom: 30px;
}
.options_list li{
    margin: 0 0 15px;
    min-height: 24px;
    height: auto;
    overflow: visible;
    position: relative;
}
.options_list li:after{
    position: absolute;
    content: '';
    /* width: 100%; */
    height: 1px;
    bottom: 3px;
    left: 40px;
    right: 0;
    background: rgba(39, 95, 108, 0.15);
    z-index: -1;
}
.options_list strong{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    z-index: 2;
}
.options_list strong:after{
    display: none;
}
.options_list span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.options_list .info_box{
    position: absolute;
    top: 2px;
    right: 1px;
    width: 16px;
    height: 16px;
}
.options_list .info{
    display: block;
    width: 100%;
    height: 100%;
    padding: 1px;
}
.options_list .info:after,
.options_list .info:before{
    display: none;
}
.options_list .info_txt{
    padding: 5px 13px;
    position: absolute;
    left: 100%;
    bottom: 100%;
    margin: 0 0 -4px 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #000;
    background: #fff;
    line-height: 1.2;
    font-size: 12px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    white-space: nowrap;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}
.options_list .info_box:hover .info_txt{
    opacity: 1;
    pointer-events: auto;
}

.form_option .form_price{
    margin: -8px 0 7px;
}
.form_option .form_price .price{
    font-size: 24px;
}
.options_block .btn_holder{
    margin: 0 0 7px !important;
}
.sidebar_block .options_block .form_option .btn{
    margin: 0 0 0;
}
.sidebar_block .options_block .form_option .btn{
    height: 60px;
    font-size: 18px;
}
.form_option p{
    margin: 0 0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #000;
}
.technologies_box{
    margin: 0 0 50px;
}
.technologies_box .title{
    display: block;
    margin: 0 0 11px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 1;
    font-size: 16px;
    letter-spacing: -0.01em;
    padding-right: 30px;
}
.technologies_list .item_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 14px;
    margin: 0 0 5px;
    border-radius: 6px;
    background: #EFF6F1;
}
.technologies_list .item_list .name{
    display: block;
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    margin-right: auto;
}
.technologies_list .item_list .photo{
    overflow: hidden;
    border-radius: 6px;
    width: 31px;
    height: 21px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
}
.technologies_list .item_list .name a{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 3px;
    border-bottom: 1px solid #C3C8C9;
    text-decoration: none;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
    transition: all 0.3s ease;
}
.technologies_list .item_list .name a:hover{
    border-color: transparent;
}
.technologies_list .item_list .price_list{
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 15px;
}

@media (max-width: 1350px){
    .options_list .info_txt{
        margin: 0;
        transform: translateX(-50%);
    }
}
@media (max-width: 1170px){
    .options_list li{
        padding-left: 30px;
    }
    .options_list span{
        padding: 0 0 0 10px;
    }
    .options_list strong{
        padding: 0 10px 0 0;
    }
    .options_list .info_box{
        right: -7px;
    }
    .options_list .info_txt{
        transform: translateX(-100%);
    }
}
@media screen and (max-width: 960px){
    .options_list .info_txt{
        transform: translateX(0);
    }
}
@media screen and (max-width: 565px){
    .technologies_list .item_list .price_list{
        margin: 0;
    }
    .options_list .info_txt{
        transform: translateX(-50%);
    }
}
@media (max-width: 480px){
    .technologies_list .item_list .name{
        padding-right: 5px;
    }
    .options_list strong,
    .options_list span,
    .technologies_list .item_list .price_list{
        font-size: 14px;
    }
}
@media (max-width: 380px){
    .options_list .info_txt{
        white-space: normal;
        width: 170px;
    }
}

.redesing_head ul.contacts li strong.phones a { display: block; }
.redesing_head ul.contacts li strong.phones a.second { font-size: 15px; }

/*header-contacts-icons*/
.icon-icon_03 an{
    font-family: 'TT Firs Neue';
    color: #707E80;
    font-weight: 400;
    line-height: 1.1;
    font-size: 13px;
}
.header-contacts-socials{
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 0 auto !important;
    line-height: 0;
}

/*START Mobile catalog subsections*/
.catalog-sections-box--mobile{
    display: none;
    position: relative;
}
.catalog-sections-box-title{
    background: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #595959;
    height: 26px;
}
.catalog-sections-box-dropdown{
    background: #fff;
    height: 0;
    opacity: 0;
    position: absolute;
    transition: all 200ms;
}
.catalog-sections-box--mobile.active .catalog-sections-box-dropdown{
    height: 100vh;
    overflow: auto;
    z-index: 25;
    opacity: 1;
    width: calc(100vw - 30px);
    /*padding-top: 15px;*/
    margin-top: 15px;
    border-bottom: 1px solid #E5EFF0;
    padding-bottom: 30px;
}
.catalog-sections-box-dropdown li{
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0;
    border-top: 1px solid #E5EFF0;
}
.catalog-sections-box-dropdown li:last-child{
    border-bottom: 1px solid #E5EFF0;
}
.catalog-sections-box-dropdown li a{
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}
.catalog-sections-box--mobile .catalog-sections-box-title svg{
    min-width: 24px;
    min-height: 12px;
}
.catalog-sections-box--mobile.active .catalog-sections-box-title svg{
    transform: rotate(180deg);
}
@media screen and (max-width: 576px) {
    .catalog-sections-box--mobile{
        display: block !important;
    }
    .wrap-catalog.mobile-subsections--wrapper .catalog-sections-box--mobile{
        width: 50%;
        margin: 0 0 20px;
    }
    .wrap-catalog.wrap-catalog.mobile-subsections--wrapper .filter {
        margin: 0 0 20px;
      }
    .wrap-catalog.mobile-subsections--wrapper .filter{
        width: 50%;
    }
    .wrap-catalog.mobile-subsections--wrapper .mob-nav-filter{
        border: none;
        height: auto;
        line-height: initial;
    }
    .wrap-catalog.mobile-subsections--wrapper .mob-nav-filter .s{
        text-align: right;
    }
    .wrap-catalog.mobile-subsections--wrapper{
        padding: 15px 0 0;
        width: 100%;
    }
}
/*END Mobile catalog subsections*/

/*QUIZ slider*/
.quiz--wrapper{
    background: #F2F7F7;
    margin: 50px 0;
}
.quiz--wrapper.quiz--wrapper-catalog{
    margin: 0 15px 30px 15px;
    width: calc(100% - 30px);
}
.quiz-container{
}
.quiz-container.quiz-container--catalog{
    padding: 0 0 0 20px;
}
.quiz-container--catalog .quiz-slider{
    padding-right: 20px;
}
.quiz-answer-slider{
    overflow: hidden;
}
.quiz-container--catalog .quiz-answer-slider .owl-stage-outer{
    /*overflow: hidden;*/
}
@media screen and (max-width: 960px){
    .quiz--wrapper.quiz--wrapper-catalog{
        position: relative;
    }
    .quiz--wrapper.quiz--wrapper-catalog::before{
        position: absolute;
        content: "";
        left: -30px;
        top: 0;
        height: 100%;
        background: #F2F7F7;
        width: 100vw;
    }
    .quiz-container.quiz-container--catalog{
        padding: 0;
    }
}
@media screen and (max-width: 600px) {
    .quiz--wrapper.quiz--wrapper-catalog{
        max-width: calc(100% - 30px);
    }
    .quiz--wrapper.quiz--wrapper-catalog::before{
        left: -15px;
    }
}
.quiz-hello-block{
    display: flex;
    height: 100%;
    min-height: 534px;
    height: 534px;
}
.quiz-hello-col-text{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
}
.quiz-hello-title{
    text-align: left;
    font-size: 34px;
    font-weight: 700;
    line-height: 43.86px;
    position: relative;
    padding-right: 30px;
}
.quiz-hello-title::after{
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    height: 4px;
    width: 88px;
    background: #80C700;
}
.quiz-hello-description{
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    padding-right: 60px;
    text-align: left;
}
.quiz-hello-block .quiz-hello-start-button{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    height: 54px;
    width: 260px;
    padding: initial;

    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-hello-col-img{
    width: 50%;
    position: relative;
}
.quiz-hello-col-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1200px) {
    .quiz-hello-block{
        min-height: 604px;
    }
    .quiz-hello-title{
        font-size: 28px;
        line-height: 36.12px;
    }
    .quiz-container--catalog .quiz-hello-block{
        min-height: 524px;
    }
    .quiz-container--catalog .quiz-hello-col-img{
        margin-left: 15px;
    }
    .quiz-container--catalog .quiz-hello-title{
        padding-right: 0px;
    }
}
@media screen and (max-width: 768px) {
    .quiz-hello-block{
        min-height: auto;
        flex-direction: column;
        height: auto;
        padding-bottom: 50px;
        gap: 20px;
    }
    .quiz-hello-title{
        font-size: 26px;
        line-height: 34px;
        padding-right: 0px;
    }
    .quiz-hello-block .quiz-hello-start-button{
        font-size: 16px;
        line-height: 16px;
        min-width: 100%;
    }
    .quiz-hello-col-img{
        order: 1;
        width: 100%;
        min-height: 240px;
        border-radius: 4px;
        overflow: hidden;
    }
    .quiz-hello-col-text{
        order: 2;
        width: 100%;
    }
    .quiz-hello-description{
        font-size: 14px;
        line-height: 22px;
        padding-right: 0;
    }
    .quiz-container--catalog .quiz-hello-col-img{
        margin-left: 0;
    }
}

.quiz-slider{
    display: none;
    gap: 10px;
    padding: 50px 0;
}
.quiz-slider.active{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.quiz-slider-item{
    height: 100%;
    display: none;
}
.quiz-slider-item.active{
    display: flex;
    flex-direction: column;
}

.quiz-slider .pagination-line{
    display: flex;
    align-items: center;
    padding: 16px 0;
}
.quiz-slider .pagination-line-item{
    width: 100%;
    height: 8px;
    background: #E4EBEB;
}
.quiz-slider .pagination-line-item:first-child{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.quiz-slider .pagination-line-item:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.quiz-slider .pagination-line-item.active{
    background: #80C700;
}

.quiz-slider .slider-step{
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    color: #666666;
}
.quiz-slider-item-top-block{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quiz-slider-item-question--wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
.quiz-slider-item-question{
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    color: #2B2A29;
    text-align: left;
}
.quiz-slider-item-question .quiz-slider-item-question-text{
    max-width: 590px;
}
.quiz-slider-item-description{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #666666;
}
.quiz-slider .quiz-slider-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}
.quiz-slider-button-prev, .quiz-slider-button-next{
    width: 200px;
    height: 46px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-slider-button-next.disabled{
    pointer-events: none;
    opacity: 0.7;
}
.quiz-slider-button-next.disabled:hover{
    cursor: not-allowed;
}
.quiz-slider-button-prev.hidden, .quiz-slider-button-next.hidden{
    width: 0;
    opacity: 0;
}
.quiz-slider-button-prev:hover, .quiz-slider-button-next:hover{
    cursor: pointer;
}
.quiz-slider-button-prev{
    background: #F2F7F7;
    border: 1px solid #666666;
    color: #666666;
}
.quiz-slider-button-next{
    background: #80C700;
    border: 1px solid #80C700;
    color: #FFF;
}
@media screen and (max-width: 1200px) {
    .quiz-hello-block{
        min-height: 604px;
    }
}
@media screen and (max-width: 768px) {
    .quiz-container--catalog .quiz-slider{
        padding-right: 0;
    }
    .quiz-slider .slider-step{
        font-size: 22px;
        line-height: 28px;
    }
    .quiz-slider .pagination-line{
        padding: 10px 0;
    }
}

/*answer slider*/
.quiz-slider-answer-nav{
    padding-left: 30px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.quiz-slider-answer-nav.disabled{
    display: none;
}
.quiz-slider-answer-nav button{
    width: 40px;
    height: 40px;
    background: #80C700;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quiz-slider-answer-nav button.disabled{
    background: #E4EBEB;
}

.quiz-slider-answer-nav .owl-prev.swiper-button-disabled, .quiz-slider-answer-nav .owl-next.swiper-button-disabled{
    display: flex !important;
    background: #D9D9D9;
}
/*answer dots*/

.quiz-slider .quiz-answer-slider__pagination-line{
    display: flex;
    align-items: center;
    padding: 0 0 40px 0;
    opacity: 1;
}

.quiz-answer-slider__pagination-line .owl-dot{
    width: 100%;
    display: flex;
}
.quiz-answer-slider__pagination-line .owl-dot button{
    width: 100%;
    height: 4px;
    background: #E4EBEB;
    border: none;
    border-radius: 0;
}
.quiz-answer-slider__pagination-line .owl-dot:first-child button{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.quiz-answer-slider__pagination-line .owl-dot:last-child button{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.quiz-answer-slider__pagination-line .owl-dot.active button{
    border-radius: 4px;
    background: #80C700;
}
/*SWIPER*/
.quiz-answer-slider.swiper-container-horizontal>.swiper-scrollbar{
    position: relative;
    margin-top: 40px;
}
.quiz-answer-slider .swiper-scrollbar-drag{
    background: #80C700;
}
@media screen and (max-width: 768px) {
    .quiz-answer-slider.swiper-container-horizontal>.swiper-scrollbar{
        margin-top: 20px;
    }
}
.quiz-answer-slider{
    margin: auto 0;
    padding: 40px 0;
}
.quiz-answer-slider .owl-stage-outer{
    /*overflow: hidden;*/
    overflow-x: auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quiz-answer-slider .quiz-answer-slider-item{
    min-height: 278px;
    border-radius: 20px;
    overflow: hidden;
}
.quiz-answer-slider .quiz-answer-slider-item:hover{
    cursor: pointer;
}
.quiz-answer-slider .quiz-answer-slider-item-img{
    height: 218px;
    position: relative;
}
.quiz-answer-slider-item-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.quiz-answer-slider-item-field{
    display: flex;
    align-items: center;
    background: #FFF;
    min-height: 60px;
    padding: 10px 20px;
    text-align: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.quiz-answer-slider-item-field:hover{
    cursor: pointer;
}
.quiz-answer-slider-item-field label{
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
/*quiz fieldset*/
.quiz-answer-field-list{
    margin: auto 0;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.quiz-answer-field-list.quiz-answer-field-list--two-cols{
    flex-direction: row;
    flex-wrap: wrap;
}
.quiz-answer-field-list-item{
    display: flex;
    align-items: center;
    width: calc((100% / 2) - 20px / 2);
    background: #FFF;
    min-height: 60px;
    padding: 10px 20px;
    border-radius: 8px;
    text-align: left;
}
.quiz-answer-field-list-item:hover{
    cursor: pointer;
}
.quiz-answer-field-list-item label{
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}
.quiz-answer-field-list-item label:hover{
    cursor: pointer;
}

@media screen and (max-width: 1200px){
    .quiz-slider-item-question .quiz-slider-item-question-text{
        max-width: 798px;
    }
    .quiz-slider-answer-nav{
        align-self: end;
    }
}
@media screen and (max-width: 768px) {
    .quiz-answer-slider{
        padding: 10px 0 20px 0;
    }
    .quiz-slider-item-top-block{
        flex-direction: column;
        align-items: initial;
        gap: 40px;
    }
    .quiz-slider-item-question{
        font-size: 22px;
        line-height: 28px;
    }
    .quiz-slider-item-description{
        font-size: 14px;
        line-height: 22px;
    }
    .quiz-answer-slider .quiz-answer-slider-item{
        min-height: 174px;
    }
    .quiz-answer-slider .quiz-answer-slider-item-img{
        height: 136px;
    }
    .quiz-answer-field-list{
        padding: 30px 0 40px 0;
    }
    .quiz-answer-field-list-item{
        width: 100%;
        min-height: 36px;
        padding: 6px 20px;
    }
    .quiz-answer-slider-item-field{
        min-height: 37px;
        font-size: 16px;
        line-height: 16px;
    }
    .quiz-answer-slider-item-field label, .quiz-answer-field-list-item label{
        font-size: 12px;
        line-height: 16px;
    }
}
/*CHECKBOX, RADIO STYLE*/
.quiz-answer-slider-item-field input[type="radio"],
.quiz-answer-slider-item-field input[type="checkbox"],
.quiz-answer-field-list-item input[type="checkbox"],
.quiz-answer-field-list-item input[type="radio"]{
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 9px;
    padding: 2px;
    border: 1px solid #80C700;
    border-radius: 50%;
}
.quiz-answer-slider-item-field input[type="radio"]::before,
.quiz-answer-slider-item-field input[type="checkbox"]::before,
.quiz-answer-field-list-item input[type="checkbox"]::before,
.quiz-answer-field-list-item input[type="radio"]::before{
    content: "\2713";
    width: 9px;
    height: 9px;
    transform: scale(0);
    color: #80C700;
    text-align: center;
    font-weight: 800;
    line-height: 10px;
    font-size: 12px;
}
.quiz-answer-slider-item-field input[type="radio"]:checked::before,
.quiz-answer-slider-item-field input[type="checkbox"]:checked::before,
.quiz-answer-field-list-item input[type="checkbox"]:checked::before,
.quiz-answer-field-list-item input[type="radio"]:checked::before {
    transform: scale(1);
}

/*QUIZ SUBMIT FORM*/
.quiz-submit-form{
    display: none;
}
.quiz-submit-form.active{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
    min-height: 544px;
}
.quiz-submit-form-title{
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    color: #80C700;
    max-width: 725px;
}
.quiz-submit-form-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #666666;
    max-width: 580px;
    margin-bottom: 30px;
}
.quiz-submit-form-field-list{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 420px;
}
input.quiz-submit-form-field{
    width: 100%;
    height: 60px;
    background: #fff;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0 24px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
input.quiz-submit-form-field.error{
    outline: 0;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
    border: 1px solid #ff0000;
}
.quiz-submit-form-agreement{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}
.quiz-submit-form-agreement a{
    color: #275F6C;
    text-decoration: underline !important;
}
.quiz-submit-form-agreement a:hover{
    color: #275F6C;
}
.quiz-submit-form-submit{
    width: 100%;
    height: 60px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #80c700;
    color: #fff;
    text-transform: none;
    text-decoration: none;
}
.quiz-submit-form-submit:hover{
    color: #fff;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
@media screen and (max-width: 1200px){
    .quiz-submit-form.active{
        min-height: auto;
        gap: 10px;
    }
    .quiz-submit-form-title{

    }
}
@media screen and (max-width: 768px){
    .quiz-submit-form-field-list{
        width: 100%;
    }
    .quiz-submit-form-text{
        font-size: 14px;
        line-height: 22px;
    }
    .quiz-submit-form-submit{
        font-size: 16px;
        line-height: 16px;
    }
    .quiz-submit-form-agreement{
        font-size: 14px;
        line-height: 22px;
    }
    input.quiz-submit-form-field{
        font-size: 16px;
        line-height: 16px;
    }
}
/*END QUIZ slider*/

/**fix mobile widget to bottom*/
@media only screen and (max-width: 768px) {
    .active-top .top-anhor{
        bottom: 25px;
        right: 18px;
    }
    .widget_box{
        bottom: 100px;
        right: 20px;
    }
}

/*START change project form*/
.btn.btn--blue{
    background: #00616E;
    border: 1px solid #00616E;
}
.change-project--box{
    padding: 110px 50px 40px 110px;
    max-width: 1300px;
    border-radius: 10px;
}
.change-project--box.change-project--box_success{
    padding: 40px;
}
.change-project--box_success .change-project-info-text p{
    margin-bottom: 0;
}
.change-project{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.change-project-title{
    /*font-family: Inter;*/
    /*font-size: 48px;
    font-weight: 700;
    line-height: 58.09px;*/
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 15px;
}
.change-project-info{
    display: flex;
    gap: 100px;
    justify-content: space-between;
}
.change-project-info-text--wrapper{
    display: flex;
    flex-direction: column;
    max-width: 515px;
}
.change-project-info-text{
    /*font-family: Inter;*/
    margin-bottom: 15px;
}
.change-project-info-text p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    max-width: 660px;
}
.change-project-info-text ul{
    list-style: disc;
    padding-left: 25px;
}
.change-project-info-text li{
    display: list-item;
}
.change-project-img{

}
.change-project-form{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.change-project-form-field-list{
    display: flex;
    gap: 10px;
}
input.change-project-form-field{
    width: 100%;
    height: 60px;
    background: #f2f7f7;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
input.change-project-form-field.error {
    outline: 0;
    animation-name: error;
    animation-duration: .5s;
    animation-delay: 0.25s;
    border: 1px solid #ff0000;
}
.change-project-form-submit{
    width: 100%;
    height: 60px;
    border-radius: 4px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 16.03px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #00616E;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    max-width: 331px;
}
.change-project-form-submit:hover{
    color: #fff;
    background: #80c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
.change-project-form-agreement{
    /*font-family: Inter;*/
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0%;
}
.change-project-form-agreement a{
    color: #000;
}
.change-project--box .fancybox-close-small{
    display: none;
}
@media(max-width: 1400px){
    .change-project--box{
        padding: 50px;
    }
    .change-project-info{
        flex-direction: column;
        gap: 30px;
    }
    .change-project-info-text--wrapper{
        order: 1;
        gap: 15px;
    }
    .change-project-img{
        order: 0;
        display: flex;
        justify-content: center;
    }
    .change-project-img img{
        max-height: 200px;
    }
    .change-project-title{
        font-size: 26px;
        line-height: 32px;
    }
    .change-project-info-text p{
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 5px;
    }
    /*
    .change-project-form-agreement{
        font-size: 16px;
    }
        */
    .change-project-form{
        gap: 15px;
    }
    .change-project-form-submit{
        max-width: 100%;
    }
}
@media(max-width: 768px){
    .change-project--box{
        padding: 30px;
    }
    .change-project--box.change-project--box_success{
        padding: 30px;
    }
    /*.change-project--box.change-project--box_success .fancybox-close-small{
        display: inline-block;
    }*/
    .change-project-title{
        margin-bottom: 0;
    }
    .change-project-img{
        display: none;
    }
    .change-project-form-field-list{
        flex-direction: column;
    }
    input.change-project-form-field{
        height: 48px;
        font-size: 16px;
    }
    .change-project-form-submit{
        height: 48px;
        font-weight: 500;
    }
    .change-project-info-text p{
        font-size: 14px;
    }
    /*
    .change-project-form-agreement{
        font-size: 14px;
    }
    */
}
/*END change project form*/

/*fix iphone price*/
@media(max-width: 768px){
    .price_box .price,
    .price_box a.price,
    .price_box .price a ,
    .form_price .price,
    .form_price a.price,
    .form_price .price a {
        text-decoration: none !important;
        color: #111 !important;
    }
}

.redesing_head .logo { z-index: 1000 }

.catalog-panel-tags .catalog-tags { flex-wrap: nowrap; }
.catalog-panel-tags .catalog-tags-list { flex: 0 0 calc(100% - 210px); }
.project-details .project-details-item-cat li a { color: #000; text-decoration: none; }

.fancybox-container .fancybox-bg { background: rgba(50, 56, 54, 0.7); }

.box-3d { display: none; padding: 0; overflow: hidden !important; }
.box-3d .popup-tour {  }
.plans-gallery { position: relative; }
.plans-gallery .swiper-slide a { display: block; width: 100%; height: 100%; }
.plans-gallery .plans-nav { position: absolute; right: 20px; top: 20px; z-index: 11; display: flex; }
.plans-gallery .plans-nav .btn-prev, .plans-gallery .plans-nav .btn-next { display: block !important; background-color: #80C342; height: 48px; width: 48px; border-radius: 8px; text-align: center; line-height: 48px; margin-left: 10px; border: none; }
.plans-gallery .plans-nav .swiper-button-disabled { opacity: 0; }
.project-details h1.project-tag { font-size: 14px; line-height: 32px; padding: 0 16px; }

@media (max-width: 768px) {
    .main-content-box .breadcrumbs { display: none !important; }
    .project-info .project-details { flex-direction: row; }
}

#indx-quiz { padding: 0; width: 60%; height: auto; border-radius: 10px; }
#indx-quiz .quiz--wrapper.quiz--wrapper-catalog { margin: 0; width: 100%; }
#indx-quiz .fancybox-close-small { display: none; }
.hero-promo h1 { font-size: 12px; color: #000; opacity: .5; }

@media (max-width: 768px) {
	#indx-quiz { width: 90%; }
}
.certificates-section .holder-img { padding: 10px; min-height: auto; }
.certificates-section .holder-img .img { width: 100%; height: 560px; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; }
@media (max-width: 800px) {
    .certificates-section .holder-img .img  { height: 306px; }
    .btn-holder .bx-filter-block .filter-nav { display: flex; }
    .btn-holder .bx-filter-block #del_filter { border: 1px solid #00616e; color: #00616e; text-decoration: underline; text-align: center; display: inline-block; }
    .btn-holder .bx-filter-block #del_filter .icon { display: none; }
    .btn-holder .bx-filter-block #set_filter.btn { border-radius: 5px; width: auto; }
    .bx-filter-section .btn-holder { position: fixed; padding: 20px 0 !important; left: 20px; right: 20px; width: calc(100% - 50px); bottom: 0;  }
    .popup-catalog-filter .smartfilter { padding-bottom: 60px; }
    .popup-catalog-filter .smartfilter .btn-holder .close-filter { position: relative; top: auto; right: auto; background: transparent; font-size: 20px; color: #000; text-decoration: none; width: auto; height: auto; }
    .body-fixed { height: 100vh; overflow: hidden; }
    .list_sizes li span { white-space: nowrap; }
}

.old-gallery-box { display: none; }

.hero-promo .holder-title div.h1 { color: #fff !important; font-size: 60px !important; }

.features-slider .strong { font-family: 'TT Firs Neue', serif; font-weight: 600; }