* {
    -webkit-backface-visibility: hidden;
}

html {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot');
    src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot');
    src: local('TT Firs Neue Medium'), local('TTFirsNeue-Medium'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot');
    src: local('TT Firs Neue DemiBold'), local('TTFirsNeue-DemiBold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot');
    src: local('TT Firs Neue Bold'), local('TTFirsNeue-Bold'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot');
    src: local('TT Firs Neue Italic'), local('TTFirsNeue-Italic'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff2') format('woff2'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.woff') format('woff'),
    url('/local/templates/bania.3.0/fonts/TTFirsNeue-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* montserrat-regular - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - cyrillic_cyrillic-ext_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('/local/templates/bania.3.0/fonts/montserrat-v25-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background: #fff;
}

button, input, textarea, select {
    font: 100% 'TT Firs Neue', serif;
}

strong {
    font-family: 'TT Firs Neue', serif;
}

h1, .h1 {
    letter-spacing: 0;
}

h2 {
    font-family: 'TT Firs Neue', serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
}

h2 span {
    color: #80c700;
}

div.h2-block span {
    color: #80c700;
}

.container {
    /*max-width: 1210px;*/
    max-width: 1880px;
}
/*
#wrapper {
    padding: 190px 0 0;
}
*/
#main {
    padding: 0;
}

.form legend {
    display: block;
    text-align: center;
    margin: 0 0 29px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.form textarea,
.form input[type="text"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    padding: 0 17px;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border: none;
}

.form textarea {
    height: 150px;
    padding: 16px 17px 10px;
    resize: none;
}

.form input[type="submit"] {
    display: block;
    width: 100%;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all .2s linear;
    border: 1px solid #80c700;
}

.form input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.form .row {
    margin: 0 0 10px;
}

.form .form-prvt {
    text-align: center;
    display: block;
    padding: 9px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
}

.form .form-prvt a {
    text-decoration: underline;
    color: #80c700;
    transition: all .2s linear;
}

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

.video {
    width: 100%;
    height: auto;
    background: none;
}

.video a {
    position: relative;
    width: auto;
    /* height: auto; */
    height: 222px;
    display: block;
    border-radius: 4px;
    top: auto;
    left: auto;
}

.video a:after {
    display: none;
}

.video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #bb8f63;
    border-radius: 50%;
    transition: all 0.3s linear;
}

.about_block .video {
    max-width: 500px;
    margin: 0 0 53px;
}

.video .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-left: 16px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: -9px 0 0 -6px;
}

.video a:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

#header {
    height: 190px;
}

.logo {
    width: 248px;
    height: 58px;
    background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat;
    background-size: 100%;
    top: 23px;
}

.slogan {
    font-size: 14px;
    line-height: 1.14;
    top: 94px;
    left: 22px;
    color: #000;
}

#header .contacts {
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    top: 28px;
}

ul.contacts li {
    padding: 0;
    /* margin: 0 0 0 29px; */
    margin: 0 0 0 19px;
}

ul.contacts li:nth-child(2) {
    /* margin: 0 0 0 71px; */
    margin: 0 0 0 40px;
}

ul.contacts li:before {
    display: none;
}

.list-social,
.soc_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-social li,
.item_soc {
    margin: 0 0 0 18px;
}

.item_soc {
    margin: 0 0 0 9px;
}

.list-social li:first-child,
.item_soc:first-child {
    margin: 0 0 0 5px;
}

.list-social a,
.item_soc a {
    display: block;
    /* width: 19px;
    height: 19px; */
    width: 30px;
    height: 31px;
    transition: all .3s ease;
}

/* .list-social a:hover,
.item_soc a:hover{
    opacity: 0.5;
} */
.list-social .wts a{
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
}

.list-social .inst a,
.item_soc.inst a {
    background: url("/local/templates/bania.3.0/img_new/icon_inst.svg") no-repeat;
    background-size: 100%;
}

.list-social .wts a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
}

.item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green.svg") no-repeat;
    background-size: 100%;
 }
 .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

#footer .item_soc.wtsp a {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_black.svg") no-repeat;
    background-size: 100%;
 }
 #footer .item_soc.wtsp a:hover {
    background: url("/local/templates/bania.3.0/img_new/whatsapp_green_hover.svg") no-repeat;
    background-size: 100%;
 }

.list-social .inst a:hover,
.item_soc.inst a:hover {
    background: url("/local/templates/bania.3.0/img_new/icon_inst_hv.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 180px;
    height: auto;
    background: #00616e;
    border: none;
    border-radius: 4px;
    padding: 17px 10px;
    font-family: 'TT Firs Neue', serif;
    display: block;
    min-width: auto;
}

ul.contacts li strong, ul.contacts li i {
    line-height: 1.25;
    font-weight: 600;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin: 0 0 11px;
}

ul.contacts li strong.phones {
    flex-direction: column;
    align-items: flex-start;
}

ul.contacts li strong a {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

ul.contacts li strong a.second {
    font-size: 16px;
    line-height: 19px;
}

ul.contacts li span {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    display: block;
    position: relative;
    padding: 2px 0 2px 24px;
    overflow: visible;
}

ul.contacts li span:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 50%;
    left: -4px;
    margin: -9px 0 0;
}

ul.contacts li:nth-child(1) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_metro.svg") no-repeat;
    background-size: 100%;
}

ul.contacts li:nth-child(2) span:before {
    background: url("/local/templates/bania.3.0/img_new/icon_time.svg") no-repeat;
    background-size: 100%;
}

.sab-nav {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.07;
    font-size: 15px;
    font-family: 'TT Firs Neue', serif;
    padding: 18px 0 0;
}

.sab-nav li {
    margin: 0 56px 0 0;
}

.sab-nav > li > a {
    height: 37px;
}

.sab-nav > li > a:hover {
    color: #80c700;
}

.nav li.arrow a:after,
.sab-nav > li > a:before {
    border-bottom: 2px solid #80c700;
    border-right: 2px solid #80c700;
    width: 6px;
    height: 6px;
    top: 1px;
    right: -19px;
}

.nav {
    margin: 0 0 0 -2px;
    padding: 13px 0 0;
    font-family: 'TT Firs Neue', serif;
}

.nav:after {
    display: none;
}

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

.nav li a {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.07;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.01em;
}

.nav li a:hover {
    color: #80c700;
}

.favorite {
    width: 20px;
    height: 17px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav.svg") no-repeat;
    background-size: 100%;
    display: block;
    top: 15px;
    right: 0;
}

.favorite span {
    width: 20px;
    height: 20px;
    background: #00616e;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    text-transform: uppercase;
    top: auto;
    bottom: 100%;
    right: 0;
}

.favorite.show_m {
    display: none;
}

#navigation .search {
    top: auto;
    right: auto;
    position: static;
}

#navigation .search > a,
#navigation .search .search-form button {
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/icon_search.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 15px;
    right: 36px;
}

#navigation .search .search-form button {
    top: 50%;
    transform: translateY(-50%);
    right: 33px;
}

#navigation .search .search-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 50px 0px rgba(14, 47, 51, 0.30);
    box-sizing: border-box;
    border: none;
    padding: 13px 29px 20px 36px;
    width: auto;
    height: auto;
    top: -5px;
    left: 0;
}
#navigation .search-form form{
    position: relative;
    margin-bottom: 11px;
}

#navigation .search .search-form input {
    width: 100%;
    height: 54px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 70px 10px 8px;
}
#navigation .search .search-form button{
    right: 0;
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
}
#navigation .search .close_search{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}
#navigation .search .close_search svg{
    display: block;
    width: 100%;
    height: 100%;
}
#navigation .search .inner_search{
    padding: 21px 0 0;
    border-top: 1px solid #EBEBEB;
}
#navigation .search .inner_search .title{
    display: block;
    margin: 0 0 14px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}
.requests_block{
    display: flex;
    flex-wrap: wrap;
}
.requests_box{
    width: 67%;
    padding-right: 70px;
    padding-left: 7px;
}
.requests_box .list_tag{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.requests_box .list_tag li{
    margin: 0 11px 10px 0;
}
.requests_box .list_tag a{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #555;
    padding: 4px 9px;
    text-decoration: none;
}
.requests_box .list_tag a:hover{
    color: #fff;
    background: #555;
}
.requests_box .custom-block-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.requests_box .custom-block-list .custom-block-list__item{
    width: 50%;
    padding: 0 10px;
    margin: 0 0 30px;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0px;
    background: transparent;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper a{
    text-decoration: none;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .img{
    position: relative;
    height: 187px;
    border-radius: 20px;
    overflow: hidden;
}
.requests_box .custom-block-list .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){
    .requests_box .custom-block-list .custom-block-list__item .wrapper .img:hover:before{
        transition: all 0.3s linear;
        opacity: 1;
    }
}
.requests_box .custom-block-list .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;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information{
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    /*padding: 19px 20px 20px;*/
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title{
    text-decoration: none;
    color: #151616;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(237, 239, 238, 1);
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a { font-size: 20px; line-height: 28.8px; }
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title .price { color: #151616; font-size: 20px; display: inline-block; line-height: 28.8px; }
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a{
    color: #000;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .wrapper .information .information__title a:hover{
    color: #91c700;
}
.requests_box .custom-block-list .custom-block-list__item .information__dscr{
    background: transparent;
    padding: 0;
    border-radius: none;
    /*padding: 10px;
    background: #fff;
    border-radius: 10px;*/
    display: flex;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    gap: 0;
    flex: none;
    min-height: auto;
    margin: 0;
    width: calc(100% - 158px);
    padding-right: 20px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property{
    flex: 1 0 auto;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: start;
    gap: 0;
    padding: 0 5px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon{
    display: none;
    width: 21px;
    height: 21px;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .icon svg{
    display: block;
    width: 100%;
    height: 100%;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .prop_box{
    padding-left: 6px;
    width: calc(100% - 21px);
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .key{
    display: none;
    color: #555;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .information__properties .information__property .value{
    display: block;
    color: #80c700;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder{
    padding-top: 10px;
    position: relative;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder:after{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    left: -5px;
    right: -5px;
    background: #EBEBEB;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links{
    text-decoration: none;
    transition: 0.5s;
    display: inline-block;
    color: #fff;
    background-color: #80C342;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16.8px;
    padding: 15px 20px;
    width: 158px;
    text-align: center;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover{
    background-color: #639D2D;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links svg{
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 21px;
    height: 8px;
    transition: all 0.3s linear;
}
.requests_box .custom-block-list .custom-block-list__item .links_holder .links:hover svg path{
    fill: #91c700;
}

.often_searched_box{
    width: 33%;
    padding-right: 40px;
}
.list_requests{
    margin-top: -1px;
}
.list_requests li{
    margin: 0 0 11px;
}
.list_requests a{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    border-bottom: 1px solid #F6F6F6;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: block;
    transition: all ease 0.3s;
}
.list_requests a:after{
    position: absolute;
    content: '';
    right: 12px;
    top: 50%;
    transform: translateY(-65%);
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    opacity: 0.3;
    background-size: 100%;
    transition: all ease 0.3s;
}
.list_requests a:hover{
    color: #000;
}
.list_requests a:hover:after{
    opacity: 1;
}
.options_block{
    /*display: none;*/
}
.inner_search .options_list{
    margin: 0 0 0;
    padding: 11px 52px 10px 11px;
    overflow: hidden;
    overflow-y: auto;
    height: 303px;
    scrollbar-color: #000 #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar{
    width: 2px;
}
.inner_search .options_list::-webkit-scrollbar-track{
    background: #E6E6E6;
}
.inner_search .options_list::-webkit-scrollbar-thumb{
    background: #000;
}
.inner_search .options_list li{
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 11px;
    border-bottom: 1px solid #F6F6F6;
    display: flex;
}
.inner_search .options_list li:after{
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
    background-size: 100%;
    opacity: 0.3;
}
.inner_search .options_list li.previously:after{
    width: 17px;
    height: 15px;
    background: url("/local/templates/bania.3.0/img_new/icon_time-2.svg") no-repeat;
    background-size: 100%;
    opacity: 1;
}
.inner_search .options_list li a{
    display: block;
    padding: 10px 0;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    transition: all ease 0.3s;
    text-decoration: none;
    width: 100%;
}
.inner_search .options_list li a span{
    color: #000;
}
.inner_search .options_list li a.del{
    font-size: 13px;
    color: #8B8B8B;
    width: auto;
}
.inner_search .options_list li a.del:hover{
    color: #000;
}
.options_block .link_holder{
    padding: 13px 0 10px;
    text-align: center;
}
.options_block .link_holder .link{
    display: inline-block;
    vertical-align: top;
    padding-right: 34px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}
.options_block .link_holder .link svg{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* drop_menu */
.sab-nav li > .drop {
    width: 1170px;
    padding: 41px 30px 52px 74px;
    margin: 10px 0 0;
    background-color: #fff;
    background-image: url("/local/templates/bania.3.0/img_new/rd_bg-11.png");
    background-repeat: no-repeat;
    background-position: 100% -102px;
    border-radius: 4px;
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.sab-nav > li > .drop:after {
    left: 0;
    right: 0;
    background: transparent;
    height: 10px;
    top: -10px;
}

.sab-nav > li > .drop:before {
    position: absolute;
    content: '';
    top: -10px;
    left: 63px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.sab-nav > li:nth-child(2) > .drop:before {
    left: 253px;
}
.sab-nav > li:nth-child(3) > .drop:before {
    left: 433px;
}

.sab-nav > li > .drop > ul {
    font-family: 'TT Firs Neue', serif;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.25;
    width: 426px;
    columns: 183px 2;
}

.sab-nav > li .drop > ul > li {
    margin: 0 0 12px;
}

.sab-nav > li > .drop > ul li a {
    font-weight: 400;
    line-height: 1.5;
    display: block;
}

.sab-nav li .drop .more-nav {
    padding: 37px 0 0;
}

.sab-nav li .drop .more-nav a {
    text-transform: none;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'TT Firs Neue', serif;
    border-bottom: 1px solid #00616e;
    padding: 0;
}

.sab-nav li .drop .more-nav a:hover {
    color: #80c700;
    border-bottom-color: #80c700;
}

.sab-nav li > .drop img {
    right: 285px;
    top: 57px;
}

.sab-nav li .drop .count {
    top: 93px;
    right: 86px;
}

.sab-nav li .drop .count i {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.sab-nav li .drop .count strong, .sab-nav li .drop .count span {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    margin: 20px 0 0;
}

.active-top #header .logo {
    z-index: 1;
}

.active-top #header .contacts li:last-child,
.active-top #header .soc_box,
.active-top #header .favorite {
/*    display: none;*/
}

/*.active-top #header .contacts li .btn{
    font-size: 14px;
    width: 140px;
    padding: 11px 10px;
}*/
.active-top #header .sab-nav {
    font-size: 16px;
}

.active-top #header .sab-nav li {
    margin: 0 36px 0 0;
}

#promo {
    height: 539px;
}

#promo picture {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 1487px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    overflow: hidden;
    border-radius: 4px;
}

#promo .text {
    width: 100%;
    max-width: 650px;
    padding-top: 0;
}

#promo h1 {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.95;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 28px;
}

#promo .text p {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.38;
    margin: 0 0 47px;
}

.btn {
    display: block;
    width: 100%;
    max-width: 439px;
    background: #80c700;
    border: 1px solid #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    height: auto;
    padding: 26px 10px;
    text-align: center;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.btn:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    font-family: 'TT Firs Neue', serif;
    background: #80c700;
    border: 1px solid #80c700;
}

.our_projects {
    position: relative;
    padding: 90px 0 50px;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.our_projects:after {
    position: absolute;
    content: '';
    width: 161px;
    height: 155px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-02.png") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-11%);
    right: -294px;
    z-index: -1;
}

.our_projects:before {
    position: absolute;
    content: '';
    width: 313px;
    height: 651px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-01.webp") no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* right: calc((100% + (100vw - 100%)/2) - 313px); */
    left: 50%;
    margin: 0 0 0 -960px;
    z-index: -1;
}

.our_projects .item_projects {
    margin: 0 -30px 10px;
    padding: 43px 30px 30px;
    border-radius: 4px;
}

.our_projects .item_house {
    background: #f2f7f7;
    order: 2;
}

.our_projects .item_bania {
    background: #f7f4f1;
    order: 1;
}

.our_projects .item_materials {
    background: #ecf7d9;
    order: 3;
}

.head_box {
    margin: 0 0 19px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.head_box .title_box {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 15px;
}

.head_box .link {
    display: inline-block;
    vertical-align: top;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    margin: 0 0 15px;
}

.head_box .link:hover {
    text-decoration: underline;
    color: #80c700;
    font-weight: 600;
}

.our_projects .list_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.our_projects .item_list {
    padding: 0 15px;
    margin: 0 0 0;
    display: flex;
    /* flex: 0 1 25%; */
    width: 25%;
}

.our_projects .wrap_list {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.our_projects .inner_list {
    background: transparent;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 41px 35px 51px;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    transition: all .3s ease;
    height: 100%;
}

.our_projects .inner_list:after {
    position: absolute;
    content: '';
    top: -45px;
    left: -45px;
    width: 80px;
    height: 80px;
    background: #000;
    opacity: 0;
    transition: all .3s ease;
    transform: rotate(45deg);
}

.our_projects .inner_list:before {
    position: absolute;
    content: '';
    bottom: -78px;
    right: -78px;
    width: 150px;
    height: 150px;
    background: #80c700;
    transform: rotate(45deg);
    opacity: 0;
    transition: all .3s ease;
}

.our_projects .wrap_list .img_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    visibility: visible;
    transition: all .3s ease;
    opacity: 1;
}

.our_projects .wrap_list .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block;
}

.our_projects .title_list {
    /* color: #000; */
    /* font-weight: 700;
    text-transform: uppercase; */
    min-height: 59px;
    margin: 0 0 12px;
}

.our_projects .title_list span {
    background: #bb8f63;
    padding: 6px 12px 5px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
}

.our_projects .title_list span.last {
    margin: -12px 0 0;
}

.our_projects .text_list {
    flex: 1 1 auto;
    padding: 0 0 20px;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link {
    display: inline-block;
    vertical-align: top;
    /* color: #00616e; */
    font-weight: 400;
    text-decoration: underline;
    color: #fff;
    transition: all .3s ease;
}

.our_projects .more_link:hover {
    /* font-weight: 600; */
    text-decoration: underline;
}

.our_projects .wrap_list:hover .img_box {
    opacity: 0;
    visibility: hidden;
}

.our_projects .wrap_list:hover .more_link {
    color: #00616e;
}

.our_projects .wrap_list:hover .more_link:hover {
    color: #80c700;
}

.our_projects .wrap_list:hover .inner_list {
    background: #fff;
}

.our_projects .wrap_list:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_projects .wrap_list:hover .inner_list:after,
.our_projects .wrap_list:hover .inner_list:before {
    opacity: 1;
}

.our_projects .wrap_list:hover .text_list {
    color: #000;
}

.info {
    padding: 34px 0;
    z-index: 0;
}

.info:before {
    position: absolute;
    content: '';
    bottom: -162px;
    left: -346px;
    width: 280px;
    height: 321px;
    right: auto;
    top: auto;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-03.png") no-repeat;
    background-size: 100%;
}

.info:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 366px;
    height: 721px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-04.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-04.webp") no-repeat;
    background-size: 100%;
    margin: 0 0 -396px 595px;
}

.info-title {
    margin-bottom: 40px;
    color: #000;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 34px;
    font-weight: 700;
    line-height: 100%;
}

.info-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    width: auto;
}

.info-list li {
    padding: 0 15px;
    margin: 0 0 30px;
    width: 25%;
}

.info-list li .visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 36px;
    border-radius: 50%;
    padding: 0;
}

.info-list li .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
}

.info-list li p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0;
    padding: 0 20px;
}

.info-list li:nth-child(3) p {
    padding: 0 5px;
}

.about_block {
    position: relative;
    padding: 58px 0 20px;
    z-index: 1;
}

.title_block {
    margin: 0 0 42px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-family: 'TT Firs Neue', serif;
}

.title_block span {
    color: #80c700;
}

.about_text {
    margin: 0 0 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_text .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    margin: 0 0 15px;
    padding: 0 0 11px;
}

.about_text .text {
    color: #000;
    width: calc(100% - 84px);
    padding: 0 0 0 56px;
    margin: 0 0 15px;
}

.about_block .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_block .col-50 {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.video_dscr {
    color: #00616e;
    font-size: 18px;
    font-style: italic;
    line-height: 1.45;
    padding: 0 87px 0 3px;
    letter-spacing: 0;
    z-index: 0;
    margin: 0 0 57px;
    overflow: visible;
}

.video_dscr:before {
    content: '\00AB';
    color: #f7f4f1;
    font-family: 'TT Firs Neue', serif;
    font-size: 153px;
    font-weight: 600;
    line-height: 1;
    top: -80px;
    left: -46px;
    z-index: -1;
}

.video_dscr p {
    margin: 0 0 32px;
}

.video_dscr .dscr {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    font-style: normal;
}

.staff_text {
    margin: -6px 0 28px;
}

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

.staff_text .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    float: left;
    margin: 0 0 15px;
}

.staff_text p {
    padding: 0 0 0 22px;
    overflow: hidden;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px;
}

.staff_box {
    margin: 0 0 60px;
}

.list_staff {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 10px;
}

.list_staff li {
    padding: 0 8px;
    margin: 0 0 30px;
    width: 33.3%;
}

.list_staff .name_staff {
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 48px;
    padding: 0 10px 0 0;
}

.list_staff .position {
    display: block;
    margin: 0 0 25px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    min-height: 28px;
    font-synthesis: none;
}

.list_staff .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.list_staff .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_staff .img:before {
    padding: 116.5% 0 0;
    display: block;
    content: '';
}

.staff_box .btn {
    margin: 0 auto;
    max-width: 270px;
    font-size: 16px;
    padding: 16px 10px;
}

.inst_box {
    width: 100%;
    max-width: 570px;
    position: relative;
    z-index: 0;
}

.inner_inst {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-05.jpg") no-repeat;
    background-size: cover;
    padding: 50px 43px 51px;
    border-radius: 4px;
}

.inst_box:after {
    position: absolute;
    content: '';
    width: 396px;
    height: 532px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-06.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-06.webp") no-repeat;
    background-size: 100%;
    top: 0;
    left: 100%;
    margin: -61px 0px 0 -124px;
    z-index: -1;
}

.title_inst {
    display: block;
    margin: 0 0 26px;
    padding: 0 0 0 108px;
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
}

.title_inst em {
    text-transform: uppercase;
    font-style: normal;
}

.title_inst:after {
    position: absolute;
    content: '';
    width: 56px;
    height: 56px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-06.svg") no-repeat;
    background-size: 100%;
    top: 0;
    left: 23px;
}

.inst_box .subscribers {
    /* display: flex;
    flex-wrap: wrap; */
    margin: 0 0 20px;
    /* align-items: baseline; */
    padding: 0 0 0 20px;
}

.inst_box .subscribers strong {
    display: block;
    /* margin: 0 16px 5px 0; */
    margin: 0 0 -4px;
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.inst_box .subscribers span,
.subscribers_box .publications span {
    display: block;
    padding: 0 0 0 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-07.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
    color: #80c700;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px 6px;
}

.subscribers_box .publications span {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-73.svg") no-repeat;
    background-size: 12px 12px;
    background-position: 0 0;
}

.inst_box .img {
    position: relative;
}

.inst_box .img:before {
    content: '';
    display: block;
    padding: 23.5% 0 0;
}

.inst_box .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.video_tabs {
    padding: 34px 0 30px;
    position: relative;
    z-index: 0;
}

.video_tabs:after {
    position: absolute;
    content: '';
    top: 100%;
    transform: translateY(-51.9%);
    left: 50%;
    margin: 0 0 0 -959px;
    width: 1539px;
    height: 2816px;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-07.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07.webp") no-repeat;
    background-size: 100%;
}

.video_tabs .head_box {
    margin: 0 0 34px;
}

.video_tabs .title_block {
    margin: 0 0 15px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tab-control {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 53px;
}

.tab-control li {
    margin: 0 87px 0 0;
}

.tab-control li:last-child {
    margin: 0;
}

.tab-control a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
}

.tab-control .active a,
.tab-control a:hover {
    color: #80c700;
}

.gallery {
    margin: 0 -52px;
    width: auto;
    z-index: 0;
    overflow: hidden;
    padding: 0 37px;
}

/* .gallery:before,
.gallery:after{
    display: none;
} */
.gallery:before,
.gallery:after {
    width: 37px;
}

.gallery:before {
    right: 0;
    left: auto;
}

.gallery:after {
    left: 0;
    right: auto;
}

.gallery.change:after {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-07_2.jpg") no-repeat;
    background-size: 100%;
}

.video_section .gallery:before,
.video_section .gallery:after,
.bg_color .gallery:before,
.bg_color .gallery:after {
    background: #f8fbfb;
}

.gallery-holder {
    margin: 0 0 33px;
    /* overflow: hidden; */
}

.gallery-item {
    flex: 1 0 400px;
    margin: 0;
    padding: 0 15px;
}

.gallery-item a:hover {
    opacity: 1;
}

.gallery-item .video {
    margin: 0 0 12px;
}

.gallery-item .video a:hover {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 6.6px 6.6px 15px rgba(0, 97, 110, 0.5);
}

.gallery h4, .gallery .h4 {
    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 h4 a, .gallery .h4 a {
    text-decoration: underline;
}

.gallery h4 a:hover, .gallery .h4 a:hover {
    color: #80c700;
}

.tag_list {
    display: flex;
    flex-wrap: wrap;
}

.tag_list li {
    margin: 0 7px 7px 0;
}

.tag_list a {
    display: block;
    padding: 4px 12px 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    background: #00616e;
}

.tag_list a:hover {
    background: #bb8f63;
}

.gallery-button-prev,
.gallery-button-next {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 72px;
    /* right: -52px; */
    right: 0;
}

.gallery-button-prev {
    /* left: -53px; */
    left: 0;
}

.gallery-button-prev:after,
.gallery-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
}

.gallery-button-next:after {
    margin: -24px 0 0 -40px;
}

.gallery-button-prev:hover:after,
.gallery-button-next:hover:after {
    border-color: #80c700;
}

.gallery-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background: #e5eff0;
    border-radius: 1px;
    margin: 0 12.5px 0;
}

.gallery-pagination .swiper-pagination-bullet:hover,
.gallery-pagination .swiper-pagination-bullet-active {
    background: #80c700;
}

.our_works_block {
    padding: 35px 0 80px;
    position: relative;
    z-index: 1;
}

.our_works_block:after {
    position: absolute;
    content: '';
    bottom: -210px;
    right: 50%;
    margin: 0 -961px 0 0;
    width: 381px;
    height: 442px;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-08.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-08.webp") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.our_works_block .title_block {
    margin: 0 0 55px;
}

.our_works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.our_works_list .item_works {
    padding: 0 7px;
    margin: 0 0 14px;
    width: 33.3%;
}

.our_works_list .inner_item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.our_works_list .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.our_works_list .inner_item .img {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.our_works_list .inner_item .img:before {
    display: block;
    content: '';
    padding: 81% 0 0;
}

.our_works_list .inner_item .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_works_list .dscr_item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 11px 10px 29px;
}

.our_works_list .title_dscr {
    margin: 0 0 12px;
    min-height: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.list_sizes,
.our_works_list .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.list_sizes li,
.our_works_list .list_sizes li {
    padding: 0 5px;
    width: 33.3%;
}
.list_sizes li { width: 30%; }

.list_sizes li span,
.our_works_list .list_sizes li span {
    display: block;
    margin: 0 0 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.list_sizes li span { color: #737373; }
.list_sizes li strong, .our_works_list .list_sizes li strong, .list_sizes li .val, .our_works_list .list_sizes li .val {
    display: block;
    color: #80c700;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
.list_sizes li strong, .list_sizes li .val { color:#151616; font-weight: 500;  }
.our_works_list .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s linear;
    max-width: 180px;
    font-size: 16px;
    padding: 16px 10px;
    margin: -68px 0 0;
}

.our_works_list .inner_item:hover .btn {
    opacity: 1;
    visibility: visible;
}

.our_works_block .btn_holder {
    padding: 27px 0 0;
}

.our_works_block .btn_holder .btn {
    margin: 0 auto;
}

.slider_block {
    padding: 65px 0 50px;
    position: relative;
    z-index: 0;
}

.slider_block.slider_block_section {
    padding-top: 0;
}

.slider_block .head_box {
    margin: 0 0 39px;
}

.slider_block .title_block {
    margin: 0 0 15px;
}

.gallery .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 16px;
}

.gallery .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
}

.gallery .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:hover .visual,
.gallery-item:hover .visual {
    /* box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5); */
    box-shadow: 5px 10.6px 15px rgb(0 97 110 / 50%);
}

.date_box {
    margin: 0 0 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.date_box .date {
    display: block;
    margin: 0 0 10px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.date_box .share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 40%;
}

.date_box .share li {
    margin: 0 0 10px 0;
}

.date_box .share li span,
.date_box .share li a {
    padding: 0 0 0 24px;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    position: relative;
}

.date_box .share li span:after,
.date_box .share li a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.date_box .share li span.view:after,
.date_box .share li a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 13px;
}

.date_box .share li span.comment:after,
.date_box .share li a.comment:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-09.svg") no-repeat;
    background-size: 100%;
    width: 17px;
    height: 16px;
    top: -2px;
}

.slider_block .gallery h4, .slider_block .gallery .h4 {
    margin: 0 0 16px;
}

.gallery .text p {
    margin: 0 0 33px;
}

.popular_block {
    padding: 35px 0 40px;
    position: relative;
    z-index: 0;
}

.popular_block:after {
    position: absolute;
    content: '';
    right: 50%;
    top: 50%;
    transform: translateY(-60.5%);
    width: 605px;
    height: 1221px;
    margin: 0 -960px 0 0;
    z-index: -1;
    /*background: url("/local/templates/bania.3.0/img_new/rd_bg-09.png") no-repeat;*/
    background: url("/local/templates/bania.3.0/img_new/rd_bg-09.webp") no-repeat;
    background-size: 100%;
}

.popular_block .title_block {
    margin: 0 0 54px;
}

.popular_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.popular_list .popular_item {
    width: 33.3%;
    padding: 0 6px;
    margin: 0 0 12px;
    transition: all 0.3s linear;
}

.popular_list .popular_item .inner_item {
    transition: all 0.3s linear;
    border-radius: 4px;
}

.popular_list .popular_item .inner_item:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.popular_list .popular_item .inner_item:hover .btn {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

/* .popular_list .popular_item:hover{
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
} */
.popular_list .img {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    /* margin: 0 0 16px; */
}

.popular_list .img:before {
    display: block;
    content: '';
    padding: 73% 0 0;
    height: auto;
}

.popular_list .img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dscr_popular {
    padding: 16px 22px 10px 27px;
    background: #fff;
    border: 3px solid #f2f7f7;
    border-radius: 4px;
}

.title_dscr {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    min-height: 40px;
}

.title_dscr a {
    text-decoration: none;
    color: #000;
}

.title_dscr a:hover {
    color: #80c700;
}

.popular_list .list_sizes {
    margin: 0 -5px 22px;
}

.popular_list .list_sizes li span {
    color: #000;
}

.price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.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;
}

.price_box .btn {
    padding: 16px 10px;
    max-width: 180px;
    font-size: 16px;
    margin: 0 0 15px;
}

.certificate_block {
    padding: 32px 0 40px;
    position: relative;
    z-index: 0;
}

.certificate_block:after {
    position: absolute;
    content: '';
    top: 68px;
    left: 50%;
    width: 153px;
    height: 123px;
    z-index: 0;
    margin: 0 0 0 -883px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-10.webp") no-repeat;
    background-size: 100%;
}

.certificate_block .gallery-item {
    flex: 1 0 300px;
}

.certificate_block .gallery-holder {
    margin: 0 0 47px;
}

.certificate_block .title_block {
    margin: 0 0 59px;
}

.certificate_block .gallery .visual {
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
}

.certificate_block .gallery .visual .img:before {
    padding: 138% 0 0;
}

.certificate_block .gallery-button-prev,
.certificate_block .gallery-button-next {
    top: 50%;
    transform: translateY(-86%);
}

.btn_plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    border-radius: 50%;
}

.btn_plus:after,
.btn_plus:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    background: white;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -25px;
}

.btn_plus:before {
    transform: rotate(90deg);
}

.gallery-item:hover .btn_plus {
    opacity: 1;
    visibility: visible;
}

.btn_plus:hover {
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}

.info_block {
    padding: 48px 0 33px;
}

.info_block .info_box {
    display: flex;
    flex-wrap: wrap;
}

.info_block .visual {
    width: 331px;
    position: relative;
    margin: 8px 0 30px;
    z-index: 0;
    align-self: flex-start;
}

.info_block .visual:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.info_block .visual:after {
    position: absolute;
    content: '';
    width: 142px;
    height: 142px;
    background: #f7f4f1;
    transform: rotate(45deg);
    top: 50%;
    left: -58px;
    margin: -71px 0 0;
    z-index: -1;
}

.info_block .visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.text_info {
    padding: 2px 0 0 84px;
    width: calc(100% - 331px);
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0 0 30px;
}

.text_info p {
    margin: 0;
}

#footer {
    background: #fff;
    position: relative;
}

#footer:after {
    position: absolute;
    content: '';
    width: 1170px;
    height: 1px;
    background: #e5eff0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

#footer .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    overflow: visible;
    border: none;
    padding: 0 0 42px;
}

#footer .row:first-child {
    padding: 0 0 46px;
}

#footer .col-25 {
    width: 25%;
    padding: 0 15px;
}

#footer .col-75 {
    width: 75%;
    padding: 0 15px;
}

#footer .logo {
    width: 178px;
    height: 41px;
    margin: 0 0 0;
    float: none;
}

#footer .slogan {
    float: none;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin: 9px 0 0;
}

#footer .contacts {
    columns: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -5px 0 0;
    padding: 0 0 0 4px;
}

#footer .contacts li {
    float: none;
    padding: 0;
}

#footer .contacts li:nth-child(2) {
    margin: 0 23px 0 auto;
}

#footer .contacts li strong {
    line-height: 1.25;
    display: flex;
    align-items: center;
}

#footer .contacts li strong a {
    font-size: 25px;
}

#footer .contacts li span {
    padding-left: 24px;
}

#footer .contacts li span:before {
    left: 0;
}

#footer .menu_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 55px 0 0;
}

#footer .menu a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
}

#footer .menu > li > a {
    display: inline-block;
    vertical-align: top;
    min-height: 45px;
    letter-spacing: 0.07em;
}

#footer .menu ul,
#footer .menu > li,
#footer .menu ul a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    columns: 1;
}

#footer .menu ul {
    padding: 20px 0 0;
}

#footer .menu > li {
    width: auto;
}

#footer .menu ul li {
    margin: 0 0 9px;
}

#footer .menu ul a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .soc_box {
    margin: 0 0 46px;
}

#footer .item_soc {
    margin: 0 10px 0 0;
}

#footer .item_soc:last-child {
    margin: 0;
}

.dev_list li {
    margin: 0 0 36px;
}

.dev_list li:last-child {
    margin: 0;
}

.dev_list a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.dev_list a:hover {
    color: #80c700;
    /* font-weight: 700; */
}

#footer .footer {
    overflow: visible;
    position: relative;
    z-index: 0;
    padding: 21px 0 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#footer .footer:after {
    position: absolute;
    content: '';
    width: calc(100vw - 17px);
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    background: #f2f7f7;
    z-index: -1;
}

#footer .copyright {
    padding: 0 15px 0 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
}

#footer .by {
    font-weight: 400;
    line-height: 18px;
    color: #000;
    font-size: 14px;
}

#footer .by a {
    color: #00616e;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s linear;
}

#footer .by a:hover {
    color: #80c700;
}

.breadcrumbs {
    border-top: 1px solid #e5eff0;
    /* padding: 31px 0 0; */
    padding: 17px 0 0;
    /* margin: 0 0 44px; */
    margin: 0 0 31px;
}

.breadcrumbs .back {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
}

.breadcrumbs .back:after {
    position: absolute;
    content: '';
    right: 0;
    left: 18px;
    bottom: 6px;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.breadcrumbs .back i {
    font-weight: 700;
    font-size: 10px;
    color: #80c700;
    padding: 0 11px 0 0;
}

.breadcrumbs .back:hover {
    color: #80c700;
}

.breadcrumbs .back:hover:after {
    background: #80c700;
}

.breadcrumbs li {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 700;
}

.breadcrumbs a {
    font-size: 14px;
    line-height: 2;
    color: #000;
    font-weight: 400;
}

.breadcrumbs a:hover {
    color: #80c700;
}

h1, .h1 {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 60px; */
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

.tags_box {
    max-width: 870px;
    margin: 0 0 25px;
    padding: 25px 0 0;
}

.tag_list a {
    text-decoration: none;
}

.search_box {
    /* margin: 0 0 53px; */
    margin: 0 0 23px;
}

.holder_box {
    position: relative;
    padding: 0 270px 0 0;
    background: #f2f7f7;
    border-radius: 4px;
    border: 3px solid #80c700;
}

.holder_box input {
    display: block;
    width: 100%;
    height: 75px;
    padding: 5px 26px;
    border: none;
    background: none;
    color: #000;
    /* font-size: 14px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.holder_box button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #80c700;
    border-radius: 4px;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    font-family: 'TT Firs Neue', serif;
    transition: all 0.3s linear;
    width: 368px;
    border: none;
}

.holder_box button:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.menu-categories {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px;
}

.menu-holder {
    margin: 0 0 0;
    width: calc(100% - 164px);
    padding: 0 15px 0 0;
}

.menu-holder .menu {
    width: 100%;
    max-width: 887px;
    justify-content: space-between;
}

.menu-holder .menu li {
    padding: 0;
    margin: 0 20px 0 0;
}

.menu-holder .menu li.active {
    border: none;
}

.menu-holder .menu li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    color: #000;
}

.menu-holder .menu li a:hover,
.menu-holder .menu li.active a {
    color: #80c700;
}

.menu-holder .menu li.active a {
    font-family: 'TT Firs Neue', serif;
}

.all_show {
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    position: relative;
    text-decoration: none;
    margin: 3px 0 0;
}

.all_show:after {
    position: absolute;
    content: '';
    bottom: 7px;
    left: 0;
    right: 0;
    height: 1px;
    background: #00616e;
    transition: all 0.3s linear;
}

.all_show:hover {
    color: #80c700;
}

.all_show:hover:after {
    background: #80c700;
}

.articles_page {
    padding: 8px 0 25px;
}

.articles {
    display: flex;
    flex-wrap: wrap;
}

.articles_block {
    width: calc(100% - 370px);
    padding: 0 28px 0 0;
}

.articles_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 46px;
}

.articles .item:first-child,
.articles .item {
    width: 50%;
    padding: 0 15px;
    float: none;
    margin: 0 0 38px;
    box-sizing: border-box;
    border: none;
}

.articles .item:first-child .visual,
.articles .item .visual {
    border-radius: 4px;
    transition: all 0.3s linear;
    margin: 0 0 15px;
    float: none;
    overflow: hidden;
}

.articles .item .visual .img {
    border-radius: 4px;
    overflow: hidden;
    height: auto;
    max-width: none;
    width: auto;
}

.articles .item .visual .img:before {
    display: block;
    content: '';
    padding: 54% 0 0;
}

.articles .item:first-child .text h4,
.articles .item .text h4 {
    margin: 0 0 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    line-height: 1.5;
}

.articles .item h4 a {
    text-decoration: underline;
}

.articles .item h4 a:hover {
    color: #80c700;
}

.articles .item:first-child h4 a:after {
    display: none;
}

.articles .item .text {
    margin: 0;
}

.articles .item .text p {
    margin: 0 0 33px;
}

.articles .item:first-child .text {
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    padding: 5px 0 0;
}

.articles .item:first-child .text p {
    display: block;
}

.articles .item .text p {
    margin: 0;
    letter-spacing: 0;
    line-height: 1.5;
    color: #000;
}

.paging {
    padding: 21px 39px;
    overflow: visible;
    margin: -34px auto 37px;
    max-width: 872px;
    position: relative;
}

.paging ul li {
    line-height: 1;
    font-size: 24px;
}

.paging ul a,
.paging ul span {
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    font-weight: 500;
    padding: 0 5px;
    margin: 0 5px;
    height: auto;
}

.paging ul a:hover {
    color: #80c700;
    text-decoration: none;
}

.paging ul .active {
    background: none;
    color: #80c700;
    font-weight: 700;
    font-family: 'TT Firs Neue', serif;
}

.paging .slideshow-button-next,
.paging .slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    right: 0;
    position: absolute;
    cursor: pointer;
    margin: -37px 0 0;
    transform: none;
}

.paging .slideshow-button-prev {
    left: 0;
}

.paging .slideshow-button-prev:after,
.paging .slideshow-button-next:after {
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-left: 4px solid #000;
    margin: -24px 0 0 -8px;
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
}

.paging .slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.paging .slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -41px;
}

.paging .swiper-button-disabled,
.swiper-button-disabled {
    opacity: 1;
}

.video_section {
    padding: 67px 0 90px;
    position: relative;
    z-index: 0;
}

.video_section:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: calc(100vw - 17px);
    background: #f8fbfb;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.useful_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 0 135px;
    margin: 0 0 14px;
}

.useful_box h2 {
    font-size: 40px;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    margin: 0 0 15px;
}

.useful_box:after {
    position: absolute;
    content: '';
    width: 84px;
    height: 84px;
    border-radius: 50%;
    top: -8px;
    left: 0;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-10.svg") no-repeat;
    background-size: 100%;
}

.useful_box .btn_holder {
    width: 270px;
    padding: 4px 0 0;
}

.useful_box .btn {
    padding: 16px 10px;
}

.useful_box .title_box {
    width: calc(100% - 270px);
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.useful_box .share {
    display: flex;
    flex-wrap: wrap;
}

.useful_box .share li {
    margin: 0 77px 10px 0;
}

.useful_box .share li:last-child {
    margin: 0 0 10px 0;
}

.useful_box .share a {
    display: block;
    padding: 0 0 0 28px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
    text-decoration: none;
}

.useful_box .share a:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
}

.useful_box .share a.users:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-11.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
}

.useful_box .share a.video:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-12.svg") no-repeat;
    background-size: 100%;
    width: 13px;
    height: 14px;
}

.useful_box .share a.view:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-08.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 16px;
}

.projects {
    padding: 0px 0 58px;
}

.projects h2 {
    margin: 0 0 53px;
}

.wrap-catalog.wrap-catalog-section {
    padding-bottom: 0;
}

.slider_block-section .article {
    display: block;
}

.wrap-catalog {
    padding: 16px 0 63px;
}

.mob-filter {
    background: #f8fbfb;
    border-radius: 4px;
    padding: 37px 19px 20px 23px;
    margin: 0 0 27px;
}

.title_filter {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.catalog-sections-box {
    border-top: 3px solid #cddee0;
    padding: 25px 0 0;
    margin: 0 0 36px;
}

.bx-filter .bx-filter-parameters-box .h5 span,
.bx-filter .bx-filter-parameters-box h5 span,
.sections-title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    cursor: pointer;
    display: block;
    border: none;
}

.bx-filter .bx-filter-parameters-box .h5 span sup,
.bx-filter .bx-filter-parameters-box h5 span sup {
    font-size: 12px;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.sections-title:after {
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    transform: rotate(90deg);
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -16px 0 0;
    transition: all .2s linear;
}

.catalog-sections-box.open .sections-title:after {
    transform: rotate(-90deg);
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after {
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    transform: rotate(-90deg);
    position: absolute;
    content: '\e907';
    top: 50%;
    right: 3px;
    font-family: 'icomoon' !important;
    font-weight: 700;
    font-size: 12px;
    color: #80c700;
    margin: -6px 0 0;
}

.bx-filter .bx-filter-parameters-box.bx-active .h5 span:after,
.bx-filter .bx-filter-parameters-box .h5 span:after,
.bx-filter .bx-filter-parameters-box.bx-active h5 span:after,
.bx-filter .bx-filter-parameters-box h5 span:after {
    border: none;
    width: auto;
    height: auto;
}

.filter .h5,
.filter h5 {
    margin: 0 0 20px;
}

.filter ul {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0 0 11px;
}

.filter ul li {
    margin: 0 0 7px;
}

.filter .columns {
    margin: 0;
}

.filter .bx-filter-parameters-box-container {
    margin: 0 0 0;
}

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

.catalog-sections-box .sub-sections-more {
    display: block;
}

.sub-sections-more a {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: underline;
    border: none;
}

.sub-sections-more a:hover {
    color: #80c700;
}

.bx-filter .bx-filter-parameters-box {
    border-top: 3px solid #cddee0;
    padding: 23px 0 0;
    margin: 0 0 10px;
}

.bx-filter .bx-filter-section {
    padding-top: 0;
}

.bx-filter .bx-filter-parameters-box .h5,
.bx-filter .bx-filter-parameters-box h5 {
    margin: 0 0 20px;
    font-family: 'TT Firs Neue', serif;
}

.inpt_wrapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bx-filter .bx-filter-parameters-box-container-block.bx-left,
.bx-filter .bx-filter-parameters-box-container-block.bx-right {
    width: calc(50% - 13px);
    margin: 0 0 15px;
    display: block;
    position: relative;
}

.bx-filter .bx-filter-input-container input,
.bx-filter .bx-filter-parameters-box-container-block.bx-left input,
.bx-filter .bx-filter-parameters-box-container-block.bx-right input {
    height: 50px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    padding: 0 7px;
}

.bx-filter .bx-ui-slider-track-container {
    padding: 19px 9px 35px;
}

.bx-filter .bx-ui-slider-track {
    height: 6px;
    background: #cddee0;
    border-radius: 3px;
}

.bx-filter .bx-ui-slider-part span {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    top: 28px;
    left: -8px;
}

.bx-filter .bx-ui-slider-part.p5 span {
    right: -8px;
}

.bx-filter.bx-blue .bx-ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 3px solid #80c700;
}

.bx-filter-parameters-box-container .checkbox {
    margin-bottom: 4px;
}

.filter input[type="checkbox"] + span:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    top: 0;
    left: 0;
}

.filter input[type="checkbox"] + span:after {
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    background: none;
    opacity: 0;
}

.filter input[type="checkbox"]:checked + span:before {
    border-color: #80c700;
    background: #80c700;
}

.filter input[type="checkbox"]:checked + span:after {
    opacity: 1;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 25px 0 32px;
}

.bx-filter .bx-filter-input-checkbox .bx-filter-param-text span {
    font-style: normal;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 5px;
}

.filter .btn-holder {
    display: block;
    padding: 4px 0 0;
}

.btn-holder .bx-filter-parameters-box-container {
    padding: 0;
    text-align: center;
}

#set_filter {
    max-width: 180px;
    width: 100%;
    margin: 0 auto 20px;
    background: #80c700;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    height: 50px;
    display: block;
}

#set_filter:hover {
    background: #80c700;
}

#del_filter {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    border: none;
}

#del_filter:hover {
    color: #80c700;
}

.projects-block {
    padding: 0 0 0 15px;
    margin: 0;
    border: none;
}

.sort li {
    font-family: 'TT Firs Neue', serif;
    margin: 0 88px 10px 0;
}

.sort li:last-child {
    margin: 0 0 10px;
}

.sort a {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.sort a:hover {
    color: #80c700;
}

.sort + .projects {
    padding-top: 38px;
    padding-right: 12px;
    padding-bottom: 14px;
}

.projects .items {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.projects-block .projects .items .item:nth-child(4n+4),
.projects .items .item {
    width: 33.3%;
    margin: 0 0 28px;
    padding: 0 15px;
    display: block;
    min-height: auto;
}

.projects .items .item .inner_item {
    background: #fff;
    border-radius: 4px;
    transition: all .2s linear;
}

.projects .items .item:hover .inner_item {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.projects .items .item .img {
    position: relative;
    /* overflow: hidden; */
    border-radius: 4px;
    margin: 0 0 0;
}

.projects .items .item .img:before {
    padding: 74% 0 0;
    display: block;
    content: '';
}

.projects .items .item .favorite_box {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
}

.projects .items .item .favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #80c700;
    border-radius: 50%;
    z-index: 1;
}

.projects .items .item .tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 20px;
    padding: 9px 11px;
    background: #80c700;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: block;
    z-index: 1;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}

.projects .items .item .favorite_box:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.projects .items .item .tooltip:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #80c700;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.projects .items .item .favorite:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 20px;
    height: 18px;
    transform: translate(-50%, -50%);
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item.add_item .favorite:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-13_hv.svg") no-repeat;
    background-size: 100%;
}

.projects .items .item img {
    max-width: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.projects .items .new {
    right: auto;
    left: 12px;
    top: 12px;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 8px 8px 6px 10px;
    background: #e13a00;
    border-radius: 0;
    display: block;
    height: auto;
}

.projects .items .dscr_popular {
    padding: 17px 15px 13px 17px;
}

.projects .items .title_dscr {
    font-size: 14px;
    line-height: 1.29;
    min-height: 36px;
    margin: 0 0 16px;
}

.projects .items ul {
    overflow: visible;
    margin: 0 -5px 13px;
    display: flex;
    flex-wrap: wrap;
}

.projects .items ul li {
    padding: 0 5px;
    margin: 0 0 0;
    width: 33.3%;
}

.projects .items ul li:after {
    display: none;
}

.projects .items ul li span {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 4px;
    letter-spacing: 0;
}

.projects .items ul li strong {
    color: #80c700;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    min-height: auto;
}

.projects .items .price_box {
    justify-content: center;
}

.projects .items .price {
    height: auto;
    min-height: auto;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 19px;
}

.projects .items .item .btn {
    background: #80c700;
    border: 1px solid #80c700;
    font-weight: 600;
}

.projects .items .item:hover .btn {
    background: #80c700;
    border-color: #80c700;
}

.projects .items .item.help {
    background: none;
    height: auto;
    padding: 0 15px;
}

.projects .items .inner_help {
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    padding: 115px 10px 0 45px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-14.jpg") no-repeat;
    background-size: cover;
}

.projects .items .item.help strong {
    background: none;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    margin: 0 0 26px;
    letter-spacing: 0;
    min-height: auto;
}

.projects .items .item.help p {
    margin: 0 0 46px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'TT Firs Neue', serif;
    padding: 0;
}

.projects .items .item.help .btn {
    max-width: 180px;
    background: #80c700;
    border-radius: 4px;
    font-family: 'TT Firs Neue', serif;
    height: auto;
    padding: 0 0 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 10px;
    letter-spacing: 0;
}

.ajax-pager-wrap {
    padding: 5px 0 0;
    margin: 0 0 58px;
}

.ajax-pager-wrap .btn {
    margin: 0 auto 0;
    max-width: 369px;
    /* background: #00616e; */
    border: none;
}

.ajax-pager-wrap .btn:hover {
    color: #fff;
}

.catalog-items .paginator-box {
    margin-top: 34px;
}

.bg_color {
    position: relative;
    z-index: 0;
}

.bg_color:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #f8fbfb;
    z-index: -1;
}

.slider_block.bg_color {
    padding-bottom: 90px;
}

.seo_block {
    padding: 63px 0 60px;
}

.line,
.seo_block .line {
    position: relative;
    padding: 0 0 22px;
}

.line:after,
.seo_block .line:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 158px;
    height: 4px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 37%, #80c700 37%, #80c700 100%);
}

.seo_block .title_block {
    margin: 0 0 54px;
}

.seo_block .video {
    margin: 6px 0 52px;
    max-width: 500px;
}

.text_box .text_title {
    margin: 0 0 26px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}

.text_box p {
    margin: 0 0 20px;
}

.text_box ul {
    padding: 5px 0 0 30px;
    margin: 0 0 23px;
}

.text_box ul li {
    margin: 0 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.text_box ul li strong {
    color: #00616e;
    font-weight: 600;
}

.seo_block .img {
    margin: 0 0 11px;
    text-align: right;
    padding: 74px 0 0;
    z-index: 0;
    position: relative;
}

.seo_block .img:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 455px;
    height: 455px;
    transform: translate(-50%, -36%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-15.png") no-repeat;
    background-size: 100%;
}

.seo_block .img img {
    max-width: 100%;
}

.seo_block .btn {
    max-width: 370px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.works_block {
    padding: 57px 0 61px;
}

.works_block .title_block {
    margin: 0 0 51px;
}

.works_block .gallery {
    /* margin: 0 -15px 40px; */
    margin: 0 -55px 40px;
}

.works_block .gallery-holder {
    margin: 0 0 0;
}

.works_block .gallery .visual .img:before {
    padding: 59% 0 0;
}

.works_block .gallery h4, .works_block .gallery .h4 {
    min-height: 48px;
    margin: 0 0 16px;
}

.works_block .btn {
    margin: 0 auto;
    max-width: 370px;
}

.projects .items .item:after {
    display: none;
}

.article-info {
    width: calc(100% - 370px);
    padding: 0 35px 0 0;
    overflow: visible;
}

.article h1 {
    color: #000;
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 50px;
    width: 100%;
}

.main_visual {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 0 18px;
}

.main_visual:before {
    padding: 61.5% 0 0;
    content: '';
    display: block;
}

.article .main_visual img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    margin: 0;
    max-width: none;
}

.article-info .date_box {
    width: 100%;
    margin: 0 0 10px;
}

.article-info .date_box .date {
    margin: 3px 0 10px;
}

.article-info .date_box .share {
    width: auto;
    margin: 0;
    padding: 0;
}

.article-info .date_box .share li {
    margin: 0 0 10px 46px;
    padding: 0;
}

.article-info .date_box .share li:before {
    display: none;
}

.article-info .date_box .share li:first-child {
    margin: 0 0 10px;
}

.article-info .date_box .share li span a {
    padding: 0;
    color: #00616e;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    margin: 0 0 0 13px;
}

.article-info .date_box .share li span a:hover {
    color: #80c700;
}

.article-info .date_box .share li span a:after {
    display: none;
}

.article-info .date_box .share li span.time:after {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-14.svg") no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
}

.article-info .consult-form legend {
    margin: 0 0 35px;
    padding: 0;
    background: none;
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.07;
    border: none;
}

.consult-form textarea,
.consult-form input[type=text] {
    font-family: 'TT Firs Neue', serif;
    color: #000;
    /* font-size: 16px; */
    font-size: 18px;
    line-height: 1;
    padding: 0 9px;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
}

.consult-form textarea {
    padding: 10px 9px;
    height: 100px;
}

.consult-form input[type=submit] {
    color: white;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: none;
    padding: 5px 10px;
}

.consult-form span {
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.34;
    color: #fff;
    margin: 0;
    padding: 6px 0 0;
}

.consult-form span a {
    color: #80c700;
    text-decoration: underline;
}

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

.content_article-box {
    border: none;
    background: #f8fbfb;
    border-radius: 4px;
    padding: 36px 46px 37px;
    margin: 0 0 53px;
}

.content_article-box:after {
    display: none;
}

.content_article-box .title-list {
    margin: 0 0 23px;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    padding: 0 30px 0 0;
}

.content_article-box .title-list:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #80c700;
    border-right: 2px solid #80c700;
    transform: rotate(-45deg);
    margin: -2px 0 0;
    transition: all 0.3s linear;
}

.content_article-box.open .title-list:after {
    transform: rotate(135deg);
    margin: -5px 0 0;
}

.article .list-content {
    padding: 0;
    columns: 1;
    max-width: 460px;
    margin: 0;
}

.article .list-content li {
    margin: 0 0 0;
    color: #000;
    font-size: 18px;
    line-height: 1.56;
    padding: 0 0 0 0;
}

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

.list-content li em {
    font-style: normal;
    color: #bb8f63;
}

.list-content li.level_2,
.list-content li.level_3 {
    font-size: 16px;
    line-height: 1.75;
}

.list-content li.level_2 {
    padding: 0 0 0 16px;
}

.list-content li.level_3 {
    padding: 0 0 0 32px;
}

.article {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.article-title {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 25px;
}

.article h2 {
    font-size: 40px;
    line-height: 1;
}

.article h3 {
    font-size: 32px;
    line-height: 1.125;
    padding: 33px 0 0;
    margin: 0 0 25px;
    letter-spacing: 0;
}

.article h4 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 30px 0 0;
    margin: 0 0 24px;
}

.article p {
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.56;
}

.article p strong {
    font-weight: 600;
}

.article p strong em {
    font-style: normal;
    color: #bb8f63;
    font-weight: 700;
}

.article .visual {
    margin: 0 0 66px;
    text-align: left;
    width: auto;
    padding: 3px 0 0;
    overflow: visible;
    border-radius: 0;
}

.article .visual .img {
    overflow: hidden;
    border-radius: 4px;
}

.article .visual .img img {
    margin: 0;
    max-width: none;
    border-radius: 0;
}

.article .visual span {
    display: block;
    position: relative;
    bottom: auto;
    right: auto;
    padding: 16px 0 0;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    height: auto;
}

.article .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.article .notice.change {
    margin-top: -32px;
}

.article .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.article .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.article .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.article .notice.green {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-18.jpg") no-repeat;
    background-size: cover;
    background-position: 0 50%;
    margin-top: 0;
}

.inner_article ul {
    padding: 0 0 0;
    margin: 0 0 0;
    font-family: 'TT Firs Neue', serif;
}

.inner_article ul li {
    margin: 0 0 28px;
    padding: 0 0 0 22px;
    font-size: 18px;
    line-height: 1.56;
}

.inner_article ul li:before {
    height: 2px;
    width: 15px;
    background: #80c700;
    top: 14px;
    left: 0;
    border-radius: 0;
    border: none;
}

.inner_article {
    width: 100%;
    padding: 12px 0 0;
}

.inner_article p span {
    display: block;
}

.article .author {
    padding: 37px 0 39px;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    margin: 0 -106px 0 0;
}

.article .author .rating {
    float: none;
    width: 135px;
    margin: 0 0 15px;
}

.article .author .social {
    float: none;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
    width: calc(100% - 135px);
}

.article .author .social span {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.article .author .list_soc {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.article .author .list_soc li {
    margin: 0 9px 10px 0;
}

.article .author .list_soc li:last-child {
    margin: 0 0 10px;
}

.article .author .list_soc a {
    display: block;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
}

.article .author .list_soc a.ok {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-15.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.vk {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-16.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.fb {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-17.jpg") no-repeat;
    background-size: cover;
}

.article .author .list_soc a.tw {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-18.jpg") no-repeat;
    background-size: cover;
}

.article .author .rating span {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.author .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

.author .rating_list li {
    margin: 0 2px 0 0;
    padding: 0;
}

.author .rating_list li:last-child {
    margin: 0;
}

.rating_list li:before {
    display: none;
}

.rating_list span,
.rating_list a {
    display: block;
    width: 25px;
    height: 24px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19.svg") no-repeat;
    background-size: 100%;
}

.rating_list .active span,
.rating_list .active a,
.rating_list a:hover {
    background: url("/local/templates/bania.3.0/img_new/rd_icon-19_1.svg") no-repeat;
    background-size: 100%;
}

.sidebar_block {
    width: 370px;
}

.rubric_box {
    background: #f2f7f7;
    border-radius: 4px;
    padding: 32px 41px 27px;
    margin: 0 0 12px;
}

.title_rubric {
    display: block;
    margin: 0 0 37px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase;
}

.rubric_box .list_rubric {
    margin: 0;
    padding: 0;
}

.rubric_box .list_rubric li {
    margin: 0 0 12px;
    padding: 0;
}

.list_rubric li:before {
    display: none;
}

.list_rubric li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    transition: all .2s linear;
    text-decoration: none;
    font-family: 'TT Firs Neue', serif;
}

.list_rubric li.active a,
.list_rubric li a:hover {
    color: #80c700;
}

.list_rubric li.active a {
    font-weight: 700;
}

.sidebar_block .block {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-19.png") no-repeat;
    background-size: cover;
    text-align: center;
    padding: 13px 33px 11px;
    margin: 0 0 12px;
}

.sidebar_block .consult-form legend {
    color: #fff;
    font-family: 'TT Firs Neue', serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    padding: 0;
    border: none;
    margin: 0 0 27px;
}

.sidebar_block .consult-form input[type=submit] {
    font-size: 20px;
}

.discussion_box {
    padding: 31px 41px 5px;
    background: #f2f7f7;
    border-radius: 4px;
}

.discussion_box .title_rubric {
    margin: 0 0 27px;
}

.list_disc .item_disc {
    padding: 0 0 24px;
    margin: 0 0 31px;
    border-bottom: 2px solid #e5eff0;
}

.list_disc .item_disc:last-child {
    border: none;
    padding: 0;
}

.head_disc {
    margin: 0 0 13px;
    display: flex;
    flex-wrap: wrap;
}

.head_disc .img_box {
    width: 70px;
    border-radius: 4px;
    overflow: hidden;
}

.head_disc .img_box img {
    max-width: 100%;
    margin: 0;
}

.head_disc .head_dscr {
    padding: 2px 0 0 19px;
    width: calc(100% - 70px);
}

.head_disc .user {
    padding: 0 0 0 24px;
    position: relative;
    margin: 0 0 13px;
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.head_disc .user:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-20.svg") no-repeat;
    background-size: 100%;
}

.head_disc .title_disc {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.625;
}

.head_disc .title_disc a {
    color: #000;
    /* text-decoration: none; */
}

.head_disc .title_disc a:hover {
    color: #80c700;
    text-decoration: underline;
}

.list_disc .text_disc {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

.comments_block {
    padding: 0 0 0;
    margin: 0 0 55px;
}

.comments_block .title_block {
    margin: 0 0 52px;
}

.comment_form {
    max-width: 570px;
    margin: 0 0 60px;
}

.comment_form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.comment_form .inpt_holder {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 29px;
}

.txt_holder textarea,
.comment_form input[type="text"] {
    display: block;
    height: 50px;
    background: #f2f7f7;
    border-radius: 4px;
    border: none;
    padding: 0 16px 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
}

.txt_holder {
    margin: 0 0 29px;
}

.txt_holder textarea {
    height: 100px;
    resize: none;
    padding: 17px 16px;
}

.chbx_holder {
    margin: -2px 0 11px;
    position: relative;
}

.comment_form .checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.comment_form .checkbox + label {
    position: relative;
    padding: 0 0 0 36px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    display: block;
}

.comment_form .checkbox + label:before {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #cddee0;
    border-radius: 4px;
    box-sizing: border-box;
}

.comment_form .checkbox + label:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 5px;
    border-radius: 0;
    border: none;
    width: 12px;
    height: 9px;
    background: url("/local/templates/bania.3.0/images/icon-check.png") no-repeat;
    background-size: 100%;
    transition: .2s;
    opacity: 0;
}

.comment_form .checkbox:checked + label:before {
    border-color: #80c700;
    background: #80c700;
}

.comment_form .checkbox:checked + label:after {
    opacity: 1;
}

.comment_form .sbmt_holder {
    margin: 0 0 0;
}

.comment_form .sbmt_holder input[type="submit"] {
    display: block;
    max-width: 270px;
    height: 50px;
    background: #80c700;
    border-radius: 4px;
    border: 1px solid #80c700;
    transition: all .2s linear;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
}

.comment_form .sbmt_holder input[type="submit"]:hover {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
}

.comments_list {
    max-width: 869px;
}

.inner_comment {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px;
}

.comments_list .avatar {
    width: 84px;
    height: 84px;
    background: #f8fbfb;
    position: relative;
    border-radius: 50%;
}

.comments_list .avatar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comments_list .dscr_comment {
    padding: 0 0 0 26px;
    width: calc(100% - 84px);
}

.comments_list .inner_dscr {
    position: relative;
    background: #f7f4f1;
    border-radius: 4px;
    padding: 30px 47px 29px;
}

.comments_list .inner_dscr:after {
    position: absolute;
    content: '';
    top: 28px;
    left: -14px;
    border-right: 14px solid #f7f4f1;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

.comments_list .head_comment {
    margin: 0 0 14px;
    display: flex;
    flex-wrap: wrap;
}

.comments_list .head_comment .name {
    display: block;
    margin: 0 44px 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.comments_list .head_comment .date {
    display: block;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 10px;
}

.comments_list .text_comment {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.comments_list .link {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s linear;
}

.comments_list .link:hover {
    color: #80c700;
}

.answer_box {
    padding: 0 0 0 111px;
}

.comments_list .admin .inner_dscr {
    background: #ecf7d9;
}

.comments_list .admin .inner_dscr:after {
    border-right: 14px solid #ecf7d9;
}

.comments_list .admin .head_comment .name {
    color: #80c700;
}

.comments_list .btn_holder {
    padding: 25px 0 0;
}

.our_team_section {
    padding: 24px 0 0;
}

.team_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 35px;
}

.team_head {
    width: 100%;
    padding: 0 15px;
}

.team_dscr {
    padding: 0 15px;
    margin: 0 0 0;
    width: 25%;
}

.title_team {
    display: block;
    margin: 0 0 48px;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 0.9;
    width: 25%;
    max-width: 270px;
}

.text_team {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 30px 0 0;
}

.team_box .staff_block {
    width: 75%;
    padding: 14px 15px 0;
    margin: -84px 0 0;
}

.staff_block .list_staff {
    margin: 0 -15px 10px;
}

.staff_block .list_staff li {
    padding: 0 15px;
    margin: 0 0 40px;
}

.staff_block .list_staff .name_staff {
    margin: 0 0 7px;
    -webkit-font-smoothing: antialiased;
}

.staff_block .list_staff .position {
    margin: 0 0 28px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.map_block {
    padding: 27px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 49px;
}

.map_block .map {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 0;
}

#big-map {
    max-width: 800px;
    min-height: 480px;
    overflow: hidden;
    border-radius: 4px;
}

.address_box {
    width: 25%;
    padding: 0 15px;
}

.contacts_page .address_box address {
    display: block;
    margin: 0 0 37px;
    /* padding: 100px 0 0; */
    padding: 75px 0 0;
    position: relative;
    font-family: 'TT Firs Neue', serif;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: 0;
    font-style: normal;
}

.address_box address .icon {
    position: absolute;
    content: '';
    /* top: -4px; */
    top: -29px;
    left: 2px;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    display: block;
    /* background: url("/local/templates/bania.3.0/img_new/rd_icon-21.svg") no-repeat;
    background-size: 100%; */
}

.address_box address .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.address_box .metro {
    overflow: visible;
}

.address_box .metro li:nth-child(2n+2),
.address_box .metro li {
    margin: 0 0 11px;
    /* padding: 30px 10px 28px 75px; */
    padding: 28px 10px 28px 75px;
    background: none;
    width: auto;
    height: auto;
    float: none;
    background: #f7f4f1;
    border-radius: 4px;
}

.address_box .metro li strong {
    color: #000;
    font-family: 'TT Firs Neue', serif;
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    /* text-transform: uppercase; */
    margin: 0 0 16px;
}

.address_box .metro li span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
}

.address_box .metro li i {
    width: 34px;
    height: 34px;
    top: 22px;
    left: 21px;
    background: url("/local/templates/bania.3.0/img_new/rd_icon-22.svg") no-repeat;
    background-size: 100%;
}

.address_box .icon-metro:before {
    display: none;
}

.contacts_block {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 71px; */
    margin: 0 0 64px;
}

.contacts_block .contacts_list {
    width: 410px;
    padding: 20px 0 0;
}

.contacts_block .img_box {
    width: calc(100% - 410px);
    padding: 0 0 0 25px;
}

.contacts_block .img_box .img {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.contacts_block .img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contacts_block .img_box .img:before {
    display: block;
    content: '';
    padding: 51.65% 0 0;
}

.img_text {
    position: absolute;
    left: 55px;
    right: 30px;
    bottom: 44px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.contacts_block .contacts_list li {
    margin: 0 0 62px;
    display: flex;
    flex-wrap: wrap;
    float: none;
}

.contacts_block .contacts_list li:nth-child(2) {
    margin: 0 0 62px;
}

.contacts_block .contacts_list li .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
    margin: -21px 0 0;
}

.contacts_block .contacts_list li .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contacts_dscr {
    padding: 0 0 0 52px;
    width: calc(100% - 84px);
}

.contacts_block .contacts_list li span:before {
    display: none;
}

.contacts_block .contacts_list li span {
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 13px;
    color: #000;
    display: block;
}

.contacts_block .contacts_list li strong a,
.contacts_block .contacts_list li strong {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    min-height: auto;
    color: #000;
    text-decoration: none;
}

.requisites_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 48px;
}

.requisites_block h2 {
    margin: 0 0 55px;
}

.with_hr {
    position: relative;
    padding: 0 0 19px;
}

.with_hr:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    width: 158px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    background: linear-gradient(to right, #000000 0%, #000000 35%, #80c700 35%, #80c700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#80c700', GradientType=1);
}

.requisites_box {
    width: 50%;
    padding: 0 15px;
}

.requisites_box .details {
    padding: 0;
    margin: 0 0 0;
}

.requisites_box .details li {
    width: 50%;
    padding: 0 10px 17px 0;
    border-bottom: 3px solid #e5eff0;
    margin: 0 0 19px;
}

.requisites_box .details li.last {
    border-bottom: none;
}

.requisites_box .details li span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 11px;
}

.requisites_box .details strong {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.requisites_faq {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.faq_box {
    width: 100%;
    max-width: 430px;
    padding: 4px 0 0;
    align-self: start;
    z-index: 0;
    position: relative;
}

.faq_box:after {
    position: absolute;
    content: '';
    bottom: 39px;
    left: -169px;
    width: 273px;
    height: 239px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-20.png") no-repeat;
    background-size: 100%;
    z-index: -1;
}

.faq_form {
    padding: 34px 73px 35px;
    text-align: center;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-21.jpg") no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.faq_form .row {
    padding: 0 7px;
}

.about_page .about_block {
    padding: 26px 0 53px;
}

.about_page .video_dscr {
    padding-right: 75px;
    overflow: visible;
}

.about_page .video_dscr p {
    margin: 0 0 53px;
}

.about_page .about_text .icon {
    margin: -6px 0 15px;
}

.about_page .about_text {
    padding: 5px 0 0;
    align-items: flex-start;
    margin: 0 0 16px;
}

.about_page .about_text .text {
    padding: 0 0 0 51px;
}

.about_page .text p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 24px;
}

.call_box {
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
}

.call_form {
    padding: 42px 64px 44px 52px;
}

.call_form legend {
    font-size: 24px;
    text-align: left;
}

.call_form .row {
    margin: 0 0 0;
}

.call_form .inpt_holder {
    width: calc(100% - 170px);
    padding: 0 12px 0 0;
    margin: 0 0 16px;
}

.call_form .sbmt_holder {
    width: 170px;
    margin: 0 0 16px;
}

.about_page .staff_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.about_page .staff_text {
    width: 25%;
    padding: 0 15px;
}

.about_page .staff_box {
    width: 75%;
    padding: 0 15px;
    margin: 0 0 37px;
}

.about_page .staff_text .num {
    float: none;
    margin: 0 0 11px;
}

.about_page .staff_text p {
    padding: 0 20px 0 0;
    margin: 0 0 51px;
}

.about_page .staff_text .btn {
    font-size: 16px;
    padding: 16px 10px;
}

.about_page .inst_box {
    max-width: 100%;
    margin: 0 0 89px;
}

.about_page .inner_inst {
    display: flex;
    flex-wrap: wrap;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-23.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 24px;
}

.about_page .inst_box:after {
    display: none;
}

.about_page .inst_dscr {
    width: 51.2%;
    padding: 0 40px 0 0;
}

.about_page .inst_box .subscribers {
    margin: 0;
}

.about_page .inst_box .img {
    width: 48.8%;
    max-width: 484px;
    align-self: start;
}

.list_advantage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.list_advantage li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.list_advantage .icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f2f7f7;
    margin: 0 auto 33px;
    position: relative;
    display: block;
}

.list_advantage .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_advantage .title {
    display: block;
    margin: 0 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.list_advantage .dscr {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.history_block {
    padding: 56px 0 22px;
}

.history_block:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 965px;
    height: 601px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-26.png") no-repeat;
    background-size: 100%;
    margin: 0 0 0 -162px;
}

.history_block .title_block {
    margin: 0 0 48px;
}

.history_box {
    position: relative;
    z-index: 0;
}

.history_box:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 391px;
    height: 283px;
    right: -156px;
    top: -110px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-24.png") no-repeat;
    background-size: 100%;
}

.history_box:before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 276px;
    height: 166px;
    left: -247px;
    bottom: 179px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-25.png") no-repeat;
    background-size: 100%;
}

.list_history {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
    align-items: start;
    position: relative;
    z-index: 0;
}

.list_history:after {
    position: absolute;
    content: '';
    left: 15px;
    right: -180px;
    top: 50%;
    margin: -21px 0 0;
    height: 3px;
    /* background: #80c700; */
    background: -moz-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    background: linear-gradient(to right, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c700', endColorstr='#0080c700', GradientType=1);
}

.list_history li {
    width: 25%;
    padding: 0 15px;
    position: relative;
    margin: 0 0 29px;
}

.list_history li:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #80c700;
    border-radius: 50%;
    left: 15px;
    bottom: -39px;
}

.list_history li:nth-child(2n) {
    margin: 258px 0 29px;
}

.list_history li:nth-child(2n):after {
    bottom: auto;
    top: -48px;
}

.list_history .num {
    display: block;
    margin: 0 0 19px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_history .dscr {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 112px;
    padding: 0 20px 0 0;
}

.company_block {
    padding: 85px 0 60px;
}

.about_company {
    margin: 0 0 46px;
}

.about_company p {
    margin: 0 0 24px;
}

.list_photo {
    padding: 6px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    align-items: start;
}

.list_photo li {
    width: 50%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.list_photo li:nth-child(2) {
    margin: 35px 0 10px;
}

.list_photo li:nth-child(3) {
    margin: -35px 0 10px;
}

.list_photo .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.list_photo .img_box:before {
    display: block;
    content: '';
    padding: 77.5% 0 0;
}

.list_photo .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.about_page .certificate_block {
    padding: 55px 0 65px;
}

.about_page .certificate_block:after {
    height: auto;
    margin: 0;
}

.our_work_block {
    padding: 86px 0 93px;
}

.our_work_block .title_block {
    margin: 0 0 47px;
}

.gallery_box {
    display: -ms-grid;
    display: grid;
    grid-gap: 28px;
    grid-auto-rows: 300px;
    grid-template-columns: repeat(auto-fill, minmax(287px, 1fr));
}

.item_gallery {
    min-height: 300px;
}

.item_width {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.item_height {
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    min-height: 630px;
}

.item_gallery a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.item_gallery a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.product_page h1 {
    max-width: calc(100% - 370px);
    /* margin: 0 0 47px; */
    margin: 0 0 25px;
}

.product_page .product {
    display: flex;
    flex-wrap: wrap;
}

.product_page .information {
    float: none;
    width: calc(100% - 370px);
    padding: 0 63px 0 0;
}

.product_page .product .slideshow {
    margin: 0 0 62px;
}

.product_page .product .slideshow .slides {
    /* height: auto; */
    margin: 0 0 25px;
}

.product .slideshow .slides .slide img {
    object-fit: cover;
}

/* .product_page .product .slideshow .slide{
    border-radius: 4px;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    object-fit: none;
}
.product_page .product .slideshow .slide a{
    width: 100%;
    height: 100%;
}
.product_page .product .slideshow .slide a:before{
    display: block;
    content: '';
    padding: 61% 0 0;
}
.product_page .product .slideshow .slide img{
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
} */
.fl_new {
    position: absolute;
    top: 23px;
    left: 23px;
    display: block;
    background: #e13a00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    z-index: 1;
    padding: 7px 9px;
}

.pagination_wrap {
    position: relative;
    padding: 0 155px 0 0;
}

.product_page .product .pagination {
    /* padding: 0 155px 0 0; */
    position: static;
}

.product_page .product .pagination .pagination-slide {
    flex: 0 0 183px;
    width: 183px;
    margin: 0 11px 0 0;
}

.product_page .product .pagination .slideshow-pagination {
    display: none;
}

.product_page .product .pagination .pagination-slide .inner_slide {
    border-radius: 4px;
    transition: all .2s linear;
    cursor: pointer;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:before,
.product_page .product .pagination .pagination-slide .inner_slide:before {
    display: block;
    content: '';
    padding: 61.5% 0 0;
    background: none;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform: none;
}

/*.product_page .product .pagination .pagination-slide .inner_slide img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.product_page .product .pagination .pagination-slide .inner_slide:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    border: 5px solid #80c700;
    opacity: 0;
    background: none;
    box-sizing: border-box;
}

.product_page .product .pagination .pagination-slide.active .inner_slide:hover:after,
.product_page .product .pagination .pagination-slide.active .inner_slide:after {
    opacity: 1;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover {
    box-shadow: 10.6px 10.6px 25px rgba(0, 97, 110, 0.5);
}

.product_page .product .pagination .pagination-slide .inner_slide:hover:after {
    opacity: 0;
}

.product_page .product .pagination .pagination-slide .play {
    position: absolute;
    width: 85px;
    height: 85px;
    background: #bb8f63;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s linear;
}

.product_page .product .pagination .pagination-slide .play:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
    border-left: 14px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .play {
    box-shadow: 10.6px 10.6px 25px rgb(128 199 0 / 50%);
    background: #80c700;
}

.product_page .product .pagination .pagination-slide .plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84px;
    height: 84px;
    background: #80c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
    border-radius: 50%;
    opacity: 0;
    transition: all .2s linear;
}

.product_page .product .pagination .pagination-slide .plus:after,
.product_page .product .pagination .pagination-slide .plus:before {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product_page .product .pagination .pagination-slide .plus:after {
    width: 4px;
    height: 50px;
}

.product_page .product .pagination .pagination-slide .plus:before {
    width: 50px;
    height: 4px;
}

.product_page .product .pagination .pagination-slide .inner_slide:hover .plus {
    opacity: 1;
}

.slideshow-button-next,
.slideshow-button-prev {
    width: 37px;
    height: 74px;
    background: transparent;
    border-radius: 0;
    top: 50%;
    transform: translateY(-69%);
    position: absolute;
    cursor: pointer;
}

.slideshow-button-next {
    right: 0;
}

.slideshow-button-prev {
    right: 101px;
}

.slideshow-button-next:after,
.slideshow-button-prev: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;
}

.slideshow-button-prev:after {
    transform: rotate(-45deg);
}

.slideshow-button-next:after {
    transform: rotate(135deg);
    margin: -24px 0 0 -40px;
}

.slideshow-button-next:hover:after,
.slideshow-button-prev:hover:after {
    border-color: #80c700;
}

.plans-box {
    padding: 36px 53px 50px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.plans-box h3 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.17;
    font-family: 'TT Firs Neue', serif;
}

.list_plans {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 16px;
}

.list_plans .item_list {
    width: 50%;
    padding: 0 16px;
    margin: 0 0 30px;
}

.list_plans .item_list a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.list_plans .item_list a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_plans .item_list a:before {
    display: block;
    content: '';
    padding: 66.5% 0 0;
}

.order_plans {
    padding: 33px 29px 12px 35px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-27.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.order_plans .inner_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.order_plans .head_plans {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 15px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.order_plans .consult-form {
    width: 50%;
    padding: 0;
    margin: 0 0 15px;
}

.options_block {
    margin: -10px 0 0;
}

.options_block .price_box {
    position: relative;
    margin: 0 0 21px;
    display: block;
}

.options_block .price {
    margin: 0 0 0;
    padding: 0;
}

.product .options_block .price:before {
    display: none;
}

.product .options_block .price strong {
    font-weight: 700;
    line-height: 1.2;
    /* font-size: 30px; */
    font-size: 40px;
    text-transform: uppercase;
    /* color: #000; */
    display: block;
    margin: 0 0 6px;
    color: #00616e;
}

.product .options_block .price strong span {
    font-size: 20px;
    text-transform: none;
}

.product .options_block .price p {
    color: #bb8f63;
    font-size: 14px;
    /* font-weight: 400; */
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}

.options_block .price .favorites {
    position: absolute;
    top: 10px;
    right: -2px;
    width: 20px;
    height: 18px;
    background: url("/local/templates/bania.3.0/img_new/icon_fav-2.svg") no-repeat;
    background-size: 100%;
}

.options_block .btn_holder {
    margin: 0 0 36px;
}

.options_block .btn_holder .btn {
    font-size: 24px;
    padding: 24px 10px;
    margin: 0 0 18px;
}

.options_block .btn_holder .links {
    color: #00616e;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
    transition: all .2s linear;
}

.options_block .btn_holder .links:hover {
    color: #80c700;
    font-weight: 600;
}

.mess_box {
    margin: 0 0 26px;
}

.mess_box .title_mess {
    margin: 0 0 17px;
    display: block;
    color: #010101;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.mess_box .mess_btn {
    padding: 16px 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    transition: all .2s linear;
}

.mess_box .mess_btn:hover {
    background: #00616e;
    border: 1px solid #00616e;
    box-shadow: none;
}

.mess_box .mess_btn span {
    display: inline-block;
    vertical-align: top;
    padding: 0 49px 0 0;
    position: relative;
}

.mess_box .mess_btn span:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 28px;
    background: url("/local/templates/bania.3.0/img_new/icon_wtsp-2.svg") no-repeat;
    background-size: 100%;
    right: 5px;
}

.param_box {
    margin: 0 0 29px;
}

.list_param {
    margin: 0 0 31px;
}

.list_param li {
    margin: 0 0 11px;
    display: flex;
    flex-wrap: wrap;
}

.list_param li span {
    display: block;
    width: 103px;
    color: #000;
    /* font-size: 12px; */
    font-weight: 400;
    /* line-height: 2; */
    line-height: 1.72;
    padding: 2px 0 0;
    font-size: 14px;
}

.list_param li strong {
    width: calc(100% - 103px);
    padding: 0 0 0 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
}

.param_box .list_info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.param_box .list_info li {
    width: 33.3%;
    padding: 0 5px;
    margin: 0 0 10px;
}

.param_box .list_info span {
    display: block;
    margin: 0 0 0;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.param_box .list_info em {
    display: block;
    color: #80c700;
    /* font-size: 20px; */
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    font-style: normal;
    white-space: nowrap;
}

.product_page .sidebar_block .block {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-28.jpg") no-repeat;
    background-size: cover;
    padding: 28px 33px 14px;
    margin: 0 0 11px;
}

.product_page .consult-form {
    padding: 0;
}

.product_page .consult-form legend {
    margin: 0 0 29px;
}

.product_page .consult-form legend:after {
    display: none;
}

.credit_block {
    padding: 31px 49px 30px;
    background: #f2f7f7;
    border-radius: 4px;
    margin: 0 0 0;
}

.credit_block .title_credit {
    display: block;
    margin: 0 0 12px;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.credit_block .list_credit {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 11px;
    align-items: center;
    justify-content: space-between;
}

.list_credit li {
    padding: 0 5px;
    margin: 0 0 10px;
}

.credit_block .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    background: #00616e;
    border-radius: 4px;
    border: 1px solid #00616e;
    font-weight: 600;
}

.credit_block .btn:hover {
    background: #80c700;
    border: 1px solid #80c700;
}

.note_block {
    margin: 0 0 40px;
    padding: 33px 0 0;
}

.inner_note {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 60px;
}

.note_block .title_block {
    width: 36%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.note_row {
    width: 64%;
    padding: 4px 15px 0;
    margin: 0 0 30px;
}

.note_box {
    padding: 42px 32px 39px 82px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-29.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
}

.title_note {
    margin: 0 0 19px;
    display: block;
    color: #00616e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.dscr_note {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.note_block .answer_box {
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-30.jpg") no-repeat;
    background-size: cover;
    border-radius: 4px;
    padding: 50px 65px 33px 115px;
}

.note_block .inner_answer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
}

.note_block .answer_box .head_box {
    width: 60.5%;
    padding: 0 15px;
}

.note_block .answer_box .btn_holder {
    width: 39.5%;
    padding: 0 15px 19px;
}

.note_block .answer_box .head_box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.note_block .answer_box .head_box p {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.note_block .answer_box .btn_holder .btn {
    font-size: 24px;
    line-height: 1;
    padding: 25px 10px;
}

.page_block {
    padding: 58px 0 50px;
}

.page_block .head_box {
    margin: 0 0 48px;
    align-items: flex-start;
}

.page_block.bg_color {
    padding-bottom: 14px;
}

.page_block .head_box.not_col {
    display: block;
}

.page_block .head_box.not_col .title_block {
    width: 100%;
}

.page_block .title_block {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 30px;
}

.page_block .line {
    padding-bottom: 20px;
}

.page_block .dscr_box {
    width: 50%;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .dscr_box .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
    margin: -5px 0 0;
}

.page_block .dscr_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_block .dscr_box .dscr {
    width: calc(100% - 84px);
    padding: 11px 0 0 29px;
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    font-weight: 400;
}

.page_block .dscr_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .title_list {
    margin: 0 0 53px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_types {
    margin: 0 -15px 0;
    display: flex;
    flex-wrap: wrap;
}

.list_types li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 40px;
}

.list_types .inner_list {
    display: flex;
    flex-wrap: wrap;
}

.list_types .img_box {
    position: relative;
    width: 47.5%;
    border-radius: 4px;
    overflow: hidden;
}

.list_types .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_types .img_box:before {
    display: block;
    content: '';
    padding: 62.7% 0 0;
}

.list_types .dscr_list {
    width: 52.5%;
    padding: 0 0 0 30px;
    margin: -5px 0 0;
}

.list_types .title {
    display: block;
    margin: 0 0 38px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.list_types .btn {
    font-size: 16px;
    line-height: 1;
    padding: 16px 10px;
    max-width: 180px;
}

.list_types .consult_box {
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-22.jpg") no-repeat;
    background-size: cover;
    padding: 37px 50px 24px 60px;
}

.list_types .inner_consult {
    display: flex;
    flex-wrap: wrap;
}

.list_types .consult_box .title {
    margin: 0 0 14px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
}

.list_types .consult_box .head_box {
    width: 50%;
    padding: 0 15px 0 0;
    margin: 0 0 15px;
}

.list_types .consult_box .head_box p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.list_types .consult_box .btn_holder {
    width: 50%;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}

.page_block .row {
    display: flex;
    flex-wrap: wrap;
}

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

.page_block .list_info li {
    margin: 0 0 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_block .list_info .icon {
    width: 140px;
    text-align: center;
}

.page_block .list_info .dscr_list {
    width: calc(100% - 140px);
}

.view_box {
    text-align: center;
    margin: -21px 0 0;
}

.view_box.change_1 {
    margin-right: -116px;
}

.list_views {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 0;
}

.list_views li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.list_views .item_1 .inner_list {
    background: #f2f7f7;
}

.list_views .item_2 .inner_list {
    background: #f7f4f1;
}

.list_views .inner_list {
    border-radius: 4px;
    overflow: hidden;
    padding: 32px 74px 44px;
    width: 100%;
    height: 100%;
    position: relative;
}

.list_views .text {
    position: absolute;
    top: -16px;
    left: 0;
    opacity: 0.1;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
}

.list_views .item_1 .text {
    color: #00616e;
}

.list_views .item_2 .text {
    color: #bb8f63;
}

.list_views .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.list_views p {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.list_icon {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 24px;
}

.list_icon li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_icon .icon {
    width: 140px;
    text-align: center;
}

.list_icon .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    width: calc(100% - 140px);
}

.page_block .text_box {
    padding: 0 0 0 25%;
    margin: 0 0 70px;
}

.page_block .text_box .title {
    display: block;
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.page_block .text_box p {
    margin: 0 0 24px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.view_box.change_2 {
    margin: -95px -113px 0 0;
}

.view_box.change_3 {
    margin: -14px -78px 0 0;
}

.view_box.change_4 {
    margin: -21px 0 0 -70px;
}

.list_doors {
    margin: -12px 0 0;
}

.list_doors li {
    margin: 0 0 25px;
    display: flex;
    flex-wrap: wrap;
}

.list_doors .img_box {
    width: 47.5%;
    position: relative;
}

.list_doors .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.list_doors .img_box:before {
    display: block;
    content: '';
    padding: 68.5% 0 0;
}

.list_doors .dscr_list {
    width: 52.5%;
    padding: 12px 0 0 30px;
}

.list_doors .title {
    display: block;
    margin: 0 0 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.list_doors p {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.list_finishing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 16px;
    align-items: center;
    padding: 6px 0 0;
}

.list_finishing li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.list_finishing .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    position: relative;
    border-radius: 50%;
}

.list_finishing .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list_finishing .dscr_list {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
}

.list_finishing .title {
    display: block;
    margin: 0 0 17px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.list_finishing p {
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.list_finishing p strong {
    color: #00616e;
    font-weight: 600;
}

.page_block .list_sizes {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 29px;
}

.page_block .list_sizes li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.page_block .list_sizes .icon {
    display: block;
    width: 84px;
}

.page_block .list_sizes .dscr {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.example_box {
    padding: 58px 50px 59px;
    overflow: hidden;
    border-radius: 4px;
    background: url("/local/templates/bania.3.0/img_new/rd_img-81.jpg") no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 59px;
}

.example_box p {
    width: 58.5%;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.communications_box {
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 0 88px; */
    margin: 0 0 10px;
    align-items: center;
}

.communications_box .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    border-radius: 50%;
    position: relative;
}

.communications_box .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.communications_box .dscr_box {
    width: calc(100% - 84px);
    padding: 0 0 0 30px;
    display: flex;
    flex-wrap: wrap;
}

.communications_box .dscr_box .title {
    display: block;
    width: 190px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

.communications_box .dscr_box p {
    margin: 0 0 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 400;
    width: calc(100% - 190px);
    padding: 0 0 0 30px;
}

.communications_box .dscr_box p strong {
    color: #00616e;
    font-weight: 600;
}

.faq-box {
    padding: 50px 64px 51px 114px;
    margin: 0 0 0;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-31.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 4px;
}

.faq-box .col-60 {
    padding: 0 15px;
    width: 60%;
}

.faq-box .col-40 {
    padding: 0 15px;
    width: 40%;
}

.faq-box .title {
    display: block;
    margin: 0 0 22px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.faq-box .subtitle {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    max-width: 100%;
    margin: 0;
    font-family: 'TT Firs Neue', serif;
}

.faq-box .btn-wrap {
    padding: 4px 0 0;
}

.faq-box .btn {
    font-size: 24px;
    padding: 24px 10px;
}

.faq-box .btn-wrap span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.video_block {
    padding: 38px 0 10px;
}

.video_block .title_block {
    width: 100%;
    padding: 0;
    margin: 0 0 52px;
}

.video_block .video {
    margin: 0;
}

.video_block .video a {
    height: auto;
}

.product_page .projects {
    padding: 25px 0 58px;
}

.reviews_block {
    padding: 16px 0 83px;
}

.reviews_block .title_block {
    margin: 0 0 52px;
}

.reviews_box {
    padding: 33px 32px 19px;
    background: #f2f7f7;
    border-radius: 4px;
}

.list_reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.list_reviews > li {
    padding: 0 7px;
    width: 33.3%;
    margin: 0 0 14px;
}

.list_reviews > li a {
    text-decoration: none;
}

.list_reviews .inner_reviews {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 37px 30px 32px 44px;
}

.list_reviews .logo_img {
    display: flex;
    align-items: center;
    margin: 0 0 26px;
    height: 39px;
}

.list_reviews .title {
    display: block;
    margin: 0 0 15px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
}

.list_reviews .num_review {
    display: block;
    margin: 0 0 22px;
    color: #bb8f63;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

.list_reviews .rating {
    display: flex;
    flex-wrap: wrap;
}

.list_reviews .num {
    display: block;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 0.67;
    text-decoration: none;
}

.list_reviews .rating_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 12px 0 0;
}

.list_reviews .rating_list li {
    margin: 0 7px 0 0;
}

.list_reviews .rating_list span,
.list_reviews .rating_list a {
    width: 29px;
    height: 27px;
}

.top-anhor {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 72px;
    height: auto;
    background: transparent;
    right: 1.5%;
    padding: 38px 0 0;
    transition: all .2s linear;
}

.top-anhor:after {
    position: absolute;
    content: '';
    top: 0;
    left: 12px;
    width: 45px;
    height: 45px;
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    transform: rotate(-45deg);
    transition: all .2s linear;
}

.top-anhor:hover {
    color: #80c700;
}

.top-anhor:hover:after {
    border-color: #80c700;
}

/* lp style */

.visual_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 51px;
    padding: 25px 0 0;
}

.visual_inner {
    width: calc(100% - 370px);
    padding: 0 58px 0 0;
}

.visual_box .img_box {
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.visual_box .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.visual_box .img_box:before {
    display: block;
    content: '';
    padding: 52.5% 0 0;
}

.visual_box .dscr_box {
    width: 370px;
    margin: -7px 0 0;
}

.visual_box .dscr {
    margin: 0 0 52px;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
}

.visual_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.lp_page .advantage_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 51px;
}

.lp_page .advantage_list li {
    width: 20%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.lp_page .advantage_list .icon {
    display: block;
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    margin: 0 auto 31px;
    position: relative;
    border-radius: 50%;
}

.lp_page .advantage_list .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lp_page .advantage_list .title {
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

.consist_block {
    padding: 58px 0 30px;
}

.list_consist {
    margin: -4px 0 0;
    columns: 2;
}

.list_consist li {
    margin: 0 0 53px;
}

.list_consist .num {
    display: block;
    margin: 0 0 20px;
    color: #00616e;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.list_consist .dscr {
    font-size: 18px;
    line-height: 1.45;
    color: #000;
    font-weight: 400;
}

.list_consist .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.visual_consist {
    position: relative;
}

.visual_consist .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.visual_consist .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover;
}

.visual_consist .img_box:before {
    display: block;
    content: '';
    padding: 86.5% 0 0;
}

.list_num li {
    position: absolute;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
    border: 11px solid #80c700;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #00616e;
    font-size: 30px;
    font-weight: 400;
    line-height: 0.87;
}

.list_num .ln_1 {
    top: 46.5%;
    left: 33%;
}

.list_num .ln_2 {
    bottom: 5%;
    right: 10.5%;
}

.list_num .ln_3 {
    bottom: 9.5%;
    left: 41%;
}

.list_num .ln_4 {
    bottom: 30%;
    left: 10%;
}

.list_num .ln_5 {
    top: 6%;
    left: 43.5%;
}

.list_num .ln_6 {
    top: 30.5%;
    left: 15.5%;
}

.types_wood_block {
    padding: 57px 0 32px;
    position: relative;
    z-index: 0;
}

.types_wood_block:after {
    position: absolute;
    content: '';
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("/local/templates/bania.3.0/img_new/rd_bg-32.jpg") no-repeat;
    background-size: cover;
    z-index: -1;
}

.wood_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -35px 0 -15px;
}

.wood_list li {
    width: 33.3%;
    flex: 0 0 33.3%;
    padding: 0 15px;
    margin: 0 0 57px;
    display: flex;
    flex-wrap: wrap;
}

.wood_list .img_box {
    width: 40.5%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    align-self: start;
}

.wood_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.wood_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.wood_list .dscr_list {
    width: 59.5%;
    padding: 0 0 0 24px;
    margin: -3px 0 0;
}

.wood_list .title {
    display: block;
    margin: 0 0 21px;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
}

.wood_list .price {
    margin: 0 0 26px;
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
}

.wood_list .btn {
    max-width: 180px;
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
}

.types_block {
    padding: 87px 0 49px;
}

.types_block .list_types .img_box {
    margin: -20px 0 0;
}

.types_block .list_types .img_box:before {
    padding: 70.5% 0 0;
}

.version_block {
    padding: 55px 0 53px;
}

.version_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.version_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.version_list .img_box {
    position: relative;
    margin: 0 auto 32px;
    overflow: hidden;
    border-radius: 50%;
    max-width: 150px;
}

.version_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.version_list .img_box:before {
    display: block;
    content: '';
    padding: 100% 0 0;
}

.version_list .subtitle {
    display: block;
    margin: 0 0 0;
    color: #111;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
}

.version_list .name {
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    padding: 0 5px;
}

.flue_block {
    padding: 87px 0 20px;
}

.deco_block .head_box,
.flue_block .head_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 48px;
}

.deco_block .title_block,
.flue_block .title_block {
    width: 34.5%;
}

.deco_block .dscr_box,
.flue_block .dscr_box {
    width: 65.5%;
    padding: 0 0 0 30px;
    margin: -3px 0 0;
}

.flue_block .head_box .dscr {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
}

.flue_block .head_box .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.flue_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.flue_list li {
    width: 25%;
    padding: 0 15px;
    margin: 0 0 30px;
    text-align: center;
}

.flue_list .icon_img {
    display: block;
    margin: 0 0 22px;
    position: relative;
    min-height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.flue_list .icon_img:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 190px;
    height: 190px;
    background: #80c700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.flue_list .title {
    margin: 0 0 14px;
    display: block;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.flue_list .dscr {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.deco_block {
    padding: 29px 0 30px;
}

.deco_block .head_box {
    margin: 0;
}

.deco_block .dscr_box {
    margin: 0 0 0;
    padding: 4px 0 0 30px;
}

.deco_block .notice {
    padding: 39px 72px 42px 81px;
    margin: 0 0 35px;
    border-radius: 4px;
}

.deco_block .notice.red {
    background: url("/local/templates/bania.3.0/img_new/rd_bg-17.jpg") no-repeat;
    background-size: cover;
}

.deco_block .notice strong {
    display: block;
    margin: 0 0 16px;
    color: #bb8f63;
    font-family: 'TT Firs Neue', serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
}

.deco_block .notice p {
    margin: 0;
    color: #000;
    font-family: 'TT Firs Neue', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.deco_list .item_list {
    margin: 0 0 9px;
    border-radius: 4px;
    padding: 56px 68px 56px 71px;
}

.deco_list .item_list.blue {
    background: #f2f7f7;
}

.deco_list .item_list.green {
    background: #ecf7d9;
}

.deco_list .item_list.red {
    background: #f7f4f1;
}

.deco_list .item_list.grey {
    background: #f8fbfb;
}

.deco_list .inner_item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.deco_list .img_wrap {
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}

.deco_list .deco_dscr {
    width: 50%;
    padding: 0 15px;
}

.deco_list .item_list:nth-child(odd) .img_wrap {
    order: 2;
    justify-content: flex-end;
}

.deco_list .item_list:nth-child(odd) .deco_dscr {
    order: 1;
}

.deco_list .img_box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 435px;
    width: 100%;
    align-self: start;
}

.deco_list .img_box img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.deco_list .img_box:before {
    display: block;
    content: '';
    padding: 76% 0 0;
}

.deco_list .deco_dscr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.deco_list .deco_dscr .title {
    display: block;
    margin: -4px 0 18px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
}

.deco_list .list {
    margin: 0 0 25px;
}

.deco_list .list li {
    margin: 0 0 14px;
    padding: 0 0 0 41px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    background: none;
}

.deco_list .list li:after {
    position: absolute;
    content: '';
    top: 12px;
    left: 2px;
    width: 17px;
    height: 3px;
    background: #80c700;
}

.deco_list .btn {
    font-weight: 600;
    font-size: 16px;
    padding: 16px 10px;
    max-width: 180px;
}

.lp_works_block {
    padding: 47px 0 0;
}

.lp_works_block .title_block {
    margin: 0 0 52px;
}

.lp_works_block .our_works_list {
    display: block;
    margin: 0 -43px 86px;
}

.lp_works_block .our_works_list .item_works {
    width: auto;
    flex: 1 0 394px;
    padding: 0 6px;
}

.lp_works_block .gallery:before,
.lp_works_block .gallery:after {
    width: 31px;
}

.lp_works_block .our_works_list .btn {
    color: #fff;
}

.lp_works_block .our_works_list .gallery-button-prev,
.lp_works_block .our_works_list .gallery-button-next {
    top: 113px;
}

.lp_works_block .faq-box {
    margin: 0 0 91px;
}

.lp_works_block .faq-box .row {
    display: flex;
    flex-wrap: wrap;
}

.lp_works_block .advantage_list li {
    width: 25%;
}

/* end lp style */

.tags_list {
    margin: 0 0 17px;
    display: flex;
    flex-wrap: wrap;
    padding: 2px 0 0;
}

.tags_list li {
    margin-right: 10px;
	margin-bottom: 10px;
}

.tags_list li a {
    display: inline-block;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 25px;
	text-decoration: none;
	transition: 0.5s; }

.tags_list li a:hover {
    background: #ddd;
}

.sizes_box {
    padding: 29px 15px 15px 21px;
    background: #f8fbfb;
    border-radius: 4px;
}

.sizes_box .title_size {
    display: block;
    margin: 0 0 27px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

.filter .sizes_list {
    display: flex;
    flex-wrap: wrap;
    columns: 1;
    column-gap: 0;
}

.filter .sizes_list li {
    margin: 0 7px 7px 0;
}

.filter .sizes_list a {
    display: block;
    padding: 12px 8px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background: #cddee0;
    border-radius: 4px;
    transition: all .2s linear;
}

.filter .sizes_list .active a,
.filter .sizes_list a:hover {
    color: #fff;
    background: #80c700;
}

.filter .sizes_list .active a {
    font-weight: 600;
    font-family: 'TT Firs Neue', serif;
}

.unique_text_block {
    padding: 88px 0 53px;
}

.unique_text_block .title_box {
    font-family: 'TT Firs Neue', serif;
    margin: 0 0 25px;
    color: #000;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.125;
}

.unique_text_block p {
    margin: 0 0 28px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
}

/* works page */
.works_page {
    padding: 24px 0 0;
    margin: 0 0 -40px;
}

.works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.item_works {
    width: 33.3%;
    padding: 0 15px;
    margin: 0 0 27px;
}

.item_works .img {
    margin: 0 0 14px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.item_works .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.item_works .img:before {
    display: block;
    content: '';
    padding: 59.5% 0 0;
}

.desc_works .title {
    display: block;
    margin: 0 0 8px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.desc_works .title a {
    color: #000;
    text-decoration: none;
    transition: all .2s linear;
}

.desc_works .title a:hover {
    color: #80c700;
}

.desc_works .place {
    display: block;
    color: #bb8f63;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.works_another_view {
    margin: 0 -15px 0;
}

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

.works_another_view .item_works {
    float: left;
    margin: 0 0 15px;
}

.works_another_view .item_works.big {
    width: 66.7%;
    float: right;
}

.works_another_view .inner_item {
    position: relative;
}

.works_another_view .img:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 97, 110, 0.81) 0%, transparent 60%, transparent 100%);
    z-index: 0;
}

.works_another_view .desc_works {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 27px 19px;
}

.works_another_view .desc_works .title {
    margin: 0 0 11px;
}

.works_another_view .desc_works .title a {
    color: #fff;
}

.works_another_view .big .img:before {
    padding: 60.7% 0 0;
}

.works_another_view .big .desc_works {
    padding: 0 38px 33px;
}

.works_another_view .big .title {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 9px;
}

.works_another_view .big .place {
    font-size: 14px;
}

.works_page .paging {
    margin-top: 5px;
}

/* end works page */

/* card2 page */
.example_home_box {
    display: flex;
    flex-wrap: wrap;
    margin: -64px 0 85px;
    align-items: center;
}

.example_home_box .img_box {
    width: 50%;
}

.example_home_box .text_box {
    width: 50%;
    padding: 0 0 0 15px;
    position: relative;
}

.example_home_box .text_box:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: -210px;
    background: #f7f4f1;
    border-radius: 4px;
    z-index: -1;
}

.example_home_box .inner_box {
    font-size: 20px;
    line-height: 1.4;
    color: #000;
    padding: 45px 15px 45px 0;
}

.example_home_box .inner_box strong {
    color: #00616e;
    font-weight: 600;
}

.specifications_box {
    margin: 97px 0 0;
}

.specifications_box .head_box {
    margin: 0 0 88px;
}

.specifications_box .title_list {
    margin: 0 0 71px;
}

.specifications_box .list_info {
    margin: 0 0 57px;
}

.specifications_box .list_info li {
    margin: 0 0 47px;
}

.view_box.change_5 {
    margin: -26px 0 0 -70px;
}

.subtitle_list {
    margin: -25px 0 43px;
    color: #000;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

.subtitle_list strong {
    color: #00616e;
    font-weight: 600;
}

.view_box.change_6 {
    margin: 61px -38px 0 0;
}

.finishing_block .head_box {
    margin: 0 0 32px;
}

.finishing_box {
    padding: 59px 71px 60px;
    background: url("/local/templates/bania.3.0/img_new/rd_bg-33.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 4px;
    margin: 0 0 49px;
}

.finishing_box .inner_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

.finishing_box .inner_box strong {
    display: block;
    width: 50%;
    padding: 0 15px 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.finishing_box .inner_box span {
    display: block;
    width: 50%;
    padding: 3px 15px 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

.dscr_doors {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0 0;
}

.dscr_doors .icon {
    width: 84px;
    height: 84px;
    background: #f2f7f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.dscr_doors .dscr {
    width: calc(100% - 84px);
    padding: 15px 0 0 29px;
}

.dscr_doors p {
    margin: 0 0 44px;
    font-size: 20px;
    line-height: 1.4;
}

.dscr_doors p strong {
    color: #00616e;
    font-weight: 600;
}

.dscr_doors span {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    max-width: 270px;
}

.view_box.change_7 {
    margin: -102px -80px -22px -5px;
}

.list_finishing.change_1 {
    align-items: flex-start;
}

.list_finishing.change_1 li:last-child {
    margin: 29px 0 30px;
}

.dscr_box.change_1 {
    margin: 0 0 0;
}

.dscr_box.change_1 .dscr {
    padding-top: 0;
}

.dscr_box .title_dscr {
    margin: 0 0 16px;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
    text-transform: none;
    min-height: auto;
}

.branch_box {
    padding: 6px 0 0;
}

.item_branch {
    margin: 0 -15px 72px;
    display: flex;
    flex-wrap: wrap;
}

.img_branch,
.text_branch {
    width: 50%;
    padding: 0 15px;
}

.img_branch {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 38px 0 15px;
}

.list_check li {
    margin: 0 0 53px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list_check .icon {
    display: block;
    width: 138px;
    text-align: center;
}

.list_check .dscr {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    width: calc(100% - 138px);
}

.list_check .dscr strong {
    color: #00616e;
    font-weight: 600;
}

.item_branch:nth-child(even) .img_branch {
    order: 1;
    justify-content: flex-start;
    padding: 0 15px;
}

.item_branch:nth-child(even) .text_branch {
    order: 2;
}

.item_branch .dscr_doors {
    padding: 0;
}

.item_branch .dscr_doors .dscr {
    padding-top: 0;
    margin: -4px 0 0;
}

.item_branch .dscr_doors .title {
    margin: 0 0 16px;
    display: block;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.17;
}

/* end card2 page */
.options_block .price .favorites.favorites-active {
    background: url("/local/templates/bania.3.0/img_new/icon_fav-3.svg") no-repeat;
    background-size: 100%;
}

/* pop-up callback */
.fancybox-bg {
    background: rgba(0, 97, 110, .96);
}
.fancybox-is-open .fancybox-bg { opacity: 1; }

.callback-box {
    width: 100%;
    max-width: 570px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 0;
}

.callback-box:after {
    position: absolute;
    content: '';
    top: -156px;
    left: -156px;
    width: 230px;
    height: 258px;
    background: #000;
    transform: rotate(45deg);
    z-index: -1;
}

/*.callback-box:before {
    position: absolute;
    content: '';
    bottom: -140px;
    right: -125px;
    width: 230px;
    height: 258px;
    background: #80c700;
    transform: rotate(45deg);
    z-index: -1;
}*/
.callback-box:before {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    border: 80px solid transparent; border-right: 80px solid #80c700; border-bottom: 80px solid #80c700;
}

.callback-box .fancybox-close-small {
    padding: 0;
    width: 37px;
    height: 37px;
    top: 22px;
    right: 22px;
}

.callback-box .fancybox-close-small:after,
.callback-box .fancybox-close-small:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -2px;
    height: 50px;
    width: 4px;
    border-radius: 1px;
}

.callback-box .fancybox-close-small:after {
    background: #000;
    transform: rotate(45deg);
}

.fancybox-close-small:before {
    background: #80c700;
    transform: rotate(-45deg);
}

.callback-box .fancybox-button svg {
    display: none;
}

.callback-box .recall {
    padding: 14px 64px 30px;
    background: transparent;
}

.callback-box .recall legend {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.15;
    margin: 0 0 31px;
}

.callback-box .recall div.resut-form-row {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin: 40px 0 40px;
}

.callback-box .recall p {
    padding: 0;
    background: none;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

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

.callback-box .recall .col + .col {
    padding: 12px 0 0;
}

.callback-box .recall label {
    display: none;
}

.callback-box .recall input[type=text] {
    height: 75px;
    background: #f2f7f7;
    border: 1px solid #f2f7f7;
    border-radius: 5px;
    margin: 0 0 0;
    color: #000;
    /* font-size: 16px; */
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: 'TT Firs Neue', serif;
}

.callback-box .recall input[type=submit] {
    width: 100%;
    height: 75px;
    background: #80c700;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;
    display: block;
    margin: 0 0 21px;
}

.callback-box .recall span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.58;
    text-align: center;
    color: #000;
}

.callback-box .recall span a {
    color: #00616e;
    text-decoration: underline;
}

.callback-box .recall span a:hover {
    text-decoration: none;
}

/* end pop-up callback */

/*begin header*/
#header .mob-social-icons {
    display: none;
}

/*end header*/
@media screen and (max-width: 1300px) {
    .gallery-button-prev,
    .gallery-button-next {
        right: 0;
    }

    .gallery-button-prev {
        left: 0;
    }

    .gallery {
        margin: 0 -15px;
        padding: 0;
    }

    .gallery:before,
    .gallery:after {
        display: none;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 -15px 86px;
    }

    /* end lp style */
    /* card2 page */
    .view_box.change_7 {
        margin: -102px -10px -22px -5px;
    }

    /* end card2 page */
}

@media screen and (max-width: 1200px) {
    .nav li {
        margin: 0 30px 0 0;
    }

    .list_history .dscr {
        padding: 0;
    }

    /* lp style */
    .wood_list {
        margin: 0 -15px;
    }

    /* end lp style */
    .product .options_block .price strong {
        font-size: 36px;
    }
}

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

    #header {
        height: 100px;
    }

    .logo {
        top: 15px;
    }

    .slogan {
        top: 80px;
        left: 80px;
    }

    #header .contacts {
        top: 15px;
    }

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

    #navigation .search .search-form {
        height: 46px;
    }

    #navigation .search .search-form input {
        width: calc(100% - 35px);
        height: 40px;
        padding: 10px 20px;
    }

    #navigation .search a {
        display: none;
    }

    #navigation .search .search-form button {
        right: 0;
        height: 40px;
        width: 35px;
        background-position: 50% 50%;
        background-size: 20px 20px;
    }

    #header .soc_box,
    .favorite {
        display: none;
    }

    .social-block span {
        font-size: 14px;
    }

    .favorite.show_m {
        display: block;
        top: 50px;
        right: 15px;
    }

    .sab-nav li a {
        font-size: 16px;
        font-family: 'TT Firs Neue', serif;
    }

    .nav li.arrow a:after, .sab-nav > li > a:before {
        top: 11px;
    }

    .nav {
        margin: 0 0 30px;
        padding-bottom: 20px;
    }

    .nav li a {
        text-transform: none;
        font-weight: 400;
        line-height: 1.875;
        font-size: 16px;
    }

    .our_projects .inner_list {
        padding: 47px 25px 51px;
    }

    .about_block,
    .video_tabs,
    .our_works_block,
    .slider_block,
    .popular_block,
    .certificate_block,
    .info_block,
    .works_block {
        width: 100%;
    }

    .gallery,
    .works_block .gallery {
        margin: 0;
        width: 100%;
    }

    .gallery-holder {
        overflow: visible;
    }

    .gallery-item {
        flex: 1 0 350px;
        margin: 0 30px 0 0;
        padding: 0;
    }

    #footer .contacts li {
        margin: 0 0 10px;
    }

    #footer .contacts li:nth-child(2) {
        margin: 0 23px 10px auto;
    }

    #footer .footer:after {
        left: -20px;
        right: -20px;
        width: auto;
        transform: none;
    }

    .articles-box .gallery-item {
        padding: 0 15px;
        margin: 0;
    }

    .useful_box .share li {
        margin: 0 15px 10px 0;
    }

    .video_section .gallery:before,
    .video_section .gallery:after {
        display: none;
    }

    .filter ul {
        columns: 1;
    }

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

    .works_block .gallery {
        margin: 0 0 40px;
    }

    .projects .items .item .favorite {
        display: block;
    }

    .sidebar_block {
        width: 300px;
    }

    .rubric_box {
        padding: 32px 20px 27px;
    }

    .sidebar_block .block {
        padding: 13px 3px 11px;
    }

    .discussion_box {
        padding: 31px 20px 5px;
    }

    .article-info,
    .articles_block {
        width: calc(100% - 300px);
    }

    .holder_box button {
        width: 300px;
    }

    .title_team {
        font-size: 34px;
    }

    .about_page .about_text .text {
        padding: 0 0 0 20px;
    }

    .product_page .information {
        padding: 0 30px 0 0;
        width: calc(100% - 300px);
    }

    .list_reviews .inner_reviews {
        padding: 37px 20px 32px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 15px 14px;
    }

    .credit_block {
        padding: 31px 25px 30px;
    }

    .plans-box {
        padding: 36px 20px 50px;
    }

    /* lp style */
    .lp_works_block .our_works_list {
        margin: 0 0 86px;
    }

    /* end lp style */
}

@media screen and (max-width: 1100px) {
    .list_history .dscr {
        font-size: 18px;
    }

    /* .product_page .slideshow-button-prev{
        right: 40px;
    } */
    .list_reviews .num {
        font-size: 50px;
    }

    .list_reviews .rating_list {
        margin: 0;
    }

    /* lp style */
    .visual_inner {
        padding: 0 30px 0 0;
    }

    /* end lp style */
}

@media screen and (max-width: 1024px) {
    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .projects .items .price {
        display: block;
        width: 100%;
        text-align: center;
    }

    .mob-filter .bx-filter {
        min-width: auto;
    }

    .title_team {
        width: 100%;
        max-width: 100%;
    }

    .team_dscr,
    .team_box .staff_block {
        width: 100%;
    }

    .team_box .staff_block {
        margin: 0;
    }

    .team_dscr {
        margin: 0 0 30px;
    }

    .title_team {
        margin: 0 0 28px;
    }

    .text_team {
        padding: 0;
    }

    .img_text {
        left: 20px;
        right: 20px;
        font-size: 24px;
    }

    .map_block .map {
        width: 70%;
    }

    .address_box {
        width: 30%;
    }

    .requisites_box {
        width: 60%;
    }

    .requisites_faq {
        width: 40%;
    }

    .faq_box:after {
        left: -100px;
    }

    .faq_form {
        padding: 34px 25px 35px;
    }

    .call_form {
        padding: 42px 44px 44px 52px;
    }

    .list_history .num {
        font-size: 50px;
    }

    .list_history .dscr {
        min-height: 122px;
    }

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

    .order_plans .head_plans {
        font-size: 36px;
    }

    .note_block .answer_box {
        padding: 50px 40px 33px;
    }

    .list_icon li {
        width: 100%;
    }

    .faq-box {
        padding: 50px 40px 51px;
    }

    .list_reviews > li {
        width: 50%;
    }

    /* lp style */
    .lp_page .advantage_list .title {
        font-size: 20px;
    }

    /* end lp style */
}

@media screen and (max-width: 960px) {
    #header .contacts {
        top: 25px;
    }

    .our_projects .item_list {
        width: 50%;
        margin: 0 0 30px;
    }

    .our_projects .inner_list {
        width: 100%;
        padding: 22px 25px 21px;
    }

    .info-title {
        margin-bottom: 32px;
        font-size: 26px;
    }

    .info-list li {
        width: 50%;
    }

    .about_block .col-50 {
        width: 100%;
        margin: 0 0 50px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 50%;
    }

    .info_block .info_box {
        display: block;
    }

    .text_info {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .info_block .visual {
        margin: 0 auto 30px;
        width: 100%;
        max-width: 331px;
    }

    #footer .row {
        padding: 0 0 12px;
    }

    #footer .row .col-25,
    #footer .row .col-75 {
        width: 100%;
    }

    #footer .nav_row .col-25 {
        order: 2;
        width: 100%;
    }

    #footer .nav_row .col-75 {
        order: 1;
        width: 100%;
    }

    #footer .soc_box {
        margin: 0 0 10px;
    }

    .dev_list {
        display: flex;
        flex-wrap: wrap;
    }

    .dev_list li {
        margin: 0 10px 5px 0;
    }

    #footer .slogan {
        margin: 9px 0 30px;
    }

    .articles .item.col-25 {
        width: 25% !important;
    }

    .articles .item.col-50 {
        width: 50% !important;
    }

    .wrap-catalog {
        padding: 43px 0 0;
        width: auto;
        margin: 0;
    }

    .wrap-catalog .filter,
    .projects-block {
        width: 100%;
    }

    .projects-block {
        padding: 0;
    }

    .wrap-catalog .filter {
        margin: 0 0 30px;
    }

    .mob-nav-filter {
        background: #fff;
        border: 1px solid #dbdedf;
        border-radius: 4px;
        height: 43px;
        line-height: 41px;
        display: block;
    }

    .mob-filter {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 124px 83px 34px;
        overflow-y: auto;
        background: #fff;
        height: 100%;
        z-index: 100;
        transform: translate3d(-150%, 0, 0);
        transition: transform .3s ease;
    }

    .filter-form {
        position: relative;
    }

    .catalog-sections-box {
        display: none;
    }

    .mob-nav-filter i {
        width: 26px;
        height: 26px;
        background: url(/local/templates/bania.3.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;
    }

    .active-filter .mob-filter {
        transform: translate3d(0, 0, 0);
    }

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

    .close-filter {
        position: absolute;
        top: 10px;
        right: 0;
        width: 11px;
        height: 11px;
        background: url(/local/templates/bania.3.0/images/icon-close.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

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

    .filter-form .sort-box {
        display: block;
        margin: 0 0 30px;
        position: relative;
    }

    .sort-box .angle {
        position: absolute;
        top: 3px;
        right: 3px;
        width: 41px;
        bottom: 3px;
        background: #fff;
        border-radius: 0 4px 4px 0;
    }

    .sort-box .angle:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #80c700;
        border-right: 2px solid #80c700;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: -5px 0 0 -4px;
        pointer-events: none;
    }

    .sort-box select {
        color: #13141c;
        border: 3px solid #cddee0;
        border-radius: 4px;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        padding: 0 20px;
        background: #fff;
        height: 50px;
        display: block;
        width: 100%;
    }

    .title_filter {
        display: none;
    }

    .title-filter {
        display: block;
        margin: 0 0 30px;
        text-align: center;
        color: #000;
        font-family: 'TT Firs Neue', serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
    }

    .sort + .projects {
        padding-right: 0;
        padding-top: 10px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 33.3%;
    }

    .seo_block .img {
        text-align: center;
    }

    .sidebar_block {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 50px;
    }

    .rubric_box {
        width: calc(50% - 10px);
        margin: 0 10px 12px 0;
    }

    .sidebar_block .block {
        width: calc(50% - 10px);
        margin: 0 0 12px 10px;
        display: flex;
        align-items: center;
    }

    .discussion_box {
        width: 100%;
    }

    .article-info {
        width: 100%;
        padding: 0;
    }

    .article .author {
        margin: 0;
    }

    .sidebar_block .consult-form legend {
        padding: 0 17px;
    }

    .articles_block {
        width: 100%;
        padding: 0;
        margin: 0 0 50px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 50% !important;
    }

    .map_block .map {
        width: 60%;
    }

    .address_box {
        width: 40%;
    }

    .contacts_block .contacts_list {
        width: 350px;
    }

    .contacts_dscr {
        padding: 0 0 0 20px;
    }

    .contacts_block .img_box {
        width: calc(100% - 350px);
    }

    .about_page .staff_text,
    .about_page .staff_box {
        width: 100%;
    }

    .list_advantage li {
        width: 50%;
    }

    .list_advantage .title {
        font-size: 20px;
    }

    .gallery_box {
        grid-template-columns: repeat(auto-fill, minmax(217px, 1fr));
    }

    .product_page h1 {
        max-width: 100%;
        font-size: 50px;
    }

    .product_page .information {
        padding: 0;
        width: 100%;
    }

    .product_page .sidebar_block {
        justify-content: space-between;
        margin: 0;
    }

    .options_block {
        margin: 0;
        width: calc(50% - 10px);
    }

    .product_page .block {
        width: 100%;
    }

    .inner_sidebar {
        width: calc(50% - 10px);
    }

    .note_block .title_block,
    .note_row {
        width: 100%;
    }

    .list_types .consult_box {
        padding: 37px 20px 24px;
    }

    .list_views .inner_list {
        padding: 32px 34px 44px;
    }

    /* lp style */
    .visual_inner {
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }

    .visual_box .dscr_box {
        width: 100%;
        margin: 0;
    }

    .lp_page .advantage_list {
        justify-content: center;
    }

    .lp_page .advantage_list li {
        width: 33.3%;
    }

    .consist_block .row {
        display: flex;
        flex-wrap: wrap;
    }

    .consist_block .first {
        order: 2;
    }

    .consist_block .last {
        order: 1;
        margin: 0 0 50px;
    }

    .wood_list li {
        width: 50%;
        flex: 0 0 50%;
    }

    .deco_list .item_list {
        padding: 40px 30px;
    }

    /* end lp style */
    .sizes_box {
        display: none;
    }
}

@media screen and (max-width: 890px) {
    .menu-holder {
        width: 100%;
        padding: 0;
    }

    .all_show:after {
        bottom: 4px;
    }

    .articles .item.col-25,
    .articles .item.col-50 {
        width: 100% !important;
    }

    .articles .item .visual .img:before,
    .articles-box .visual .img:before {
        padding: 45% 0 0;
    }

    .articles .item.col-50 .visual,
    .articles .item.col-50 .visual .img {
        width: auto;
        height: auto;
    }

    .articles .item.col-50 .visual .img:before {
        padding: 50% 0 0;
    }

    .articles .item.col-25 .date_box .share {
        justify-content: flex-start;
    }

    .articles .item .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles .item.col-25 .date_box .date,
    .articles .item.col-25 .date_box .share,
    .articles-box .date_box .share {
        width: auto;
    }

    .articles-box .gallery-item {
        width: 100%;
    }

    .articles-box .date_box .share li {
        margin: 0 15px 10px 0;
    }

    .articles-box h4 {
        min-height: auto;
    }

    .useful_box {
        display: block;
        margin: 0 0 30px;
    }

    .useful_box .title_box {
        width: 100%;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 50%;
    }

    .contacts_block .contacts_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .contacts_block .contacts_list li {
        width: 48%;
    }

    .contacts_block .img_box {
        width: 100%;
        padding: 0;
    }

    .requisites_box,
    .requisites_faq {
        width: 100%;
    }

    .requisites_box {
        margin: 0 0 30px;
    }

    .requisites_faq {
        justify-content: center;
    }

    .faq_box {
        max-width: 500px;
    }

    .faq_box:after {
        left: -150px;
    }

    .list_history {
        margin: 0;
        padding: 0 0 0 20px;
    }

    .list_history:after {
        left: 0;
        right: auto;
        width: 3px;
        top: 0;
        margin: 0;
        bottom: -30px;
        height: auto;
        background: -moz-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(128, 199, 0, 1) 0%, rgba(128, 199, 0, 1) 75%, rgba(128, 199, 0, 0) 100%);
    }

    .list_history li {
        width: 100%;
        padding: 0;
    }

    .list_history li:nth-child(2n) {
        margin-top: 0;
    }

    .list_history li:after {
        left: -29px;
        bottom: auto;
        top: 15px;
    }

    .list_history li:nth-child(2n):after {
        top: 15px;
    }

    .list_history .dscr {
        min-height: auto;
    }

    .note_box {
        padding: 42px 32px 39px;
    }

    .page_block .title_block {
        padding: 0 0 20px;
        width: 100%;
    }

    .page_block .dscr_box,
    .list_types .consult_box .head_box,
    .list_types .consult_box .btn_holder {
        width: 100%;
        padding: 0;
    }

    .list_types .consult_box {
        padding: 20px 20px 10px;
    }

    .page_block .col-50,
    .list_views li {
        width: 100%;
    }

    .view_box,
    .view_box.change_3,
    .view_box.change_4 {
        margin: 0;
    }

    .view_box.change_1 {
        margin-right: 0;
    }

    .list_icon li {
        width: 50%;
    }

    .page_block .text_box {
        padding: 0;
    }

    .view_box.change_2 {
        margin: -30px 0 0;
    }

    .list_doors {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .list_doors li {
        padding: 0 15px;
        width: 50%;
    }

    /* lp style */
    .deco_block .title_block,
    .flue_block .title_block {
        width: 100%;
    }

    .deco_block .dscr_box,
    .flue_block .dscr_box {
        width: 100%;
        padding: 0;
    }

    .flue_list li {
        width: 50%;
    }

    /* end lp style */
    /* works page */
    .works_another_view .item_works {
        width: 40%;
    }

    .works_another_view .item_works.big {
        width: 60%;
    }

    .works_another_view .big .img:before {
        padding: 82.7% 0 0;
    }

    /* end works page */
    /* card2 page */
    .example_home_box .inner_box {
        padding: 15px 15px 15px 0;
    }

    .example_home_box .text_box:after {
        left: -130px;
    }

    .view_box.change_5,
    .view_box.change_6,
    .view_box.change_7 {
        margin: 0;
    }

    .finishing_box {
        padding: 40px 20px;
    }

    .dscr_doors {
        padding: 0;
        margin: 0 0 50px;
    }

    .img_branch, .text_branch {
        width: 100%;
    }

    .img_branch {
        padding: 0 15px;
        justify-content: center;
    }

    .item_branch:nth-child(even) .text_branch {
        order: 1;
    }

    .item_branch:nth-child(even) .img_branch {
        order: 2;
        justify-content: center;
    }

    /* end card2 page */
}

@media screen and (max-width: 768px) {
    h1, .h1,
    .article h1 {
        font-size: 50px;
    }

    #wrapper {
        padding: 55px 0 0;
    }

    .container {
        padding: 0 25px;
    }

    #header {
        height: 55px;
    }

    .active-top #header .contacts,
    #header .contacts {
        /*top: 3px;
        right: 55px;*/
        top: 15px;
    }

    #header .contacts li:last-child {
        display: none;
    }

    #header .mob-social-icons {
        display: flex !important;
        gap: 14px;
        position: absolute;
        top: 20px;
        left: 230px;
        width: 54px;
        height: 16px;
    }

    #header .mob-social-icons .icon__item a {
        width: 20px;
        height: 20px;
        background-size: 100%;
        display: block;
    }

    #header .mob-social-icons .icon__item a img {
        width: 20px;
        height: 20px;
    }

    /*#header .mob-social-icons .icon__item--wtsp a{
        background: url("/local/templates/bania.3.0/img_new/wtsp-m.svg") no-repeat;
    }
    #header .mob-social-icons .icon__item--tlgr a{
        background: url("/local/templates/bania.3.0/img_new/tlgr-m.svg") no-repeat;
    }
    .active-top #header .contacts li .btn{
        background: none;
        width: 40px;
        padding: 17px 10px;
    }*/
    #header ul.contacts {
        top: 15px;
        right: initial;
        left: 70px;
    }

    ul.contacts li .btn {
        font-size: 10px;
        line-height: 12px;
        width: 100px;
        padding: 9px 10px;
        text-indent: initial;
    }

    ul.contacts li .btn:after {
        content: none !important;
    }

    .favorite.show_m {
        top: 30px;
        right: 25px;
    }

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

    .mb-burger {
        left: 15px;
    }

    .active-top #header .logo,
    #header .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        top: 5px;
        width: 178px;
        height: 42px;
        margin: 0;
        /*transform: translateX(-50%);*/
        z-index: 0;

        transform: unset !important;
        right: 15px;
        left: initial;
    }

    #navigation .search {
        top: 74px;
    }

    #navigation {
        padding: 139px 24px 20px 21px;
        z-index: 2;
    }

    #promo {
        background: none;
    }

    #promo picture {
        display: block;
    }

    #promo h1 {
        font-size: 60px;
    }

    #promo .text p {
        font-size: 20px;
    }

    .info-list li {
        display: block;
    }

    .info-list li .num {
        padding: 0;
        width: 100%;
        font-size: 40px;
    }

    .info-list li p {
        padding: 0;
        font-size: 16px;
    }

    .video_dscr {
        padding: 0;
    }

    .about_text .text {
        padding: 0 0 0 15px;
    }

    .tab-control li {
        margin: 0 30px 0 0;
    }

    .head_box {
        display: block;
    }

    .video_tabs {
        padding: 34px 0 30px;
    }

    .our_works_block {
        padding: 45px 0 50px;
    }

    .our_works_list .dscr_item {
        padding: 0 11px 10px 15px;
    }

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

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

    #footer .contacts li strong a {
        font-size: 22px;
    }

    #footer .logo {
        background: url("/local/templates/bania.3.0/img_new/logo.svg") no-repeat !important;
        width: 178px;
        height: 42px;
    }

    #footer .menu_block {
        padding: 0;
    }

    #footer .menu_block .menu {
        width: 50%;
    }

    #footer .menu > li > a {
        min-height: auto;
    }

    #footer .menu > li > a br {
        display: none;
    }

    #footer .menu ul {
        columns: 1;
        margin: 0 0 20px;
    }

    #footer .footer:after {
        left: -25px;
        right: -25px;
    }

    .menu-holder .menu {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .holder_box {
        padding: 0 150px 0 0;
    }

    .holder_box input {
        height: 50px;
    }

    .holder_box button {
        width: 150px;
        font-size: 18px;
    }

    .articles .item:first-child .date_box .share li a:after {
        display: block;
    }

    .main-content-box {
        padding-top: 50px;
    }

    .active-filter .mob-filter {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bg_color:after {
        width: 100vw;
    }

    .slider_block.bg_color {
        padding-bottom: 40px;
    }

    .seo_block {
        padding: 50px 0;
    }

    .content_article-box {
        padding: 36px 25px 37px;
    }

    .article h2 {
        font-size: 36px;
    }

    .article h3 {
        font-size: 28px;
    }

    .article .notice {
        padding: 30px;
    }

    .articles .item:first-child,
    .articles .item {
        width: 100% !important;
    }

    .articles .date_box .share {
        width: auto;
    }

    .staff_block .list_staff {
        justify-content: center;
    }

    .staff_block .list_staff li {
        width: 50%;
    }

    .map_block .map,
    .address_box {
        width: 100%;
    }

    .map_block .map {
        margin: 0 0 30px;
    }

    .address_box .metro {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li {
        width: 48%;
    }

    .contacts_block .contacts_list li strong a,
    .contacts_block .contacts_list li strong {
        font-size: 20px;
    }

    .contacts_block .contacts_list li .icon {
        width: 64px;
        height: 64px;
    }

    .contacts_dscr {
        width: calc(100% - 64px);
    }

    .contacts_block .contacts_list li {
        width: 50%;
    }

    .about_page .video_dscr {
        padding: 0;
    }

    .about_page .inst_dscr {
        padding: 0;
        width: 100%;
        margin: 0 0 30px;
    }

    .about_page .inst_box .img {
        width: 100%;
        max-width: 100%;
    }

    .gallery_box {
        grid-gap: 15px;
        grid-auto-rows: 200px;
        grid-template-columns: repeat(auto-fill, minmax(169px, 1fr));
    }

    .item_gallery {
        min-height: 200px;
    }

    .item_height {
        min-height: 415px;
    }

    .list_types li,
    .list_doors li,
    .list_finishing li,
    .page_block .list_sizes li,
    .note_block .answer_box .head_box,
    .note_block .answer_box .btn_holder,
    .faq-box .col-60,
    .faq-box .col-40 {
        width: 100%;
    }

    .example_box {
        background-position: 40% 0;
    }

    .pagination_wrap {
        padding: 0 40px;
    }

    /* .product .slideshow .pagination{
        padding: 0;
    } */
    .product_page .slideshow-button-prev {
        right: auto;
        left: 0;
    }

    .faq-box .subtitle {
        margin: 0 0 30px;
    }

    .faq-box .btn-wrap {
        text-align: left;
    }

    .faq-box .btn {
        margin: 0 0 14px;
    }

    .reviews_box {
        padding: 33px 10px 19px;
    }

    .list_reviews .rating_list span,
    .list_reviews .rating_list a {
        width: 25px;
        height: 24px;
    }

    .list_reviews .num {
        font-size: 40px;
    }

    /* lp style */
    .version_list li {
        width: 50%;
    }

    .deco_list .img_wrap {
        width: 100%;
        margin: 0 0 30px;
    }

    .deco_list .img_box {
        max-width: 100%;
    }

    .deco_list .deco_dscr {
        width: 100%;
    }

    .deco_list .item_list:nth-child(odd) .img_wrap {
        order: 1;
    }

    .deco_list .item_list:nth-child(odd) .deco_dscr {
        order: 2;
    }

    /* end lp style */
    .unique_text_block .title_box {
        font-size: 28px;
    }

    .unique_text_block p {
        font-size: 16px;
    }

    /* works page */
    .item_works,
    .works_another_view .item_works,
    .works_another_view .item_works.big {
        width: 100%;
        margin: 0 0 30px;
    }

    .works_another_view .item_works,
    .works_another_view .item_works.big {
        float: none;
    }

    .item_works .img:before,
    .works_another_view .big .img:before {
        padding: 47.5% 0 0;
    }

    .works_another_view .img:after {
        display: none;
    }

    .works_another_view .desc_works,
    .works_another_view .big .desc_works {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 0;
    }

    .works_another_view .big .title {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.5;
    }

    .works_another_view .desc_works .title a {
        color: #000;
    }

    .works_another_view .big .place {
        font-size: 12px;
    }

    /* end works page */
    /* card2 page */
    .example_home_box {
        margin: -64px 0 55px;
    }

    .example_home_box .img_box {
        width: 100%;
        margin: 0 0 50px;
        text-align: center;
    }

    .example_home_box .text_box {
        width: 100%;
    }

    .example_home_box .inner_box {
        padding: 20px 15px;
    }

    .example_home_box .text_box {
        padding: 0;
        background: #f7f4f1;
        border-radius: 4px;
    }

    .example_home_box .text_box:after {
        display: none;
    }

    .specifications_box {
        margin: 60px 0 0;
    }

    .specifications_box .head_box {
        margin: 0 0 48px;
    }

    .specifications_box .title_list {
        margin: 0 0 40px;
    }

    .finishing_box {
        margin: 0 0 20px;
    }

    .finishing_box .inner_box strong {
        width: 100%;
        margin: 0 0 20px;
    }

    .finishing_box .inner_box span {
        width: 100%;
    }

    .item_branch {
        margin: 0 -15px 50px;
    }

    .list_check .icon {
        width: 84px;
    }

    .list_check .dscr {
        width: calc(100% - 84px);
        padding: 0 0 0 29px;
    }

    /* end card2 page */
}

@media screen and (max-width: 700px) {
    .requisites_box .details li {
        width: 50% !important;
        padding: 0 10px 17px 0 !important;
        border-bottom: 3px solid #e5eff0 !important;
        flex: none;
    }

    .product .options_block .price strong {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px) {
    h2,
    .title_block {
        font-size: 30px;
    }

    .our_works_list .title_dscr {
        font-size: 14px;
    }

    .list_sizes li strong, .our_works_list .list_sizes li strong, .list_sizes li .val, .our_works_list .list_sizes li .val {
        font-size: 16px;
    }

    .dscr_popular {
        padding: 16px 10px 10px 10px;
    }

    #footer .contacts {
        padding: 0;
        justify-content: center;
    }

    #footer .contacts li {
        width: 100%;
        margin: 0;
    }

    #footer .contacts li strong {
        min-height: auto;
    }

    #footer .contacts li strong br {
        display: none;
    }

    #footer .menu_block .menu {
        width: 100%;
    }

    #footer .copyright {
        font-size: 12px;
        margin: 0 0 10px;
    }

    #footer .by {
        font-size: 12px;
        margin: 0;
    }

    #footer .by a {
        font-size: 14px;
    }

    .useful_box {
        padding: 0;
    }

    .useful_box:after {
        width: 50px;
        height: 50px;
        top: 0;
    }

    .useful_box h2 {
        font-size: 30px;
        padding: 0 0 0 65px;
    }

    .useful_box .btn_holder {
        padding: 0;
        width: 100%;
    }

    .useful_box .btn {
        max-width: 100%;
    }

    .paging .slideshow-button-next,
    .paging .slideshow-button-prev {
        width: 25px;
        height: 50px;
        margin: -25px 0 0;
    }

    .paging .slideshow-button-prev:after,
    .paging .slideshow-button-next:after {
        width: 25px;
        height: 25px;
        margin: -14px 0 0 -6px;
    }

    .paging .slideshow-button-next:after {
        margin: -14px 0 0 -24px;
    }

    .video_section {
        padding: 67px 0 50px;
    }

    .projects {
        padding: 0px 0 58px;
    }

    .projects-block .projects .items .item:nth-child(4n+4),
    .projects .items .item {
        width: 100%;
    }

    .projects .items .inner_help {
        padding: 45px 25px 40px 25px;
    }

    .projects .items .item.help strong br,
    .projects .items .item.help p br {
        display: none;
    }

    .text_box ul {
        padding: 0;
    }

    .text_box ul li {
        font-size: 18px;
    }

    .article h2 {
        font-size: 32px;
    }

    .article h3 {
        font-size: 26px;
    }

    .article p {
        font-size: 16px;
    }

    .article .notice p {
        font-size: 18px;
    }

    .article .author {
        display: block;
    }

    .article .author .social {
        width: 100%;
        padding: 0;
    }

    .sidebar_block {
        display: block;
    }

    .rubric_box,
    .sidebar_block .block {
        width: 100%;
        margin: 0 0 12px;
    }

    .sidebar_block .block {
        display: block;
    }

    .date_box .share {
        justify-content: flex-start;
    }

    .article-info .date_box .share li,
    .article-info .date_box .share li:first-child {
        margin: 0 20px 10px 0;
    }

    .comment_form {
        max-width: 100%;
    }

    .comment_form .inpt_holder,
    .comment_form .sbmt_holder input[type="submit"] {
        width: 100%;
        max-width: 100%;
    }

    .chbx_holder {
        margin: 0 0 30px;
    }

    .comments_list .inner_dscr {
        padding: 30px 20px 29px;
    }

    .answer_box {
        padding: 0 0 0 50px;
    }

    .comments_list .text_comment,
    .comments_list .link {
        font-size: 14px;
    }

    .comments_list .avatar {
        width: 55px;
        height: 55px;
    }

    .comments_list .avatar img {
        width: 50%;
    }

    .comments_list .dscr_comment {
        width: calc(100% - 55px);
    }

    .address_box .metro li:nth-child(2n+2),
    .address_box .metro li,
    .contacts_block .contacts_list li,
    .call_form .inpt_holder,
    .call_form .sbmt_holder {
        width: 100%;
    }

    .call_form .inpt_holder {
        padding: 0;
    }

    .list_history .num {
        font-size: 40px;
    }

    .list_history li:nth-child(2n):after,
    .list_history li:after {
        top: 10px;
    }

    .history_block .title_block {
        position: relative;
        z-index: 1;
    }

    .gallery_box {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px;
        grid-gap: 0;
        grid-auto-rows: 0;
    }

    .item_gallery {
        width: 50%;
        padding: 0 7px;
        margin: 0 0 15px;
    }

    .item_height {
        min-height: 200px;
    }

    .product_page h1 {
        font-size: 40px;
    }

    .order_plans .head_plans,
    .order_plans .consult-form,
    .options_block,
    .inner_sidebar,
    .list_icon li,
    .example_box p {
        width: 100%;
    }

    .order_plans .head_plans {
        font-size: 28px;
    }

    .list_reviews > li {
        width: 100%;
    }

    /* lp style */
    .lp_page .advantage_list li {
        width: 50%;
    }

    .list_consist {
        columns: 1;
    }

    .list_consist li {
        margin: 0 0 20px;
    }

    .list_consist .num {
        margin: 0 0 5px;
    }

    .list_consist .dscr br {
        display: none;
    }

    .wood_list li {
        text-align: center;
    }

    .wood_list .img_box {
        width: 100%;
        max-width: 150px;
        margin: 0 auto 20px;
    }

    .wood_list .dscr_list {
        padding: 0;
        width: 100%;
    }

    .wood_list .title {
        margin: 0 0 10px;
    }

    .wood_list .btn {
        margin: 0 auto;
    }

    .version_list .name {
        font-size: 18px;
    }

    .deco_block .notice {
        padding: 30px;
    }

    /* end lp style */
    .tags_list li a {
        padding: 5px 8px 4px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    h1, .h1 {
        font-size: 38px;
    }

    .container {
        padding: 0 15px;
    }

    .main-content-box {
        padding-top: 60px;/*30px*/
    }

    .active-top #header .logo,
    #header .logo {
        top: 18px;
        width: 84px;
        height: 19px;
        /*transform: translateX(-60%);*/

        transform: unset;
        right: 15px;
        left: initial;
    }

    #header .mob-social-icons {
        left: 195px;
    }

    #header ul.contacts {
        left: 50px;
    }

    #promo {
        height: auto;
    }

    #promo h1 {
        font-size: 40px;
    }

    #promo .text p {
        font-size: 18px;
    }

    .btn {
        font-size: 16px;
        padding: 16px 5px;
    }

    .our_projects {
        padding: 40px 0 50px;
    }

    .our_projects .item_list {
        width: 100%;
    }

    .our_projects .title_list {
        min-height: auto;
    }

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

    .title_block {
        font-size: 32px;
    }

    .about_text {
        display: block;
    }

    .about_text .icon {
        margin: 0 auto 15px;
    }

    .about_text .text {
        padding: 0;
        width: 100%;
    }

    .video .play {
        width: 60px;
        height: 60px;
    }

    .video_dscr {
        margin: 0 0 35px;
    }

    blockquote p,
    .video_dscr {
        padding: 0;
        font-size: 16px !important;
    }

    .video_dscr:before {
        top: -30px;
        left: 0;
        font-size: 93px;
    }

    .staff_text .num {
        font-size: 34px;
    }

    .staff_text p {
        padding: 0 0 0 15px;
        font-size: 16px;
    }

    .list_staff {
        justify-content: center;
    }

    .list_staff li {
        width: 50%;
    }

    .staff_box .btn {
        max-width: 100%;
    }

    .inner_inst {
        padding: 30px 20px;
    }

    .inst_box .subscribers strong {
        font-size: 40px;
    }

    .title_inst {
        padding: 0 0 0 50px;
        font-size: 20px;
    }

    .title_inst:after {
        left: 0;
        width: 36px;
        height: 36px;
    }

    .inst_box .subscribers {
        padding: 0;
    }

    .gallery-item,
    .certificate_block .gallery-item,
    .lp_works_block .our_works_list .item_works {
        flex: 1 0 100%;
    }

    .gallery h4, .gallery .h4 {
        min-height: auto;
    }

    .tab-control {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 0 30px;
    }

    .tab-control li {
        margin: 0 20px 0 0;
    }

    .gallery-pagination .swiper-pagination-bullet {
        width: 30px;
        margin: 0 6px 6px;
    }

    .our_works_list .item_works,
    .popular_list .popular_item {
        width: 100%;
    }

    .our_works_list .title_dscr {
        min-height: auto;
    }

    .btn_plus {
        width: 60px;
        height: 60px;
    }

    .btn_plus:after,
    .btn_plus:before {
        width: 30px;
        margin: -2px 0 0 -15px;
    }

    .text_info {
        font-size: 16px;
    }

    #footer .row:first-child {
        padding: 0 0 16px;
    }

    #footer .footer:after {
        left: -15px;
        right: -15px;
    }

    .holder_box {
        padding: 0;
        background: transparent;
    }

    .holder_box input {
        background: #f2f7f7;
        border-radius: 4px;
        margin: 0 0 15px;
    }

    .holder_box button {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        width: 100%;
        height: 50px;
    }

    .paging {
        margin: -34px auto 15px;
    }

    .paging ul a,
    .paging ul span {
        font-size: 20px;
        margin: 0 1px;
    }

    .seo_block .img {
        padding: 25px 0 0;
    }

    .seo_block .img:after {
        width: 295px;
        height: 295px;
    }

    .article h1 {
        font-size: 40px;
    }

    .article h2 {
        font-size: 30px;
    }

    .content_article-box {
        padding: 36px 15px 37px;
    }

    .article .notice {
        padding: 30px 15px;
    }

    .article .notice p {
        font-size: 16px;
    }

    .article .author .list_soc a {
        width: 136px;
    }

    .article .author .list_soc a.ok,
    .article .author .list_soc a.vk,
    .article .author .list_soc a.fb,
    .article .author .list_soc a.tw {
        background-position: 50%;
    }

    .answer_box {
        padding: 0 0 0 20px;
    }

    .comments_list .avatar {
        margin: 0 0 5px;
    }

    .comments_list .dscr_comment {
        width: 100%;
        padding: 0;
    }

    .comments_list .inner_dscr:after {
        display: none;
    }

    .title_team {
        font-size: 26px;
    }

    .staff_block .list_staff li {
        width: 100%;
    }

    .img_text {
        bottom: 25px;
        font-size: 16px;
    }

    .requisites_box .details li {
        width: 100% !important;
    }

    .requisites_block h2 {
        font-size: 28px;
    }

    .faq_form {
        padding: 34px 10px 35px;
    }

    .form legend {
        font-size: 30px;
    }

    .about_page .about_text .text {
        padding: 0;
    }

    .call_form {
        padding: 30px 20px 30px 20px;
    }

    .list_advantage li {
        width: 100%;
    }

    .list_advantage .title br {
        display: none;
    }

    .list_photo {
        padding: 0;
    }

    .list_photo li {
        width: 100%;
    }

    .list_photo li:nth-child(2),
    .list_photo li:nth-child(3) {
        margin: 0 0 10px;
    }

    .item_gallery {
        width: 100%;
        min-height: 250px;
    }

    .item_height {
        min-height: 250px;
    }

    .order_plans {
        padding: 33px 20px 12px;
    }

    .options_block .btn_holder .btn {
        font-size: 20px;
    }

    .product_page .sidebar_block .block {
        padding: 28px 5px 14px;
    }

    .dscr_note,
    .page_block .dscr_box .dscr {
        font-size: 18px;
    }

    .note_block .answer_box .head_box .title {
        font-size: 30px;
    }

    .note_block .answer_box {
        padding: 30px 20px 10px;
    }

    .note_block .answer_box .head_box p {
        font-size: 20px;
    }

    .note_block .answer_box .btn_holder .btn,
    .page_block .title_list {
        font-size: 22px;
    }

    .list_types .img_box,
    .list_doors .img_box,
    .types_block .list_types .img_box {
        width: 100%;
        margin: 0 0 20px;
    }

    .list_types .dscr_list,
    .list_doors .dscr_list {
        padding: 0;
        width: 100%;
    }

    .list_types .title br,
    .list_doors .title br,
    .list_doors p br {
        display: none;
    }

    .page_block .list_info .icon {
        width: 84px;
        margin: 0 0 20px;
    }

    .page_block .list_info .dscr_list {
        width: 100%;
        padding: 0;
    }

    .list_views .inner_list {
        padding: 32px 20px 44px;
    }

    .example_box {
        padding: 28px 20px 29px;
    }

    .communications_box .icon {
        margin: 0 0 20px;
    }

    .communications_box .dscr_box {
        display: block;
    }

    .communications_box .dscr_box .title {
        margin: 0 0 15px;
        width: 100%;
    }

    .communications_box .dscr_box p {
        padding: 0;
        width: 100%;
        font-size: 18px;
    }

    .faq-box {
        padding: 30px 20px;
    }

    .faq-box .title {
        font-size: 30px;
    }

    .faq-box .subtitle,
    .faq-box .btn {
        font-size: 20px;
    }

    .product_page h1 {
        font-size: 36px;
    }

    .list_plans .item_list {
        width: 100%;
    }

    .product_page .product .slideshow {
        margin: 0 0 30px;
    }

    .page_block .dscr_box .icon,
    .list_finishing .icon,
    .page_block .list_sizes .icon {
        margin: 0 0 20px;
    }

    .page_block .dscr_box .dscr,
    .list_finishing .dscr_list,
    .page_block .list_sizes .dscr {
        padding: 0;
        width: 100%;
    }

    /* lp style */
    .visual_box .dscr {
        font-size: 18px;
    }

    .lp_page .advantage_list li {
        width: 100%;
    }

    .lp_page .advantage_list .title br {
        display: none;
    }

    .consist_block .last {
        margin: 0 0 30px;
    }

    .list_num li {
        font-size: 20px;
        width: 38px;
        height: 38px;
        border: 5px solid #80c700;
    }

    .list_consist .num {
        font-size: 44px;
    }

    .version_list li {
        width: 100%;
    }

    .flue_block .head_box .dscr {
        font-size: 18px;
    }

    .flue_list li {
        width: 100%;
    }

    .deco_block .notice p {
        font-size: 18px;
    }

    .deco_list .item_list {
        padding: 30px 20px;
    }

    .deco_list .list li {
        font-size: 16px;
        padding: 0 0 0 20px;
    }

    .deco_list .list li:after {
        width: 10px;
        top: 8px;
    }

    /* end lp style */
    /* card2 page */
    .example_home_box .inner_box,
    .subtitle_list,
    .finishing_box .inner_box strong {
        font-size: 18px;
    }

    .dscr_doors .icon {
        margin: 0 0 20px;
    }

    .dscr_doors .dscr {
        width: 100%;
        padding: 0;
    }

    .dscr_doors p {
        font-size: 18px;
        margin: 0 0 30px;
    }

    .dscr_doors span {
        max-width: none;
    }

    .dscr_box .title_dscr,
    .item_branch .dscr_doors .title {
        font-size: 22px;
    }

    .list_check li {
        margin: 0 0 30px;
    }

    .list_check .icon {
        margin: 0 0 20px;
    }

    .list_check .dscr {
        width: 100%;
        padding: 0;
    }

    /* end card2 page */
    /* pop-up callback */
    .callback-box {
        min-width: auto;
    }

    .callback-box .recall {
        padding: 34px 20px 40px;
    }

    .callback-box .fancybox-close-small {
        top: 12px;
        right: 12px;
    }

    .callback-box .recall legend {
        font-size: 32px;
    }

    .callback-box .recall p {
        font-size: 16px;
    }

    .callback-box .recall input[type=text],
    .callback-box .recall input[type=submit] {
        height: 50px;
    }

    .callback-box .fancybox-close-small {
        width: 27px;
        height: 27px;
    }

    .callback-box .fancybox-close-small:after,
    .callback-box .fancybox-close-small:before {
        height: 34px;
        margin: -17px 0 0 -2px;
    }

    /* end pop-up callback */
}

@media screen and (max-width: 380px) {
    .lp_works_block .our_works_list .gallery-button-prev,
    .lp_works_block .our_works_list .gallery-button-next {
        top: 73px;
    }
}

/* begin first screen */
section#new_mp {
    min-height: 600px;
    height: 600px;
    background: url(/local/templates/bania.3.0/images/first-screen/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.mp_wrapper {
    display: flex;
    justify-content: space-between;
    font-family: "Museo Sans Cyrl 700";
}

.mp_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mp_left_title {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    width: 620px;
    max-width: 100%;
    margin-bottom: 24px;
}

.mp_left_title span {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    color: #00606D;
}

.mp_left_subtitle {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
    max-width: 480px;
}

.mp_left_subtitle span {
    font-weight: 600;
}

.mp_left_info-blocks {
    width: 480px;
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.mp_left_info {
    display: flex;
    align-items: center;
    width: 446.9px;
    height: 46px;
    background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green.svg');
}

.mp_left_info-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 0;
    margin: 0;
    padding-left: 55px;
}

.mp_right {
    width: 450px;
    max-width: 100%;
    padding: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__top {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

.mp_right__title {
    font-style: normal;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
    margin-bottom: 22px;
}

.mp_right__list {
    position: relative;
    margin-bottom: 22px;
    /*display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;*/
}

.mp_right__list div {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.mp_right__list div:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0;
    top: calc(50% - 4px);
    background: #275F6C;
    border-radius: 50%;
}

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

.mp_r_form-phone {
    width: 100%;
    max-width: 428px;
    margin-bottom: 22px;
}

.mp_r_form-phone input {
    border-radius: 5px;
    background: #FFF;
    height: 50px;
    width: 100%;
    max-width: 428px;
    font-style: normal;
    color: #999;
    font-size: 14px;
    line-height: 100%;
    border: 1px solid #fff;
    outline: none;
    padding-left: 81px;
    background-image: url(/local/templates/bania.3.0/images/mp-block-1-input.png);
    background-position-x: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
}

.mp_r_form-phone input#mp_r_form__phone::placeholder {
    color: #999;
    font-size: 14px;
    line-height: 100%;
}

.mp_r_form-btn {
    border-radius: 4px;
    background: linear-gradient(180deg, #35DA23 0%, #27A11A 100%);
    height: 72px;
    width: 100%;
    max-width: 428px;
    margin-bottom: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all .3s ease-in-out;
    user-select: none;
    cursor: pointer;
}

.mp_r_form-checklist {
    display: flex;
    align-items: center;
}

div#mp_r_form__checklist {
    min-width: 18px;
    min-height: 18px;
    margin: auto 9px auto 0;
    position: relative;
}

div#mp_r_form__checklist input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

div#mp_r_form__checklist input + span {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 2px;
    z-index: 1;
}

div#mp_r_form__checklist input:checked + span {
    background-image: url('/local/templates/bania.3.0/images/first-screen/check.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mp_r_form__checklist-text {
    line-height: 12px;
}

.mp_r_form__checklist-text span,
.mp_r_form__checklist-text a {
    color: #275F6C;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
}

@media (max-width: 767.98px) {
    section#new_mp {
        background: url(/local/templates/bania.3.0/images/first-screen/bg-m.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 100%;
        height: 704px;
    }

    .mp_wrapper {
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }

    .mp_left {
        margin-top: 40px;
        width: 100%;
    }

    .mp_left_title {
        font-size: 21px;
        width: 345px;
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .mp_left_subtitle {
        font-size: 19px;
        line-height: 28px;
        margin: 0 auto 22px;
        width: 345px;
        max-width: 100%;
    }

    .mp_left_info-blocks {
        gap: 4px;
        margin: 0 auto;
        max-width: 345px;
    }

    .mp_left_info {
        width: 320px;
        height: 35px;
        background: url('/local/templates/bania.3.0/images/first-screen/bg-check-green-m.svg');
    }

    .mp_left_info-text {
        font-size: 12px;
        padding-left: 40px;
    }

    .mp_right {
        width: 345px;
        max-width: 100%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto;
    }

    .mp_right__top {
        flex-direction: column;
        align-items: flex-start;
        /*gap: 24px;*/
        margin: 0 auto;
    }

    .mp_right__title {
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        margin: 0 auto 14px;
    }

    .mp_right__list {
        flex-direction: column;
        gap: 16px;
        margin: 0 auto 14px;
    }

    .mp_right__list div {
        font-size: 14px;
        padding-left: 20px;
    }

    .mp_right__form {
        width: 345px;
        max-width: 100%;
        /* flex-direction: column;
         align-items: flex-start;
         gap: 16px;*/
        margin: 0 auto;
    }

    .mp_r_form-phone {
        width: 345px;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .mp_r_form-btn {
        height: 50px;
        width: 345px;
        max-width: 100%;
        font-size: 16px;
        line-height: 21px;
        gap: 16px;
        margin-bottom: 6px;
    }

    .mp_r_form-btn svg {
        width: 26px;
        height: 26px;
    }

    .mp_r_form-checklist {
        max-width: 345px;
        width: 100%;
        margin: 0 auto;
    }

    div#mp_r_form__checklist {
        min-width: 12px;
        min-height: 12px;
    }

    .mp_r_form__checklist-text span {
        font-size: 7px;
    }

    .mp_r_form__checklist-text a {
        font-size: 7px;
    }

    .mobile_br_only {
        display: block !important;
    }
}

/* end first screen */

/* new style for promo */
section#new_mp{
    background: url("/local/templates/bania.3.0/img_new/pr_img-1.webp") no-repeat;
    background-size: cover;
    background-position: 30% 50%;
    height: 540px;
    min-height: auto;
    margin: 0 0 150px;
}
.mp_wrapper{
    display: block;
    padding: 28px 0 0;
}
.mp_left{
    width: 100%;
}
.mp_left_title{
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    line-height: 1.3;
    max-width: 100%;
    width: 100%;
    letter-spacing: -0.02em;
    margin-bottom: 18px;
    font-family: 'TT Firs Neue';
}
.mp_left_title span{
    color: #fff;
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: -10px;
}
.mp_left_title em{
    font-style: normal;
    color: #9BD72F;
}
.mp_left_subtitle{
    color: #fff;
    max-width: 382px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 30px;
    font-family: 'Montserrat';
}
.mp_left_subtitle b{
    font-weight: 700;
}
.mp_left_info-blocks{
    display: block;
    width: 100%;
    max-width: 456px;
}
.mp_left_info{
    border-radius: 80px;
    background: #8AC618;
    margin: 0 0 12px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: auto;
    padding: 17px 18px 16px 49px;
    position: relative;
}
.mp_left_info:after{
    position: absolute;
    content: '';
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("/local/templates/bania.3.0/img_new/pr_icon-1.svg") no-repeat;
    background-size: 100%;
}
.mp_left_info-text{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    letter-spacing: -0.02em;
    padding: 0;
}
.mp_right{
    width: 100%;
    max-width: 1056px;
    margin: 47px auto 0;
    border-radius: 20px;
    border: 3px solid #1CAABD;
    background: #FFF;
    box-shadow: 0px 4px 60px 0px rgba(19, 46, 71, 0.20);
    padding: 22px 47px 13px;
    display: block;
}
.mp_right__title{
    color: #00616E;
    font-family: 'Montserrat';
    line-height: 1.1;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}
.mp_right__list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 17px;
}
.mp_right__list div{
    color: #092023;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
    padding: 0 29px 0 0;
}
.mp_right__list div:last-child{
    padding: 0;
}
.mp_right__list div:before{
    left: auto;
    width: 6px;
    height: 6px;
    right: 12px;
    top: calc(50% - 2px);
}
.mp_right__list div:last-child:before{
    display: none;
}
.mp_right__form{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}
.mp_r_form-phone,
.mp_r_form-btn{
    width: calc(50% - 10px);
    max-width: none;
}
.mp_r_form-phone input{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #568A90;
    height: 60px;
    padding: 5px 27px;
    color: #000;
    font-family: 'TT Firs Neue';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    max-width: none;
}
.mp_r_form-phone input::placeholder{
    color: #000 !important;
    font-family: 'TT Firs Neue' !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1;
    opacity: 1 !important;
}
.mp_r_form-phone .txt{
    display: block;
    margin-top: 9px;
    color: #A4B0B1;
    font-family: 'Montserrat';
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}
.mp_r_form-btn{
    border-radius: 6px;
    background: #00616E;
    /* width: 100%; */
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.mp_r_form-btn:hover{
    background: #91c700;
    box-shadow: 10.6px 10.6px 25px rgba(128, 199, 0, 0.5);
}
.mp_r_form-btn span{
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    font-family: 'TT Firs Neue';
}
@media (max-width: 991px){
    section#new_mp{
        margin: 0 0 180px;
    }
}
@media (max-width: 767.98px){
    section#new_mp{
        margin: 0 0 200px;
        background-position: 40% 50%;
    }
    .mp_left_title{
        font-size: 34px;
    }
    .mp_left_title span{
        font-size: 50px;
    }
    .mp_left_subtitle{
        font-size: 20px;
    }
    .mp_left_subtitle{
        margin: 0 0 22px;
    }
    .mp_left_info-blocks{
        margin: 0;
    }
    .mp_right__list{
        flex-direction: row;
        gap: 0;
    }
    .mp_right__form,
    .mp_r_form-phone,
    .mp_r_form-btn{
        width: 100%;
    }
}
@media (max-width: 640px){
    section#new_mp{
        margin: 0 0 210px;
    }
    .mp_left_title{
        font-size: 24px;
    }
    .mp_left_title span{
        font-size: 40px;
    }
    .mp_left_info{
        padding: 10px 18px 10px 49px
    }
    .mp_right{
        padding: 22px 20px 13px;
    }
}
@media (max-width: 480px){
    section#new_mp{
        height: 620px;
        margin: 0 0 90px;
        background: url(/local/templates/bania.3.0/img_new/pr_img-1_1.webp) no-repeat;
        background-size: auto 100%;
        background-position: 50% 50%;
    }
    .mp_left_title span{
        font-size: 34px;
    }
    .mp_left_subtitle{
        width: 100%;
        font-size: 18px;
    }
    .mp_left_info-text{
        font-size: 15px;
    }
    .mp_right__title{
        font-size: 23px;
    }
    .mp_r_form-phone input,
    .mp_r_form-btn{
        height: 50px;
    }
    .mp_r_form-btn span{
        font-size: 16px;
    }
    .mp_right__list{
        display: block;
    }
    .mp_right__list div,
    .mp_right__list div:last-child{
        display: block;
        padding: 0 0 0 15px;
    }
    .mp_right__list div:before,
    .mp_right__list div:last-child:before{
        display: block;
        right: auto;
        left: 0;
        top: calc(50% - 3px);
    }
}
@media (max-width: 420px){
    section#new_mp {
        margin: 0 0 160px;
    }
}
@media (max-width: 380px){
    section#new_mp {
        margin: 0 0 210px;
    }
}

/* end new style for promo */
/* header */
body.has-topbar.redesing_head div#wrapper{
    padding-top: 197px;
}
.redesing_head #header{
    height: 137px;
}
.redesing_head .logo{
    width: 164px;
    height: 41px;
    top: 16px;
    left: 16px;
}
.redesing_head ul.contacts li .btn{
    width: 170px;
    padding: 12px 10px;
}
.redesing_head .slogan{
    position: absolute;
    top: 26px;
    left: 197px;
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
}
.redesing_head #header .contacts{
    width: 100%;
    max-width: 799px;
    /* top: 16px; */
    top: 9px;
    justify-content: space-between;
}
ul.contacts li:nth-child(2){
    margin: 0 0 0 28px;
}
.redesing_head ul.contacts li strong.phones{
    display: block;
    min-height: auto;
    /* margin: 4px 0 1px;
    padding-top: 10px; */
    margin: 0 0 1px;
    padding-top: 0;
}
.redesing_head ul.contacts li strong a{
    font-size: 20px;
    text-transform: none;
    font-family: 'TT Firs Neue';
}
.redesing_head ul.contacts li strong a:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li strong.phone_2 a{
    font-size: 14px;
    font-weight: 500;
}
.redesing_head ul.contacts li span{
    color: #707E80;
    font-family: 'TT Firs Neue';
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-left: 15px;
    position: relative;
}
.redesing_head ul.contacts li:nth-child(2) span:before{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #8ED212;
    top: 5px;
    left: 0;
    transform: none;
    margin: 0;
    animation: blink-animation 1s infinite;
}
@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.redesing_head ul.contacts li .wtsp{
    display: block;
    position: relative;
    max-width: 211px;
    padding-left: 42px;
    color: #000;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.26px;
    text-decoration: none;
    margin: 7px 0 0;
}
.redesing_head ul.contacts li .wtsp:hover{
    text-decoration: underline;
}
.redesing_head ul.contacts li .wtsp:after{
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: url(/local/templates/bania.3.0/images/telegram-icon.svg) no-repeat;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.redesing_head #navigation:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #E0E4EA;
}
.mob_contact{
    display: none;
}
@media (max-width: 1170px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 135px;
    }
    .redesing_head #header{
        height: 75px;
    }
    .redesing_head .logo{
        left: 55px;
    }
    .redesing_head .slogan{
        display: none;
    }
    .redesing_head #header ul.contacts li:nth-child(2){
        display: block;
    }
    .redesing_head #header .contacts{
        max-width: 690px;
    }
    .redesing_head #navigation:after{
        display: none;
    }
    .mb-burger{
        z-index: 2000;
    }
    #navigation .search .inner_search{
        display: none;
    }
    #navigation .search,
    .active-top #navigation .search{
        margin: 0;
        top: 98px;
        right: 28px;
        left: 28px;
        z-index: 3;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
        padding: 0;
        box-shadow: none;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .search .search-form button{
        height: 50px;
        background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
        background-position: 0 50%;
    }
    #navigation .search .close_search{
        display: none;
    }
    #navigation .search-form form{
        margin: 0;
    }
}
@media (max-width: 960px){
    .redesing_head #header .contacts{
        justify-content: flex-end;
    }
    .redesing_head ul.contacts li:first-child{
        display: block;
    }
    .redesing_head ul.contacts li .wtsp{
        width: 26px;
        height: 26px;
        padding-left: 0;
        overflow: hidden;
        text-indent: -9999px;
    }
    .redesing_head ul.contacts li:nth-child(2){
        margin: 0 0 0 20px;
    }
}
@media (max-width: 768px){
    .redesing_head #header{
        /* height: 55px; */
        height: 88px;
    }
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 115px;
    }
    .redesing_head #header .logo{
        width: 131px;
        height: 31px;
        right: auto;
        left: 20px;
        top: auto;
        bottom: 10px;
        z-index: 3;
    }
    .redesing_head #header .contacts{
        justify-content: start;
        max-width: none;
        display: none;
    }
    .mob_contact{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 9px 0 10px;
        border-bottom: 1px solid #E4E4E4;
        position: relative;
        z-index: 3;
    }
    .mob_contact .phone{
        display: block;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
    }
    .mob_contact .phone:hover{
        text-decoration: underline;
    }
    .mob_contact .call_link{
        position: relative;
        display: block;
        padding-left: 18px;
        color: #80C700;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        transition: all ease 0.3s;
        margin-right: auto;
        text-decoration: none;
    }
    .mob_contact .call_link .icon{
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 12px;
        height: 12px;
    }
    .mob_contact .call_link .icon path{
        transition: all ease 0.3s;
    }
    .mob_contact .call_link:hover{
        color: #006573;
    }
    .mob_contact .call_link:hover .icon path{
        fill: #006573;
    }
    .mb-burger{
        left: auto;
        right: 20px;
        top: auto;
        bottom: 1px;
    }
    .active-top .mb-burger{
        top: auto;
    }
    .mb-burger span{
        width: 38px;
        margin-left: -19px;
    }
    .mb-burger span:before,
    .mb-burger span:after{
        height: 2px;
        width: 38px;
    }
    .mb-burger span:after{
        width: 24px;
    }
    .mb-open-nav .mb-burger span:after{
        width: 38px;
    }
    #header .mob-social-icons{
        top: auto;
        bottom: 23px;
        left: auto;
        right: 100px;
        z-index: 3;
    }
    #header .mob-social-icons .icon__item a{
        width: 24px;
        height: 24px;
    }
    #header .mob-social-icons .icon__item a img{
        width: 100%;
        height: 100%;
    }
    #navigation{
        max-width: 100%;
        padding: 139px 28px 20px 28px;
    }
    #navigation:before{
        position: fixed;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        height: 155px;
        background: #fff;
        display: block;
        z-index: 3;
    }
    #navigation,
    .active-top #navigation{
        padding-top: 150px;
    }
    #navigation .search,
    .active-top #navigation .search{
        top: 88px;
    }
    .social-block{
        display: none;
    }
    .sab-nav{
        padding-top: 16px;
    }
    .sab-nav > li,
    .active-top #header .sab-nav > li{
        margin-right: 0;
    }
    .sab-nav > li > a{
        line-height: 41px;
        height: 41px;
        font-weight: 600;
    }
    .sab-nav > li > a.arrow:before{
        opacity: 1;
        width: 5px;
        height: 5px;
        transform: rotate(-45deg);
        border-color: #000;
        top: 16px;
    }
    .nav{
        padding-top: 7px;
        padding-bottom: 24px;
        margin: 0 0 24px;
    }
    .nav li a{
        color: #555;
        font-size: 14px;
        font-weight: 500;
        line-height: 2;
        display: inline-block;
        vertical-align: top;
    }
    .mob-contacts div{
        margin-bottom: 5px;
    }
    .mob-contacts .address{
        margin-bottom: 18px;
    }
    .address strong{
        max-width: 215px;
        font-family: 'TT Firs Neue', serif;
        font-size: 16px;
    }
    .address span{
        color: #555;
        font-size: 14px;
    }
    .mob-contacts a{
        font-family: 'TT Firs Neue', serif;
        font-weight: 500;
        font-size: 16px;
    }
    #navigation .search,
    .active-top #navigation .search{
        margin: 0;
        top: 98px;
        right: 28px;
        left: 28px;
        z-index: 3;
    }
    #navigation .search .search-form{
        border: none;
        height: auto;
        border-radius: 5px;
        background: #EBF0F0;
    }
    #navigation .search .search-form input{
        height: 50px;
        font-size: 13px;
        line-height: 1;
        padding: 10px 26px;
    }
    #navigation .search .search-form button{
        height: 50px;
        background: url("/local/templates/bania.3.0/img_new/icon_search-2.svg") no-repeat;
        background-position: 0 50%;
    }
    #navigation .sab-nav li > .drop{
        max-width: 100%;
        background-image: none;
    }
    #navigation .sab-nav li > .drop.open-drop{
        padding-top: 178px;
        padding-left: 28px;
        padding-right: 28px;
    }
    #navigation .sab-nav .drop .btn-back{
        position: relative;
        top: auto;
        left: auto;
    }
    .sab-nav li .drop .more-nav{
        display: none;
    }
    .sab-nav .drop .btn-back{
        padding-left: 24px;
        color: #000;
        font-weight: 600;
        font-family: 'TT Firs Neue', serif;
        text-transform: uppercase;
    }
    .btn-back:after{
        width: 10px;
        height: 10px;
        border-color: #000;
        border-width: 2px;
        left: 2px;
        margin-top: -7px;
    }
    .sab-nav > li > .drop ul{
        padding: 17px 0 0 27px;
    }
    .sab-nav > li > .drop ul li,
    .active-top #header .sab-nav > li > .drop ul li{
        margin: 0 0 11px;
    }
    .sab-nav > li > .drop > ul li a{
        color: #555;
        font-family: 'TT Firs Neue', serif;
        font-weight: 400;
        font-size: 15px;
    }
}
@media (max-width: 480px){
    body.has-topbar.redesing_head div#wrapper{
        padding-top: 85px;
    }
    body.has-topbar div#_topbar{
        position: fixed;
        bottom: 0;
        /* bottom: 80px; */
        left: 0;
        right: 0;
    }
}
/* end header */


body.compensate-for-scrollbar { overflow: auto; margin-right: 0; }

/* .product_page .information{
    padding: 0 28px 0 0;
} */
.product_page .product .slideshow .slides{
    position: static;
}
.product_page .product .slideshow .slick-prev,
.product_page .product .slideshow .slick-next{
    margin: 0;
    top: auto;
    bottom: 17px;
    width: 48px;
    height: 48px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
}
.product_page .product .slideshow .slick-prev:hover,
.product_page .product .slideshow .slick-next:hover{
    transform: none;
    background: #85B823;
}
.product_page .product .slideshow .slick-prev{
    left: -3px;
}
.product_page .product .slideshow .slick-next{
    right: -3px;
}
.product_page .product .slideshow .slick-next:after,
.product_page .product .slideshow .slick-prev:after{
    border-width: 2px;
    border-color: #76BC21;
}
.product_page .product .slideshow .slick-prev:hover:after,
.product_page .product .slideshow .slick-next:hover:after{
    border-color: #fff;
}
.product .slideshow .pagination{
    margin-left: 59px;
    margin-right: 54px;
    height: 106px;
}
@media screen and (max-width: 768px){
    .product_page .slideshow .pagination_wrap{
        padding: 0;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 161px !important
    } */
}
@media screen and (max-width: 480px){
    .product .slideshow .pagination{
        margin-top: -40px;
        margin-left: 34px;
        margin-right: 44px;
        height: 70px;
    }
    /* .product_page .product .pagination .pagination-slide {
        width: 105px !important
    } */
    .product_page .product .slideshow .slick-prev,
    .product_page .product .slideshow .slick-next{
        width: 36px;
        height: 36px;
        bottom: 7px;
    }
}

.redesing_head ul.contacts li .wtsp.tg::after { background-image: url(../img_new/tg_blue.svg); }

.catalog-tags-content {
	display: none; }
.catalog-tags-name {
	display: flex;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	background-color: #f3f3f3;
	border-radius: 20px;
	padding: 10px 20px;
	text-decoration: none;
	transition: 0.5s; }
.catalog-tags-name svg {
	margin-right: 5px; }
.catalog-tags-name:hover {
	cursor: pointer;
	background-color: #ddd; }
.catalog-tags-name svg {
	width: 15px;
	margin-left: 5px; }
.catalog-tags {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px; }
.catalog-tags-item {
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative; }
.catalog-tags-item ul {
	margin-top: 10px;
	background-color: #eee;
	border-radius: 10px;
	padding: 20px;
	width: 240px;
	display: flex;
	flex-wrap: wrap; }
.catalog-tags-content li {
	margin-bottom: 5px;
	margin-right: 20px; }
.catalog-tags-content a {
	color: #000;
	text-decoration: none;
	font-size: 15px;
	border-radius: 2px; }
.catalog-tags-content a:hover {
	color: #91c700; }

@media only screen and (min-width: 768px) {
	.catalog-tags-item:hover .catalog-tags-content {
		display: block;
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 10; }
}

@media only screen and (max-width: 768px) {
	.catalog-tags-name {
		font-size: 12px;
		padding: 5px 10px; }
	.catalog-tags-name svg {
		width: 10px; }
	.catalog-tags-item {
		margin-right: 5px;
		margin-bottom: 5px; }
	.catalog-tags {
		margin-bottom: 10px; }

	.catalog-tags-item:hover .catalog-tags-content {
		top: 25px; }
	.catalog-tags-content a {
		font-size: 13px;
		margin-bottom: 2px; }

	.catalog-tags-item.catalog-tags-item--dropdown .catalog-tags-name {
		background: #f9f9f9;
		font-weight: 300;
		color: #777; }
}

.catalog-tags-content a.active {
	text-decoration: underline;
}

/*=======================================================
=========================================================
                redesing index page
=========================================================
=========================================================
*/
.hero-promo {
    margin: 32px 0 140px;
    padding: 76px 63px 30px;
    position: relative;
    background-image: url('../images/index/img-1.webp');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
    color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
}
.hero-promo.steam-page {
    margin: 0 0 24px;
}
.hero-promo.steam-page .holder-title{
    margin: 0 0 163px;
}
.hero-promo.steam-page .hero-promo-content {
    margin-bottom: 34px;
}
.hero-promo.steam-page .promo-engineer {
    position: absolute;
    bottom: 64px;
    right: 64px;
    z-index: 2;
    max-width: 357px;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(24px);
    color: rgba(246, 246, 246, 1);
}
.hero-promo.steam-page .promo-engineer .photo {
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    margin: -12px -12px 23px;
}
.hero-promo.steam-page .promo-engineer .photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hero-promo.steam-page .promo-engineer p {
    color: rgba(246, 246, 246, 1);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 16px;
    max-height: 80px;
    overflow: hidden;
}
.hero-promo.steam-page .promo-engineer .button-holder a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
}
.hero-promo.steam-page .promo-engineer .button-holder a svg {
    margin: 0 0 0 8px;
}
.guide-section.steam-guide {
    padding: 0 0 100px;
    background: none;
}
.guide-section.steam-guide .icon {
    position: absolute;
    bottom: 28px;
    left: 32px;
}
.guide-section.steam-guide .guide-card {
    background-color: rgba(246, 246, 246, 1);
    position: relative;
}
.guide-section.steam-guide .guide-card .badge.active span{
    color: #fff;
    background-color: rgba(128, 195, 66, 1);
}
.project-see-mmore-galllery {
    margin: 0 -200px 0 0;
    position: relative;
}
.project-see-mmore-galllery .buttons {
    right: 200px !important;
}
.project-see-mmore-galllery .project-example-image {
    overflow: hidden;
    border-radius: 12px;
    height: 100%;
}
.project-see-mmore-galllery .project-example-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.project-see-mmore-galllery .swiper-slide {
    height: 520px;
}
.big.project-see-mmore-galllery .swiper-slide {
    height: 640px;
}
.project-see-mmore-galllery .project-example-text-block {
    position: absolute;
    top: 31px;
    left: 32px;
    background-color: #fff;
    padding: 24px;
    text-align: center;
    border-radius: 12px;
    width: 320px;
}
.project-see-mmore-galllery .project-example-text-block .btn {
    display: block;
    width: 100%;
    text-align: center;
}
.project-see-mmore-galllery .project-example-text-block h5 {
    font-weight: 400;
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 28px;
}
.project-see-mmore-galllery .project-example-text-block p {
    font-weight: 400;
    margin: 0 0 48px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(128, 135, 134, 1);
}
.project-see-mmore-galllery .project-example-text {
    position: absolute;
    bottom: 48px;
    left: 48px;
    color: #fff;
    right: 25%;
    z-index: 10;
}
.project-see-mmore-galllery .project-example-text h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin: 0 0 12px;
    color: #fff;
}
.project-see-mmore-galllery .project-example-text p {
    margin: 0;
    opacity: 0.7;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
}
.project-see-mmore-galllery .project-example-link {
    position: absolute;
    bottom: 48px;
    right: 46px;
}
.project-see-mmore-galllery .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -96px;
    right: 230px;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.project-see-mmore-galllery .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.project-see-mmore-galllery .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.project-options .button-holder {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.project-options .button-holder .btn {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 12px;
}
.hero-promo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#151515+0,ffffff+100&1+0,0+100 */
    background: linear-gradient(to right,  rgba(21,21,21,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hero-promo:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 285px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#151515+0,ffffff+100&1+0,0+100 */
    background: linear-gradient(to top,  rgba(21,21,21,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.hero-promo .reviews-list,
.hero-promo .hero-promo-content {
    position: relative;
    z-index: 2;
}
.hero-promo-content {
    max-width: 743px;
    margin: 0 140px 94px 0;
}
.hero-promo .holder-title {
    min-height: 428px;
}
.hero-promo h1 {
    margin: 0 0 14px;
    font-weight: 500;
    font-size: 80px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
}
.hero-promo .holder-title p {
    max-width: 525px;
}
.test-offer-intro {
    display: block;
    margin: 0 0 17px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-offers {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-offers li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;

}
.hero-promo-offers li::before {
    content: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.53786 1.06328C8.47336 1.09786 7.30349 2.27595 5.93813 3.68126L3.45563 6.23636L2.51769 5.26489C1.41302 4.12081 1.3194 4.05887 0.88326 4.18372C0.693279 4.23808 0.187561 4.72636 0.0766995 4.96243C-0.0244675 5.17796 -0.0256403 5.43826 0.0736894 5.64915C0.123765 5.7555 0.682685 6.35972 1.66664 7.37117C3.28773 9.03758 3.31166 9.0574 3.60265 8.97394C3.77754 8.92377 9.85515 2.66062 9.94376 2.43917C10.0233 2.24065 10.0183 2.02081 9.92989 1.8233C9.84713 1.63836 9.3232 1.10012 9.16597 1.0385C9.01094 0.977726 8.67249 0.991065 8.53786 1.06328Z" fill="white" /></svg>');
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
}
.hero-promo .green {
    max-width: 274px;
    padding: 20px 5px;
    background: #80C342;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-radius: 12px;
}
.hero-promo .reviews-list {
    position: absolute;
    right: 65px;
    top: 65px;
    width: 120px;
}

.reviews-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.review-card {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 16px;
    color: #ffffff;
    backdrop-filter: blur(24px);
    background: rgba(20, 20, 20, 0.2);
    width: 120px;
}
.review-icon {
    margin: 0 0 30px;
    max-width: 46px;
    height: 15px;
}
.review-icon img {
    display: block;
    max-width: 100%;
}
.review-score {
    display: block;
    margin: 0 0 3px;
    font-weight: 500;
    font-size: 48px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.review-count {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: rgba(237, 239, 238, 0.5);
}
.hero-promo-details {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    list-style: none;
    counter-reset: item;
    border-top: 1px solid #fff;
    margin: 0;
    padding: 15px 2% 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.hero-promo-details  li {
    max-width: 23%;
}
.hero-promo-details span {
    position: relative;
    display: block;
    margin: 0 0 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
.hero-promo-details span:before {
    display: inline;
    margin: 0 13px 0 0;
    content: "0" counter(item); /* Убираем точку и добавляем ведущий ноль */
    counter-increment: item; /* Увеличиваем счетчик */
    color: rgba(255, 255, 255, 0.4);
}
.advantages-section {
    display: none;
    position: relative;
    margin: 0 0 75px;
}
.advantages-section h2 {
    margin: 0;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.1;
    color: #151616;
}
.swipe-indicator {
    margin: 0 0 8px auto;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
    width: 32px;
    height: 16px;
    background: #edefee;
}
.swipe-dot {
    width: 8px;
    height: 8px;
    background: #80c342;
    border-radius: 50%;
    animation: swipeAnimation 2s ease-in-out infinite;
}
@keyframes swipeAnimation {
    0% {
        transform: translateX(7px); /* Начинает справа */
        opacity: 1;
    }
    50% {
        transform: translateX(-7px); /* Плавно перемещается влево */
        opacity: 1;
    }
    100% {
        transform: translateX(-7px); /* Исчезает слева */
        opacity: 0;
    }
}
.advantages-slider {
    overflow: hidden;
    margin: 0 -25px 0 0;
}
.advantages-slider .swiper {
    margin: 0 -55% 0 0 ;
}
.advantages-slider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.advantages-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.advantages-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.advantage-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    padding: 16px;
    height: 140px;
    background: #f6f6f6;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #323836;
    box-sizing: border-box;
}
.advantage-item-stem {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: #80c342;
}
.advantage-item-stem span {
    display: inline-block;
    vertical-align: top;
    opacity: 0.3;
}
.advantage-item p {
    margin: 0;
}














.projects-content {
    margin: 0 0 120px;
}
.projects-content h2 {
    max-width: 970px;
    margin: 0 auto 46px;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    text-align: center;
    color: #151616;
}
.holder-architect-info {
    display: flex;
    margin: 0 0 20px;
    gap: 20px;
}
.architect-info {
    flex: 0 0 290px;
}
.architect-info  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.architect-info .photo-img {
    max-width: 64px;
    margin: 0 0 25px;
}
.architect-info img {
    display: block;
    max-width: 100%;
}
.architect-name {
    display: block;
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #151616;
}
.architect-position {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #808786;
}
.architect-details {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.architect-details p {
    max-width: 230px;
    margin: 0 0 25px;
}
.architect-details .btn {
    position: relative;
    padding: 18px 45px 18px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background: #80c342;
    border-radius: 12px;
}
.architect-details .btn:before {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.holder-architect-info .large-project {
    flex: 1 1 auto;
    min-height: 500px;
}
.large-project {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 7px 5%;
    min-height: 440px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #cbcdcc;
}
.large-project:hover {
    color: #cbcdcc;
}
.large-project:before {
    opacity: 0;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 58px;
    height: 58px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.large-project:hover:before {
    opacity: 1;
}
.large-project h3 {
    margin: 0 0 8px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.list-projects {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.list-projects .holder-block {
    flex: 0 0 33.3%;
    width: 33.3%;
    margin: 0 0 20px;
    padding: 0 10px;
}
.list-projects .holder-block.w-50 {
    flex: 0 0 50%;
    width: 50%;
}
.video-portfolio-section {
    display: flex;
    margin: 0 0 150px;
}
.video-portfolio-section .holder-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 773px;
    width: 773px;
    padding: 0 1.2% 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.video-portfolio-section h2{
    max-width: 500px;
    margin: 0 0 30px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.video-portfolio-section p {
    max-width: 402px;
    margin: 0 0 23px;
}
.video-portfolio-section .holder-button {
    display: flex;
    justify-content: space-between;
}
.video-portfolio-section .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px 5px;
    width: 207px;
    height: 48px;
    background: #80c342;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.control-slider {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.control-slider .carousel-pagination {
    margin: 0 10px;
    line-height: 1.4;
    font-weight: 400;
    font-size: 16px;
    color: #808786;
}
.control-slider .carousel-pagination .swiper-pagination-current {
    font-weight: 700;
    font-size: 18px;
    color: #151616;
}
.control-slider .button-swiper-next,
.control-slider .button-swiper-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.control-slider .button-swiper-next:hover,
.control-slider .button-swiper-prev:hover,
.control-slider .swiper-button-disabled {
    display: flex !important;
    background: #808786;
    color: rgba(255, 255, 255, 0.3);
}
.video-portfolio-section .slider-video {
    flex: 1 1 auto;
    overflow: hidden;
    /*margin: 0 -405px 0 0;*/
    margin: 0 -22% 0 0;
}
.slider-video .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.slider-video .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.slider-video .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.video-promo-block {
    position: relative;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 7px 5%;
    min-height: 520px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #cbcdcc;
}
.video-promo-block:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to top,  rgba(21,21,21,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    opacity: 0.8;
}
.video-promo-block:hover {
    color: #cbcdcc;
}
.video-promo-block:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 140px;
    height: 140px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M49.9999 99.8485C77.5304 99.8485 99.8483 77.5305 99.8483 50C99.8483 22.4694 77.5304 0.151489 49.9999 0.151489C22.4693 0.151489 0.151367 22.4694 0.151367 50C0.151367 77.5305 22.4693 99.8485 49.9999 99.8485ZM60.1665 50.3357C60.8332 49.9508 60.8332 48.9885 60.1665 48.6036L46.462 40.6913C45.7953 40.3064 44.962 40.7875 44.962 41.5573V57.382C44.962 58.1518 45.7953 58.6329 46.462 58.248L60.1665 50.3357Z" fill="white"/></svg>');
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.video-promo-block:hover:before {
    opacity: .8;
}
.video-promo-block .promo-details {
    position: relative;
    z-index: 1;
}
.video-promo-block h3 {
    margin: 0 0 8px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}
.projects-top {
    margin: 0 0 110px;
}
.projects-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 48px;
}
.projects-header .badge {
    margin: 0 4.5% 0 0;
}
 .badge span{
    display: inline-block;
    vertical-align: top;
    padding: 8px 16px;
    background-color: #E6F5D0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #80c342;
    border-radius: 8px;
}
.projects-header .holder-title {
    padding: 0 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #323836;
}
.projects-header h2 {
    margin: 0 0 9px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1;
    color: #151616;
}
.projects-header p {
    margin: 0;
}
.project-offer-block {
    display: flex;
    align-items: center;
    margin-top: auto;
    max-width: 600px;
    background: #f6f6f6;
    border-radius: 12px;
    padding: 22px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #151616;
}
.offer-icon {
    flex: 0 0 64px;
    margin: 0 20px 0 0;
}
.offer-icon img {
    display: block;
    max-width: 100%;
}
.promotion-text p {
    margin: 0;
}
.promotion-text a {
    color: #80c342;
    text-decoration: none;
}

.projects-list {
    overflow: hidden;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 0 60px;
}
.projects-list .project-card {
    flex: 0 0 calc(50% - 10px); /* 20px - это значение gap */
    width:  calc(50% - 10px);
    margin: 0 0 21px;
}
.project-card-slider {
    position: relative;
    margin: 0 0 25px;
}
.project-card-slider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
}
.project-card-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.project-card-slider .swiper-slide {
    background-position: center;
    background-size: cover;
}
.project-card-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.project-card-slider .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.project-card-slider .holder-img {
    padding-top: 53.5%;
    overflow: hidden;
    border-radius: 12px;
}
.project-card-slider .holder-img img{
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    max-height: 460px;
}
.project-card-slider .control-swiper {
    position: absolute;
    z-index: 9;
    right: 25px;
    top: 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.project-card-slider .button-swiper-next,
.project-card-slider .button-swiper-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.project-card-slider .button-swiper-next:hover,
.project-card-slider .button-swiper-prev:hover {
    background: #80c342;
}
.project-info .project-info-head {
    display: flex;
    justify-content: space-between;
}
.project-info h3 {
    margin: 0 0 15px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    color: #151616;
}
.project-info strong {
    font-weight: 700;
}
.project-info .project-price {
    white-space: nowrap;
    display: block;
    margin: 0 0 8px 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    text-align: right;
    color: #151616;
}
.project-info .project-info-footer {
    padding: 16px 0 0;
    border-top: 1px solid #edefee;
    display: flex;
    justify-content: space-between;
}
.project-info .project-details {
    display: flex;
    margin-bottom: 0;
}
.project-info .project-details span {
    display: block;
    margin: 0 19px 0 0;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #737373;
}
.project-info .project-details b {
    display: block;
    padding: 4px 0 0;
    font-weight: 500;
    font-size: 16px;
    color: #151616;
}
.project-info .btn {
    border-radius: 8px;
    padding: 14px 5px;
    width: 158px;
    border-color: #80c342;
    background: #80c342;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
}
.project-info .btn:hover {
    border-color: #80c342;
    background: #80c342;
    color: #fff;
}
.center-block {
    display: flex;
    justify-content: center;
}
.btn-plus {
    margin: 0 0 30px;
    max-width: 333px;
    position: relative;
    padding: 18px 45px 18px 23px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background: #80c342;
    border-radius: 12px;
}
.btn-plus:before {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.4525 0.0723828C4.37766 0.112227 4.26367 0.21918 4.19922 0.310078L4.08203 0.475352L4.07043 2.26711L4.05883 4.05883L2.26711 4.07043L0.475352 4.08203L0.310078 4.19922C0.0520705 4.38215 0 4.5166 0 5C0 5.4834 0.0520705 5.61785 0.310078 5.80078L0.475352 5.91797L2.26711 5.92957L4.05883 5.94117L4.07043 7.73289L4.08203 9.52465L4.19922 9.68992C4.38215 9.94793 4.5166 10 5 10C5.4834 10 5.61785 9.94793 5.80078 9.68992L5.91797 9.52465L5.92957 7.73289L5.94117 5.94117L7.73289 5.92957L9.52465 5.91797L9.68992 5.80078C9.94793 5.61785 10 5.4834 10 5C10 4.5166 9.94793 4.38215 9.68992 4.19922L9.52465 4.08203L7.73289 4.07043L5.94117 4.05883L5.92957 2.26711L5.91797 0.475352L5.80078 0.310078C5.61785 0.0520703 5.4834 0 5 0C4.67445 0 4.56023 0.0151172 4.4525 0.0723828Z" fill="%23323836"/></svg>');
    background-size: 10px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.banner-toolbar {
    margin: 0 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px 10px 9px;
    background: #323836;
    border-radius: 12px;
}
.banner-toolbar .toolbar-item {
    margin: 0 24px 24px;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}
.banner-toolbar .icon {
    flex: 0 0 24px;
    width: 24px;
    margin: 0 16px 0 0;
}
.banner-toolbar span {
    display: block;
}
.dream-sauna-section {
    margin: 24px 0 140px;
    padding: 28.5% 4.3% 70px;
    overflow: hidden;
    position: relative;
    background-image: url("../images/index/img-14.webp");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    border-radius: 12px;
    color: #FFFFFF;
}
.our_features .swipe-indicator,
.dream-sauna-section .swipe-indicator {
    display: none;
}
.dream-sauna-section:before {
    content: '';
    position: absolute;
    top: 17%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
    transform: rotate(180deg);
    opacity: 0.8;
}
.dream-sauna-section .section-title {
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 72px;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.dream-sauna-section .sub-title {
    display: block;
    margin: 0 0 40px;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}
.sauna-content-section {
    position: relative;
    display: flex;
    gap: 12px;
}
.sauna-content-section .features-grid {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}
.sauna-content-section .feature-item {
    background: #323836;
    border-radius: 12px;
    padding: 24px 24px 18px;
    margin: 0 0 8px;
    width: calc(25% - 12px);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
}
.sauna-content-section .feature-icon {
    max-width: 40px;
    margin: 0 0 44px;
}
.sauna-content-section .feature-icon img {
    display: block;
    max-width: 100%;
}
.sauna-content-section .feature-title {
    margin: 0 0 12px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}
.sauna-content-section p {
    margin: 0;
}
.consultation-form {
    flex: 0 0 28%;
    margin: 0 0 8px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #737373;
}
.consultation-form .col {
    margin: 0 0 8px;
}
.consultation-form .col input {
    border: 1px solid #edefee;
    border-radius: 8px;
    padding: 16px 24px;
    width: 100%;
    height: 54px;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: #737373;
}
.consultation-form .btn {
    border-radius: 12px;
    padding: 18px 5px;
    margin: 0 0 11px;
    max-width: 100%;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.form-policy {
    display: inline-block;
    vertical-align: top;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #737373;
}
.form-policy input {
    display: none;
}
.form-policy span {
    position: relative;
    padding: 0 0 0 29px;
    display: inline-block;
    vertical-align: top;
}
.form-policy span:before {
    cursor: pointer;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 13px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #cbcdcc;
    box-sizing: border-box;
}
.form-policy input:checked + span:before {
    background-color: #80c342;
    background-image: url("data:image/svg+xml;utf8,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.83029 0.850675C6.77869 0.878337 5.8428 1.82081 4.7505 2.94505L2.7645 4.98914L2.01415 4.21196C1.13041 3.29669 1.05552 3.24714 0.706608 3.34702C0.554623 3.39051 0.150049 3.78113 0.0613596 3.97C-0.019574 4.14242 -0.0205123 4.35065 0.0589515 4.51937C0.0990118 4.60445 0.546148 5.08782 1.33331 5.89698C2.63019 7.23011 2.64933 7.24597 2.88212 7.1792C3.02203 7.13906 7.88412 2.12854 7.95501 1.95138C8.01862 1.79257 8.01465 1.6167 7.94391 1.45869C7.87771 1.31074 7.45856 0.880142 7.33278 0.830847C7.20875 0.782229 6.93799 0.792901 6.83029 0.850675Z' fill='white' /></svg>");
    background-position: center;
    background-repeat: no-repeat;
    border-color: #80c342;
}
.form-policy a {
    text-decoration: none;
    color: #80c342;
}
.form-policy a:hover {
    text-decoration: underline;
}
.reviews-section {
    margin: 0 0 120px;
}
.reviews-header {
    position: relative;
    display: flex;
    margin: 0 0 28px;
}
.reviews-header .swipe-indicator {
    display: none;
}
.reviews-header .badge {
    padding: 13px 0 0;
    margin: 0 18% 0 0;
}
.reviews-header h2 {
    max-width: 600px;
    margin: 0 0 20px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.reviews-navigation {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

.reviews-navigation .reviews-next,
.reviews-navigation .reviews-prev {
    cursor: pointer;
    margin: 0 0 0 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: #323836;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1;
    transition: all linear 0.1s;
}
.reviews-navigation .reviews-next:hover,
.reviews-navigation .reviews-prev:hover {
    background: #80c342;
}
.features-section  .swiper-pagination,
.reviews-swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 200px 20px 0;
    padding-bottom: 24px;
    bottom: -18px !important;
    transform: translate3d(0, 24px, 0) !important;
}
.features-section {
    padding: 0 0 24px;
}
.features-section .swiper-pagination .swiper-pagination-bullet,
.reviews-swiper .swiper-pagination .swiper-pagination-bullet{
    cursor: pointer;
    display: block;
    border-radius: 8px;
    width: 50px;
    height: 6px;
    background: #80c342 !important;

}
.reviews-swiper .swiper-pagination .swiper-pagination-bullet:hover,
.reviews-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #80c342;
}

.reviews-swiper {
    position: relative;
    overflow: hidden;
    margin: 0 -200px 0 0;
}
.reviews-swiper .swiper-wrapper {
    margin: 0 0 24px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.reviews-swiper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.reviews-swiper .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.testimonial-card {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    min-height: 460px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.testimonial-card:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M49.9999 99.8485C77.5304 99.8485 99.8483 77.5305 99.8483 50C99.8483 22.4694 77.5304 0.151489 49.9999 0.151489C22.4693 0.151489 0.151367 22.4694 0.151367 50C0.151367 77.5305 22.4693 99.8485 49.9999 99.8485ZM60.1665 50.3357C60.8332 49.9508 60.8332 48.9885 60.1665 48.6036L46.462 40.6913C45.7953 40.3064 44.962 40.7875 44.962 41.5573V57.382C44.962 58.1518 45.7953 58.6329 46.462 58.248L60.1665 50.3357Z" fill="white"/></svg>');
    background-size: 71px 71px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.testimonial-card:hover:before {
    opacity: .8;
}
.holder-map {
    position: relative;
    margin: 0 0 24px;
}
.holder-map .badge {
    position: absolute;
    left: 0;
    top: 0;
}
.holder-map h2 {
    max-width: 1060px;
    padding: 0 0 0 15px;
    margin: 0 auto 40px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.map {
    width: 100%;
    height: 734px;
    border-radius: 12px;
}
.ymaps-2-1-79-balloon__content {
    padding: 0!important;
    border-radius: 4px;
    overflow: hidden;
}
.ymaps-2-1-79-balloon__content > ymaps {
    height: auto!important;
}
.ymaps-2-1-79-balloon {
    border: none !important;
    box-shadow: none !important;
}
.ymaps-2-1-79-balloon__layout {
    border-radius: 5px;
}
.ymaps-2-1-79-balloon_to_top .ymaps-2-1-79-balloon__tail {
    display: none;
}
.listing-details-map {
    padding: 5px;
}
.features-slider {
    position: relative;
    overflow: hidden;
    margin: 0 -200px 123px 0;
}
.features-slider .swiper-slide {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.features-slider .swiper-slide div {
    position: relative;
    z-index: 2;
}
.features-slider .swiper-slide:after {
    content: '';
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 400px;
  background: linear-gradient(to bottom, transparent, black);
  z-index: 1;
}
.features-slider .swiper-wrapper {
    margin: 0 0 24px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}
.features-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 720px;
    border-radius: 12px;
    font-family: 'TT Firs Neue', sans-serif;
    padding: 16px 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #edefee;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.features-slider .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.features-slider .slide-number {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 0 0 11px 0;
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.features-slider p {
    margin: 0 0 22px;
}
.features-slider strong {
    font-weight: 600;
}
.features-slider .slide-title {
    display: block;
    margin: 0 0 26px;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}
.features-slider .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 200px 20px 0;
}
.features-slider .swiper-pagination .swiper-pagination-bullet{
    cursor: pointer;
    display: block;
    border-radius: 8px;
    width: 50px;
    height: 6px;
    background: #edefee;
}
.features-slider .swiper-pagination .swiper-pagination-bullet:hover,
.features-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #80c342;
}
.link-more {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}
.link-more svg {
    margin: 0 0 0 5px;
}
.features-slider .link-more {
    display: none;
}
.guide-section {
    padding: 120px 0;
    background: #f6f6f6;
}
.guide-section .holder-title {
    text-align: center;
}
.guide-section .holder-title .badge {
    margin: 0 0 25px;
}
.guide-section .holder-title .badge span {
    background: #80c342;
    color: #fff;
}
.guide-section h2 {
    max-width: 1160px;
    text-align: center;
    margin: 0 auto 45px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.2;
    color: #151616;
}
.guide-section h2 span {
    color: #80c342;
}
.guide-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.guide-cards .guide-card {
    flex: 0 0 calc(20% - 20px);
}
.guide-card {
    margin: 0 0 8px;
    min-height: 352px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    border-radius: 12px;
    overflow: hidden;
    padding: 32px 28px 100px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #323836;
}
.guide-card .badge {
    margin: 0 0 23px;
}
.guide-card strong {
    font-weight: 600;
}
.guide-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 18px;
}
.guide-buttons .btn {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 10px 24px;
    height: 56px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.guide-buttons .btn svg {
    margin-right: 10px;
}
.btn.blue {
    background: #18a3e6;
    border-color: #18a3e6;
}
.btn.blue:hover {
    box-shadow: 10.6px 10.6px 25px rgba(24, 163, 230, 0.50);
    font-family: 'TT Firs Neue', serif;
    background: #18a3e6;
    border: 1px solid #18a3e6;
}
.choose-block {
    margin: 0 0 24px;
}
.choose-block .block-head {
    display: flex;
    justify-content: center;
}
.choose-block .block-head .head-text {
    display: flex
;
    justify-content: center;
    flex-direction: column;
    width: 55%;
    margin-bottom: 48px;
}
.choose-block .block-head .tag {
    top: 0;
    transform: none;
}
.choose-holder {
    display: flex;
    gap: 20px;
}
.choose-holder .choose-item {
    flex: 0 1 352px;
    width: 352px;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 12px;
    background: rgba(246, 246, 246, 1);
}
.choose-holder .choose-item .choose-image {
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 32px;
    height: 254px;
}
.choose-holder .choose-item .choose-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.choose-holder .choose-item .choose-text {
    padding: 0 20px;
}
.choose-holder .choose-item .choose-text em {
    font-style: normal;
    color: rgba(128, 195, 66, 1);
    background-color: rgba(128, 195, 66, 0.1);
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 8px;
    margin: 0 0 32px;
}
.choose-holder .choose-item .choose-text h4 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 28px;
    color: rgba(21, 22, 22, 1);
    font-weight: 400;
}
.choose-holder .choose-item .choose-text p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(21, 22, 22, 1);
}
.choose-holder .choose-item .choose-text p strong {
    font-weight: 600;
}
.card-project-info .project-image {
    flex:0 0 42%;
}
.card-project-info .project-list-info {
    padding: 24px 0 73px;
}
.card-project-info .project-list-info p {
    margin:0 0 20px;
}
.card-project-info .project-list-info ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}
.card-project-info .project-list-info ul li em {
    display: flex;
    background: rgba(128, 195, 66, 0.1);
    height: 40px;
    line-height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px;
    border-radius: 8px;
}
.card-project-info .project-list-info ul li p {
    margin: 0;
}
.project-price-block {
    display: flex;
    gap: 8px;
}
section.project-price-block {
    display: none;
}
.project-price-form {
    flex: 0 0 50%;
    padding:32px;
    background: rgba(50, 56, 54, 1);
    border-radius: 12px;
    color: #fff;
}
.project-price-block .project-price-info h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
}
.project-price-block .project-price-info {
    flex: 0 0 50%;
    width: 50%;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #fff;
    padding: 31px 150px 40px 32px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 100%;
}
.project-price-form label {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 8px;
}
.project-price-form label strong {
    color: rgba(128, 195, 66, 1);
}
.project-price-form p {
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 23px;
}
.project-price-form .form-input {
    margin: 0 0 8px;
}
.project-price-form .form-input input[type=text] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(237, 239, 238, 1);
    background: #fff;
    padding: 24px 16px;
    font-size: 14px;
    line-height: 22px;
    height: 54px;
}
.project-price-form .btn {
    width: 100%;
    text-align: center;
    margin: 0 0 12px;
    height: 56px;
}
.project-price-form .form-input label {
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(246, 246, 246, 1);
}
.project-price-form .form-input label a {
    color: rgba(128, 195, 66, 1);
}
.card-project-info .project-image.project-image-gallery {
    margin: 0 42px auto 0;
    padding: 18px;
    height: auto;
    flex-direction: column;
}
.big-gallery.card-project-info {
    align-items: stretch;
}

.big-gallery.card-project-info .project-image.project-image-gallery {
    position: relative;
    padding: 0;
    margin: 0 42px 0 0;
}
.big-gallery.card-project-info .project-image.project-image-gallery .swiper-slide {
    border-radius: 12px;
    overflow: hidden;
}
.big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery {
    margin: 0 0 0 42px;
}
.big-gallery.card-project-info .project-info .project-text {
    padding: 0 10% 0 0;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current,
.big-gallery.card-project-info .card-project-info-nav {
    color: #fff !important;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
    gap: 8px;
}
.big-gallery.card-project-info .project-image.project-image-gallery .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
    position: absolute;
    right: 48px;
    bottom: 37px;
    z-index: 100;
}
.card-project-info .project-text-list {
    padding: 140px 0 0;
}
.card-project-info .project-text-list li {
    position: relative;
    margin: 0 0 12px;
    padding: 0 0 0 42px;
}
.card-project-info .project-text-list li span {
    position: absolute;
    top:3px;
    left:0;
    display: flex;
    background-color: rgba(128, 195, 66, 1);
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.card-project-info.big-gallery {

}
.card-project-info .project-image.project-image-gallery .card-project-info-nav{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current {
    font-weight: 700;
    font-size: 18px;
    color: rgba(21, 22, 22, 1);
}
.card-project-info .project-image.project-image-gallery .btn-prev,
.card-project-info .project-image.project-image-gallery .btn-next {
    display: block !important;
    background-color: rgba(50, 56, 54, 1);
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    flex: 0 0 48px;
}
.card-project-info .project-image.project-image-gallery .btn-prev svg{
    margin: 0 0 -4px;
}
.card-project-info .project-image.project-image-gallery .btn-next {
    padding: 4px 0 0;
}
.card-project-info .project-image.project-image-gallery span svg path {
    fill: #fff;
}
.technologies-block {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding: 80px;
    margin-bottom: 160px;
}
.technologies-block * {
    position: relative;
    z-index: 1;
}
.technologies-block h4 {
    color: #fff;
    font-size: 56px;
    line-height: 67px;
    margin: 0 0 16px;
    font-weight: 500;
}
.technologies-block .text-block p {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    color: rgba(246, 246, 246, 1);
}
.technologies-block .text-block {
    margin: 0 0 123px;
    width: 50%;
}
.technologies-block .technologies-info {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    color: #fff;
}
.technologies-block .technologies-info li {
    flex: 0 0 28%;
}
.technologies-block .technologies-info strong {
    display: block;
    margin: 0 0 2px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
}
.technologies-block .technologies-info p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(246, 246, 246, 1);
    margin: 0;
}
.technologies-block .image {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height: 100%;
    z-index: 0;
}
.technologies-block .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.technologies-block .image img + img {
    display: none;
}
.technologies-block .cup .icon {
    position: absolute;
    top:-30px;
    left:-30px;
}
.technologies-block .cup {
    backdrop-filter: blur(24px);
    position: absolute;
    right: 32px;
    bottom: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    width: 300px;
    padding: 12px;
}
.technologies-block .cup .visual {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin: 0 0 24px;
}
.technologies-block .cup strong {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin: 0 12px 8px;
    font-weight: 400;
}
.technologies-block .cup p {
    margin: 0 12px;
    font-size: 14px;
    line-height: 19px;
    color: rgba(246, 246, 246, 1);
}
.project-opinion-galllery {
    position: relative;
    margin: 0 -200px 0 0;
}
.project-opinion-galllery .buttons {
    right: 200px;
}
.project-opinion-galllery .visual {
    height: 480px;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 0 24px;
}
.project-opinion-galllery .visual img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.project-opinion-galllery h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 32px;
    color: rgba(21, 22, 22, 1);
}
.project-opinion-galllery p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(128, 135, 134, 1);
    margin: 0 0 8px;
}
.project-opinion-galllery .text-block a {
    color: rgba(21, 22, 22, 1);
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
}
.project-opinion-galllery .text-block a svg {
    margin: 0 0 0 8px;
}

.project-options .buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -96px;
    right: 0;
    display: flex;
    gap: 8px;
    z-index: 2;
}
.project-opinion-galllery .buttons {
    right: 200px;
}
.project-options .buttons a {
    display: block !important;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    text-align: center;
    line-height: 48px;
    background-color: rgba(50, 56, 54, 1);
    text-decoration: none;
    padding: 4px 0 0;
}
.project-options .buttons a:hover {
    background-color: rgba(128, 195, 66, 1);
}
.card-project-info.flex-reverse {
    flex-direction: row-reverse;
}
.card-project-info.flex-reverse .project-image {
    margin: 0 0 auto 42px;
}
.card-project-info.flex-reverse .project-info .project-text {
    padding: 0 10% 0 0;
}
.card-project-info.flex-reverse .project-info .project-text p {
    margin: 0 0 24px;
}
.result-block {
    background-position: 50% 65%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 0 48px;
}
/* overlay */

.result-block:after {
position: absolute;
left: 0px;
top: 0;
right: 0;
bottom: 0;
z-index:0;

background: linear-gradient(270deg, rgba(21, 21, 21, 0) 0%, #151515 100.04%);
mix-blend-mode: normal;
content: '';
}
.result-block * {
    position: relative;
    z-index: 2;
}
.result-block h4 {
    color: #fff;
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 113px;
    font-weight: 500;
}
.result-block .price {
    display: flex;
    gap: 49px
}
.result-block .price-item em {
    font-style: normal;
    color: #fff;
    display: block;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.result-block .price-item strong {
    color: rgba(128, 195, 66, 1);
    display: block;
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 14px;
    font-weight: 500;
}
.result-block .price-item p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgba(255, 255, 255, 1);
}
.result-block .price-item:last-child {
    border-left: 1px solid #fff;
    padding: 0 0 0 23px;
}
.result-block .result-popup {
    position: absolute;
    top: 48px;
    right: 48px;
    width: 30%;
    padding: 32px;
    border-radius: 12px;
    background: rgba(50, 56, 54, 1);
}
.result-block .result-popup p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 16px ;
}

.result-block .result-popup .btn {
    display: block;
    text-align: center;
    height: 56px;
    font-size: 16px;
}
.result-block .result-popup .title {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 40px;
    color: #fff;
}
.result-block .result-popup .title svg {
    margin: 0 24px 0 0;
}
@media screen and (max-width: 1550px) {
    .dream-sauna-section {
        margin: 24px 0 100px;
        padding: 28.5% 3% 70px;
        }
}
@media screen and (max-width: 1450px) {
    .video-portfolio-section .holder-text {
        flex: 0 0 650px;
        width: 650px;
    }
    .projects-header .badge {
        margin: 0 20px 0 0;
    }
    .projects-header h2 {
        font-size: 45px;
    }
    .project-info .project-price,
    .project-info h3 {
        font-size: 20px;
    }
    .sauna-content-section .feature-item {
        width: calc(50% - 12px);
        margin: 0;
    }
}
@media screen and (max-width: 1330px) {
    .holder-map .badge {
        position: static;
        margin: 0 0 24px;
    }
    .holder-map h2 {
        padding: 0;
        max-width: 100%;
    }
    .guide-cards .guide-card {
        flex: 0 0 calc(33.3% - 20px);
    }
    .guide-cards .guide-card:first-child {
        flex: 0 0 calc(67.5% - 20px);
        padding-right: 30%;
    }
}
@media screen and (max-width: 1250px) {
    .projects-header {
        display: block;
        margin: 0 0 20px;
    }
    .projects-header .badge {
        margin: 0 0 24px;
    }
    .projects-header .holder-title {
        margin: 0 0 48px;
    }
    .project-see-mmore-galllery {
        margin: 50px -200px 0 0;
    }
}
@media screen and (max-width: 1170px) {
    .hero-promo h1 {
        font-size: 65px;
    }
    .guide-section h2,
    .holder-map h2,
    .reviews-header h2,
    .video-portfolio-section h2,
    .projects-content h2 {
        font-size: 50px;
    }
    .video-portfolio-section .holder-text {
        flex: 0 0 500px;
        width: 500px;
    }
    .video-promo-block {
        font-size: 14px;
    }
    .video-promo-block h3 {
        font-size: 20px;
    }
    .projects-list {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 0 40px;
    }
    .projects-list .project-card {
        flex: 0 0 621px;
        width: 621px;
    }
    .projects-top {
        margin: 0 0 70px;
    }
    .dream-sauna-section {
        padding: 28.5% 3% 45px;
    }
    .dream-sauna-section .section-title {
        font-size: 55px;
    }
    .consultation-form {
        flex: 0 0 34%;
    }
    .testimonial-card {
        min-height: 400px;
    }
    .map {
        height: 600px;
    }
    .features-slider .swiper-slide {
        font-size: 12px;
        min-height: 480px;
        padding: 16px 23px;
    }
    .features-slider {
        margin: 0 -200px 90px 0;
    }
    .features-slider .slide-number {
        font-size: 14px;
        padding: 0 0 7px 0;
    }
    .features-slider .slide-title {
        font-size: 20px;
    }
    .guide-section {
        padding: 65px 0;
    }
}
@media screen and (max-width: 991px) {
    .hero-promo {
        padding: 50px 52px 30px;
        margin-bottom: 100px;
    }
    .hero-promo .reviews-list {
        right: 26px;
        top: 21px;
    }
    .hero-promo-content {
        margin: 0 110px 305px 0;
    }
    .hero-promo .holder-title {
        min-height: 0;
    }
    .hero-promo h1 {
        margin: 0 0 10px;
        font-size: 56px;
    }
    .hero-promo .holder-title p {
        margin: 0 0 40px;
        max-width: 460px;
    }
    .hero-promo-details {
        font-size: 14px;
        padding: 15px 0 0 0;
    }
    .hero-promo-details li {
        max-width: 28%;
    }
    .hero-promo-details span {
        margin: 0 0 27px;
    }
    .hero-promo-details p {
        margin: 0 0 20px;
    }
    .projects-content h2 {
        font-size: 45px;
        margin: 0 auto 31px;
    }
    .architect-name {
        font-size: 14px;
    }
    .architect-position {
        font-size: 12px;
    }
    .architect-details {
        font-size: 14px;
    }
    .holder-architect-info {
        gap: 8px;
        margin: 0 0 8px;
    }
    .architect-info {
        flex: 0 0 231px;
    }
    .architect-details p {
        margin: 0 0 15px;
    }
    .architect-details .btn {
        padding: 15px 45px 15px 15px;
    }
    .holder-architect-info .large-project {
        min-height: 400px;
    }
    .list-projects {
        margin: 0 -8px;
    }
    .list-projects .holder-block {
        flex: 0 0 50%;
        width: 50%;
        margin: 0 0 8px;
        padding: 0 4px;
    }
    .large-project {
        min-height: 300px;
        font-size: 14px;
        padding: 7px 7%;
    }
    .large-project h3 {
        font-size: 20px;
        margin: 0 0 6px;
    }
    .large-project p {
        margin: 0 0 25px;
    }
    .video-portfolio-section {
        display: block;
        margin: 0 0 100px;
    }
    .video-portfolio-section .holder-text {
        margin: 0 0 20px;
        width: 100%;
        padding: 0;
        font-size: 16px;
    }
    .projects-content {
        margin: 0 0 93px;
    }
    .video-portfolio-section h2 {
        font-size: 42px;
        margin: 0 0 14px;
    }
    .video-portfolio-section p {
        margin: 0 0 47px;
        max-width: 580px;
    }
    .video-promo-block {
        padding: 7px 8%;
        min-height: 400px;
    }
    .video-promo-block p {
        margin: 0 0 24px;
    }
    .video-portfolio-section .slider-video {
        margin: 0 -25px 0 0;
    }
    .carousel-video {
        margin: 0 -79% 0 0;
    }
    .video-promo-block .promo-details {
        max-width: 300px;
    }
    .video-promo-block h3 {
        margin: 0 0 14px;
    }
    .video-promo-block:before {
        width: 80px;
        height: 80px;
        background-size: 57px 57px;
    }
    .projects-header .badge {
        margin: 0 0 28px;
    }
    .badge span {
        padding: 9px 16px;
        font-size: 12px;
    }
    .projects-header h2 {
        margin: 0 0 12px;
        font-size: 42px;
    }
    .projects-header .holder-title {
        font-size: 16px;
        padding: 0;
    }
    .project-offer-block {
        max-width: 100%;
        padding: 14px 26px;
        font-size: 14px;
    }
    .offer-icon {
        flex: 0 0 57px;
        margin: 0 26px 0 0;
    }
    .project-offer-block .promotion-text {
        max-width: 450px;
    }
    .project-card-slider .holder-img {
        padding-top: 56.5%;
    }
    .projects-list {
        margin: 0 0 20px;
    }
    .btn-plus {
        max-width: 346px;
    }
    .projects-top {
        margin: 0 0 20px;
    }
    .banner-toolbar .toolbar-item {
        margin: 0 7px 24px;
    }
    .dream-sauna-section {
        padding: 28.5% 52px 45px;
    }
    .sauna-content-section {
        display: block;
    }
    .sauna-content-section .features-grid {
        margin: 0 0 8px;
    }
    .sauna-content-section .feature-icon {
        margin: 0 0 60px;
    }
    .sauna-content-section .feature-title {
        font-size: 16px;
        margin: 0 0 8px;
    }
    .sauna-content-section .feature-item {
        padding: 24px 24px 24px;
        font-size: 14px;
    }
    .reviews-header {
        display: block;
        margin: 0 0 20px;
    }
    .reviews-header .badge {
        padding: 0;
        margin: 0 0 31px;
    }
    .reviews-header h2 {
        font-size: 42px;
        margin: 0 176px 20px 0;
    }
    .reviews-navigation {
        bottom: 0;
    }
    .reviews-swiper {
        margin: 0 -102px 0 0;
    }
    .reviews-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
    }
    .reviews-swiper .swiper-wrapper {
        margin: 0 0 20px;
    }
    .reviews-swiper .swiper-pagination {
        margin: 0 102px 20px 0;
    }
    .reviews-section {
        margin: 0 0 80px;
    }
    .holder-map {
        margin: 0 0 17px;
    }
    .holder-map h2 {
        font-size: 42px;
        margin: 0 6% 29px 0;
    }
    .map {
        height: 400px;
    }
    .features-slider {
        margin: 0 -250px 80px 0;
    }
    .features-slider .swiper-wrapper {
        margin: 0 0 19px;
    }
    .features-slider .swiper-slide {
        padding: 16px 23px 10px;
    }
    .features-slider .slide-title {
        margin: 0 0 19px;
    }
    .features-slider .slide-title br {
        display: none;
    }
    .features-slider p {
        margin: 0 0 15px;
    }
    .features-slider .swiper-pagination .swiper-pagination-bullet {
        width: 32px;
    }
    .guide-section h2 {
        max-width: 670px;
        margin: 0 auto 30px;
        font-size: 42px;
    }
    .guide-cards {
        gap: 8px;
    }
    .guide-card {
        padding: 25px 28px 100px;
        margin: 0;
    }
    .guide-cards .guide-card {
        flex: 0 0 calc(50% - 4px);
    }
    .guide-cards .guide-card:first-child {
        flex: 0 0 100%;
        padding-right: 30%;
    }
    .guide-buttons {
        gap: 8px;
        margin-top: 21px;
    }
    .guide-buttons .btn {
        font-size: 14px;
        height: 48px;
    }

}
@media screen and (max-width: 768px) {
    .hero-promo {
        margin-top: 42px;
    }
}
@media screen and (max-width: 750px) {
    .hero-promo {
        padding: 32px 20px 19px;
        margin-left: -25px;
        margin-right: -25px;
        font-size: 14px;
    }
    .hero-promo:before {
        background: #292929;
        height: 190px;
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .hero-promo:after {
        height: 173px;
        bottom: 190px;
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 100%);
        transform: rotate(180deg);
    }
    .hero-promo-content {
        margin: 0;
    }
    .hero-promo h1 {
        font-size: 32px;
        line-height: 1.02;
    }
    .hero-promo .holder-title {
        margin: 0 0 226px;
    }
    .test-offer-intro {
        font-size: 14px;
        margin-right: 110px;
    }
    .hero-promo-offers li {
        padding-left: 18px;
        margin-bottom: 4px;
    }
    .hero-promo-offers {
        font-size: 12px;
        margin: 0 0 23px;
    }
    .hero-promo .green {
        margin: 0 0 11px;
        max-width: 300px;
        font-size: 14px;
    }
    .hero-promo-details {
        display: none;
    }
    .hero-promo .reviews-list {
        width: auto;
        position: relative;
        right: auto;
        top: auto;
        flex-direction: row;
        justify-content: space-between;
    }
    .review-card {
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(24px);
        background: rgba(20, 20, 20, 0.2);
        border-radius: 8px;
        padding: 11px;
    }
    .review-icon {
        margin: 0 0 12px;
        max-width: 40px;
    }
    .review-score {
        margin: 0 0 3px;
        font-size: 20px;
    }
    .review-count {
        font-size: 8px;
    }
    .projects-content {
        position: relative;
        padding-bottom: 50px;
    }
    .projects-content h2 {
        margin: 0 0 7px;
        font-size: 28px;
        line-height: 1.1;
        text-align: left;
    }
    .holder-architect-info {
        display: block;
    }
    .architect-info-head {
        display: none;
    }
    .architect-details .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .architect-info {
        margin: 0 0 10px;
    }
    .holder-architect-info .large-project {
        min-height: 300px;
    }
    .large-project {
        min-height: 260px;
    }
    .list-projects .holder-block.w-50,
    .list-projects .holder-block {
        flex: 0 0 100%;
        width: 100%;
        min-height: 260px;
    }
    .large-project {
        text-align: left;
        font-size: 12px;
    }
    .large-project h3 {
        font-size: 16px;
        text-align: left;
        margin: 0 0 6px;
    }
    .large-project p {
        margin: 0 0 12px;
    }
    .projects-content {
        margin: 0 0 79px;
    }
    .video-portfolio-section {
        position: relative;
        padding-bottom: 43px;
        margin: 0 0 80px;
    }
    .video-portfolio-section h2 {
        font-size: 28px;
        margin: 0 20px 8px 0;
    }
    .video-portfolio-section .holder-text {
        margin: 0 0 20px;
        font-size: 14px;
    }
    .video-portfolio-section p {
        margin: 0 0 14px;
    }
    .video-promo-block {
        padding: 7px 8%;
        min-height: 250px;
    }
    .carousel-video {
        margin: 0 -57% 0 0;
    }
    .video-promo-block:before {
        width: 48px;
        height: 48px;
        background-size: 34px 34px;
        transform: translateY(0) translateX(0);
        left: auto;
        right: 16px;
        top: 16px;
    }
    .video-promo-block {
        font-size: 12px;
    }
    .video-promo-block h3 {
        font-size: 16px;
        margin: 0 13% 9px 0;
    }
    .video-portfolio-section .holder-button {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .control-slider .button-swiper-next, .control-slider .button-swiper-prev {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        font-size: 12px;
        box-sizing: border-box;
    }
    .video-portfolio-section .btn {
        padding: 5px 5px;
        width: 146px;
        height: 32px;
        font-size: 12px;
    }
    .control-slider .carousel-pagination {
        margin: 3px 2px 0 0;
        font-size: 12px;
    }
    .control-slider .carousel-pagination .swiper-pagination-current {
        font-size: 14px;
    }
    .badge span {
        padding: 4px 12px;
        font-size: 12px;
    }
    .projects-header .badge {
        margin: 0 0 24px;
    }
    .projects-header h2 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    .projects-header .holder-title {
        font-size: 14px;
        margin: 0 0 33px;
    }
    .project-offer-block {
        display: block;
        padding: 13px 16px;
        font-size: 12px;
    }
    .offer-icon {
        width: 48px;
        margin: 0 0 26px;
    }
    .projects-list {
        display: block;
        margin: 0;
    }
    .projects-list .project-card {
        width: 100%;
    }
    .project-card-slider .holder-img {
        padding-top: 60.5%;
    }
    .project-card-slider .control-swiper {
        right: 12px;
        top: 11px;
    }
    .project-card-slider .button-swiper-next, .project-card-slider .button-swiper-prev {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    .project-info .project-info-head {
        display: block;
    }
    .project-card-slider {
        margin: 0 0 10px;
    }
    .project-info h3 {
        margin: 0 0 20px;
        font-size: 16px;
    }
    .project-info .project-price {
        font-size: 18px;
        margin: 0 0 9px;
        text-align: left;
    }
    .project-info .project-details {
        margin: 0 0 14px;
    }
    .project-info .project-info-footer {
        padding: 8px 0 0;
        display: block;
    }
    .project-info .project-details span {
        margin: 0 12px 0 0;
        font-size: 12px;
    }
    .project-info .project-details b {
        font-size: 16px;
    }
    .project-info .btn {
        max-width: 100%;
        width: 100%;
    }
    .btn-plus {
        padding: 15px 45px 15px 23px;
    }
    .main-content-box {
        padding-top: 39px;
    }
    .triple-d-tour {
        margin-left: -25px;
        margin-right: -25px;
    }
    .triple-d-tour .banner-tour {
        padding: 48px 21px 0;
    }
    .triple-d-tour .banner-tour .banner-tour__wrapper .banner-tour__title {
        margin-bottom: 8px;
        font-size: 28px;
        line-height: 1.1;
    }
    .triple-d-tour .banner-tour .banner-tour__wrapper .banner-tour__subtitle{
        font-size: 14px;
        text-align: left;
    }
    .banner-toolbar {
        margin: 0 0 40px;
        padding: 18px 10px 5px;
    }
    .banner-toolbar .toolbar-item {
        font-size: 12px;
        margin: 0 6px 12px;
    }
    .banner-toolbar .icon {
        flex: 0 0 16px;
        width: 16px;
        margin: 0 7px 0 0;
    }
    .dream-sauna-section {
        margin: 0 -25px 81px;
        padding: 79.5% 21px 12px;
        background-image: url("../images/index/img-14mob.webp");
        background-color: #151515;
        background-size: 100% auto;
    }
    .dream-sauna-section:before {
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #151515 100%);
        transform: rotate(180deg);
        bottom: 220px;
        opacity: 1;
    }
    .dream-sauna-section .section-title {
        font-size: 28px;
        text-align: left;
    }
    .dream-sauna-section .sub-title {
        font-size: 14px;
        text-align: left;
    }
    .sauna-content-section .features-grid {
        justify-content: start;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -25px;
    }
    .sauna-content-section .feature-item {
        flex: 0 0 240px;
        width: 240px;
    }
    .consultation-form {
        padding: 25px 19px;
    }
    .sauna-content-section .feature-icon {
        max-width: 24px;
        margin: 0 0 46px;
    }
    .sauna-content-section .feature-item {
        font-size: 12px;
        padding: 21px 19px 19px;
    }
    .sauna-content-section .feature-title {
        font-size: 14px;
    }
    .our_features  .swipe-indicator,
    .dream-sauna-section .swipe-indicator {
        display: flex;
        background: #323836;
    }
    .reviews-header {
        margin: 0 0 13px;
    }
    .reviews-header .badge {
        margin: 0 0 21px;
    }
    .reviews-header h2 {
        font-size: 28px;
        margin: 0;
    }
    .reviews-header .swipe-indicator {
        display: flex;
    }
    .reviews-navigation {
        display: none;
    }
    .reviews-swiper {
        margin: 0 -200px 0 0;
    }
    .testimonial-card:before {
        width: 80px;
        height: 80px;
        background-size: 58px 58px;;
    }
    .reviews-swiper .swiper-wrapper {
        margin: 0 0 11px;
    }
    .reviews-swiper .swiper-pagination {
        margin: 0 200px 20px 0;
    }
    .reviews-swiper .swiper-pagination .swiper-pagination-bullet {
        height: 4px;
        width: 34px;
    }
    .reviews-section {
        margin: 0 0 60px;
    }
    .holder-map h2 {
        font-size: 28px;
        margin: 0 5px 20px 0;
    }
    .features-slider {
        margin: 0 -208px 60px 0;
    }
    .features-slider .swiper-pagination {
        margin: 0 208px 20px 0;
    }
    /* .features-slider .slide-number {
        display: none;
    } */
    /* .features-slider .swiper-slide {
        justify-content: end;
    } */
    .features-slider .swiper-pagination .swiper-pagination-bullet {
        width: 34px;
        height: 4px;
    }
    .features-slider .swiper-slide {
        padding: 16px 21px 24px;
        min-height: 400px;
        text-align: left;
    }
    .features-slider .swiper-slide.more:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        z-index: 1;
    }
    .features-slider .slide-title {
        font-size: 16px;
    }
    .features-slider .slide-title {
        text-align: left;
    }
    .features-slider p {
        margin: 0 0 26px;
    }
    .features-slider .hide-text {
        display: none;
    }
    .features-slider .link-more {
        display: flex;
    }
    .features-slider .swiper-wrapper {
        margin: 0 0 11px;
    }
    .guide-section .holder-title {
        text-align: left;
    }
    .guide-section .holder-title .badge {
        margin: 0 0 21px;
    }
    .guide-section h2 {
        margin: 0 10px 33px ;
        max-width: 100%;
        text-align: left;
        font-size: 28px;
        line-height: 1.1;
    }
    .guide-cards {
        display: block;
    }
    .guide-card {
        margin: 0 0 8px;
        min-height: 300px;
        font-size: 14px;
    }
    .guide-card .badge {
        margin: 0 0 15px;
    }
    .guide-card {
        padding: 25px 24px 100px;
    }
    .guide-cards .guide-card:first-child {
        padding-right: 15%;
    }
    .guide-buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .guide-buttons .btn {
        width: 100%;
        max-width: 300px;
    }
    .banner-tour .banner-tour__wrapper .banner-tour__frame iframe {
        border: 0;
        border-radius: 12px;
    }
    .banner-tour .banner-tour__wrapper .banner-tour__frame {
        height: 400px;
    }
    .features-slider .swiper-slide:after {
        height: 300px;
    }
}
@media screen and (max-width: 540px) {
    .hero-promo {
        background-position: 57% -120px;
    }
}
@media screen and (max-width: 480px) {
    .hero-promo {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 33px;
    }
    .video-portfolio-section .slider-video {
        margin: 0 -15px 0 0;
    }
    .advantages-section {
        display: block;
    }
    .advantages-slider {
        margin: 0 -15px 0 0;
    }
    .triple-d-tour {
        margin-left: -15px;
        margin-right: -15px
    }
    .dream-sauna-section {
        margin: 0 -15px 81px;
    }
    .sauna-content-section .features-grid {
        margin-right: -22px;
    }
}
@media screen and (max-width: 550px) {
   .hero-promo {
        background-position: center;
        background-size: auto 100%;
    }
    .hero-promo:before {
        height: 220px;
    }
    .hero-promo:after {
        bottom: 220px;
    }

    .holder-architect-info {
        overflow: hidden;
    }
}
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
.fancybox__slide.has-image>.fancybox__content {
    height: 100% !important;
    width: 100% !important;
}
@media screen and (max-width: 1400px) {
    .hero-promo.steam-page h1 {
        font-size: 64px;
        line-height: 64px;
        margin: 0 0 12px;
    }
    .hero-promo.steam-page .holder-title p {
        font-size: 18px;
        line-height: 25px;
    }
    .choose-holder {
        flex-wrap: wrap;
        gap: 0;
    }
    .choose-holder .choose-item {
        flex: 0 1 31%;
        margin: 0 20px 20px 0;
    }
    .card-project-info .project-price-block {
        display: none;
    }
    section.project-price-block {
        display: flex;
        gap:0;
        margin: 0;
    }
    section.project-price-block .project-price-info {
        background-color: rgba(246, 246, 246, 1);
    }
    .card-project-info .project-list-info {
        padding-bottom: 0;
    }
    .card-project-info .project-image.project-image-gallery {
        margin: 0 20px 0 0;
    }
    .card-project-info .project-info h3 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 16px;
    }
    .card-project-info {
        align-items: stretch !important;
    }
    .card-project-info + section.project-price-block {
        margin: -60px 0 20px;
    }
    .card-project-info .project-image {
        flex: 1 1 50%;
    }
    .card-project-info .project-info {
        flex: 1 1 50%;
    }
    section.project-price-block .project-price-info {
        margin: 0 20px 0 0;
        flex: 1 1 50%;
    }
    section.project-price-block .project-price-form {
        flex: 1 1 50%;
    }
    .technologies-block h4 {
        font-size: 48px;
        line-height: 57px;
        margin: 0 0 16px;
    }
    .technologies-block h4 br {
        display: none;
    }
    section.project-price-block + .project-options {
        margin-top: 140px;
    }
    .result-block .result-popup .title br {
        display: none;
    }
    .result-block .price-item strong {
        font-size: 25px;
        line-height: 30px;
    }
    .result-block .price-item p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-text-list {
        padding-top: 30px;
    }
    .card-project-info .project-image.project-image-gallery + .project-info .project-text {
        padding: 0;
    }
    .card-project-info .project-list-info ul {
        flex-wrap: wrap;
    }
    .card-project-info .project-list-info ul li {
        flex: 0 0 30%;
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 1250px) {
    .card-project-info .project-image.project-image-gallery {
        display: flex;
        order: 2;
        margin: 0 auto;
        width: 100%;
    }
    .card-project-info.flex-reverse {
        flex-direction: column;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery,
    .big-gallery.card-project-info .project-image.project-image-gallery {
        margin: 0 auto;
        width: 100%;
    }
    .result-block .result-popup {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        margin: 40px 0 0;
    }
    .result-block .result-popup .btn,
    .project-see-mmore-galllery .project-example-text-block .btn,
    .project-price-form .btn {
        max-width:none;
        font-size: 16px;
        height: 56px;
        font-weight: 500;
        padding: 0 10px;
        line-height: 56px;
    }
}
@media screen and (max-width: 1200px) {
    .hero-promo.steam-page .promo-engineer {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        display: flex;
        max-width: none;
        align-items: center;
    }
    .hero-promo.steam-page .promo-engineer .photo {
        height: 125px;
        width: 140px;
        margin: -12px 20px -12px -12px;
        flex: 0 0 140px;
    }
}
@media screen and (max-width: 1023px) {
    .project-see-mmore-galllery {
        margin: 0 -200px 0 0;
    }
    .choose-holder .choose-item {
        flex: 0 0 49%;
        margin: 0 0 16px;
    }
    .choose-holder .choose-item:last-child {
        flex: 0 0 100%;
    }
    .choose-holder {
        gap: 10px;
    }
    .card-project-info .project-image.project-image-gallery {
        height: 600px;
    }
    .card-project-info + section.project-price-block {
        flex-direction: column;
    }
    section.project-price-block .project-price-info{
        flex: 0 0 100%;
        margin: 0 0 20px;
        width: 100%;
    }
    section.project-price-block .project-price-form {
        flex: 0 0 100%;
    }
    .technologies-block {
        padding: 32px;
    }
    .technologies-block .cup {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 37px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .technologies-block .cup .icon {
        left: auto;
        right: -30px;
    }
    .technologies-block .cup .visual {
        max-width: 140px;
        margin: 0 20px 0 0;
    }
    .technologies-block .technologies-info {
        width: 70%;
    }
    .technologies-block .technologies-info li {
        flex: 0 0 40%;
    }
    .technologies-block .text-block {
        width: 70%;
    }
    .technologies-block {
        margin: 0 0 100px;
    }
    .project-options .block-head .head-text {
        padding-right: 110px;
    }
    .project-opinion-galllery .visual {
        height: 320px;
    }
    .project-opinion-galllery h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-opinion-galllery p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-info h3 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 14px;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery .swiper-wrapper, .big-gallery.card-project-info .project-image.project-image-gallery  .swiper-wrapper{
        height: 600px;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
        position: relative;
        bottom: auto;
        right: auto;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery, .big-gallery.card-project-info .project-image.project-image-gallery {
        background: none;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav .swiper-pagination-current, .big-gallery.card-project-info .card-project-info-nav,
    .card-project-navigation.swiper-pagination-fraction {
        color: #000 !important;
        order: 2;
        padding: 0 20px;
    }
    .card-project-info .project-image.project-image-gallery .btn-prev {
        order: 1;
    }
    .card-project-info .project-image.project-image-gallery .btn-next {
        order: 3;
    }
    .big.project-see-mmore-galllery .swiper-slide {
        height: 480px;
    }
    .result-block h4 {
        margin: 0 0 48px;
    }
    .result-block .price {
        flex-direction: column;
        gap: 0;
        position: relative;
    }
    .result-block .price .price-item {
        margin: 0 0 20px;
    }
    .result-block .price .price-item:last-child {
        border-left: 0;
        border-top:1px solid rgba(255,255,255,0.2);
        padding: 16px 0 0;
    }
    .result-block .price-item strong {
        margin: 0 0 8px;
    }
    .hero-promo.steam-page h1 {
        font-size: 56px;
        line-height: 56px;
    }
    .choose-block .block-head .head-text {
        width: auto;
    }
}
@media screen and (max-width: 759px) {
    .technologies-block {
        padding: 32px;
    }
    .technologies-block .technologies-info {
        width: 70%;
    }
     .technologies-block .text-block {
        width: 80%;
        margin: 0 0 58px;
    }
    .technologies-block h4 {
        font-size: 42px;
        line-height: 50px;
    }
    .technologies-block .text-block p {
        font-size: 16px;
        line-height: 22px;
    }
    .swipe-indicator {
        display: flex;
    }
    .project-see-mmore-galllery .buttons {
        display: none;
    }
    .project-see-mmore-galllery {
        margin: 0;
    }
    .project-options .project-see-mmore-galllery .swipe-indicator {
        margin-top: -40px;
    }
    .choose-block .block-head {
        padding: 0 0 0 150px;
    }
    .project-opinion-galllery {
        margin: 0;
    }
    .project-opinion-galllery .buttons {
        display: none;
    }
}
@media screen and (max-width: 750px) {

    .hero-promo.steam-page .promo-engineer {
        margin-top: 20px;
    }
    .hero-promo.steam-page:before {
        background: linear-gradient(to bottom, rgba(21, 21, 21, 1) 0%, rgba(255, 255, 255, 0) 100%);
        top:0;
        height: 350px;
        bottom: auto;
    }
    .hero-promo.steam-page:after {
        height: 400px;
        bottom: 0;
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 40%);
    }
}
@media screen and (max-width: 640px) {
    .hero-promo.steam-page:after {
        height: 500px;
    }
    .hero-promo.steam-page h1 {
        font-size: 32px;
        line-height: 32px;
    }
    .hero-promo.steam-page .holder-title p {
        font-size: 14px;
        line-height: 19px;
    }
    .hero-promo.steam-page .holder-title {
        margin: 0 0 119px;
    }
    .project-see-mmore-galllery .project-example-link {
        bottom: auto;
        right: 16px;
        top: 16px;
        width: 48px;
        height: 48px;
    }
    .project-see-mmore-galllery .project-example-link svg {
        height: 100%;
        width: 100%;
    }
    .project-see-mmore-galllery .swiper-slide {
        height: 250px;
    }
    .choose-block .block-head {
        flex-direction: column;
        align-items: start;
    }
    .choose-block .block-head .tag {
        position: relative;
        top: 0;
        margin: 0 0 24px;
    }
    .choose-block .block-head h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 8px;
        display: block;
    }
    .choose-holder .choose-item {
        flex: 0 0 100%;
    }
    .choose-holder {
        gap: 0;
    }
    .card-project-info .project-list-info ul li {
        flex: 0 0 100%;
        display: flex;
        align-items: center;
        margin: 0 0 16px;
    }
    .card-project-info .project-list-info ul li em {
        margin: 0 16px 0 0;
    }
    .guide-section.steam-guide {
        padding-bottom: 80px;
    }
    .project-options .block-head .head-text {
        padding-right: 10px;
    }
    .project-see-mmore-galllery .project-example-text h4 {
        font-size: 16px;
        line-height: 19px;
        margin: 0 0 8px;
    }
    .project-see-mmore-galllery .project-example-text p {
        font-size: 12px;
        line-height: 16px;
    }
    .project-see-mmore-galllery .project-example-text {
        bottom: 20px;
        left: 20px;
    }
    .project-options .button-holder {
        padding-top: 0;
    }
    .choose-block .block-head h2 br {
        display: none;
    }
    .choose-block .block-head .head-text {
        margin-bottom: 30px;
    }
    .choose-holder .choose-item .choose-image {
        height: 200px;
    }
    .choose-holder .choose-item .choose-text h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .choose-holder .choose-item .choose-text p {
        font-size: 14px;
        line-height: 19px;
    }
    .technologies-block .text-block p,
    .project-price-form p,
    .project-price-block .project-price-info p,
    .card-project-info .project-info p {
        font-size: 14px;
        line-height: 19px;
    }
    .card-project-info .project-image.project-image-gallery .btn-prev, .card-project-info .project-image.project-image-gallery .btn-next {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
        line-height: 32px;
    }
    .card-project-info .project-image.project-image-gallery .card-project-info-nav {
        gap: 8px;
    }
    .project-price-block .project-price-info {
        padding: 24px;
    }
    .project-price-block .project-price-info h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-price-form {
        padding: 24px;
    }
    .result-block .result-popup .btn, .project-see-mmore-galllery .project-example-text-block .btn, .project-price-form .btn {
        font-size: 14px;
    }
    .technologies-block {
        margin: 0 -15px 100px;
        padding: 32px 20px 20px;
    }
    .technologies-block h4 {
        font-size: 28px;
        line-height: 33px;
        margin: 0 0 16px;
    }
    .technologies-block .text-block {
        width: 100%;
        margin: 0 0 285px;
    }
    .technologies-block .technologies-info strong {
        font-size: 24px;
        line-height: 28px;
    }
    .technologies-block .technologies-info p {
        font-size: 12px;
        line-height: 16px;
    }
    .technologies-block .technologies-info {
        width: 100%;
        gap:0;
    }
    .technologies-block .technologies-info li {
        margin: 0 30px 24px 0;
    }
    .technologies-block .cup {
        margin-top: 0;
    }
    .technologies-block .cup {
        flex-direction: column;
        padding: 24px;
        align-items: flex-start;
    }
    .technologies-block .cup .visual {
        width: 122px;
        height: 122px;
        margin: 0 0 24px;
    }
    .technologies-block .cup .visual img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .technologies-block .cup p {
        margin: 0;
    }
    .technologies-block .cup strong {
        margin: 0 0 8px;
    }
    .technologies-block .cup .icon {
        display: none;
    }
    .technologies-block {
        position: relative;
    }
    .technologies-block:before {
        background: linear-gradient(to bottom, rgba(61, 68, 22, 1) 40%, rgba(255, 255, 255, 0) 100%);
        top: 0;
        height: 350px;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
        z-index: 2;
    }
    .technologies-block:after {
        background: linear-gradient(360deg, rgba(21, 21, 21, 0) 0%, #292929 40%);
        transform: rotate(180deg);
        height: 570px;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
        z-index: 2;
    }
    .hero-promo.steam-page .promo-engineer .photo {
        height: 122px;
        width: 122px;
        flex: 0 0 122px;
    }
    .technologies-block * {
        z-index: 10;
    }
    .technologies-block .image {
        height: auto;
        top: 110px;
        bottom: 340px;
    }
    .technologies-block .image img {
        display: none;
    }
    .technologies-block .image img + img {
        display: block;
    }
    .project-opinion-galllery .buttons {
        display: none;
    }
    .project-opinion-galllery {
        margin: 0;
    }
    .project-opinion-galllery .visual {
        height: 250px;
    }
    .project-opinion-galllery h4 {
        margin: 0 0 16px;
    }
    .card-project-info .project-image.project-image-gallery + .project-info .project-text .tag {
        white-space: normal;
        height: auto;
        min-height: 32px;
    }
    .card-project-info .project-info h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .card-project-info .project-info p {
        font-size: 14px;
        line-height: 19px;
    }
    .big-gallery.card-project-info.flex-reverse .project-image.project-image-gallery .swiper-wrapper, .big-gallery.card-project-info .project-image.project-image-gallery .swiper-wrapper {
        height: 400px;
    }
    .big-gallery.card-project-info .project-image.project-image-gallery .card-project-info-nav {
        display: none;
    }
    .project-options .block-head h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .project-see-mmore-galllery {
        margin: 25px 0 0;
    }
    .big.project-see-mmore-galllery .project-example-image {
        height: 400px;
    }
    .project-see-mmore-galllery .project-example-text-block {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        text-align: left;
    }
    .project-see-mmore-galllery .project-example-text-block h5 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-see-mmore-galllery .project-example-text-block p {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 8px;
    }
    .big.project-see-mmore-galllery .swiper-slide {
        height: auto;
    }
    .project-see-mmore-galllery {
        margin: 25px 0 0;
    }
    .big.project-see-mmore-galllery {
        margin: 25px 0 100px;
    }
    .result-block {
        padding: 32px 20px 20px;
        background-size: cover;
        background-position: 0 0;
        margin: 0 -15px;
    }
    .result-block h4 {
        font-size: 28px;
        line-height: 33px;
        margin: 0 0 32px;
    }
    .result-block:after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(255, 255, 255, 0) 100%);
        top: 0;
        height: 350px;
        left: 0;
        right: 0;
        content: '';
        position: absolute;
    }
    .result-block .result-popup .title {
        flex-direction: column;
        align-items: flex-start;
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 8px;
    }
    .result-block .result-popup .title svg {
        width: 42px;
        height: 42px;
        margin: 0 0 24px;
    }
    .result-block .result-popup p {
        font-size: 14px;
        line-height: 19px;
    }
    .result-block .result-popup {
        padding: 20px;
    }
    .choose-block .block-head {
        padding: 0;
    }
}