:root {
    --grey-color: #f9f8f8;
    --yellow-color: #fdc500;
}

.h1,
h1 {
    font-size: 36px;
    margin: 30px auto 30px;
    text-align: center;
}

@font-face {
    font-family: "rouble";
    src: url("/fonts/rouble.otf") format("opentype");
}

@font-face {
    font-family: 'Museo Cyrl 700';
    src: url('/fonts/MuseoCyrl-700.woff2') format('woff2'), url('/fonts/MuseoCyrl-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Cyrl 100';
    src: url('/fonts/MuseoCyrl-100.woff2') format('woff2'), url('/fonts/MuseoCyrl-100.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSansCyrl-300.eot');
    src: url('/fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('/fonts/MuseoSansCyrl-300.woff') format('woff'), url('/fonts/MuseoSansCyrl-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSansCyrl-500.eot');
    src: url('/fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('/fonts/MuseoSansCyrl-500.woff') format('woff'), url('/fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSansCyrl-700.eot');
    src: url('/fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('/fonts/MuseoSansCyrl-700.woff') format('woff'), url('/fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSansCyrl-900.eot');
    src: url('/fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('/fonts/MuseoSansCyrl-900.woff') format('woff'), url('/fonts/MuseoSansCyrl-900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.rub {
    font-family: "rouble";
    margin: 0 5px;
}

g *,
:after,
:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: border-box;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Museo Sans', sans-serif;
    font-size: 18px;
    /* margin-top: 105px; */
    background: #fff;
}

#rec14111424 {
    min-height: 50vh;
}

.orderbutton {
    display: inline-block;
    padding: 7px 20px;
    font-size: 16px;
    color: #000;
    background-color: var(--yellow-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    font-weight: bold;
    border: 3px solid var(--yellow-color);
    min-width: 250px;
    cursor: pointer;
    margin: 50px auto;
}

a.orderbutton,
a.orderbutton:hover {
    text-decoration: none;
    color: #000;
}

#Glide5 .glide__slide img {
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -8px;
    width: 100%;
}

.glide--horizontal .glide__arrow.prev {
    left: -10px;
}

.glide--horizontal .glide__arrow.next {
    right: -10px;
}

#gallery .center a {
    color: #000;
    font-size: 24px;
    text-decoration: underline;
    margin: 50px auto;
    display: block;
}

#certs img.border {
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -8px;
}

#certs ul {
    list-style-position: inside;
}

#certs .row .row {
    margin: 0 0px;
}

#certs h1 {
    margin: 40px auto;
}

#vapor img {
    margin: 0 auto
}

p {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 300;
    line-height: 1.3;
    text-align: justify;
}

footer {
    background: #2C2A29;
    padding: 40px 0 20px;
    color: #fff;
    margin-top: 50px;
}

footer a {
    color: #fff !important
}

footer ul li {
    list-style: none;
}

footer ul li ul {
    top: 18px !important;
}

footer ul .row:nth-child(1) li:nth-child(1) {}

footer ul .row:nth-child(1) li:nth-child(2) {}

footer ul .row:nth-child(2) li:nth-child(1) {}

footer ul .row:nth-child(2) li:nth-child(2) {
    left: 20px;
}

footer ul .row:nth-child(3) li:nth-child(1) {}

footer ul .row:nth-child(3) li:nth-child(2) {
    left: 45px;
}

footer ul .row:nth-child(4) li:nth-child(1) {}

footer ul .row:nth-child(4) li:nth-child(2) {
    left: 61px;
}

footer ul li ul {
    display: none;
    position: absolute;
    color: #fff;
    font-size: 12px;
    left: 0;
    background-color: #58595B;
    text-align: left;
    padding: 5px 10px;
    top: 25px;
    z-index: 9999
}

footer ul li ul li {
    font-size: 12px;
}

footer span {
    /* font-size: 12px; */
}

footer span span {
    margin: 0 3px;
}

footer .soc {
    position: relative;
    /* left: 28px; */
    z-index: 999;
}

footer .soc a {
    margin: 6px;
}

footer .soc a img {
    max-width: 40px;
}

footer .address {
    text-align: right;
}

footer .t228__list_item {
    padding-right: 19px;
    padding-left: 0;
}

footer .banner {
    text-align: right;
    position: relative;
    top: -20px;
}

footer .banner img {
    width: 100%;
    max-width: 125px;
}

@media screen and (max-width: 520px) {
    footer .banner img {
        margin: 10px auto;
    }

    footer .banner {
        position: static;
    }
}

.glue__text {
    position: relative;
    top: 91px;
}

.t487 h2 {
    font-size: 32px;
    line-height: 1.3;
    text-align: center;
    margin: 0 auto 50px;
}

.t487 h2 span {
    color: var(--yellow-color)
}

.t487 p span {
    font-weight: 500;
    color: #000;
}

#form_feedback {
    margin: 55px auto;
}

#form_feedback button {
    display: inline-block;
    padding: 13px 20px;
    font-size: 16px;
    color: #000;
    background-color: var(--yellow-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    font-weight: bold;
    border: 3px solid var(--yellow-color);
    min-width: 250px;
    cursor: pointer;
    margin: 50px auto;
    height: auto;
}

.t330__img-wrap {
    background-color: #000;
}

.t228__centercontainer .lang {
    display: none;
}

.error {
    background-color: #ff000045 !important;
}


/* Start state */

.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all .7s;
}

#allrecords {
    background: #fff;
    min-height: calc(100vh - 375px);
}

#rec14111424 iframe {
    width: 100%
}

.animated-modal h2,
.animated-modal p {
    transform: translateY(-50px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .4s;
}


/* Final state */

.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
    transform: translateY(0);
    opacity: 1;
}


/* Reveal content with different delays */

.fancybox-slide--current .animated-modal h2 {
    transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
    transition-delay: .3s;
}

.t487 {
    font-size: 18px;
    margin: 0px auto 50px;
}

.pr {
    position: relative;
}

.whyus {}

.whyus .yellow {
    float: left;
    text-align: center;
    width: 20%;
    margin: 0 auto 70px;
}

.whyus .yellow img {
    margin-bottom: 25px;
    width: 100px;
    height: auto;
    max-width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.whyus .yellow div {
    font-weight: 600;
    color: #000;
    font-size: 18px;
    line-height: 1.35;
    text-transform: uppercase;
}

.clr {
    clear: both;
}

.kroshka {
    max-width: 340px;
    position: absolute;
    top: 160px;
    right: 0;
}

.t228__list_item {
    font-family: 'Museo Sans', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

#recorddiv14963331 ul li p {
    line-height: 1;
    display: inline-block;
}

#recorddiv14963331 ul li {
    color: #fff;
    list-style-position: inside;
    text-align: left;
}

#recorddiv14963331 ul {
    margin: 0 auto 25px;
}

#recorddiv14963331 p {
    color: #fff;
    text-align: left;
    font-size: 18px;
}

#characteristic {
    font-size: 18px;
    position: relative;
    top: -25px;
}

.star {
    font-size: 12px;
    margin: 0;
    position: relative;
    top: -12px;
}

.t228__rightside {
    display: block;
    vertical-align: middle;
    text-align: right;
    padding: 7px 30px 0 20px;
    margin: 30px 0 0 0;
}

.lang img {
    width: 20px
}

.lang span {
    font-size: 12px;
    color: #fff;
}

.lang span a {
    color: #fff !important;
    ;
    margin: 5px;
    text-decoration: underline !important;
    display: inline-block;
}

#characteristic div {
    clear: both;
    border-bottom: 1px dashed #a7a7a7;
}

#characteristic div span:nth-child(1) {
    text-align: left;
    float: left;
}

#characteristic div span:nth-child(2) {
    text-align: right;
    display: block;
}

.t490 .t-name_sm {
    margin-bottom: 25px;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 18px;
}

#sizes {
    position: relative;
    top: -55px;
    max-width: 200px;
    margin: 0 auto;
}

.constructor_container {}

.block_types {}

.block_types div {}

.block_types .elements {
    margin: 25px auto;
}

#constr1,
#constr2 {
    display: block;
    margin: 0px auto 0;
    max-width: 200px;
    position: relative;
    top: -45px;
}

.block_types div img {
    cursor: pointer;
}

.block_types div img.active {
    border-bottom: 1px solid #fdc60c;
}

.block_types .type1 {}

.block_types .type2 {}

.block_types .type3 {}

.block_types p {
    margin: 15px;
    position: relative;
    top: 10px;
    right: 20px;
}

#photo {
    background: #58595B;
    color: #fff;
    padding: 120px 0 5px;
}


/* rec14960827 */

#rec14960827 {
    background-color: #fff;
    padding: 0px 0 5px;
}

#rec14960827 p {
    font-size: 16px;
    text-transform: none;
}

#rec14960827 h2 span {
    color: #F5CC00;
}

#rec14960827 h2 {
    font-family: 'Museo Sans', sans-serif;
    font-size: 32px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

@media screen and (max-width:980px) {
    #rec14960827 .playbtn {
        top: calc(50% - 50px);
        left: calc(50% - 30px);
    }

    #rec14960827 svg#play {
        width: 50px;
    }
}


/* end rec14960827 */

#constructor .choise.active,
.partners .choise.active {
    background: var(--yellow-color);
    border: 3px solid var(--yellow-color);
    box-shadow: 0px 4px 6px -1px #00000021;
    font-size: 18px;
    z-index: 9;
    padding: 10px 45px !important;
    font-weight: 500;
}

#constructor .choise,
.partners .choise {
    cursor: pointer;
    display: inline-block;
    padding: 10px 45px;
    border-radius: 25px;
    position: relative;
    border: 1px solid #3333332b;
}

#constructor #gr,
.partners .showmap {
    padding-right: 65px;
}

#constructor #pr,
.partners .showlist {
    padding-right: 25px;
    left: -40px;
}

.layouts div {
    padding: 0;
    display: block;
    max-width: 70px;
    margin: 15px auto;
    cursor: pointer;
    position: relative;
    padding-bottom: 2px;
    padding-top: 2px;
    border: 2px solid #fdc60c;
}

.layouts {}

.layouts p:first-child {
    display: block;
}

.layouts p {
    font-weight: bold;
    font-size: 12px;
    display: inline;
}

.layouts div p {
    font-size: 18px;
}

.layouts div.test p {
    padding-left: 35px;
}

.layouts img {
    width: 70%;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0 0 3px;
}

.layouts .active {
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    background: #fdc60c;
    border: none;
    padding: 4px;
}

.colors {}

.colors div {
    padding: 0;
    display: block;
    max-width: 100px;
    margin: 5px auto 7px;
}

.colors img {
    width: 70%;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 5px;
}

.colors span {
    font-weight: normal;
    max-width: 170px;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 15px;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    width: auto;
    margin: 15px auto 0;
}

.colors p,
.elements p {
    font-weight: bold;
    display: inline;
    margin: 0;
    padding-bottom: 2px;
    font-size: 12px;
}

.constructor_container {
    margin: 0 auto 0px;
}

.constructor_container .orderbutton {
    display: inline-block;
    padding: 13px 20px;
    font-size: 16px;
    color: #000;
    background-color: var(--yellow-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    font-weight: bold;
    border: 3px solid var(--yellow-color);
    min-width: 250px;
    cursor: pointer;
    margin: 50px auto;
}

.block_new .descr {
    text-align: center;
    font-size: 18px;
    position: relative;
    top: 160px;
}

.block_new {
    background: var(--grey-color);
    padding: 50px 15px 120px;
}

.new2019_en p:after {
    content: '';
    position: absolute;
    top: 28px;
    right: -15px;
    z-index: 9;
    background: url(../img/new_en.png);
    width: 66px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.new2019_en {
    margin: 35px auto 0;
    position: relative;
}

.new2019_en p {
    text-align: center;
    font-size: 18px;
}

.new2019_en img {
    border-radius: 5px;
    box-shadow: 0px 4px 14px 3px #0000001f;
}

.new2019 p:after {
    content: '';
    position: absolute;
    top: 28px;
    right: -15px;
    z-index: 9;
    background: url(../img/new.png);
    width: 66px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.new2019 p:after {
    content: '';
    position: absolute;
    top: 28px;
    right: -15px;
    z-index: 9;
    background: url(../img/new.png);
    width: 66px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.new2019 {
    margin: 35px auto 0;
    position: relative;
}

.new2019 p {
    text-align: center;
    font-size: 18px;
}

.new2019 img {
    border-radius: 5px;
    box-shadow: 0px 4px 14px 3px #0000001f;
}

.user_choise {
    text-align: left;
    margin: 0;
}

.user_choise input {
    border: none;
    height: auto;
}

.constructor {
    margin: 50px auto;
}

#addreview {
    background-color: #fff;
    padding: 220px 0 5px;
}

#addreview h2 {
    margin: 15px auto 50px;
}

#addreview h2 span {
    display: inline-block;
    color: #F5CC00;
}

#addreview p {
    font-size: 18px;
}

#addreview .t593__blockbutton {
    margin: 25px auto 0px;
    text-align: center;
}

.constructor .wrap {
    width: 1000px;
    height: 300px;
}

.constructor #size_img {
    position: absolute;
    top: 14px;
    z-index: 1;
    left: 307px;
    width: 400px;
}

.constructor .block_wrap .block {}

.constructor .block_wrap .grid {
    z-index: 1;
    /* background: url(../img/constructor/grid.jpg); */
    padding: 0;
    background-repeat: repeat;
    height: 105%;
    margin: 0;
    position: absolute;
    width: 78%;
    left: 70px;
    top: -5px;
    /* background-size: 70px; */
    filter: opacity(0.5);
}

.constructor .klinker_wrap .grid {
    z-index: 1;
    /* background: url(../img/constructor/grid.jpg); */
    padding: 0;
    background-repeat: repeat;
    height: 105%;
    margin: 0;
    position: absolute;
    width: 86%;
    left: 50px;
    top: -5px;
    /* background-size: 70px; */
}

.constructor .brick_wrap .grid {
    z-index: 1;
    /* background: url(../img/constructor/grid.jpg); */
    padding: 0;
    background-repeat: repeat;
    height: 105%;
    margin: 0;
    position: absolute;
    width: 83%;
    left: 50px;
    top: -5px;
    /* background-size: 70px; */
}

.constructor .tychok_wrap .grid {
    z-index: 1;
    /* background: url(../img/constructor/grid.jpg); */
    padding: 0;
    background-repeat: repeat;
    height: 103%;
    margin: 0;
    position: absolute;
    width: 81%;
    left: 52px;
    top: -5px;
    /* background-size: 70px; */
}

.constructor .rigel_wrap .grid {
    z-index: 1;
    /* background: url(../img/constructor/grid.jpg); */
    padding: 0;
    background-repeat: repeat;
    height: 103%;
    margin: 0;
    position: absolute;
    width: 81%;
    left: 52px;
    top: -5px;
    /* background-size: 70px; */
}

.constructor .block_wrap .block_row,
.constructor .klinker_wrap .block_row,
.constructor .brick_wrap .block_row {
    clear: both;
    position: relative;
    z-index: 2;
}

.constructor .block_wrap {
    max-width: 320px;
}

.constructor .tychok_wrap,
.constructor .klinker_wrap,
.constructor .brick_wrap {
    max-width: 310px;
}

.constructor .rigel_wrap {
    max-width: 310px;
}

.constructor .tychok_wrap,
.constructor .block_wrap,
.constructor .klinker_wrap,
.constructor .brick_wrap,
.constructor .rigel_wrap {
    z-index: 2;
    position: relative;
    padding: 5px 10px;
    height: 100%;
    margin: 0 30px;
}

.constructor .block_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 60px;
}

.constructor .block_wrap .block_row:nth-child(2n) {}

.constructor .brick_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 38px
}

.constructor .brick_wrap .block_row:nth-child(2n) {}

.constructor .klinker_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 38px;
}

.constructor .klinker_wrap .block_row:nth-child(2n) {}

.constructor .block {
    /*border: 1px solid;*/
    background: url(../img/constructor/101.jpg);
    width: 70px;
    height: 33px;
    float: left;
    margin: 1px;
    -webkit-transition: 0.55s;
    transition: 0.55s;
}

.colors .active {
    border-bottom: 2px solid #fdc60c;
}

.constructor .type1 {
    width: 117px;
    height: 60px;
}

.constructor .type2 {
    width: 81px;
    height: 22px;
}

.constructor .type3 {
    width: 81px;
    height: 20px;
    margin: 1.7px;
    border-radius: 3px;
    clip-path: polygon(0% 9%, 0% 9%, 3% 4%, 3% 4%, 6% 3%, 6% 3%, 23% 3%, 22% 3%, 27% 0%, 27% 0%, 49% 1%, 49% 1%, 56% 3%, 56% 3%, 68% 3%, 68% 3%, 78% 4%, 78% 4%, 84% 4%, 84% 4%, 88% 3%, 88% 3%, 91% 2%, 91% 2%, 96% 3%, 96% 3%, 98% 4%, 98% 4%, 99% 10%, 99% 10%, 100% 20%, 100% 20%, 100% 62%, 100% 62%, 100% 77%, 100% 77%, 99% 89%, 99% 89%, 98% 99%, 98% 99%, 1% 98%, 1% 98%, 0% 93%, 0% 93%);
}

.constructor .type4 {
    width: 84px;
    height: 23px;
    margin: 1.7px;
}

.constructor .type5 {
    width: 50px;
    height: 13px;
}

.tychok_wrap .block_row:nth-child(2n-1) .block:nth-child(2n-1) {
    width: 42px
}

.tychok_wrap .block_row:nth-child(2n) .block:nth-child(2n) {
    width: 42px
}

.tychok_wrap .block_row {
    clear: both;
    position: relative;
    z-index: 2;
}

.tychok_wrap .block_row:nth-child(2n-1) {
    position: relative;
    left: 20px;
}

.tychok_wrap .block_row:nth-child(2n) {}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(2n-1) {
    width: 110px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(2n) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n-3) .block:nth-child(3n+3) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(2n-1) {
    width: 110px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(2n) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-2) .block:nth-child(3n+3) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(2n-1) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(2n) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n-1) .block:nth-child(3n+3) {
    width: 110px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(2n-1) {
    width: 110px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(2n) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n) .block:nth-child(3n+3) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(2n-1) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(2n) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n-4) .block:nth-child(3n+3) {
    width: 110px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(2n-1) {
    width: 50px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(2n) {
    width: 70px
}

.rigel_wrap .block_row:nth-child(6n-5) .block:nth-child(3n+3) {
    width: 110px
}

.rigel_wrap .block_row {
    clear: both;
    position: relative;
    z-index: 2;
}

.rigel_wrap .block_row:nth-child(6n-1) {
    position: relative;
    left: 25px;
}

.rigel_wrap .block_row:nth-child(6n-2) {
    position: relative;
    left: -20px;
}

.rigel_wrap .block_row:nth-child(6n-3) {
    position: relative;
    left: 10px;
}

.rigel_wrap .block_row:nth-child(6n-4) {
    position: relative;
    left: 40px;
}

.rigel_wrap .block_row:nth-child(6n-5) {
    position: relative;
    left: 17px;
}

.rigel_wrap .block_row:nth-child(6n-6) {
    position: relative;
    left: 0px;
}

.constructor .b001 {
    background: url(../img/constructor/001.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b101 {
    background: url(../img/constructor/101.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b002 {
    background: url(../img/constructor/002.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b010 {
    background: url(../img/constructor/010.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b102 {
    background: url(../img/constructor/102.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b103 {
    background: url(../img/constructor/103.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b201 {
    background: url(../img/constructor/201.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b202 {
    background: url(../img/constructor/202.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b203 {
    background: url(../img/constructor/203.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b204 {
    background: url(../img/constructor/204.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b301 {
    background: url(../img/constructor/301.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b302 {
    background: url(../img/constructor/302.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b303 {
    background: url(../img/constructor/303.jpg?1);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b304 {
    background: url(../img/constructor/304.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b401 {
    background: url(../img/constructor/401.jpg);
    background-size: cover;
    filter: brightness(107%);
}

.constructor .b402 {
    background: url(../img/constructor/402.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b403 {
    background: url(../img/constructor/403.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b404 {
    background: url(../img/constructor/404.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b501 {
    background: url(../img/constructor/501.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b502 {
    background: url(../img/constructor/502.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.constructor .b503 {
    background: url(../img/constructor/503.jpg);
    background-size: 100%;
    filter: brightness(107%);
}

.rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.how {
    margin: 100px auto 0;
}

.how .t593__title {
    margin-bottom: 50px;
}

.mb {
    display: none;
}

.how .wrap {
    padding: 0 35px;
    position: relative;
    top: 50px;
    margin: 0 auto 90px;
}

.how .wrap img {
    position: absolute;
    max-width: none;
    width: 80px;
    opacity: .3;
    top: -50px;
    left: -25px;
    cursor: auto;
}

.how h2 {
    font-weight: 600;
    color: #000;
}

.how .wrap p {
    font-weight: 300;
    color: #000;
    font-size: 18px;
}

.how .wrap ul {}

.how .wrap ul li {}

.how .wrap ul li p {
    margin: 0;
    font-size: 16px;
}

.certs {
    text-align: center;
}

.certs .wrap {
    display: inline-block;
}

.certs .wrap a {}

.certs .wrap a img {
    max-width: 250px;
    width: 100%;
    display: inline-block;
    padding: 50px 10px;
}

#cert {
    padding: 50px 0 0;
}

#cert .glide__wrapper {
    min-height: 400px;
}

#cert img {
    max-width: 300px;
}

.how2 {
    margin: 50px auto 0;
    background: #FFC400;
    padding: 80px 0;
}

.how2 .t593__title {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.how2 .wrap:after {
    content: "";
    background: url(http://proamk.ru/img/slider/arrowright.png);
    position: absolute;
    top: 40px;
    width: 35px;
    height: 80px;
    right: -29px;
    background-repeat: no-repeat;
    opacity: .5;
}

.how2 .wrap:nth-child(3):after {
    content: "";
    background: none;
}

.how2 .wrap {
    padding: 0 35px;
    position: relative;
    top: 50px;
    margin: 0 auto 90px;
}

.how2 .wrap img {
    position: absolute;
    max-width: none;
    width: 80px;
    opacity: .3;
    top: -50px;
    left: -25px;
    cursor: auto;
}

.how2 h2 {
    font-weight: 600;
    color: #000;
}

.how2 .wrap p {
    font-weight: 300;
    color: #000;
    font-size: 18px;
}

.how2 .wrap ul {}

.how2 .wrap ul li {}

.how2 .wrap ul li p {
    margin: 0;
    font-size: 16px;
}

.row1 .col-sm-4:nth-child(3) .wrap:after,
.row2 .col-sm-4:nth-child(2) .wrap:after {
    content: "";
    background: none;
}

.row1 .col-sm-4:nth-child(2) .wrap p {
    position: relative;
    top: 50px;
}

.row2 .col-sm-4:nth-child(1) .wrap:after {
    top: 15px;
}

.instr {}

.instr {}

.instr img {
    max-width: 50px;
    margin: 10px auto;
    display: block;
}

.instr p {
    font-size: 16px;
    text-align: center;
}

.video {
    margin: 50px auto;
}

.videowrap .playbtn {
    top: calc(50% - 50px);
    left: calc(50% - 25px);
    cursor: pointer;
    position: absolute;
}

svg#play {
    width: 25px;
}

.playbtn {
    top: calc(50% - 45px);
    left: calc(50% - 8px);
    cursor: pointer;
    position: absolute;
}

.videowrap svg#play {
    width: 50px;
    display: block;
    cursor: pointer;
    transform-origin: 50% 50%;
}

svg#play #triangle {
    transition: 500ms;
    transform-origin: 50% 50%;
}

svg#play:hover #triangle {
    fill: #F5CC00;
    transform-origin: 50% 50%;
}

svg #lineOne,
svg #lineTwo {
    transform-origin: 50% 50%;
    transition: 1s;
}

svg:hover #lineOne {
    transform: rotate(260deg);
    -webkit-transform: rotate(260deg);
    -moz-transform: rotate(260deg);
    -o-transform: rotate(260deg);
    transform-origin: 50% 50%;
}

svg:hover #lineTwo {
    transform: rotate(-450deg);
    transform-origin: 50% 50%;
}

.video .wrap {}

.video .wrap img {
    max-width: none;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -4px;
}

.video .wrap .videowrap .pr {
    position: relative;
}

.video .wrap .videowrap img {
    outline-offset: -8px;
}

.video .wrap::after {
    content: '';
}

.video .wrap p {
    font-size: 12px;
    text-align: center;
    margin: 5px auto 10px;
}

.video .wrap a {
    position: relative;
}

.video .wrap .t1 {
    font-size: 18px;
    text-align: center;
    margin: 15px auto;
}

.t573__contacts a,
.t573__contacts a:hover {
    color: #FFF;
    text-decoration: none
}

.diff {
    text-align: center;
    font-size: 32px;
    margin: 15px auto;
}

.web {}

#coverCarry14111429 {
    background-size: 100% 100% !important;
    transform: none !important;
}

.white_after,
.grey_after,
.grey2_after,
.grey_right,
.white_left,
.grey2_left {
    position: relative;
}

.white_left::after {
    position: absolute;
    bottom: 0%;
    left: 0;
    content: '';
    width: 100%;
    padding-top: 4%;
    background: #fff;
    -ms-transform: skew(0, -3.5deg) translate(0, 45%);
    -webkit-transform: skew(0, -3.5deg) translate(0, 45%);
    -moz-transform: skew(0, -3.5deg) translate(0, 45%);
    -o-transform: skew(0, -3.5deg) translate(0, 45%);
    transform: skew(0, -3.5deg) translate(0, 45%);
    z-index: 9;
}

.grey2_left::after {
    position: absolute;
    bottom: 0%;
    left: 0;
    content: '';
    width: 100%;
    padding-top: 4%;
    background: #58595B;
    -ms-transform: skew(0, -3.5deg) translate(0, 45%);
    -webkit-transform: skew(0, -3.5deg) translate(0, 45%);
    -moz-transform: skew(0, -3.5deg) translate(0, 45%);
    -o-transform: skew(0, -3.5deg) translate(0, 45%);
    transform: skew(0, -3.5deg) translate(0, 45%);
    z-index: 9;
}

.grey_right::after {
    position: absolute;
    bottom: 0%;
    right: 0;
    content: '';
    width: 100%;
    padding-top: 4%;
    background: var(--grey-color);
    -ms-transform: skew(0, 3.5deg) translate(0, 45%);
    -webkit-transform: skew(0, 3.5deg) translate(0, 45%);
    -moz-transform: skew(0, 3.5deg) translate(0, 45%);
    -o-transform: skew(0, 3.5deg) translate(0, 45%);
    transform: skew(0, 3.5deg) translate(0, 45%);
    z-index: 9;
}

.grey2_after::before {
    position: absolute;
    bottom: 0%;
    left: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: #58595B;
    -ms-transform: skew(0, 4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, 4.5deg) translate(0, 50%);
    -moz-transform: skew(0, 4.5deg) translate(0, 50%);
    -o-transform: skew(0, 4.5deg) translate(0, 50%);
    transform: skew(0, 4.5deg) translate(0, 50%);
    z-index: 9;
}

.grey2_after::after {
    position: absolute;
    bottom: 0%;
    right: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: #58595B;
    -ms-transform: skew(0, -4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, -4.5deg) translate(0, 50%);
    -moz-transform: skew(0, -4.5deg) translate(0, 50%);
    -o-transform: skew(0, -4.5deg) translate(0, 50%);
    transform: skew(0, -4.5deg) translate(0, 50%);
    z-index: 9;
}

.grey_after::before {
    position: absolute;
    bottom: 0%;
    left: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: var(--grey-color);
    -ms-transform: skew(0, 4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, 4.5deg) translate(0, 50%);
    -moz-transform: skew(0, 4.5deg) translate(0, 50%);
    -o-transform: skew(0, 4.5deg) translate(0, 50%);
    transform: skew(0, 4.5deg) translate(0, 50%);
    z-index: 9;
}

.grey_after::after {
    position: absolute;
    bottom: 0%;
    right: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: var(--grey-color);
    -ms-transform: skew(0, -4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, -4.5deg) translate(0, 50%);
    -moz-transform: skew(0, -4.5deg) translate(0, 50%);
    -o-transform: skew(0, -4.5deg) translate(0, 50%);
    transform: skew(0, -4.5deg) translate(0, 50%);
    z-index: 9;
}

.white_after::before {
    position: absolute;
    bottom: 0%;
    left: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: #fff;
    -ms-transform: skew(0, 4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, 4.5deg) translate(0, 50%);
    -moz-transform: skew(0, 4.5deg) translate(0, 50%);
    -o-transform: skew(0, 4.5deg) translate(0, 50%);
    transform: skew(0, 4.5deg) translate(0, 50%);
    z-index: 9;
}

.white_after::after {
    position: absolute;
    bottom: 0%;
    right: 0;
    content: '';
    width: 50.1%;
    padding-top: 4%;
    background: #fff;
    -ms-transform: skew(0, -4.5deg) translate(0, 50%);
    -webkit-transform: skew(0, -4.5deg) translate(0, 50%);
    -moz-transform: skew(0, -4.5deg) translate(0, 50%);
    -o-transform: skew(0, -4.5deg) translate(0, 50%);
    transform: skew(0, -4.5deg) translate(0, 50%);
    z-index: 9;
}

#rec14111424 {
    padding: 0 0 5px;
    position: relative;
}

body.single #rec14111424 {
    padding: 0 0 5px;
    background: #fff;
    position: relative;
}

body.page-id-23 #rec14111424 {
    background: var(--grey-color)
}

#constructor {
    margin: 0px auto;
    background: #fff;
    padding: 240px 0 20px;
}

#constructor .caption {
    margin: 0 auto 70px;
}

#constructor .caption p {
    text-align: center;
    margin: 10px auto 5px;
    font-size: 18px;
}

#constructor .caption h2 span {
    color: #F5CC00;
    font-weight: 500;
    display: inline-block;
    font-size: 32px;
}

#constructor .caption h2 {
    font-size: 32px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#constructor h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}

.glide__arrow {
    border: none;
}

.glide #allrecords ul {
    padding-left: 0;
}

#home .t309__descr {
    padding: 15px 0 0;
    font-size: 16px;
}

#home .action {
    position: relative;
    max-width: 120px;
    z-index: 9999;
    left: 350px;
    top: -75px;
}

.fon-house__wrapper {
    background: rgba(255, 196, 26, 0.85);
    padding: 25px 40px;
    -webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    max-width: 620px;
    padding: 40px 120px 20px 50px;
    text-align: left;
}

.fon-house h1 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    margin-top: 0;
}

.fon-house__buttons {
    display: flex;
    margin-top: 15px;
}

.fon-house__buttons .fon-house_button {
    font-size: 18px;
    padding: 7px 15px;
    line-height: 1.4;
}

.fon-house__buttons .button-more {
    background: #D1D3D4;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 107%, 0% 100%);
    padding-right: 25px;
    z-index: 2;
}

.fon-house__buttons .fon-house_button a,
.fon-house__buttons .fon-house_button a:hover {
    text-decoration: none;
    color: #000;
}

.fon-house_button a,
.fon-house_button a:hover {
    text-decoration: none;
    color: #fff;
}

.fon-house__buttons .button-price {
    background: #fff;
    z-index: 1;
    position: relative;
    left: -15px;
    padding-left: 25px;
}

.fon-house__buttons .button-price a {}

.fon-house__buttons2 {
    display: flex;
    margin: 40px 0 20px;
}

.fon-house__buttons2 .fon-house_button2 {
    font-size: 18px;
    line-height: 1.4;
    position: relative;
    border-bottom: 1px solid #00000078;
    display: inline-block;
    padding: 7px 20px;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    background-color: #2c2a29;
}

.fon-house__buttons2 .button-more {
    z-index: 2;
}

.fon-house__buttons2 .fon-house_button2 a,
.fon-house__buttons2 .fon-house_button2 a:hover {
    text-decoration: none;
    color: #fff;
}

.fon-house_button2 a,
.fon-house_button2 a:hover {
    text-decoration: none;
    color: #000;
}

.fon-house__buttons2 .button-price {
    margin-left: 20px;
}

.fon-house__buttons2 .button-price a {}

.fon-house .allrecords__buttons {
    margin-top: 30px;
}

.allrecords__buttons .col-sm-6:first-child div {
    padding-left: 0;
}

.fon-house .t309__descr {
    padding: 15px 0 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.fon-house h1 span {
    display: block;
    color: #fff;
}

.fon-house h1 span span {
    display: inline-block;
    margin: 0 10px;
    font-size: 43px;
    font-family: Roboto, self-serif;
    position: relative;
    top: 6px;
}

@media screen and (max-width: 620px) {
    .fon-house__wrapper {
        padding: 40px 90px 20px 50px;
    }

    .fon-house__buttons2 {
        display: flex;
        margin: 10px auto;
    }
}

.price {
    margin: 50px auto;
    font-size: 16px;
    width: 70%;
}

.price tr {}


/* 
.price tr: first-child td {
font-weight: bold;
text-align: center;
}

.price tr: nth-child(odd) {}

.price tr: nth-child(even) {
background: var(--yellow-color)52;
}

.price tr td {
padding: 10px 25px;
text-align: center;
}

.price tr td: nth-child(2) {
text-align: left;
} */

.price tr td span {}

.gallery_img {
    width: 100%;
    margin: 15px auto;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -8px;
    transition: all .5s;
    object-fit: cover;
    object-position: center;
    height: 200px;
}

.gallery_img:hover {
    filter: brightness(0.8);
}

.fon-house {
    display: flex;
    width: 100%;
    height: 100vh;
    padding-top: 0px;
    clear: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* background-image: url(../img/fon-rostov.jpg); */
    background-image: url(../img/utp/IMG_6331.webp?1);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: repeat;
    background-attachment: scroll;
    box-shadow: 0 20px 20px -14px #000;
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    justify-content: space-evenly;
}

.w-tab-pane {
    position: relative;
    display: none;
}

.tab_links {
    position: relative;
    top: -2px;
    right: 0px;
    width: 55px;
    height: 55px;
    margin: 5px 2px;
    padding: 7px;
    border-style: dashed;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6);
    border-radius: 100%;
    background-color: rgba(243, 216, 16, .3);
    color: #000;
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222222;
    background-color: #dddddd;
}

.tab-content-300 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100vh;
    background-color: transparent;
    cursor: default;
}

.tab-content-301 {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-image: url('../img/301.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-302 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    background-image: url('../img/302.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-303 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    background-image: url('../img/303.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-200 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    background-image: url('../img/200.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-201 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100vh;
    background-image: url('../img/201.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-202 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/202.png?v1');
    background-position: 50% 50%;
    background-size: cover;
}

.tab-content-203 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/203.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-100 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/100.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-101 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/101.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-102 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/102.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.tab-content-103 {
    width: 100%;
    height: 100vh;
    background-image: url('../img/103.png?v1');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.w-tabs {
    position: relative;
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    display: table;
}

.w-tabs:after {
    clear: both;
}

.w-tab-menu {
    position: relative;
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222222;
    background-color: #dddddd;
}

.w-tab-link.w--current {
    background-color: #C8C8C8;
}

.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden;
}

.w-tab-pane {
    position: relative;
    display: none;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w-dyn-empty {
    padding: 10px;
    background-color: #dddddd;
}

.w-dyn-bind-empty {
    display: none !important;
}

.w-condition-invisible {
    display: none !important;
}

.tabs-content {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1007;
    width: 100%;
    height: 100vh;
    background-color: transparent;
}

.tabs-content {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background-color: transparent;
}

.text-block-5 {
    position: absolute;
    top: 100px;
    right: 20px;
    z-index: 1009;
    opacity: 0.87;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px #000;
    max-width: 250px;
}

.tabs-menu {
    position: absolute;
    top: 128px;
    right: 10px;
    z-index: 1008;
    display: block;
    width: 280px;
    height: auto;
    margin-top: 36px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.tab-content-300 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100vh;
    background-color: transparent;
    cursor: default;
}

.text-tab-link {
    display: block;
    font-family: Oswald, sans-serif;
    color: #000;
    font-size: 22px;
    line-height: 36px;
    font-weight: 200;
    text-align: center;
}

.text-tab-link:hover {
    color: #000;
}

.text-tab-link:focus {
    color: #000;
}

.tab_links {
    position: relative;
    top: -2px;
    right: 0px;
    width: 55px;
    height: 55px;
    margin: 5px 2px;
    padding: 7px;
    border-style: dashed;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .6);
    border-radius: 100%;
    background-color: rgba(243, 216, 16, .3);
    color: #000;
}

.tab_links:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #000;
}

.tab_links:focus {
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    opacity: 1;
    -webkit-filter: blur(7px);
    filter: blur(7px);
    -webkit-perspective: 983px;
    perspective: 983px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.tab_links.w--current {
    margin: 5px 2px;
    padding: 7px;
    border-color: #000;
    background-color: transparent;
}

.tab_links.w--current:focus {
    background-image: none;
    -webkit-filter: none;
    filter: none;
}


/*about*/

.about {}

.about .about__container {
    display: flex;
    padding: 100px 0 20px;
}

.about .about__text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    padding: 40px 124px 100px 59px;
    text-align: justify;
    background-image: url(../img/border1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.about .about__text p {
    font-size: 16px;
}

.about .about__text .about__text_wrapper {}

.about .about__text .about__text_wrapper:before {
    content: '';
}

.about .about__video {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: start;
    justify-content: center;
    flex-direction: column;
}

.about .about__video .about__video_container {
    position: relative;
}

.about .about__video .about__video_container img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
    margin: 0 auto;
    cursor: pointer;
}

.about .about__title {
    text-align: left;
    margin: 15px 0
}

.about .about__title span {
    display: inline-block;
    color: #FFC41A
}

.about .about__video .about__video_wrapper {
    margin-left: -15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -130px;
}

.about .about__video .about__video_wrapper svg#play {
    width: 125px;
}

.about .about__video .about__video_wrapper .playbtn {
    top: calc(50% - 65px);
    left: calc(50% - 70px);
    cursor: pointer;
    position: absolute;
}

.about .about__video iframe {}

.slides img {
    padding: 0;
    width: 100%;
}


/*end about*/

.gallery {
    width: 100%;
}

#allrecords .t228 {
    z-index: 9999;
}

#allrecords ul {
    padding-left: 0;
}

#allrecords .t228__list li ul {
    display: none;
    position: absolute;
    color: #fff;
    font-size: 12px;
    left: 0;
    background-color: #58595B;
    text-align: left;
    padding: 5px 10px;
    top: 25px;
    z-index: 9999
}

@media (max-width:620px) {
    #allrecords .t228__list li ul {
        top: 25px;
        width: 100%;
        text-align: center;
        top: 40px;
    }
}

.t228__list_item .t-active {
    opacity: 1;
}

#allrecords .t228__list li ul li {
    list-style-type: none;
    padding: 2px 0;
}

#allrecords .t228__list li ul li a {
    color: #fff;
    font-weight: 300;
}

#allrecords .t228__list li ul li a:hover {
    color: #eddd00;
    text-decoration: underline;
    font-weight: 300;
}

.glide--horizontal .glide__arrow.next {
    right: -40px;
}

.glide--horizontal .glide__arrow.prev {
    left: -40px;
}

.glide {
    margin-bottom: 100px;
    text-align: center;
}

#Glide .glide--carousel .glide__slide {
    min-height: 750px;
}

#Glide2 {
    margin-bottom: 0;
}

#Glide2 img,
.size {
    max-width: 300px
}

#Glide2 .glide__bullets {
    bottom: 0;
}

#Glide2 .glide__bullets>* {
    background-color: rgba(132, 130, 130, 0.5);
}

#Glide3 {
    margin-bottom: 0;
}

#Glide3 img,
.size {
    max-width: 300px
}

#Glide3 .glide__bullets {
    bottom: 0;
}

.yellowbutton {
    /*     position: absolute;
bottom: 50px;
z-index: 999;
left: 0;
right: 0;
margin: 15px auto; */
}

.yellowbutton a:hover {
    background-color: var(--yellow-color);
    color: #000 !important;
}

.yellowbutton a {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    color: #ffffff !important;
    background-color: #1c1b17a1;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: bold;
    border: 3px solid var(--yellow-color);
    min-width: 250px;
}

.new:before {
    content: '';
    position: absolute;
    top: 70px;
    right: 74px;
    z-index: -9;
    background: url(../img/new.png);
    width: 66px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
}

#Glide4:after {
    content: ''
}

#Glide4 {
    margin-bottom: 0;
}

#Glide4 img,
.size {
    max-width: 300px
}

#Glide4 .glide__bullets {
    bottom: 0;
}

#Glide4 .next img,
#Glide4 .prev img {
    max-width: 15px;
}

#Glide2 .glide__bullets>* {
    background-color: rgba(132, 130, 130, 0.5);
}

.container p {}

.t193__title {
    text-transform: uppercase;
}

.t490 .t-section__title {
    text-transform: uppercase;
}

.t487__title {
    font-weight: 400;
    /*text-transform: uppercase;*/
}

.t225__title {
    text-transform: uppercase;
}

.container h2 span {
    display: block;
}

.container h2 {
    padding-top: 8px;
    padding-bottom: 3px;
    font-size: 32px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

#Glide2 .next {
    right: -20px;
}

#Glide2 .prev {
    left: -20px;
}

#Glide3 .next {
    right: -20px;
}

#Glide3 .prev {
    left: -20px;
}

.tar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#reason {
    margin: 0 auto;
    padding: 50px 0 20px;
    background: var(--grey-color);
}

#reason .orderbutton {
    margin: 20px auto 0;
}

#reason .block {
    padding: 15px 25px 8px;
    border-radius: 5px;
    max-width: 60%;
    margin: 0 0 25px;
    position: relative;
    outline-offset: -8px;
    left: -150px;
    top: -20px;
    background: url(../img/talk2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#reason .block p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

#reason .alik {
    max-width: 300px;
    display: inline-block;
    margin: 100px auto 25px;
    z-index: 99;
    position: relative;
    font-weight: 700;
    left: -30px;
    top: 0;
}

#vapor {
    text-align: justify;
}

#reason ul {}

#reason ul li {
    list-style: none;
    margin: 0 auto 15px;
}

#reason ul li img {
    max-width: 35px;
    border-radius: 50%;
    display: inline;
    margin: 0 15px 0 0;
}

#reason ul li p {
    display: inline;
    font-size: 18px;
}

#reason .header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 70px;
    font-size: 32px;
}

#reason .header .ten {
    font-size: 80px;
    float: left;
    width: 300px;
    text-align: right;
    line-height: 1;
    margin: 0 15px;
    text-shadow: 1px 1px 1px #bbb5b5;
}

#reason .header .text {
    text-align: left;
    font-weight: 500;
}

#reason .header .text p {
    margin: 0;
    padding: 0;
    line-height: 0.5;
}

#reason .header .text span {
    color: #F5CC00;
    display: inline-block;
}

#reason h2 {}

#reason .reason_block {
    display: flex;
    align-items: stretch;
}

#reason .alik_block {
    padding: 20px 20px;
    border-radius: 5px;
    margin: 0 auto;
    font-size: 18px;
    background: #ffffff00 url(/img/alik2.png) no-repeat;
    background-size: 190px;
    background-position: 50px 0px;
    width: 26%;
    display: flex;
    align-items: end;
}

#reason .alik_block p {
    background: #fccd03;
    padding: 20px 20px;
    border-radius: 5px;
    margin: 0 auto;
}

#reason .reason_block ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#reason .h3,
#reason h3 {
    font-size: 24px;
    text-align: center;
}

#reason .reason_block ul li {
    list-style: none;
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    text-align: center;
    padding: 20px 10px;
}

#reason .reason_block ul li img {
    max-width: 100px;
    border-radius: 50%;
    display: inline;
    margin: 10px auto;
    width: 100%;
}

@media screen and (max-width:768px) {
    #reason .reason_block {
        flex-direction: column;
    }

    #reason .alik_block {
        background: none;
        width: 100%;
        align-items: end;
        margin: 40px auto;
    }

    #reason .reason_block ul {
        width: 100%;
    }

    #reason .reason_block ul li {
        width: 50%;
    }
}

.block_gallery {
    margin: 10px auto;
}

.block_gallery .block_gallery__opacity {
    transition: all .7s;
}

.block_gallery h2 {
    margin: 0px auto 70px;
}

.block_gallery .pr {
    position: relative;
    transition: 0.3s;
    border-radius: 10px;
}

.block_gallery .description {
    width: auto;
    margin: 10px auto;
    font-size: 18px;
    color: #000;
}

.block_gallery p {
    color: #fff;
    font-size: 28px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.block_gallery img {
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -8px;
}

.block_gallery .block_gallery__opacity:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80) black;
    -khtml-opacity: 0.8;
    /* background-color: #000; */
}

@media screen and (max-width: 980px) {
    .block_gallery a {
        flex-direction: column;
    }
}


/* .block_gallery img:before {
content: '';
opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80) black;
-khtml-opacity: 0.8;
background-color:#000;
} */

.t-title_md {
    line-height: 1.23;
    font-size: 42px !important;
}

.partner_link,
.partner_link:active,
.partner_link:hover {
    /*display: block;*/
    /*font-size: 16px;*/
    /*margin: 5px auto 15px;*/
    color: #000 !important;
    text-decoration: underline !important;
}

#Glide3 .next img,
#Glide3 .prev img {
    max-width: 15px;
}

#Glide3 .glide--carousel .glide__slide {
    min-height: unset;
}

#Glide2 .next img,
#Glide2 .prev img {
    max-width: 15px;
}

#Glide2 .glide--carousel .glide__slide {
    min-height: unset;
}

.grey .t-section__title {
    margin: 50px auto;
}

.web p {
    text-align: center;
    margin-top: 84px;
    margin-bottom: 14px;
    font-size: 38px;
    line-height: 1.35;
    font-weight: 300;
}

.faq {
    margin: 0px auto 0;
    padding: 15px 0;
}

.faq .block {
    background: #f8d000;
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
    outline: 1px solid rgba(255, 255, 255, 0.59);
    outline-offset: -8px;
    text-align: center;
}

.faq .block .description {
    font-size: 32px;
    line-height: 1.5;
    text-transform: uppercase;
}

.faq .block .text {
    font-size: 18px;
}

.faq .wrap {
    max-width: 650px;
    margin: 15px auto 25px;
    min-height: auto;
}

.faq .question span {
    background: #f8d000;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 1.2;
    margin: 0 10px 0 0;
    font-size: 16px;
    color: #000;
    position: relative;
    top: -2px;
    font-weight: 500;
}

.faq h2 {
    margin: 15px auto 50px;
}

.faq h2 span {
    display: inline-block;
    color: #F5CC00;
}

.question {
    background: #D1D3D4;
}

.question h3.active {
    background: var(--yellow-color);
}

.question h3.active span {
    background: #fff;
}

.question h3 {
    cursor: pointer;
    font-size: 18px;
    margin: 10px auto;
    padding: 10px 0 10px 15px;
}

.question .answer {
    display: none;
}

.question .answer p {
    padding-bottom: 15px;
    font-size: 18px;
    margin: 15px auto 0;
    padding: 2px 25px 15px;
}

.choose {
    margin: 5px auto 50px;
    text-align: center;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}

.info h3 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 35px;
}

.info p {
    margin: 0 0 5px
}

.text {}

#wall {
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    text-decoration: underline;
}

.text .star {
    margin: 20px auto 0;
    color: #757575;
}

.text .row {
    margin-top: 20px;
    margin-bottom: 10px;
}

.text .col-md-8 {}

.text .col-md-4 {
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}

.view {
    background: #deb48c url(../img/color/wall/101.jpg);
    background-size: 1045px !important;
    width: 100%;
    height: 410px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.37);
    /*
box-shadow: 1px 3px 40px 0px rgba(0, 0, 0, 0.15);*/
}

.bricks {
    margin: 0 auto 100px;
}

.bricks .info {
    padding: 25px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.37);
    min-height: 410px;
}

.wrap {
    /* min-height: 123px; */
}

.wrap img {
    cursor: pointer;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
    display: block;
}

.wrap .descBlock {
    text-align: center;
}

.wrap .descBlock .decs {
    font-size: 18px;
}

.wrap .descBlock .number {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.wrap .descBlock .desc {}

#price {
    /*  position: absolute;
bottom: -70px;
left: 0;
right: 0;
text-align: center;
font-size: 24px;
/* text-decoration: underline; */
    /* cursor: pointer;
background: rgb(254, 204, 0);
padding: 10px 15px;
max-width: 284px;
margin: 0 auto;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
border-radius: 5px;
font-weight: 300;

*/
    /*position: absolute;
bottom: -70px;*/
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    /* text-decoration: underline; */
    cursor: pointer;
    /* background: rgb(254, 204, 0); */
    padding: 0;
    max-width: 240px;
    margin: 0 auto;
    /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4); */
    border-radius: 5px;
    font-weight: 300;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding-bottom: 3px;
    margin: 50px auto;
}

.rub {
    max-width: 55px;
    position: relative;
    top: 3px;
}

.clr {
    clear: both;
}

.partners .switch {
    margin: 15px auto 20px
}

.partnersMap,
.partnersList {
    cursor: pointer;
    font-weight: 300;
    color: #000;
    font-size: 24px;
    border-bottom: 1px dashed;
    display: inline-block;
    margin: 25px auto;
}

.partnersMap {
    display: none
}

.partners_list {
    display: flex;
    font-size: 16px;
    line-height: 1.55;
    flex-direction: column;
}

.partners_list input {
    background: #fff;
    outline: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    padding-left: 12px;
    height: 35px;
    width: 100%;
    border: 1px solid #D9DEE8;
    box-sizing: border-box;
    border-radius: 3px;
    margin: 10px 0;
}

.partners .partners_list h3 {
    margin: 50px 0 25px;
    text-align: left;
}

.partners_list .city {
    display: block;
    font-size: 24px;
    font-weight: bold;
    min-height: 55px;
    margin-top: 55px;
}

.partners_list .name {
    font-size: 20px;
    display: block;
}

.partners_list .contacts {
    line-height: 1.3;
    display: block;
    margin: 10px auto 25px;
}

.partners_info {
    display: flex
}

.partners_info .wrap {
    width: 100%;
    min-height: unset;
    text-align: left;
}

.partners_list .cityName {}

.partners_list .cityName .active {
    font-weight: bold;
}

.partners_list .cityName span {
    display: inline-block;
    border-bottom: 1px dashed;
    cursor: pointer;
    font-size: 15px;
}

.partners_list .city_row {
    /* background: var(--grey-color);
padding: 15px;
margin: 15px auto; */
    display: flex;
    flex-wrap: wrap;
}

.partners_list span.company,
.partners_list span.country,
.partners_list span.address,
.partners_list span.phone,
.partners_list span.email,
.partners_list span.instargam {
    display: block;
    line-height: 1.4;
}

.partners_list span.country {
    margin-top: 10px;
}

.partners_list span.company {
    font-size: 20px;
    margin: 10px 0 25px;
}

.partners_list span.instargam {
    margin-bottom: 15px;
}

.partners h3 {
    text-align: center;
    margin: 5px auto 45px;
}

.partners h2 {}

.partners h2 span {
    display: inline-block;
    color: #F5CC00;
}

#partner_show,
#cons_show {
    font-size: 16px;
    margin: 5px auto;
    border-bottom: 1px dashed #000;
    display: inline-block;
    cursor: pointer;
}

.tleft {
    text-align: left !important;
}

.works h2 {
    margin: 150px auto 30px;
}

@media screen and (max-width: 960px) {
    .t542_mobile {
        display: block;
        background: transparent;
    }

    .t330__img {
        max-width: 300px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .constructor {
        width: 277px;
        height: 352px;
    }

    .constructor .type1 {
        width: 100px;
        height: 53px;
    }

    .constructor .type2 {
        width: 69px;
        height: 19px;
    }

    .constructor .type3 {
        width: 69px;
        height: 17px;
        margin: 1.7px;
    }

    .constructor #size_img {
        position: absolute;
        top: -31px;
        z-index: 1;
        left: 220px;
        width: 490px;
    }

    .kroshka {
        max-width: 340px;
        position: relative;
        margin: 0 auto 38px;
        display: block;
    }

    .reviews .review p {
        font-size: 18px;
        line-height: 1.3;
        text-align: left;
        max-width: 70%;
        margin: 20px auto;
    }

    #characteristic {
        margin: 120px auto 26px;
        font-size: 20px;
        width: 60%;
    }

    .constructor_container .star {
        width: 50%;
        margin: 0 auto;
        font-size: 18px;
    }

    .colors {
        left: 0;
    }

    .layouts {
        left: 0;
    }

    .reviews .review {
        width: 100%;
    }

    .reviews .review img {
        display: block;
        margin: 0 auto;
        float: none;
        width: 250px;
    }

    .section-1 {
        padding-bottom: 50px;
    }

    .rub {
        max-width: 25px;
    }

    img {
        width: 100%
    }

    .t218__blocktable {
        height: auto !important;
    }

    .container h3 {
        margin-top: 0;
    }

    .container h2 {
        font-size: 42px;
    }

    h1 {
        font-size: 44px !important;
    }

    .view,
    .bricks .info {
        margin-top: 50px;
    }

    .bricks .info {
        min-height: 550px;
    }
}

.t-coverglue {
    /* height: 700px; */
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

.glue h2 {
    color: #fff;
    margin: 50px auto 5px;
}

.glue img {
    width: 100%;
    margin: 75px auto 75px;
    max-width: 150px;
}

.glue h3 {
    color: #fff;
    font-size: 24px;
    text-transform: none;
    margin: 50px auto 15px;
}

.glue h2 {
    font-size: 42px;
}

.instr {}

.instr a {
    font-size: 12px;
    line-height: 1.23;
    padding-top: 8px;
    padding-bottom: 3px;
    font-weight: bold;
    display: block;
}

.works h3 {
    margin: -25px auto 50px
}

.reviews {
    background: var(--grey-color);
    padding: 170px 0 5px;
}

.reviews h2 {
    color: #000;
    text-align: center;
    margin: 50px auto;
}

.reviews .review::before {
    content: '';
    background: url(../img/quotes.png);
    position: absolute;
    top: -12px;
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    right: 10px;
    background-size: 80px;
    background-position: right top;
    z-index: -9;
    /*opacity: .3;*/
}

.reviews h2 {}

.reviews h2 span {
    display: block;
    color: #F5CC00;
}

.reviews .review {
    width: 800px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid rgb(217, 218, 218);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    outline: 1px solid rgba(217, 218, 218, 0.38);
    outline-offset: -8px;
}

.reviews .review .hr {
    width: 100%;
    height: 2px;
    background: #D9DADA;
    left: 15px;
    display: block;
    margin: 0 auto 35px;
}

.reviews .review .name span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}


/* .reviews .review .name::after {
content: '';
position: absolute;
top: 35px;
width: 95%;
height: 2px;
background: #D9DADA;
left: 15px;
} */

.reviews .review .name {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin: 0 auto 5px;
}

.reviews .review p {
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
}

.reviews .review img {
    margin: 0 15px 0 0;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, 0.5);
    outline-offset: -8px;
}

#allrecords .ytwrap {
    background: #d6808030;
    border-radius: 50px;
    padding: 0px 15px 0 10px;
    margin: 25px auto;
    box-shadow: 0px 2px 1px 0px #bc242a;
    display: flex;
}

#allrecords .ytwrap a {
    padding: 0;
    color: #000;
}

#allrecords .ytwrap p {
    font-size: 11px;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    padding: 8px 0;
    line-height: 1.3;
}

#allrecords .ytwrap .col-sm-8,
#allrecords .ytwrap .col-sm-4 {
    padding: 0;
    color: #000;
}

#allrecords .ytwrap img {
    max-width: 35px;
}

#allrecords .ytwrap span {
    display: block;
    font-size: 9px;
    font-weight: 300;
}

#allrecords .instrwrap {
    background: #ffffff;
    border-radius: 50px;
    padding: 0px 15px 0 10px;
    margin-top: 25px;
    box-shadow: 0px 2px 1px 0px #f5cc00;
    display: flex;
}

#allrecords .instrwrap a {
    padding: 0;
    color: #000;
}

#allrecords .instrwrap p {
    font-size: 11px;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    padding: 8px 0;
    line-height: 1.3;
}

#allrecords .instrwrap .col-sm-8,
#allrecords .instrwrap .col-sm-4 {
    padding: 0;
    color: #000;
    text-align: center;
}

#allrecords .instrwrap img {
    max-width: 20px;
}

#allrecords .instrwrap span {
    display: block;
    font-size: 9px;
    font-weight: 300;
}

.more {
    display: none
}

.more .photo {
    display: block;
    margin: 15px auto;
}

.more .photo a {
    color: #333 !important;
    text-decoration: underline !important;
}

.readmore {
    display: block;
    cursor: pointer;
    margin: 15px auto;
    font-weight: 600;
    text-align: right;
    font-size: 12px;
}

.ellipsis {
    position: relative;
    left: -5px;
}

#map {
    width: 80%;
    height: 334px;
}

.partners .map {
    position: relative;
    border-radius: 15px;
}

.partners {
    margin: 0px auto 0;
    background: #fff;
    padding: 50px 0 0px;
}

.partners .t593__title {
    margin: 0 auto 55px;
    text-transform: uppercase;
}

.soc {}

.soc a {
    display: inline-block;
    margin: 0 6px;
}

.soc a img {
    max-width: 80px;
}

@media screen and (max-width: 768px) {
    .reviews .review {
        width: 100%;
    }

    .reviews .review img {
        display: block;
        margin: 0 auto;
        float: none;
        width: 250px;
    }
}

@media screen and (max-width: 600px) {
    .partners_list .col-sm-4 {
        border-bottom: 1px solid #aba5a5;
        margin: 15px auto 50px;
    }
}

@media screen and (max-width: 479px) {
    .block_new {}

    .new2019 img {
        max-width: 80%;
        margin: 0 auto;
    }

    .new2019 p:after {
        right: 20px;
    }

    #constr1,
    #constr2 {
        width: 100%;
    }

    #rec14111431 .clr {
        clear: none;
    }

    #characteristic {
        margin: 150px auto 26px;
        font-size: 18px;
        width: 100%;
    }

    .block_new .descr {
        top: 70px;
    }

    .whyus .yellow {
        width: 70%;
        margin: 50px auto 80px;
        display: block;
        float: none;
    }

    .kroshka {
        top: auto;
    }

    .colors {
        left: 0;
        position: relative;
        margin: 0 auto 50px;
    }

    .layouts {
        left: 0;
        position: relative;
        margin: 150px auto 50px
    }

    .constructor .block_wrap,
    .constructor .klinker_wrap,
    .constructor .brick_wrap {
        height: 358px;
    }

    .constructor {
        width: 277px;
        height: auto;
    }

    .constructor #size_img {
        display: none;
    }

    #constr1,
    #constr2 {
        width: 100%;
    }

    #characteristic {
        margin: 50px auto;
        font-size: 18px;
        width: 100%;
    }

    .constructor_container .star {
        width: 80%;
    }

    #sizes {
        top: auto;
    }

    .colors div,
    .layouts div {
        max-width: 90%;
        margin: 15px auto 25px;
    }

    .colors img,
    .layouts img {
        margin: 0 0 5px 15px;
    }

    .video .wrap .t1 {
        font-size: 18px;
        line-height: 1.2;
    }

    .instr p {
        margin: 15px auto;
    }

    .w-tab-link {
        display: block;
    }

    #home h1 {}

    .fon-house {
        justify-content: center;
    }

    .text-block-5 {
        position: absolute;
        top: 40%;
        right: 0;
        z-index: 1009;
        opacity: 0.87;
        color: #fff;
        font-size: 15px;
        line-height: 1.2;
        text-transform: uppercase;
        text-shadow: 1px 1px 6px #000;
        max-width: 250px;
        left: 0;
        width: auto;
        margin: 0 auto;
    }

    .tabs-menu {
        position: absolute;
        top: 45%;
        right: 0;
        z-index: 1008;
        display: block;
        width: 100%;
        height: auto;
        margin-top: 36px;
        margin-right: 0px;
        margin-left: 0px;
        padding: 0px 0%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: none;
    }

    .yellowbutton {
        bottom: 20px;
        margin: 25px auto;
    }

    .tabs-content {
        display: none;
    }

    .tab_links {
        display: inline-block;
    }

    .new:before {
        content: '';
        position: absolute;
        top: 0;
        right: 23px;
        z-index: -9;
        background: url(../img/new.png);
        width: 66px;
        height: 60px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
}

.w-ix-emptyfix:after {
    content: "";
}

.t-descr_xxl {
    font-size: 24px;
}

.t-text_md {
    font-size: 18px;
}

.t-descr_xxxl {
    font-size: 36px;
    line-height: 1.45;
    letter-spacing: .45;
    font-weight: bold;
    text-transform: uppercase;
}

.interior {
    margin: 50px auto 0;
}

.interior img {
    max-width: 450px
}

.interior p {
    font-weight: 300;
    color: #000;
    font-size: 18px;
    padding: 0 25px;
}

.interior h2 {
    text-align: center;
}

.interior .row {
    margin: 75px auto 0
}

@media screen and (max-width: 980px) {
    .t228.t228__hidden {
        position: absolute;
        z-index: 999;
    }

    .t228__centercontainer .lang {
        text-align: center;
        display: block;
    }
}

#howtobuy {
    border-bottom: 1px solid #f8d000;
    text-align: center;
    display: inline-block;
    margin: 50px auto 0;
    cursor: pointer;
}

#how {}

#how .row11 .col-sm-4:nth-child(2) {
    position: relative;
    top: 60px;
}

#how .wrap {
    background: #f8d000;
    margin: 20px;
    padding: 20px 30px;
    border-radius: 10px;
    outline: 1px solid rgba(255, 255, 255, 0.59);
    outline-offset: -8px;
    font-size: 18px;
}

#how .video .wrap {
    background: transparent;
}

#how .wrap p {
    text-align: left;
}

#how .wrap ul {
    list-style-position: inside;
    padding: 0 15px 0 0;
}

#how .wrap ul li {}

#how .wrap ul li p {
    display: inline;
    margin: 0;
    font-size: 15px;
    text-align: left;
}

#how .row {
    margin: 50px auto 0;
}

#how .row2 {
    margin: 20px auto 0;
}

#how .row2 .col-sm-4:nth-child(1) .wrap::after {
    content: '';
    background: url(../img/arrows.png);
    position: absolute;
    top: -41px;
    right: -40px;
    width: 50px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    transform: rotate(99deg) scale(1, -1);
    background-position: top left;
}

#how .row11 .col-sm-4:nth-child(1) .wrap::after {
    content: '';
    background: url(../img/arrows.png);
    position: absolute;
    top: 0;
    right: -43px;
    width: 50px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    transform: rotate(127deg) scale(1, -1);
    background-position: top left;
}

#how .row11 .col-sm-4:nth-child(2) .wrap::after {
    content: '';
    background: url(../img/arrows.png);
    position: absolute;
    bottom: -52px;
    right: -30px;
    width: 50px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
    transform: rotate(270deg) scale(1, 1);
    background-position: top left;
}

.t593__success-message {
    color: initial;
    font-size: 16px;
    margin: 15px auto;
}


/* certificates */

.certificates .certificates__wrapper {
    background: url(../img/cert/frame.jpg);
    background-size: 100% 100%;
    padding: 13px;
    height: auto;
    margin: 0 auto 25px;
}

.certificates>div {
    margin-bottom: 10px;
}


/* end certificates */


/*map*/

.styledPlacemark {
    padding: 5px 0;
    display: flex;
    min-width: 350px;
    background: url(../img/map/baloon_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -235px;
    left: 10px;
}

.styledPlacemark .close {
    cursor: pointer;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 24px;
}

.styledPlacemark .close img {
    max-width: 20px;
    opacity: .5;
    border: 1px solid #c6c6c6;
    padding: 3px;
    border-radius: 50%;
}

.styledPlacemark .inner {}

.styledPlacemark .wrap {
    border-radius: 10px;
    display: block;
    position: relative;
    padding: 6% 9% 14%;
}

.styledPlacemark .header {
    width: 90%;
    font-size: 18px;
    border-bottom: 1px dashed #c6c6c6;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.styledPlacemark .row {
    margin: 5px 0;
    display: flex;
}

.styledPlacemark .row img {
    width: 15px;
    height: 15px;
    margin: 0
}

.styledPlacemark .row p {
    margin: 0;
    padding-left: 15px;
    font-size: 18px;
    text-align: left;
}


/*end map*/

#calc {
    background-color: var(--grey-color);
    padding: 250px 0 30px;
}

#calc h2 {
    margin: 15px auto 50px;
}

#calc h2 span {
    display: inline-block;
    color: #F5CC00;
}

#calc .dpd-panel {
    font: 14px "Museo Sans", sans-serif;
}

#calc .dpd-panel__heading {
    height: auto;
    padding: 7px 15px;
    background: rgb(253, 197, 0);
    color: #000;
}

#calc .dpd-wrap {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

#calc .dpd-panel__body {
    padding: 25px 15px;
}

#calc .dpd-form-dropdown__title {
    position: relative;
    display: block;
    margin: 0 0 15px;
    font: 14px "Museo Sans", sans-serif;
    color: #424143;
    text-decoration: none;
}

#calc .dpd-button {
    line-height: 25px;
    background: var(--yellow-color);
    font-family: "dpd_light", "arial", "sans-serif";
    color: #000 !important;
    font-size: 13px;
    padding: 7px 30px;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 auto 15px;
}

#calc .dpd-form__group--dimensions {
    display: flex;
    margin-bottom: 10px;
}

#calc .dpd-dimensions-remove {
    background: #2c2a29;
}

#calc .dpd-form-dropdown__title:before,
#calc .dpd-form-dropdown__title:after {
    background: #2c2a29;
}

.dpd-wrap--absolute {
    display: none !important;
}

#calc .choise.active {
    background: var(--yellow-color);
    border: 3px solid var(--yellow-color);
    box-shadow: 0px 4px 6px -1px #00000021;
    font-size: 18px;
    z-index: 9;
    padding: 10px 45px !important;
    font-weight: 500;
}

#calc .choise {
    cursor: pointer;
    display: inline-block;
    padding: 10px 45px;
    border-radius: 25px;
    position: relative;
    border: 1px solid #3333332b;
}

#calc .track {
    padding-right: 65px;
}

#calc .delivery {
    padding-right: 25px;
    left: -40px;
}

#calc .delivery_block,
#calc .track_block {
    margin: 50px auto;
}

#calc .delivery_block h3,
#calc .track_block h3 {
    margin: 0 auto 30px;
}

#calc .track_block {
    text-align: center;
}

#calc .track_block input[type=text] {
    padding: 7px 15px;
    margin: 0 15px;
    border-radius: 5px;
    border: 1px solid var(--yellow-color);
    width: 80%;
    max-width: 400px;
}

#calc .track_block input[type=submit] {
    padding: 7px 15px;
    margin: 0 15px;
    color: #000;
    background-color: var(--yellow-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    border: 3px solid var(--yellow-color);
    min-width: 170px;
    cursor: pointer;
}

#calc .track_block select {
    margin: 0 5px;
    border: 1px solid var(--yellow-color);
    border-radius: 5px;
    padding: 7px 15px;
}

@media screen and (max-width: 520px) {
    #calc .delivery {
        padding-right: 45px;
        left: auto;
    }
}

@media screen and (max-width:414px) {
    #calc .dpd-form__label {
        float: left;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
    }

    #calc .dpd-form-dropdown--show .dpd-form-dropdown__content {
        max-height: none;
    }

    #calc .dpd-form__group--dimensions {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .dpd-form__group--dimensions .dpd-form__label {
        width: 40%;
        text-align: right;
        font-size: 12px;
    }
}


/*calc*/

#right_sidebar {
    position: absolute;
    left: 792px;
    top: 25px;
}

.right_sidebar_teaser {
    position: fixed;
    right: 0;
    bottom: 70px;
    z-index: 9;
}

.rms_modul {
    position: relative;
    /* MR: ergaenzt */
    width: 160px;
    overflow: hidden;
    /* MR: ergaenzt !! hidden*/
}

.right_sidebar_teaser .teaserVisual {
    bottom: 0px;
    position: absolute;
    right: 0px;
}

.right_sidebar_teaser .teaserHeadline {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin: 0 auto 16px;
}

.rms_modul_head_hd,
.rms_modul_head_hd_aktiv {
    background-color: #f8d000;
    border-bottom: 1px solid #3a3d55;
    color: #333;
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    padding-left: 10px;
    white-space: nowrap;
}

.rms_modul_head_hd_aktiv {
    cursor: pointer;
}

.rms_modul_head_hd_aktiv a {
    color: #FFFFFF;
    text-decoration: none;
}

.rms_modul_content,
.rms_modul_content_blue1,
.rms_modul_content_blue2,
.rms_modul_content_grey1,
.rms_modul_content_grey2 {
    padding: 10px;
}

.rms_modul_content_grey1 {
    background-color: #DBDBDB;
}

.rms_modul_content_grey1 ul {
    padding-top: 10px;
    list-style: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.rms_modul_content_grey1 ul.arrow li {
    background: url(../img/arrow_right.gif) left 7px no-repeat;
    margin: 0px;
    padding-left: 20px;
}

.rms_modul_content_grey1 ul.arrow li a {
    font-size: 11px;
    color: #2c2a29;
}

.right_sidebar_teaser .rms_modul_content_grey1 ul:first-child {
    padding-top: 0px;
}

.rms_modul_content_grey2 {
    background-color: #EBEBEB;
}

.rms_modul_content_blue1 {
    background-color: #DDEAF5;
}

.rms_modul_content_blue2 {
    background-color: #E7F1FA;
}

.rms_quicklink {
    font-family: Arial, MS Sans Serif;
    color: #666666;
    font-size: 11px;
    line-height: 16px;
}

.rms_quicklink a {
    text-decoration: none;
    color: #666666;
}

.rms_quicklink a:hover {
    color: #E3002A;
}

.rms_quicklink a.selected {
    color: #E3002A;
}


/* MR: Neue IDs und Klassen fuer banner_dynamic_infobox (bdi) */

#rms_modul_content_bdi_frame {
    background-color: #DBDBDB;
    overflow: auto;
}

.rms_modul_content_bdi_grey_frame {
    width: 160px;
    float: left;
    z-index: 0;
}

@media screen and (max-width: 768px) {
    .right_sidebar_teaser {
        display: none
    }
}

.alik_partner {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}

.alik_partner img {
    max-width: 150px;
}

@media (max-width:515px) {
    .alik_partner {
        right: 30%;
        bottom: 30px;
    }

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

#gb {
    background-color: #fff;
    padding: 10px 0 30px;
}

#gb h2 {
    font-family: 'Museo Sans', sans-serif;
    font-size: 32px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 0 auto 80px;
    padding: 0;
}

#gb img {
    max-width: 100%;
    width: 100%;
}

#gb .material_wrapper ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

#gb .material_wrapper ul p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#gb .material_wrapper ul li {
    margin: 0 20px;
}

#gb h2 span {
    color: #F5CC00;
    display: inline-block;
}

#gb p:first-child {
    margin-top: 50px;
}

#gb .videowrap .playbtn {
    top: calc(50% - 130px);
}


/* news__block */

.news {
    background: #fff;
    padding: 0px 0 5px;
}

.news h2 {
    color: #000;
    text-align: center;
    margin: 50px auto;
}

.news h2 span {
    display: inline-block;
    color: #F5CC00;
}

.news__block {
    margin: 20px auto;
    max-width: 100%;
    z-index: 99;
    position: relative;
}

.news__block ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.news__block li {
    position: relative;
    width: 100%;
    margin: 0 0 5px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.news__block li {}

.news__block li:hover {
    background: #ebeef2;
    transition: 0.6s;
}

.news__block li.new::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -30px;
    top: calc(50% - 10px);
    background: var(--yellow-color);
    border-radius: 50%;
}

.news__block-date {
    font-weight: bold;
    border-bottom: 2px solid var(--yellow-color);
    display: inline-block;
    width: 10%;
    max-width: 90px;
    margin-right: 50px;
    text-align: center;
    font-size: 18px;
}

.news__block-text {
    width: 90%;
}

@media screen and (max-width:620px) {
    .news__block li {
        padding: 5px 10px;
    }

    .news__block li {
        flex-direction: column;
    }

    .news__block-date,
    .news__block-text {
        width: 100%;
        width: unset;
        max-width: unset;
        margin: 0 0 5px;
        text-align: left;
        display: inline-block;
    }
}

#contacts img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
    margin: 0 auto;
}

#contacts h2 {
    margin: 15px auto 50px;
}

#contacts h2 span {
    display: inline-block;
    color: #F5CC00;
}

#city {
    background: var(--grey-color);
    max-width: 80%;
}

#city .cityInfo .city_row .col-sm-4 {
    padding: 20px;
    width: unset;
    flex-basis: 33%;
}

@media screen and (max-width: 620px) {
    .partners_info {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }

    .partners_info .wrap {
        width: 80%;
        min-height: unset;
        margin: 0;
    }

    .partners_list .city_row {
        display: flex;
        flex-direction: column;
    }

    #city .cityInfo .city_row .col-sm-4 {
        padding: 20px;
        width: unset;
        flex-basis: 100%;
        border: none;
        margin: 0;
    }
}

.t228__right_descr a.phone {
    color: var(--yellow-color) !important;
    font-size: 18px;
    display: block;
    position: relative;
    top: 0px;
}


/*vacancy*/

#rec14111424.vacancy {
    margin-top: 0px;
    background: #fff;
}

.vacancy .vacancy__container {
    padding: 50px 0 20px;
}

.vacancy .vacancy__title {
    text-align: left;
    margin: 15px 0;
    border-bottom: 2px solid var(--yellow-color);
    display: inline-block;
    font-size: 22px;
}

#rec14111424.vacancy ul {
    list-style-position: inside;
    padding-left: 25px;
}

#rec14111424.vacancy ul li {
    margin-right: 20px;
}

#rec14111424.vacancy ul li::marker {
    color: #fecc00;
    font-size: 1.2em;
}

#vacancy {
    max-width: 600px;
}

#rec14111424.vacancy p {
    font-weight: bold;
}

#rec14111424.vacancy .btn {
    display: inline-block;
    padding: 13px 20px;
    font-size: 16px;
    color: #000;
    background-color: var(--yellow-color);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    font-weight: bold;
    border: 3px solid var(--yellow-color);
    min-width: 250px;
    cursor: pointer;
    margin: 50px auto;
}


/*end vacancy*/

.price_block {
    margin: 20px auto;
}

@media screen and (max-width: 820px) {
    .price_block {
        padding: 10px;
        margin: 0 auto 10px;
    }
}

.main_atricle_image {
    max-width: 600px;
    margin: 0px auto 50px;
    max-width: 600px;
    margin: 0px auto 50px;
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
}

.category #allrecords {
    min-height: 60vh;
}

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

.acticles h2 {
    margin: 0 auto 30px;
}

.acticles a,
.acticles a:hover {
    text-decoration: none;
    color: #000;
}

.acticles h4 {
    font-size: 16px;
}

.acticle_block {
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px;
    border-radius: 10px;
}

.col-sm-4.acticle_block:hover {
    background: #ebeef2;
    transition: 0.6s;
}

.acticle_wrapper {
    text-align: center;
}

.acticle_wrapper img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
    margin: 0 auto;
}

.btn-yellow {
    background: var(--yellow-color);
    color: #000 !important;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    border-radius: 0;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
}

.btn-yellow:hover {
    text-decoration: none !important;
}

.constructor .block {
    filter: opacity(0.3);
}

@font-face {
    font-family: "rub-arial-regular";
    src: url("/fonts/ruble-simb.woff"), url("/fonts/ruble-simb.ttf");
}

span.rur {
    font-family: rub-arial-regular;
    text-transform: uppercase;
}

span.rur span {
    display: none;
}

.catalog .products {
    margin: 50px auto 0;
}

.catalog .products .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.catalog .products h2 {
    text-align: center;
    margin: 20px auto;
}

.catalog .products a {
    color: #000 !important;
    display: flex;
    flex-direction: column;
}

.catalog .products a:hover {
    text-decoration: none;
}

.catalog .product {
    width: 25%;
    display: flex;
}

.catalog .products .product_wrapper {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: start;
}

.catalog .products .product_wrapper:hover {
    background: #ebeef2;
    transition: 0.6s;
}

#constructor.catalog_constructor {
    padding: 150px 0;
}

.catalog .products .img_wrapper {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog .products img {
    width: 100%;
    border-radius: 15px;
    display: block;
    margin-bottom: 10px;
    min-height: 300px;
    object-fit: contain;
}

.catalog .products .product_descr {
    font-size: 18px;
    margin-top: 25px;
    text-align: left;
}

@media screen and (max-width:620px) {
    .catalog .products .row {
        display: flex;
        flex-direction: column;
    }

    .catalog .product {
        width: 100%;
    }

    .catalog .products .product_wrapper {
        justify-content: center;
    }

    #constructor h2 {
        font-size: 24px !important;
    }

    .btn-yellow {
        margin: 20px auto;
    }

    .catalog .catalog_constructor {
        padding: 50px 0;
    }
}

body.page-id-23 {
    margin-top: 0;
}

body.page-id-333 {
    /* margin-top: 0; */
}

body.page-id-333 #contacts {
    padding: 10px 0 0px;
}

body.single #constructor,
body.page #constructor {
    padding: 0px 0 20px;
}

body.page-id-23 #constructor {
    padding: 40px 0 20px;
}

body.single #constructor.white_after::after,
body.single #constructor.white_after::before,
body.page #constructor.white_after::after,
body.page #constructor.white_after::before {
    width: 0;
}

body.page-id-23 #constructor.white_after::after,
body.page-id-23 #constructor.white_after::before,
body.page-id-23 #constructor.white_after::after,
body.page-id-23 #constructor.white_after::before {
    width: 50.1%;
}

.delivery h1 {
    margin: 30px auto;
    text-align: center;
}

.delivery img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
    margin: 0 auto;
}

.delivery .transport img {
    outline: none;
    max-width: 140px;
    margin: 0;
}

.promo h1 {
    margin: 30px auto;
    text-align: center;
}

@media screen and (max-width:768px) {
    body {
        margin-top: 0;
    }

    .t228__imglogo {
        max-width: 180px;
        padding: 0;
    }

    footer .t228__list {
        max-width: 100% !important;
    }
}

.about__container2 {
    margin: 100px auto;
    background: url(https://azkf.ru/upload/user_pictures/about-1-back.jpg) no-repeat;
    background-size: cover;
}

.about__container2 .about__text_wrapper {
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    font-size: 16px;
}

.about__container2 .about_left_col {}

.about__container2 .about_right_col {}

.about__container2 .about__mission {
    font-size: 16px;
    margin: 20px auto;
}

.about__container2 .about__photo {}

.about__container2 .about_founder {}


/* characteristic_block */

#constructor .block_colors .characteristic_block {
    display: flex;
    background: var(--grey-color);
    flex-direction: row;
    margin: 20px auto;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

#constructor .block_colors .characteristic_block>a {
    padding: 10px;
    text-align: center;
    width: 40%;
}

#constructor .block_colors .characteristic_block>a:nth-child(1) {
    width: 60%;
}

#constructor .block_colors .characteristic_block>a:nth-child(3) {
    width: 100%;
}

#constructor .block_colors .characteristic_block>a:hover {
    background: var(--yellow-color);
    cursor: pointer;
}

#constructor .block_colors .characteristic_block a,
#constructor .block_colors .characteristic_block a:hover {
    color: #000;
    text-decoration: none;
}

@media screen and (max-width:620px) {
    #constructor .block_colors .characteristic_block {
        margin: 20px auto 0;
    }

    #constructor .block_colors {
        bottom: 50px !important;
    }

    #constructor .block_colors .characteristic_block>a:nth-child(1),
    #constructor .block_colors .characteristic_block>a:nth-child(2),
    #constructor .block_colors .characteristic_block>a:nth-child(3) {
        width: auto;
    }
}


/* schedule */

.schedule {
    font-size: 12px;
    color: #fbc504;
}

.schedule__wrapper {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.schedule__wrapper .schedule__text {
    display: flex;
}

.schedule__wrapper .schedule__text>div {
    width: 50%;
}

.schedule__wrapper .schedule__days {
    text-align: right;
    padding-right: 15px;
}

footer .schedule {
    color: #fff;
    max-width: 150px;
    margin-left: auto;
    margin-top: 5px;
}

footer .slogan {
    position: relative;
    top: -10px;
    font-size: 0.56em;
    text-transform: uppercase;
    font-weight: 900;
}

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

#contacts .schedule {
    color: #000000;
    max-width: 150px;
    text-align: right;
    margin: 10px 0;
    margin-left: auto;
}

.schedule__wrapper .schedule__periods {}

footer .schedule__wrapper .schedule__text {
    color: #fff;
}


/* end schedule */

#rec14831943 a,
#rec14831943 a:hover {
    color: #ff8562;
    text-decoration: none;
}

.t228__info {}

.t228__leftside .t228__slogan {
    margin: 0;
    font-size: 7px;
    text-align: center;
    position: relative;
    top: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.t228__leftside .t228__slogan span {
    margin: 0 3px;
}

.t228__info .t228__ru {
    margin-left: 20px;
    margin-left: 50px;
}

.t228__info .t228__ru img {
    max-width: 105px;
}

.t228__imglogo {
    margin: unset;
    width: 150px;
}

@media screen and (max-width:620px) {
    .t228__info .t228__ru {
        margin-left: unset;
    }
}

footer .t228__ru img {
    max-width: 100px;
}

.page-id-23 #contacts {
    padding: 90px 0;
}

.error404-content {}

.error404-content h2 {
    text-align: left;
    margin: 20px auto 10px
}

.error404-content ul {
    list-style-position: inside;
    margin-bottom: 50px;
}

.error404-content ul li {}

.error404-content ul li a {}

#mission {
    background: var(--yellow-color);
    padding: 20px 0 20px;
    color: #000;
    font-size: 18px;
    margin: 0 auto 0px;
}

#mission ul {
    list-style-position: inside;
}

#mission .container {
    position: relative;
}

#mission .mission_text {
    margin: 40px 0;
    font-weight: bold;
    font-size: 27px;
    max-width: 750px;
    line-height: 1.2;
    color: var(--yellow-color);
    text-transform: uppercase;
}

#mission .mission_description {
    max-width: unset;
    text-align: justify;
}

#mission .mission_description p {
    font-weight: 600;
}

#mission .mission_about {
    color: var(--yellow-color);
    font-weight: bold;
    margin: 0 auto 10px;
}

#mission .mission_video_wrap::before {
    content: '';
}

#mission .mission_video_wrap {
    margin-right: 10px;
    position: relative;
}

#mission .mission_video_wrap p {
    margin: 10px auto 0;
    text-align: center;
}

#mission .mission_video_wrap .playbtn svg {
    width: 55px;
}

#mission .mission_author {
    max-width: 750px;
    margin: 0px 0 0;
    font-size: 18px;
    text-align: right;
}

#mission .mission_videos {
    display: flex;
    justify-content: space-between;
}

#mission .mission_videos img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: -8px;
}

#mission a,
#mission a:hover {
    display: block;
    cursor: pointer;
    font-weight: bold;
    margin: 20px 0;
    color: var(--yellow-color);
    text-decoration: none;
}

#mission .playbtn {
    top: calc(50% - 60px);
    left: calc(50% - 35px);
    width: 65px;
}

#mission .playbtn img {}

#mission .sergey {
    background: url('/img/blocks/about/sergey.png');
    position: absolute;
    width: 430px;
    height: 730px;
    bottom: -150px;
    background-repeat: no-repeat;
    background-position: top center;
    right: -80px;
}

@media screen and (max-width:1200px) {
    #mission .mission_description {
        max-width: 600px;
    }

    #mission .mission_text {
        max-width: 660px;
    }

    #mission .mission_author {
        max-width: 600px;
    }
}

@media screen and (max-width:990px) {
    #mission .sergey {
        background-repeat: no-repeat;
        background-position: top center;
        right: unset;
        margin: 0 auto;
        position: relative;
    }

    #mission .container {
        display: flex;
        flex-direction: column;
    }

    #mission .mission_author {
        font-size: 18px;
    }
}

@media screen and (max-width:620px) {
    #mission .mission_videos {
        flex-direction: column;
    }

    #mission .mission_videos img {
        width: 100%;
        margin: 0 auto 0;
    }
}

#category-content ul {
    display: flex;
    flex-direction: column;
    /* list-style-type: none; */
    list-style-position: inside;
}

#category-content li {
    margin: 0 0 10px;
}

#category-content li a {}

#constructor .button-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#constructor .button-wrapper>div {
    width: 40%;
    margin: 50px 0;
}

@media screen and (max-width: 620px) {
    #constructor .button-wrapper>div {
        width: 100%;
        margin: 10px 0;
    }

    #constructor .button-wrapper {
        flex-direction: column;
    }

    #constructor .button-wrapper {
        margin: 20px auto;
    }
}

#ya-feedbacks .container h2 {
    margin: 40px auto;
}

#ya-feedbacks .container h2 span {
    color: #f5cc00;
    display: inline-block;
}

#ya-feedbacks {
    margin: 100px auto 0;
}

#ya-feedbacks .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#ya-feedbacks .container .row {
    display: flex;
}

#ya-feedbacks .container .row .col-6 {
    width: 50%;
    min-width: 530px;
}

@media screen and (max-width:620px) {
    #ya-feedbacks .container div {
        width: 360px !important;
    }

    #ya-feedbacks .container .row {
        display: flex;
        flex-direction: column;
    }

    #ya-feedbacks .container .row .col-6 {
        min-width: unset;
    }

    #ya-feedbacks .container .row .col-6:nth-child(2) {
        display: none;
    }
}

.why_img {
    position: relative;
    left: 25px;
    top: 30px;
}

#certs {
    margin: 0 auto;
    padding: 0px 0 20px;
    width: 100%;
}

#certs h2 {
    margin: 40px auto;
}

#phone_detection {}

#phone_detection p {
    text-align: center;
    margin: 0;
}

#phone_detection h3 {
    margin: 5px auto;
}

#phone_detection .buttons {
    display: flex;
    justify-content: space-around;
    margin: 20px auto 0;
    font-size: 18px;
    text-transform: uppercase;
    align-items: center;
}

#phone_detection .buttons div.active {
    background: var(--yellow-color);
    border: 3px solid var(--yellow-color);
    box-shadow: 0px 4px 6px -1px #00000021;
    font-size: 18px;
    z-index: 9;
    padding: 6px 15px;
    font-weight: 500;
    border-radius: 10px;
}

#phone_detection .buttons div {}

#category-content .category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    flex-direction: row;
}

#category-content .category-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    width: 250px;
    text-align: center;
    font-size: 16px;
    transition: .3s;
}

#category-content .category-list li:hover .preview-wrap {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

#category-content .category-list li a:hover {
    text-decoration: none;
}

#category-content li::marker {
    content: '';
}

.preview-wrap {
    padding: 16px;
    margin-bottom: 20px;
    width: 240px;
    height: 240px;
    max-width: 240px;
    max-height: 240px;
    display: flex;
    background: #fff;
    transition: .3s;
    justify-content: center;
}

.preview-wrap img {
    max-width: 100%;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}

@media(max-width: 992px) {
    #category-content .category-list {
        justify-content: center;
    }
}

@media(max-width: 980px) {
    .preview-wrap {
        margin-bottom: 0;
    }

    #category-content li a {
        flex-direction: column;
    }
}


/* partnerslogo */

#partners_logo {
    margin: 80px auto 0;
}

#partners_logo .partners_logos {
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#partners_logo .partners_logos img {
    max-width: 245px;
    margin: 20px 30px;
}

.amkpartners h1 {
    margin: 30px auto;
    text-align: center;
}

.amkpartners img {
    width: 100%;
    border-radius: 10px;
    display: block;
    position: relative;
    outline: 1px solid rgba(245, 204, 0, .5);
    outline-offset: 5px;
    margin: 0 auto;
    max-width: 300px;
}

.amkpartners .item {
    display: flex;
    align-items: start;
    margin: 0 auto 50px;
    justify-content: center;
}

.amkpartners .col-img,
.amkpartners .col-text {
    padding: 0 20px;
}

.amkpartners .col-img {
    width: 30%;
    padding-top: 15px;
}

.amkpartners .col-text {
    width: 70%;
}

@media screen and (max-width:620px) {
    .amkpartners .col-img {
        width: 100%;
        margin-bottom: 25px;
    }

    .amkpartners .item {
        flex-direction: column;
    }

    .amkpartners .col-text {
        width: 100%;
    }
}

.t330 .t593__blockinput {
    vertical-align: middle;
    height: 100%;
    width: 49% !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 auto 40px !important;
    padding-right: 11px !important;
}

.t330 .t-title_xxs {
    font-size: 30px;
    line-height: 1.23;
}

.t330 .t330__img-wrap {
    background-color: #000;
    overflow: hidden;
    max-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.t330 .t-descr_xs {
    font-size: 15px;
    line-height: 1.55;
}

.t330 .t330__img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.yt_btn_wrap,
.instr_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* search */

#buy .finded {
    font-weight: 900;
}

#buy .disabled {
    opacity: 0.4;
}

#buy {
    margin: 20px 0;
    font-weight: bold;
}

#buy .search_result {
    margin: 20px 0;
    font-weight: 900;
}

@media screen and (max-width: 980px) {
    #buy .finded {
        font-weight: 900;
    }

    #buy .partners_list input {
        padding: 10px;
        border-radius: 5px;
        margin: 30px 0 0;
    }

    #buy .disabled {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    #constructor-block .photo_block {
        margin: 10px auto;
    }

    #constructor-block .photo_bloc img {
        border-radius: 10px;
    }
}

#rec14831943 #form_call a {
    display: inline-flex;
}

@media screen and (max-width: 980px) {
    #rec14831943 .t330 .t593__blockinput {
        margin: 0 auto 0px !important;
    }

    #rec14831943 .t330 .t-descr_xs {
        font-size: 15px;
        line-height: 1.55;
        text-align: left;
    }

    #rec14831943 #form_call a {
        display: inline-flex;
        font-size: 12px;
    }

    #rec14831943 p {
        font-size: 12px;
    }
}

.wrap_c68a,
.__jivoMobileButton {
    bottom: 70px !important;
}


/* serial popup */

.modal {
    display: none;
}

#youtube_serial_popup {
    max-width: 600px;
    padding: 20px;
    text-align: center;
    width: 90%;
}

#youtube_serial_popup h2 {
    font-size: 24px;
    margin: 0 auto 10px;
    font-family: 'Museo Sans', sans-serif;
    font-weight: 900;
}

#youtube_serial_popup img {
    width: 100%;
}


/* devivery-block */

#devivery-block {
    background-image: linear-gradient(180deg, #fbc504cf, #fbc504cf), url(/forpartners/blocks/utp/img/101.jpg);
    background-position: center 85%;
    background-size: cover;
    position: relative;
}


/* #devivery-block::before {
content: '';
position: absolute;
width: 100%;
background: #fbc504cf;
top: 0;
z-index: 1;
height: 100%;
left: 0;
} */

#devivery-block .container {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#devivery-block p {
    color: #000;
    font-size: 18px;
    text-align: left;
    /* max-width: 530px; */
    font-weight: 500;
    margin-top: 30px;
    line-height: 1.3;
}

#devivery-block span {
    text-transform: uppercase;
    font-weight: bold;
}

#devivery-block .btn {
    display: block;
    font-size: 18px;
    color: #fff;
    background-color: black;
    border-radius: 30px;
    box-shadow: 0px 4px 6px -1px #00000021;
    text-align: center;
    font-weight: bold;
    border: 3px solid #000000;
    min-width: 200px;
    cursor: pointer;
    margin: 20px 0;
}

#devivery-block .lists_block {
    max-height: 240px;
    overflow: hidden;
}

#devivery-block .lists_block img {
    width: 100%;
    max-width: 100px;
    transform: rotate(45deg);
    margin: 0 8px;
}

@media screen and (max-width:620px) {
    #devivery-block .lists_block {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: unset;
    }

    #devivery-block p {
        margin: 30px auto;
    }

    #devivery-block .container {
        flex-direction: column;
    }

    #devivery-block .container .col-sm-6:nth-child(1) {
        order: 2;
    }

    #devivery-block .container .col-sm-6:nth-child(2) {
        order: 1;
    }

    #devivery-block .lists_block img {
        width: 100%;
        max-width: 50px;
        margin: 20px 10px 0;
        transform: rotate(45deg);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/* team */

@media screen and (max-width: 620px) {
    .member_block {
        width: 100%;
    }

    .member_block img {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .member_block img {
        width: 100%;
        height: 300px;
    }
}

@media screen and (max-width: 1000px) {
    .member_block img {
        height: 380px;
    }
}

@media screen and (max-width: 1200px) {
    .member_block img {
        height: 500px;
    }
}

#grow_map {
    padding: 40px 0;
}

#grow_map img {
    width: 100%
}

#grow_map .map_wrapper {
    display: flex;
}

#grow_map .map_wrapper .countries {
    width: 20%;
    background: #fbc21e;
    padding: 20px 10px 10px;
}

#grow_map .map_wrapper .countries .c_colums {
    display: flex;
    justify-content: space-between;
}

#grow_map .map_wrapper .countries .c_left_column {}

#grow_map .map_wrapper .countries .c_right_column {}

#grow_map .map_wrapper .countries .cname {
    font-size: 16px;
    font-weight: bold;
}

#th {
    padding: 40px 0;
}

#th ul {
    list-style-position: inside;
}

#cert_plus {
    padding: 40px 0;
}

#cert_plus ul {
    list-style-position: inside;
}

#characteristics {
    padding: 40px 0;
}

#characteristics ul {
    list-style-position: inside;
    text-align: left;
}

#characteristics .container p {
    text-align: left;
}

#obl {
    padding: 40px 0;
}

#obl ul {
    list-style-position: inside;
    text-align: left;
}

#obl .container p {
    text-align: left;
    display: flex;
}

#obl img {
    max-width: 300px;
    margin: 0 10px;
}


/* styles.css */


/* Сбрасываем базовые стили только для наших элементов */

.custom-container * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.custom-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
}


/* Заголовок */

.custom-header {
    position: absolute;
    top: calc(768px / 2);
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    background-color: rgb(246 193 5);
    color: #000000;
    padding: 20px;
    text-align: center;
    z-index: 999;
}

.custom-header h1 {
    font-size: 3.5rem;
    margin-bottom: 10px;
    text-align: center;
}

.custom-header p {
    font-size: 2.5rem;
    text-align: center;
}


/* Галерея */

.custom-gallery {
    display: flex;
    flex-wrap: wrap;
    /* gap: 5px; */
    margin-bottom: 40px;
}

.custom-container h2 {
    width: 100%;
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 500;
    margin: 20px 0 30px;
    padding: 0;
    text-align: center;
}

.custom-gallery-item {
    /* flex: 1; */
    min-width: 300px;
    text-align: center;
}

.custom-gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    /* Чтобы изображения не искажались */
}

.custom-gallery-item p {
    margin-top: 10px;
    text-align: center;
}


/* Специфические стили для галереи с 4 элементами */


/* .custom-gallery--four .custom-gallery-item {
    flex: 1 1 23%;
} */


/* Специфические стили для первой галереи (с храмами) */

.custom-gallery:first-of-type .custom-gallery-item {
    /* flex: 1 1 23%; */
    min-width: 250px;
}

.custom-gallery:first-of-type:not(.custom-gallery--four) .custom-gallery-item:nth-child(1) {
    width: 100%;
}

.custom-gallery:first-of-type .custom-gallery-item:nth-child(2) {
    width: 50%;
}

.custom-gallery:first-of-type .custom-gallery-item {
    position: relative
}

.custom-header {
    display: none;
}

.custom-gallery.custom-gallery_hram .custom-gallery-item:nth-child(1)::before {
    content: 'Отделка нижнего яруса фасада выполнена из декоративного покрытия:\AКирпич микс 500 + Кирпич нестандартный микс 001-102-103';
    position: absolute;
    background: #ffffffdb;
    font-size: 24px;
    padding: 20px;
    bottom: 20px;
    right: 20px;
    white-space: pre-wrap;
    text-align: left;
}

.custom-gallery.custom-gallery_hram .custom-gallery-item:nth-child(2)::before {
    content: 'Отделка фасада выполнена из декоративного покрытия:\A Кирпич 102';
    position: absolute;
    width: calc(100% - 10px);
    background: #ffffffdb;
    font-size: 24px;
    padding: 20px;
    bottom: 20px;
    right: 5px;
    white-space: pre-wrap;
    /* text-align: left; */
}

.custom-gallery:first-of-type .custom-gallery-item:nth-child(3) {
    width: 50%;
}

.custom-gallery.custom-gallery_hram .custom-gallery-item:nth-child(3)::before {
    content: 'Отделка фасада выполнена из декоративного покрытия:\AКирпич 100';
    position: absolute;
    width: calc(100% - 10px);
    background: #ffffffdb;
    font-size: 24px;
    padding: 20px;
    bottom: 20px;
    right: 5px;
    white-space: pre-wrap;
    /* text-align: left; */
}


/* Устанавливаем фиксированную высоту для изображений в первой галерее */

.custom-gallery:first-of-type .custom-gallery-item img {
    height: 100%;
    padding: 5px;
    object-position: top;
    object-fit: cover;
}

.custom-gallery.custom-gallery--four {
    flex-wrap: nowrap;
    max-width: 1200px;
    margin: 0 auto;
}

.custom-gallery.custom-gallery--four .custom-gallery-item {
    width: 25%;
}

.grey_container {
    background: #f9f8f8;
    padding: 10px 0 20px;
    margin: 30px auto;
}

.grey_container .custom-gallery.custom-gallery--four img,
.custom-gallery.custom-gallery--four img {
    width: 100%;
    padding: 15px;
    height: 230px;
}

.grey_container .custom-gallery.custom-gallery--four img {
    max-width: 100%;
}


/* Кнопка */

.custom-btn {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.custom-btn:hover {
    background-color: #555;
}


/* Адаптивность */


/* Планшеты (768px и меньше) */

@media (max-width: 768px) {
    #map {
        width: 100%;
    }

    #grow_map .map_wrapper .countries {
        width: 100%;
    }

    #grow_map .map_wrapper .countries .cname {
        font-size: 18px;
    }

    #grow_map .map_wrapper {
        display: flex;
        flex-direction: column;
    }

    .custom-gallery.custom-gallery--four {
        flex-wrap: wrap;
    }

    .custom-header h1 {
        font-size: 2rem;
    }

    .custom-header p {
        font-size: 1rem;
    }

    .custom-gallery--four .custom-gallery-item {
        flex: 1 1 48%;
    }

    .custom-gallery:first-of-type .custom-gallery-item {
        flex: 1 1 48%;
        min-width: 200px;
    }

    .custom-gallery:first-of-type .custom-gallery-item img {
        height: 250px;
        /* Уменьшаем высоту для планшетов */
    }
}


/* Мобильные устройства (480px и меньше) */

@media (max-width: 480px) {
    .custom-header h1 {
        font-size: 1.5rem;
    }

    .custom-header p {
        font-size: 0.9rem;
    }

    .custom-gallery--four .custom-gallery-item {
        flex: 1 1 100%;
    }

    .custom-gallery:first-of-type .custom-gallery-item {
        flex: 1 1 100%;
        min-width: 100%;
    }

    .custom-gallery:first-of-type .custom-gallery-item img {
        height: 470px;
        right: 0px;
    }

    .custom-gallery.custom-gallery_hram .custom-gallery-item img {
        height: 670px;
    }

    .custom-gallery.custom-gallery_hram .custom-gallery-item:nth-child(1)::before {
        padding: 20px;
        bottom: 270px;
        right: 5px;
    }

    .custom-gallery .custom-gallery-item:nth-child(3) img {
        object-position: left;
        object-fit: cover;
    }

    .custom-gallery.custom-gallery_hram .custom-gallery-item:not(:first-child)::before {
        right: 5px;
    }


}

.projects {
    margin: 50px auto;
}

.projects a {
    background: black;
    color: #fff;
    display: inline-block !important;
    padding: 7px 25px;
    border-radius: 5px;
}

.alig_mounting {
    max-width: 300px;
    padding: 60px 30px 0;
}

.rost {
    margin: 20px auto 40px;
}

#constructor .constructor {
    min-height: unset !important;
}

.postid-115 .row {
    margin: 20px auto;
}

.postid-1019 .col-sm-3 {
    width: 25%;
    margin: 10px auto;
}

footer .img-responsive {
    margin: 0 auto 20px;
}

#allrecords .t228__list .t228__list_item a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

#breadcrumbs {
    display: none;
}

@media screen and (max-width: 620px) {
    .postid-1019 .col-sm-3 {
        width: 100%;
    }
}


#gallery .row .col-sm-3 p {
    text-align: center;
}

#gallery .row .col-sm-3 {
    min-height: 340px;
}