* {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
}

input {
    outline: none !important;
}

.wrapper {
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
}

.attachment-page {
    margin: 30px 0;
}

.slick-slide img {
    height: auto;
}

.slick-vertical .slick-slide {
    height: 104px;
}

header {
    width: 100%;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.73);
}

#header.fixed {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.16);
    position: fixed;
    top: 0;
}

#header.fixed .header-content {
    border-bottom: 0;
}

#header.fixed .navbar-toggle {
    margin: 0 35px 0 0;
}

header .header-content {
    -moz-transition: padding 0.6s;
    -o-transition: padding 0.6s;
    -webkit-transition: padding 0.6s;
    transition: padding 0.6s;
    box-shadow: inset 0 -11px 8px -10px #ccc;
    padding-bottom: 20px;
}

header .logo {
    float: left;
    font-size: 28px;
    font-weight: bolder;
    color: #b70000;
    text-decoration: none;
    letter-spacing: 0;
}

header .logo img {
    width: 110px;
    padding: 0;
    margin-left: 25px;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

#header.fixed .logo img {
    width: 100px;
    padding: 0;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.top_menu {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #b0abab;
    background: #fff;
    padding: 0 0 20px 0;
}

.navbar-toggle {
    border: 1px solid #4e960f !important;
    bottom: 40px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.navbar-toggle .icon-bar {
    background-color: #4e960f;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.menu.nav li {
    /* padding: 0 50px; */
    text-align: center;
}

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

.menu.nav a {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
}

.head_right {
    float: right;
    margin: 15px 0 15px 0;
    width: 75%;
}

#header.fixed .head_directions {
    float: left;
    width: 20%;
    margin-left: -128px;
}

.head_directions {
    float: left;
    width: 31%;
    margin-left: -128px;
}

.head_contacts {
    float: right;
    width: 75%;
    text-align: right;
    margin: 3px 35px;
}

.head_contacts_time p {
    margin: 5px 0 5px 0;
    line-height: 17px;
}

.head_contacts_address {
    font-size: 20px;
    font-family: Myriad Pro Semibold;
}

#header.fixed .head_contacts_address {
    font-size: 17px;
}

#header.fixed .head_contacts {
    width: 45%;
}

#header.fixed .head_contacts_phone {
    /* float: left; */
}

.head_contacts_phone a {
    color: #cd4e00;
    font-size: 3rem;
    font-family: Myriad Pro Semibold;
    text-shadow: 1px 1px 0 #413128;
}

#header.fixed .head_contacts_phone a {
    font-size: 20px;
}

#header.fixed .top_email {
    float: right;
    font-size: 20px;
}

.top_email {
    font-size: 25px;
    font-family: Myriad Pro Semibold;
    float: left;
    margin: -40px 34px 5px;
}

.top_email a {
    color: #000;
}

.new_bg {
    height: 100%;
    min-height: 660px;
    width: 100%;
    display: flex;
    align-items: center;
}

.new_bg img {
    background-size: cover !important;
    position: absolute;
    height: 661px;
    width: 100%;
    margin: 0 auto;

}

.align_center {
    width: 100%;
}

.banner_title_whitewrap {
    padding: 0 25px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #0084c9;
}

.new_bg .banner_title h1 {
    font-size: 3rem;
    line-height: 40px;
    margin: 0;
    text-align: center;
    padding: 5px 15px 5px 15px;
}

.new_bg .banner_title p {
    font-size: 36px;
    line-height: 56px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
}

.new_bg .banner_description {
    font-size: 20px;
    padding: 0 25px;
    display: block;
    text-align: center;
}

.banner_desc_blackwrap {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.top_border_form p {
    text-align: center;
    color: #ffffff;
}

.top_border_form a {
    color: #ffffff;
    text-decoration: underline;
}

.ajax_form.af_example {
    width: 100%;
}

.banner_form {
    background: #4e960f;
    padding: 4px 28px 25px;
    overflow: hidden;
    display: block;
    position: relative;
    opacity: 0.9;
}

.banner_form .text-right {
    text-align: center;
}

form[name="arrFilter_form"] {
    /*отступ формы под шапкой на странице "заборы для дачи*/
    margin-top: 13px;
}

.form_title {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 25px 0;
    position: relative;
}

.form_title:after {
    content: "";
    display: block;
    position: absolute;
    transform: translate(-50%, 0);
    bottom: -15px;
    left: 50%;
    width: 144px;
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/wborder.png) 50% no-repeat;
    height: 6px;
}

.form-group-feedback .form-control-feedback {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 56px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
}

.btn,
button,
input[type="submit"],
button.btn,
input[type="submit"].btn,
input[type="button"] {
    background-color: #4e960f;
    border-radius: 0;
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 35px;
    font-size: 16px;
    line-height: 14px;
    font-weight: 400;
    white-space: normal;
    -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out,
    border-color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out,
    border-color 0.1s ease-in-out;
}

input[type="button"] {
    color: #000;
    font-size: 2rem;
    text-decoration: none;
    border: 1px solid #4e960f;
    background: #fff;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
button.btn:hover,
input[type="submit"].btn:hover,
input[type="button"]:hover {
    text-decoration: none;
    border: 1px solid #4e960f;
    background: #fff;
    color: #4e960f;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.form-group-feedback {
    position: relative;
}

.form-control,
input[type="text"],
select,
textarea,
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="file"] {
    border: 1px solid #fff;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    padding: 9px 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #333;
    font-weight: 400;
    line-height: 20px;
}

.form_input {
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 17px;
    background-color: rgba(255, 255, 255, 0.8);
}

#type__fences p span {
    margin: 0 15px;
    display: block;
    /* text-align: justify;*/
}

/**********
galery-item
***********/
.gallery-item {
    margin: 15px 0;
    height: 345px;
}

.gallery-item__hover {
    position: relative;
    height: 100%;
    max-height: 600px;
    overflow: hidden;
    width: 100%;
}

.gallery-item__hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 42, 41, 0.5);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.gallery-item__hover:hover::before,
.modal a.modal-close:hover {
    opacity: 1;
}

.gallery-item__img {
    width: 120%;
    min-height: 360px;
    height: auto;
}

.gallery-item__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
}

.gallery-item__btn,
.gallery-item__price,
.gallery-item__title {
    position: absolute;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.gallery-item__hover:hover .gallery-item__price {
    right: -100%;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.gallery-item__title,
.gallery-item__title span,
.price-footer a {
    font-family: CenturyGothicBoldItalic, sans-serif;
}

.gallery-item__title {
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    min-height: 105px;
    text-align: left;
    background: #383838;
    padding: 20px 110px 20px 15px;
    line-height: 1.2;
    opacity: 0.8;
    font-size: 2rem;
}

.gallery-item__price {
    right: 10px;
    bottom: 25px;
    width: 94px;
    height: 94px;
    background: #4e960f;
    -webkit-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    padding: 10px 0;
}

.product-item-small-card .gallery-item__price,
.section-item .gallery-item__price,
.gallery-item__slider-card .gallery-item__price {
    right: 10px;
    bottom: 25px;
    width: 94px;
    height: 94px;
    background: #4e960f;
    -webkit-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    padding: 30px 0;
}

.price__currency {
    font-size: 16px;
    margin-top: -5px;
    display: block;
}

.price__cost {
    font-size: 1.85rem;
    font-weight: 700;
}

.gallery-item__btn {
    top: -100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
    background: #52443c;
    cursor: pointer;
}

.gallery-item__hover:hover .gallery-item__btn {
    top: 30%;
}

.titleBlock {
    text-align: center;
    font-size: 2rem;
    margin: 0;
    padding: 30px 0 30px 0;
    color: #333;
    font-weight: 700;
}

/***************
    table__price
****************/

.faq-block-holder {
    border: 1px solid #d3d3d3;
    font-size: 16px;
   /* border-radius: 15px;*/
    margin: 0 0 25px 0;
}

.faq-block-question.active>.faq-block-holder {
    border: none;
}

.faq-block-question p {
    text-align: left;
    font-weight: bold;
    padding: 10px 10px 10px 50px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin: 0;
    width: 87%;
    font-size: 16px;
}

.faq-block-question:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 15px;
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/arr-dwn.png);
    background-size: 100%;
    right: 40px;
    top: 13px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.faq-block-question.active:after {
    transform: rotate(180deg);
}

.faq-block-question.active {
    color: #fff;
    background: #4e960f;
    border-radius: 15px 15px 0 0;
}

.table__block {
    border-collapse: collapse;
    width: 100%;
    margin: 15px 0;
}

.table__blockPrice {
    border-collapse: collapse;
    width: 100%;
}

.table__blockPrice td {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 10px 5px;
    text-align: center;
}

.table__blockPrice tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table__block td {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 10px 5px;
}

.table__block img {
    width: 100%;
    height: 50%;
}

.table__block-title {}

.table__block-colorGreen {
    background: #c4d79b;
}

.table__block-colorRosy {
    background: #ccc0da;
}

.table__block-colorBlue {
    background: #8db4e2;
}

.table__block-colorOrange {
    background: #fcd5b4;
}

.table__block-colorRed {
    background: #da9694;
}

.table__block-colorAzure {
    background: #dce6f1;
}

.table__block-colorPink {
    background: #f2dcdb;
}

.table__block-colorLightblue {
    background: #daeef3;
}

.table__block-colorBrown {
    background: #c4bd97;
}

/***********
form-payment
************/

.form_2 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/banner_2.jpg) 50% no-repeat;
    min-height: 445px;
    display: flex;
    align-items: center;
}

.form_2__title {
    font-size: 2em;
    color: #000;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 50px;
    font-weight: 700;
}

@media (max-width: 480px) {
.form_2__title {
    margin-top: 10px;
 }
}





.form_2__text {
    font-size: 24px;
    background: #4e960f;
    color: #fff;
    margin: 20px 0;
    text-align: center;
    padding: 10px 10px;
}

.form_2__input {
    width: 100%;
    padding: 12px 0 12px 10px;
    border: none;
}

.form_2__submit {
    width: 100%;
    padding: 12px 0 12px 0;
    border: none;
    background: #00a2e8;
    color: #ffffff;
    font-size: 16px;
    transition: 0.3s;
}

.form_2__danger {
    margin: 20px 0;
    text-align: center;
    color: #ffffff;
    background: #4e960f;
}

#about__company {
    background: #fff;
}

#about__company .company__text {
    margin: 30px 0 0 0;
    padding: 0 15px;
}

#form__payment .js-form,
#ourProduction .js-form {
    padding: 0 15px;
}


.company {
    background: #4e960f;
    padding: 30px 0;
    color: #fff;
    box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc;
}

.company img {
    float: right;
}

/*************
 simple__steps
**************/

#simple__steps {
    margin-bottom: 80px;
    background: #fff;
    padding: 70px 0 0 0;
}

.steps__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.simple__title {
    width: 86%;
    padding-right: 10%;
    text-align: right;
    position: absolute;
    top: -4%;
    margin: 0;
    z-index: 1;
    background-color: #fff;
    color: #8c6635;
}

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

.step__item {
    display: flex;
    align-items: flex-end;
    width: 95%;
    height: 100px;
    padding-bottom: 15px;
    border-bottom: 4px solid green;
}

.step__item:nth-child(even) {
    margin-left: auto;
    margin-top: -4px;
    border-right: 4px solid green;
    border-top: 4px solid green;
    border-radius: 0 20px 20px 0;
}

.icon1,
.icon3,
.icon5 {
    margin-left: 180px;
}

.icon2,
.icon4,
.icon6 {
    margin-right: 180px;
}

.step__item:nth-child(odd) {
    margin-right: auto;
    justify-content: flex-end;
    border-left: 4px solid green;
    margin-top: -4px;
    border-top: 4px solid green;
    border-radius: 20px 0 0 20px;
}

.step__description {
    color: #484a45;
}

.icon1,
.icon2,
.icon3,
.icon4,
.icon5,
.icon6 {
    position: relative;
}

.icon1::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img1.png");
    position: absolute;
    bottom: -80px;
    left: -140px;
}

.icon2::after {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img2.png");
    position: absolute;
    bottom: -80px;
    right: -140px;
}

.icon3::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img3.png");
    position: absolute;
    bottom: -80px;
    left: -140px;
}

.icon4::after {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img4.png");
    position: absolute;
    bottom: -80px;
    right: -140px;
}

.icon5::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img5.png");
    position: absolute;
    bottom: -80px;
    left: -140px;
}

.icon6::after {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/simple_img6.png");
    position: absolute;
    width: 140px;
    bottom: -80px;
    right: -180px;
    background-color: #fff;
}

.icon1:hover::before,
.icon2:hover::after,
.icon3:hover::before,
.icon4:hover::after,
.icon5:hover::before,
.icon6:hover::after {
    animation: anim 0.5s alternate ease-in-out;
}

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

    50% {
        transform: translateX(20px) rotate(20deg);
    }

    100% {
        transform: translateX(0) rotate(0deg);
    }
}

.simple__steps--howto {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto-title.jpg) no-repeat 50%;
    line-height: 120px;
    margin: 0;
    padding: 0;
    background-size: 169.7%;
}

.howto__list {
    list-style-type: none;
}

.howto__item {
    font-size: 18px;
    color: #383838;
    padding: 20px 20% 70px 0;
    font-weight: 900;
}

.howto__item--bg1 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto1.jpg) no-repeat 50% 0;
    background-size: 174%;
    padding: 90px 0 0 140px;
}

.howto__item:nth-child(even) {
    text-align: right;
}

.howto__item--bg2 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto2.jpg) no-repeat 50% 0;
    background-size: 174%;
}

.howto__item--bg3 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto3.jpg) no-repeat 50% 0;
    background-size: 174%;
    padding: 90px 0 0 140px;
}

.howto__item--bg4 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto4.jpg) no-repeat 50% 0;
    background-size: 174%;
}

.howto__item--bg5 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto5.jpg) no-repeat 50% 0;
    background-size: 174%;
    padding: 90px 0 0 140px;
}

.howto__item--bg6 {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg-howto6.jpg) no-repeat 50%;
    background-size: 174%;
}

/******************
    managers__block работники
*******************/
.managers__item {
    /* display: none;*/
    border: 1px solid #4e960f;
    padding: 20px;
    box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc;
}

.managers__assets img {
    width: 100%;
}

.managers__name {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}

.managers__status {
    padding-bottom: 15px;
    border-bottom: 1px solid #4e960f;
    margin-bottom: 15px;
    text-align: center;
}

.managers__send {
    color: #fff;
    background: #4e960f;
    max-width: 150px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.3s;
}

.managers__send:hover {
    text-decoration: none;
    outline: 1px solid #4e960f;
    background: #fff;
    color: #4e960f;
}

/***************
    work__result
****************/
.sliderworkResult-Block {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    max-height: 535px;
    overflow: hidden;
}

.sliderworkResult-Block .before {
    position: absolute;
    top: 0;
    width: 150px;
    background: black;
    color: #fff;
    height: 50px;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderworkResult-Block .after {
    position: absolute;
    top: 0;
    width: 150px;
    background: black;
    color: #fff;
    height: 50px;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderworkResult-Block .slid-i img {
    width: 100%;
}

/*************
    advantages
**************/
.advantages {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/bg_advantages.png);
    background-size: contain;
    background-position: 50% 70px;
    background-repeat: no-repeat;
    text-align: center;
}

.advantages .item {
    min-height: 200px;
    height: auto;
    padding-right: 4%;
    padding-left: 4%;
}

.advantages-item__img {
    min-width: 81px;
    width: auto;
    height: auto;
}

.advantages-item__title {
    font-size: 24px;
    margin-bottom: 30px;
    font-family: CenturyGothicBold, sans-serif;
    color: #383838;
    margin-top: 35px;
}

.advantages-item__descr {
    font-weight: 700;
    color: #383838;
}

.flex-wrap {
    min-width: 100%;
}

.flex-wrap,
.flex-wrap__item.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap__item.item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.advantages .submit {
    background-color: rgba(255, 255, 255, 0.7);
    border: 2px solid #8c6635;
    padding: 35px;
}

.advantages-submit__title {
    font-size: 24px;
    margin: 20px 0;
    font-family: CenturyGothicBoldItalic, sans-serif;
}

.advantages-submit__descr {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0;
    display: block;
}

a.button-green,
a.button-green-big,
a.button-green-big-extra {
    position: relative;
    display: inline-block;
    font-family: CenturyGothicBold, sans-serif;
    width: 100%;
    text-decoration: none;
    text-align: center;
    background-color: #4e960f;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    padding: 10px 15px;
    white-space: normal;
}

a.button-green-big-extra:hover,
a.button-green-big:hover,
a.button-green:hover {
    background-color: #3d760c;
    color: #fff;
}

.advantages .item:hover {
    transform: translateY(-4px);
}

.advantages .item {
    transition: all 0.3s ease;
}

/****************
    rewievs-slick
*****************/
.review_owl_img {
    display: flex;
    justify-content: center;
}

.review_owl_img img {
    width: auto;
    max-width: 20%;
}

.review_owl_text {
    width: 100%;
}

.review_owl_text span {
    display: block;
    font-weight: 600;
    font-size: 20px;
    margin: 15px 0 15px 0;
    text-align: center;
}

.reviews-slick .slick-prev {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/right-arrow.png) 50% no-repeat;
    width: 40px;
    height: 60px;
    position: absolute;
    top: 25%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 10;
    cursor: pointer;
}

.reviews-slick .slick-next {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/left-arrow.png) 50% no-repeat;
    width: 40px;
    height: 60px;
    position: absolute;
    top: 25%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 10;
    cursor: pointer;
}

/*****************
    our Production
******************/
.block-gallery {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block-gallery-viewer {
    width: 84%;
    height: 590px;
    float: left;
    background-color: #eee;
    margin-right: 0.5%;
    background-size: cover;
    background-position: center center;
    transition: all 0.5s;
}

.block-gallery-items {
    width: 15%;
    float: left;
    transition: all 1s;
}

.block-gallery-items>a {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    transition: all 0.5s;
}

.block-gallery-items>a>img {
    max-width: 100%;
    width: 100%;
    transition: all 0.3s;
}

/*********************
    form-ourProduction
**********************/
.form__gallery-banner {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/banner_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.form__gallery-wrapper {
    padding-top: 50px;
    margin: 0 auto;
    max-width: 1230px;
    width: 100%;
}

.form__gallery-wrapper p {
    text-align: center;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 25px 0;
}

.form__gallery-banner:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 25px solid white;
    position: absolute;
}

.form__gallery {
    margin: 30px 0 0 0;
}

.form__gallery-submit {
    background: #f7b600;
    color: #3d445a;
    font-weight: bold;
    width: 100%;
    padding: 10px 0 10px 0;
    border: none;
    font-size: 16px;
    transition: 0.3s;
}

.form__gallery p:last-child {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
}

/************
    map Block
*************/
#mapBlock {
    position: relative;
    height: 400px;
}

.show640px {
    display: none;
}

.noshow640px {
    display: block;
}

#test_map {
    position: relative;
    height: 400px;
}

.map__contactBlock {
    position: absolute;
    height: 95%;
    width: 50%;
    z-index: 10;
    background: #ffffff;
    padding: 20px 0 20px 0;
}

.mapBlock__wrapper {
    display: flex;
    justify-content: center;
}

.map__contactBlock h2 {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.map__contactBlock-addres {
    display: flex;
    margin: 0 0 10px 0;
    color: #282828;
    font-size: 18px;
    font-weight: bold;
}

.map__contactBlock-mail {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
}

.map__contactBlock-mail a {
    padding: 0 15px;
    font-weight: bold;
    color: #4e960f;
}

.map__contactBlock-phone a {
    padding: 0 15px;
    font-weight: bold;
    color: #4e960f;
}

.map__contactBlock-phone {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
}

.map__contactBlock-small {
    color: #282828;
    font-size: 16px;
    display: flex;
}

/***********
    FOOTER
************/
footer {
    background: #ebeff4;
    padding: 40px 0 40px;
    position: relative;
    z-index: 100;
    box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc;
}

.servicesBlock-foo {
    font-size: 1.5rem;
    color: #333;
}

.servicesBlock-foo a {
    display: block;
    color: #333;
}

.footer-contacts a {
    font-size: 20px;
}

.footer_order img {
    width: 265px;
}

.foo-contact a {
    padding: 0 0 0 15px;
    color: #4e960f;
    font-weight: bold;
}

.footer_order_link {
    padding: 15px 0 0 0;
}

.footer_order_link a {
    padding-left: 0;
}

.footer_order {
    padding: 15px 0 0 0;
    font-weight: 700;
}

.slick-list {
    padding: 0 !important;
    height: 100%;
}

.slick-slide {
    height: auto;
}

.scrollup {
    width: 60px;
    height: 60px;
    opacity: 1;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/icon_top.png);
    z-index: 9999;
    background-repeat: round;
}

/***************
ITEM PAGE
***************/
#background__block-cardProduct {
    height: 300px;
    background: black;
}

.background__block-cardProduct--title {
    background-size: cover;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background__block-cardProduct--title h1 {
    padding: 15px 25px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #0084c9;
    /* height: 80px; */
    align-items: center;
    display: flex;
    margin: 0;
    font-size: 2.5rem;
}

#cardProduct__block img {
    margin: 15px 0;
    width: 555px;
}

#cardProduct__block img.full {
    width: 100%;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

#specifications__block thead th {
    text-align: center;
    background: green;
    color: #fff;
}

.slider-card img {
    width: 100%;
    min-height: 240px !important;
}

.gallery-item__slider-card {
    margin: 0 15px;
}

.slider-card>.arrPrev {
    background: #4e960f;
    color: #fff;
    width: 40px;
    display: block;
    text-align: center;
    border-radius: 50px;
    left: -50px;
    top: 50%;
    position: absolute;
    font-size: 3rem;
}

.slider-card>.arrNext {
    background: #4e960f;
    color: #fff;
    width: 40px;
    display: block;
    text-align: center;
    border-radius: 50px;
    right: -50px;
    top: 50%;
    position: absolute;
    font-size: 3rem;
}

.fancybox-button:hover {
    color: #000 !important;
}

#video__block {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/zaborstroi-video.jpg) 0 0 no-repeat scroll;
    background-size: cover;
    padding-bottom: 20px;
}

.video__block-description {
    margin-top: 80px;
}

.video__block-description h2 {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 30px 0;
    font-family: CenturyGothicBoldItalic, sans-serif;
    margin-bottom: 0;
}

.video__block-description span {
    background-color: rgba(70, 70, 70, 0.8);
    text-align: center;
    padding: 30px 0;
    font-family: CenturyGothicBoldItalic, sans-serif;
    display: block;
    font-size: 24px;
    color: #fff;
}

.video__block-iframe {
    margin-top: 45px;
}

/*quiz*/

button:active,
a:active,
input:active,
button:focus,
a:focus,
input:focus {
    outline: none;
}

.checkbox-1 {
    display: none;
}

.checkbox-1-custom {
    position: absolute;
    right: 45px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: none;
}

.checkbox-1-custom,
.radio-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-1:checked+.checkbox-1-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    width: 35px;
    height: 35px;
    background: url(img/check.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.checkbox-1 {
    display: none;
}

.checkbox-1-custom {
    position: absolute;
    right: 45px;
    top: 10px;
    width: 20px;
    height: 20px;
}

.checkbox-1-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-1 {
    display: none;
}

.checkbox-1-custom {
    position: absolute;
    right: 45px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: none;
}

.checkbox-1-custom,
.radio-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-1:checked+.checkbox-1-custom::before {
    margin: auto;
    content: "";
    display: block;
    position: absolute;
    width: 75px;
    height: 75px;
    background: url(img/check.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.checkbox-1 {
    display: none;
}

.checkbox-1-custom {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.checkbox-1-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-2,
.checkbox-3,
.checkbox-4,
.checkbox-5,
.checkbox-6,
.checkbox-7,
.checkbox-8 {
    display: none;
}

.checkbox-2-custom,
.checkbox-3-custom,
.checkbox-4-custom,
.checkbox-5-custom,
.checkbox-6-custom,
.checkbox-7-custom,
.checkbox-8-custom {
    position: absolute;
    right: 220px;
    top: 50px;
    width: 20px;
    height: 20px;
    background: none;
}

.checkbox-2-custom,
.checkbox-3-custom,
.checkbox-4-custom,
.checkbox-5-custom,
.checkbox-6-custom,
.checkbox-7-custom,
.checkbox-8-custom,
.radio-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-2:checked+.checkbox-2-custom::before,
.checkbox-3:checked+.checkbox-3-custom::before,
.checkbox-4:checked+.checkbox-4-custom::before,
.checkbox-5:checked+.checkbox-5-custom::before,
.checkbox-6:checked+.checkbox-6-custom::before,
.checkbox-7:checked+.checkbox-7-custom::before,
.checkbox-8:checked+.checkbox-8-custom::before {
    margin: auto;
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    width: 100px;
    height: 100px;
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/css/img/check.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.checkbox-2 {
    display: none;
}

.checkbox-2-custom,
.checkbox-3-custom,
.checkbox-4-custom,
.checkbox-5-custom,
.checkbox-6-custom,
.checkbox-7-custom,
.checkbox-8-custom {
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.checkbox-2-custom,
.checkbox-3-custom .label,
.checkbox-4-custom .label,
.checkbox-5-custom .label,
.checkbox-6-custom .label,
.checkbox-7-custom .label,
.checkbox-8-custom .label {
    display: inline-block;
    vertical-align: middle;
}

.wrap .dark {
    background-color: rgba(0, 0, 0, 0.4);
}

.wrap .dark form {
    width: 100%;
}

.wrap .dark .first {
    position: absolute;
    right: 0;
    left: 0;
}

.wrap .dark .first-quest {
    background-color: rgb(255 255 255);
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 20px;
}

.wrap .dark .first-quest div {
    margin-left: auto;
    background-color: #ffffff87;
    text-align: center;
    margin-top: 7px;
    margin-right: auto;
}

.wrap .dark .first-quest .prev-btn button {
    margin-left: 50px;
    display: block;
    float: left;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .first-quest .next-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .first-quest .next-btn button {
    margin-right: 50px;
    margin-bottom: 50px;
    display: block;
    float: right;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .first-quest .prev-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .first-quest .item {
    margin-bottom: 30px;
}

.wrap .dark .first-quest .item label {
    display: block;
}

.wrap .dark .first-quest .item label:hover {
    cursor: pointer;
}

.wrap .dark .first-quest .item .label {
    width: 100%;
}

.wrap .dark .first-quest .item-img {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    padding-top: 130px;
}

.wrap .dark .first-quest .item-text {
    color: #000;
    background-color: #fff;
    padding: 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.wrap .dark .first-quest .item-text p {
    font-size: 1.5rem;
    margin: 0;
    text-align: center;
}

.wrap .dark .first-quest .item:nth-child(2) .item-img {
    background: url(img/first/image.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(3) .item-img {
    background: url(img/first/image1.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(4) .item-img {
    background: url(img/first/image2.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(7) .item-img {
    background: url(img/first/image3.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(6) .item-img {
    background: url(img/first/image4.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(8) .item-img {
    background: url(img/first/image5.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(5) .item-img {
    background: url(img/first/image6.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .first-quest .item:nth-child(9) .item-img {
    background: url(img/first/image7.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .second-quest,
.wrap .dark .seventh-quest,
.wrap .dark .eighth-quest,
.wrap .dark .ninth-quest,
.wrap .dark .tenth-quest,
.wrap .dark .eleventh-quest,
.wrap .dark .twelfth-quest,
.wrap .dark .thirteenth-quest {
    padding-bottom: 15px;
    background-color: rgb(255 255 255);
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 20px;
}

.wrap .dark .second-quest div,
.wrap .dark .seventh-quest div,
.wrap .dark .eighth-quest div,
.wrap .dark .ninth-quest div,
.wrap .dark .tenth-quest div,
.wrap .dark .eleventh-quest div,
.wrap .dark .twelfth-quest div,
.wrap .dark .thirteenth-quest div {
    margin-left: auto;
    background-color: #ffffff87;
    text-align: center;
    margin-top: 7px;
    margin-right: auto;
}

.wrap .dark .second-quest .prev-btn button,
.wrap .dark .seventh-quest .prev-btn button,
.wrap .dark .eighth-quest .prev-btn button,
.wrap .dark .ninth-quest .prev-btn button,
.wrap .dark .tenth-quest .prev-btn button,
.wrap .dark .eleventh-quest .prev-btn button,
.wrap .dark .twelfth-quest .prev-btn button,
.wrap .dark .thirteenth-quest .prev-btn button {
    display: block;
    float: left;
    margin-left: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .second-quest .next-btn button:hover,
.wrap .dark .seventh-quest .next-btn button:hover,
.wrap .dark .eighth-quest .next-btn button:hover,
.wrap .dark .ninth-quest .next-btn button:hover,
.wrap .dark .tenth-quest .next-btn button:hover,
.wrap .dark .eleventh-quest .next-btn button:hover,
.wrap .dark .twelfth-quest .next-btn button:hover,
.wrap .dark .thirteenth-quest .next-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .second-quest .next-btn button,
.wrap .dark .seventh-quest .next-btn button,
.wrap .dark .eighth-quest .next-btn button,
.wrap .dark .ninth-quest .next-btn button,
.wrap .dark .tenth-quest .next-btn button,
.wrap .dark .eleventh-quest .next-btn button,
.wrap .dark .twelfth-quest .next-btn button,
.wrap .dark .thirteenth-quest .next-btn button {
    display: block;
    float: right;
    margin-right: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .second-quest .prev-btn button:hover,
.wrap .dark .seventh-quest .prev-btn button:hover,
.wrap .dark .eighth-quest .prev-btn button:hover,
.wrap .dark .ninth-quest .prev-btn button:hover,
.wrap .dark .tenth-quest .prev-btn button:hover,
.wrap .dark .eleventh-quest .prev-btn button:hover,
.wrap .dark .twelfth-quest .prev-btn button:hover,
.wrap .dark .thirteenth-quest .prev-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .second-quest .item,
.wrap .dark .seventh-quest .item,
.wrap .dark .eighth-quest .item,
.wrap .dark .twelfth-quest .item {
    /* display: inline-block; */
    margin-bottom: 100px;
}

.wrap .dark .ninth-quest .item {
    margin-bottom: 40px;
}

.wrap .dark .tenth-quest .item,
.wrap .dark .eleventh-quest .item,
.wrap .dark .thirteenth-quest .item {
    margin-bottom: 0;
}

.wrap .dark .second-quest .item label,
.wrap .dark .seventh-quest .item label,
.wrap .dark .eighth-quest .item label,
.wrap .dark .ninth-quest .item label,
.wrap .dark .tenth-quest .item label,
.wrap .dark .eleventh-quest .item label,
.wrap .dark .twelfth-quest .item label,
.wrap .dark .thirteenth-quest .item label {
    display: block;
}

.wrap .dark .second-quest .item label:hover,
.wrap .dark .seventh-quest .item label:hover,
.wrap .dark .eighth-quest .item label:hover,
.wrap .dark .ninth-quest .item label:hover,
.wrap .dark .tenth-quest .item label:hover,
.wrap .dark .eleventh-quest .item label:hover,
.wrap .dark .twelfth-quest .item label:hover,
.wrap .dark .thirteenth-quest .item label:hover {
    cursor: pointer;
}

.wrap .dark .second-quest .item .label,
.wrap .dark .seventh-quest .item .label,
.wrap .dark .eighth-quest .item .label,
.wrap .dark .ninth-quest .item .label,
.wrap .dark .tenth-quest .item .label,
.wrap .dark .eleventh-quest .item .label,
.wrap .dark .twelfth-quest .item .label,
.wrap .dark .thirteenth-quest .item .label {
    width: 100%;
}

.wrap .dark .second-quest .item-img,
.wrap .dark .seventh-quest .item-img,
.wrap .dark .eighth-quest .item-img,
.wrap .dark .ninth-quest .item-img,
.wrap .dark .tenth-quest .item-img,
.wrap .dark .eleventh-quest .item-img,
.wrap .dark .twelfth-quest .item-img,
.wrap .dark .thirteenth-quest .item-img {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    padding-top: 200px;
}

.wrap .dark .second-quest .item-text,
.wrap .dark .seventh-quest .item-text,
.wrap .dark .eighth-quest .item-text,
.wrap .dark .ninth-quest .item-text,
.wrap .dark .tenth-quest .item-text,
.wrap .dark .eleventh-quest .item-text,
.wrap .dark .twelfth-quest .item-text,
.wrap .dark .thirteenth-quest .item-text {
    color: #000;
    background-color: #fff;
    padding: 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.wrap .dark .second-quest .item-text p,
.wrap .dark .seventh-quest .item-text p,
.wrap .dark .eighth-quest .item-text p,
.wrap .dark .ninth-quest .item-text p,
.wrap .dark .tenth-quest .item-text p,
.wrap .dark .eleventh-quest .item-text p,
.wrap .dark .twelfth-quest .item-text p,
.wrap .dark .thirteenth-quest .item-text p {
    font-size: 1.5rem;
    margin: 0;
    text-align: center;
}

.wrap .dark .second-quest .item:nth-child(2) .item-img {
    background: url(img/second/image.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .second-quest .item:nth-child(3) .item-img {
    background: url(img/second/image1.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .second-quest .item:nth-child(4) .item-img {
    background: url(img/second/image2.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .seventh-quest .item:nth-child(2) .item-img {
    background: url(img/seventh/s-odnoi-storoni.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .seventh-quest .item:nth-child(3) .item-img {
    background: url(img/seventh/s-dvux-storon.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .seventh-quest .item:nth-child(4) .item-img {
    background: url(img/seventh/pod-derevo.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eighth-quest .item:nth-child(2) .item-img {
    background: url(img/eighth/zelenii.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eighth-quest .item:nth-child(3) .item-img {
    background: url(img/eighth/korichenevii.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eighth-quest .item:nth-child(4) .item-img {
    background: url(img/eighth/ocinkovannii.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .ninth-quest .item:nth-child(2) .item-img {
    background: url(img/ninth/v-natyag.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .ninth-quest .item:nth-child(3) .item-img {
    background: url(img/ninth/s-armatyroi.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .ninth-quest .item:nth-child(4) .item-img {
    background: url(img/ninth/sekcionnie.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .tenth-quest .item:nth-child(2) .item-img {
    background: url(img/tenth/profnastil.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .tenth-quest .item:nth-child(3) .item-img {
    background: url(img/tenth/shtaket.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .tenth-quest .item:nth-child(4) .item-img {
    background: url(img/tenth/kovaniy.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .tenth-quest .item:nth-child(5) .item-img {
    background: url(img/tenth/svarnoy.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .tenth-quest .item:nth-child(6) .item-img {
    background: url(img/tenth/policarbonat.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eleventh-quest .item:nth-child(2) .item-img {
    background: url(img/eleventh/profnastil.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eleventh-quest .item:nth-child(3) .item-img {
    background: url(img/eleventh/shtaket.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eleventh-quest .item:nth-child(4) .item-img {
    background: url(img/eleventh/kovaniy.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eleventh-quest .item:nth-child(5) .item-img {
    background: url(img/eleventh/svarnoy.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .eleventh-quest .item:nth-child(6) .item-img {
    background: url(img/eleventh/policarbonat.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .twelfth-quest .item:nth-child(2) .item-img {
    background: url(img/twelfth/stolb.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .twelfth-quest .item:nth-child(3) .item-img {
    background: url(img/twelfth/lenta.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .twelfth-quest .item:nth-child(4) .item-img {
    background: url(img/twelfth/kirpich.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .thirteenth-quest .item:nth-child(2) .item-img {
    background: url(img/thirteenth/sploshnoy.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .thirteenth-quest .item:nth-child(3) .item-img {
    background: url(img/thirteenth/shtaketnik.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .thirteenth-quest .item:nth-child(4) .item-img {
    background: url(img/thirteenth/pletenka.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .thirteenth-quest .item:nth-child(5) .item-img {
    background: url(img/thirteenth/elka.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.wrap .dark .third-quest,
.wrap .dark .fifth-quest,
.wrap .dark .sixth-quest {
    padding-bottom: 15px;
    background-color: rgb(255 255 255);
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 20px;
}

.wrap .dark .third-quest div,
.wrap .dark .fifth-quest div,
.wrap .dark .sixth-quest div {
    background-color: #ffffff87;
    text-align: center;
    margin: 7px auto 20px;
}

.wrap .dark .third-quest .prev-btn button,
.wrap .dark .fifth-quest .prev-btn button,
.wrap .dark .sixth-quest .prev-btn button {
    display: block;
    float: left;
    margin-left: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .third-quest .next-btn button:hover,
.wrap .dark .fifth-quest .next-btn button:hover,
.wrap .dark .sixth-quest .next-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .third-quest .next-btn button,
.wrap .dark .fifth-quest .next-btn button,
.wrap .dark .sixth-quest .next-btn button {
    display: block;
    float: right;
    margin-right: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .third-quest .prev-btn button:hover,
.wrap .dark .fifth-quest .prev-btn button:hover,
.wrap .dark .sixth-quest .prev-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .third-quest label,
.wrap .dark .fifth-quest label,
.wrap .dark .sixth-quest label {
    margin: 0 0 10px 0;
    display: block;
    font-size: 20px;
}

.wrap .dark .third-quest label:hover,
.wrap .dark .fifth-quest label:hover,
.wrap .dark .sixth-quest label:hover {
    cursor: pointer;
}

.wrap .dark .third-quest label .label,
.wrap .dark .fifth-quest label .label,
.wrap .dark .sixth-quest label .label {
    display: inline-block;
    margin-left: 4px;
}

.wrap .dark .third-quest .checkbox,
.wrap .dark .fifth-quest .checkbox,
.wrap .dark .sixth-quest .checkbox,
.wrap .dark .third-quest .radio,
.wrap .dark .fifth-quest .radio,
.wrap .dark .sixth-quest .radio {
    display: none;
}

.wrap .dark .third-quest .checkbox-custom,
.wrap .dark .fifth-quest .checkbox-custom,
.wrap .dark .sixth-quest .checkbox-custom,
.wrap .dark .third-quest .radio-custom,
.wrap .dark .fifth-quest .radio-custom,
.wrap .dark .sixth-quest .radio-custom {
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    border-radius: 3px;
    position: relative;
}

.wrap .dark .third-quest .checkbox-custom,
.wrap .dark .fifth-quest .checkbox-custom,
.wrap .dark .sixth-quest .checkbox-custom,
.wrap .dark .third-quest .radio-custom,
.wrap .dark .fifth-quest .radio-custom,
.wrap .dark .sixth-quest .radio-custom,
.wrap .dark .third-quest .label,
.wrap .dark .fifth-quest .label,
.wrap .dark .sixth-quest .label {
    display: inline-block;
    vertical-align: middle;
}

.wrap .dark .third-quest .checkbox:checked+.checkbox-custom::before,
.wrap .dark .fifth-quest .checkbox:checked+.checkbox-custom::before,
.wrap .dark .sixth-quest .checkbox:checked+.checkbox-custom::before,
.wrap .dark .third-quest .radio:checked+.radio-custom::before,
.wrap .dark .fifth-quest .radio:checked+.radio-custom::before,
.wrap .dark .sixth-quest .radio:checked+.radio-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    left: 2px;
    background: #000;
    border-radius: 2px;
}

.label {
    color: #000;
}

.wrap .dark .third-quest .radio-custom,
.wrap .dark .fifth-quest .radio-custom,
.wrap .dark .sixth-quest .radio-custom,
.wrap .dark .third-quest .radio:checked+.radio-custom::before,
.wrap .dark .fifth-quest .radio:checked+.radio-custom::before,
.wrap .dark .sixth-quest .radio:checked+.radio-custom::before {
    border-radius: 50%;
}

.wrap .dark .fourth-quest {
    background-color: rgb(255 255 255);
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 20px;
}

.wrap .dark .fourth-quest div {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 30px;
}

.wrap .dark .fourth-quest .wrap-input {
    margin-bottom: 100px;
    padding: 0 90px;
}

.wrap .dark .fourth-quest .wrap-input input {
    border: solid 1px;
    border-radius: 2px;
    font-size: 18px;
    padding: 20px 20px;
    width: 100%;
}

.wrap .dark .fourth-quest .prev-btn button {
    display: block;
    float: left;
    margin-left: 50px;
    margin-bottom: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .fourth-quest .next-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .fourth-quest .next-btn button {
    display: block;
    float: right;
    margin-right: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .fourth-quest .prev-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .fourth-quest label {
    margin: 20px 0 20px 200px;
    display: block;
    font-size: 20px;
}

.wrap .dark .fourth-quest label:hover {
    cursor: pointer;
}

.wrap .dark .fourth-quest label .label {
    display: inline-block;
    margin-left: 4px;
}

.wrap .dark .email-quest {
    background-color: rgb(255 255 255);
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 20px;
}

.wrap .dark .email-quest div {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 30px;
}

.wrap .dark .email-quest .wrap-input {
    margin-bottom: 40px;
    padding: 0 200px;
}

.wrap .dark .email-quest .wrap-input input {
    border: solid 1px;
    border-radius: 2px;
    font-size: 18px;
    padding: 20px 20px;
    width: 100%;
    margin-bottom: 15px;
}

.wrap .dark .email-quest .prev-btn button {
    display: block;
    float: left;
    margin-left: 50px;
    margin-bottom: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .email-quest .next-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .email-quest .next-btn button {
    display: block;
    float: right;
    margin-right: 50px;
    margin-bottom: 50px;
    font-size: 18px;
    background-color: #49ca08;
    border: none;
    border-radius: 30px;
    padding: 16px 42px;
    color: #fff;
}

.wrap .dark .email-quest .prev-btn button:hover {
    cursor: pointer;
    background-color: #49d508;
}

.wrap .dark .email-quest label {
    margin: 20px 0 20px 200px;
    display: block;
    font-size: 20px;
}

.wrap .dark .email-quest label:hover {
    cursor: pointer;
}

.wrap .dark .email-quest label .label {
    display: inline-block;
    margin-left: 4px;
}

.wrap .dark h1 {
    text-align: center;
    width: 1000px;
    font-weight: 400;
    font-size: 60px;
    margin: 0 auto 30px;
}

.wrap .dark ul {
    padding: 0;
    list-style-type: none;
}

.wrap .dark ul li {
    width: 436px;
    margin: 0 auto;
}

.wrap .dark ul li p {
    font-size: 18px;
    margin: 3px 0;
}

.wrap .dark .first-btn {
    display: block;
    margin: 25px auto 10px;
    font-size: 18px;
    background-color: #d50808a8;
    border: none;
    border-radius: 30px;
    padding: 30px 20px;
    color: #fff;
}

.wrap .dark .first-btn:hover {
    cursor: pointer;
    background-color: #ca0808;
}

.wrap .dark .prise {
    text-align: center;
    font-size: 16px;
}

.popup-thank {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
}

.popup-thank .popup-close {
    position: absolute;
    top: 28px;
    right: 50px;
    font-size: 60px;
    cursor: pointer;
}

.popup-thank-wrap {
    margin-top: 260px;
}

.popup-thank-container {
    border-radius: 3px;
    margin: 0 auto;
    padding: 15px 30px 20px;
    text-align: center;
    width: 400px;
    color: #000;
    background-color: #fff;
}

.spisok_quiz {
    display: table;
    margin: 0 auto;
}

.thank_button {
    background: #4e960f;
}

.name_user {
    font-size: 2rem;
}

.construction__list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.construction__item {
    width: 47%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.construction__img {
    width: 100%;
}

.construction__name {
    display: block;
    margin-bottom: 12px;
}

.spisok_text {
    text-transform: none;
}

.spisok_text li {
    text-align: center;
    list-style-type: none;
    font-size: 16px;
}

.spisok_text li p {
    margin-bottom: 0;
}

.head_text_quiz {
    font-size: 2rem;
}

/*Таблица*/
.tableParams {
    margin: 10px 30px;
}

.tableParams .row div {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableParams .row {
    border: 1px solid #4e960f;
}

.tableParams .row:nth-child(odd) {
    color: #fff;
    background-color: #4e960f;
}

.tableParams .row .col-xs-6:nth-child(even) {
    font-weight: 600;
}

.itemDetailPrice {
    color: red;
}

/* квиз */
.quiz {
    position: relative;
    z-index: 999;
    width: 60%;
    margin: 0 auto;
}

.quiz ul {
    list-style: none;
}

.quiz-section__container .close__btn {
    display: none;
}

.quiz__item {
    display: flex;
    border-radius: 4px;
    border: 1px solid #2f4e6c;
    box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px 30px 30px 30px;
}

.quiz__question {
    width: 100%;
}

.quiz2__item,
.quiz3__item,
.quiz4__item,
.quiz5__item,
.quiz6__item,
.quiz7__item,
.quiz9__item,
.quiz10__item,
.quiz11__item,
.quiz12__item,
.quiz13__item,
.quiz8__item {
    display: none;
}

.questions__title {
    font-weight: 400;
    font-size: 30px;
}

/* progressBar */
.questions__header {
    display: flex;
    justify-content: space-between;
}

.diagram {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #49ca08;
    position: relative;
    overflow: hidden;
}

.diagram::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 50%;
    background: #fff;
    z-index: 3;
    opacity: 1;
}

.diagram .piece {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
}

.diagram .piece::before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
}

.diagram .piece.left {
    transform: rotate(0deg);
    z-index: 2;
    border-radius: 50%;
}

.diagram.over_50 .piece.left {
    transform: rotate(180deg);
}

.diagram .piece.right {
    transform: rotate(180deg);
    z-index: 1;
    border-radius: 50%;
}

.diagram.over_50 .piece.right {
    transform: rotate(360deg);
}

.diagram .left::before {
    background: #cacaca;
}

.diagram.over_50 .left::before {
    background: #49ca08;
}

.diagram .right::before {
    background: #cacaca;
}

.diagram .questions__number {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.questions__number {
    white-space: nowrap;
    font-size: 16px;
    color: #6a7274;
}

/* question1 */
.question1__title {
    margin-bottom: 0;
}

.question1__list,
.question2__list,
.question3__list,
.question4__list,
.question5__list,
.question6__list,
.question7__list,
.question9__list,
.question10__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.question1__item {
    position: relative;
    width: 23%;
    margin-bottom: 10px;
}

.question1__img {
    width: 100%;
    height: 160px;
    margin-bottom: 15px;
}

/* кастомные чекбоксы */
.custom__radio {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.custom__radio+label {
    user-select: none;
}

.custom__radio+label::before {
    content: "";
    position: absolute;
    display: block;
    top: calc(100% / 4);
    left: calc(100% / 3);
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom__radio:checked+label::before {
    background-size: contain;
    background-image: url("img/check.png");
}

.question1__lbl,
.question2__lbl,
.question3__lbl,
.question4__lbl,
.question5__lbl,
.question6__lbl,
.question7__lbl,
.question9__lbl,
.question10__lbl {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

/* question2 */
.question2__item,
.question3__item,
.question4__item,
.question5__item,
.question6__item,
.question7__item,
.question9__item,
.question10__item {
    position: relative;
    width: 32%;
}

.question__items {
    max-height: 240px;
}

.question2__item .custom__radio+label::before,
.question3__item .custom__radio+label::before,
.question4__item .custom__radio+label::before,
.question5__item .custom__radio+label::before,
.question6__item .custom__radio+label::before,
.question7__item .custom__radio+label::before,
.question9__item .custom__radio+label::before,
.question10__item .custom__radio+label::before {
    left: 40%;
}

.question__item_big {
    width: 45%;
}

.question__item_big .custom__radio+label::before {
    top: calc(100% / 6);
    left: 42%;
}

.question2__img,
.question3__img,
.question4__img,
.question5__img,
.question6__img,
.question7__img,
.question9__img,
.question10__img {
    margin-bottom: 15px;
}

/* question11 */
.question11__list,
.question12__block,
.question13__list {
    width: 65%;
    margin: 0 auto;
}

.question11__item,
.question13__item {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
}

.question11__radio+label::before,
.question11__check+label::before,
.question13__radio+label::before,
.question13__check1+label::before,
.question13__check2+label::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.question11__radio:checked+label::before,
.question11__check:checked+label::before,
.question13__radio:checked+label::before,
.question13__check1:checked+label::before,
.question13__check2:checked+label::before {
    background-image: none;
    background-color: #49ca08;
    opacity: 0.5;
}

.question11__lbl,
.question13__lbl {
    width: 100%;
    font-weight: 700;
    padding: 5px 10px;
}

.question11__input,
.question13__input {
    display: none;
    border: 1px solid #eaeaea;
    height: 100%;
    width: 100%;
    padding: 5px 10px;
    z-index: 1;
}

.question11__input:focus-visible,
.question12__input:focus-visible,
.question13__input:focus-visible {
    border: 2px solid #49ca08;
    caret-color: #49ca08;
}

/* question12 */
.question12__title {
    display: inline-flex;
    flex-direction: column;
    line-height: 24px;
    margin-bottom: 50px;
}

.question12__title small {
    font-size: 16px;
    text-align: center;
    color: #aaaaaa;
}

.question12__block {
    margin-bottom: 15px;
}

.question12__input {
    width: 100%;
    display: block;
    font-size: 16px;
    height: 50px;
    border: none;
    padding: 20px 30px;
    background-color: rgba(233, 242, 191, 0.5);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.questions__block-btn {
    display: flex;
    justify-content: center;
}

.questions__block-btn button {
    border-radius: 15px;
    border: 2px solid #4e960f;
    background: #fff;
    color: #4e960f;
}

.questions__back {
    margin-right: 20px;
}

.questions__block-btn button:hover {
    color: #fff;
    background-color: #4e960f;
}

/* отправка формы и результаты */
.quiz__last {
    width: 100%;
}

.question-end__result {
    width: 47%;
    padding: 20px;
    border: 1px solid #bbb;
    margin-bottom: 20px;
    background-color: rgba(233, 242, 191, 0.3);
}

.question-end__title {
    margin-bottom: 10px;
}

.block-end {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.question-end__form {
    width: 47%;
    display: flex;
    flex-direction: column;
}

.question-end__form .question-end__input {
    width: 100%;
    display: block;
    font-size: 16px;
    height: 50px;
    border: none;
    background-color: rgba(233, 242, 191, 0.3);
    border-radius: 5px;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}

.question-end__submit {
    width: 100%;
    height: 50px;
    border: none;
    color: #fff;
    border-radius: 4px;
    background-color: #49ca08;
    margin-bottom: 10px;
}

.question-end__label {
    text-align: center;
    font-size: 16px;
}

.question-end-el:not(:last-child) {
    margin-bottom: 10px;
}

.question-end__name {
    font-weight: 700;
}

.question-end__gate-name,
.question-end__goal-name {
    font-weight: 700;
}

.quiz__popup {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
}

.popup .black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.banner {
    padding-top: 40px;
    margin-bottom: 40px;
}

/* зимний баннер */
.banner__img {
    display: none;
    width: 100%;
    cursor: pointer;
}

.quiz__sticker {
    width: 23%;
}

/* зимняя картинка квиз */
.quiz__sticker img {
    display: none;
    margin-top: -15px;
    width: 100%;
    height: 100%;
}

/* адаптив */
@media (max-width: 1400px) {
    .question1__item {
        width: 32%;
    }

    .questions__title {
        width: 45%;
    }

    .quiz__sticker {
        width: 42%;
    }

    .question12__title,
    .question13__title {
        text-align: center;
    }

    .quiz__sticker img {
        height: auto;
    }
}

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

    .howto__item,
    .howto__title {
        min-height: 105px;
        padding: 45px 20% 0 0;
    }

    .simple__steps--howto {
        font-size: 2rem;
        padding: 0 0 40px 0;
        background-size: 164%;
    }

    /* квиз */
    .question__items {
        width: 49%;
    }

    .questions__title {
        font-size: 24px;
    }



}

@media (max-width: 1199px) {
    #header .logo img {
        width: 100px;
        margin: 0;
        padding: 0;
    }

    .head_directions {
        width: 25%;
    }

    .head_right {
        width: 60%;
    }

    #header.fixed .head_contacts {
        width: 28%;
    }

    .head_contacts {
        margin-top: 8px;
        margin-right: 35px;
    }

    .head_contacts_address {
        font-size: 17px;
    }

    .head_contacts_phone a {
        font-size: 25px;
    }

    .slider-nav {
        display: none;
    }

    .wrap .dark .first-quest .item-img {
        padding-top: 250px;
    }

    .wrap .dark .seventh-quest .item-img,
    .wrap .dark .eighth-quest .item-img,
    .wrap .dark .ninth-quest .item-img,
    .wrap .dark .tenth-quest .item-img,
    .wrap .dark .eleventh-quest .item-img,
    .wrap .dark .twelfth-quest .item-img,
    .wrap .dark .thirteenth-quest .item-img {
        padding-top: 365px;
    }

    .wrap .dark .seventh-quest .item,
    .wrap .dark .eighth-quest .item,
    .wrap .dark .ninth-quest .item,
    .wrap .dark .tenth-quest .item,
    .wrap .dark .eleventh-quest .item,
    .wrap .dark .twelfth-quest .item,
    .wrap .dark .thirteenth-quest .item {
        margin-bottom: 40px;
    }
}

@media (max-width: 1023px) {
    .menu.nav a {
        font-size: 1rem;
    }

    .map__contactBlock {
        width: 350px !important;
        left: 45px;
    }

    /* квиз */
    .quiz {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .new_bg {
        padding: 0;
    }

    .align_center {
        height: 100% !important;
    }

    .gallery-item__img {
        margin: 10px 0;
        min-height: 220px;
    }

    .mob_m20 {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    #header {
        position: static;
    }

    #header .logo {
        display: block;
        width: 30%;
        margin-right: 5px;
    }

    .head_directions {
        margin: 10px 0;
    }

    .head_contacts {
        width: 50%;
        margin-top: 0;
    }

    #header.fixed .head_contacts {
        width: 36%;
    }

    .itemDetailPrice {
        display: block;
    }

    .head_contacts_address {
        font-size: 16px;
    }

    .head_contacts_phone a {
        font-size: 22px;
    }

    .titleBlock {
        padding: 30px 15px 30px 15px;
        font-size: 1.7em;
        text-align: center;
    }

    .top_email {
        float: none;
        margin: 0;
    }

    .head_right {
        margin: 5px 0 5px 0;
    }

    .wrap .dark .first-quest {
        padding-top: 0;
    }

    .wrap .dark .first-quest .item-img {
        padding-top: 330px;
    }

    .wrap .dark .second-quest .item label {
        width: 400px;
        margin: 0 auto;
    }

    .wrap .dark .second-quest .item-img {
        padding-top: 280px;
    }
}

@media screen and (max-width: 878px) {
    footer p {
        width: 100%;
        display: inline;
    }
}

@media screen and (min-width: 481px) and(max-width: 780px) {
    .map__contactBlock {
        width: 305px;
    }
}

@media (max-width: 768px) {

    .review_owl_img img {
        width: auto;
        max-width: 40%;
    }

    #header .logo {
        float: none !important;
        display: block;
        width: 100%;
    }

    .head_right {
        float: none;
        margin: 10px 0;
        width: 100%;
    }

    .table__blockPrice td {
        font-size: 16px;
    }

    .documents-desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .menu.nav a {
        font-size: 1.5rem;
    }

    .mobile_off {
        display: none;
    }

    .mobile_on {
        margin-top: 50px;
        display: block;
    }

    .mob-version {
        text-align: center;
        height: 75px;
    }

    #managers__block {
        display: none;
    }

    #managers__block-mobile {
        margin: 0 15px;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-nav {
        display: inline;
    }

    .menu.nav li {
        padding: 0;
        width: 100%;
    }

    .menu.nav li:first-child {
        margin-top: 10px;
    }

    #header.fixed .head_contacts_phone {
        float: unset;
        display: inline-block;
        margin: 0 10px 0 20px;
    }

    #header .header-content {
        padding: 0;
        display: none;
    }

    #header.fixed .top_email {
        display: inline-block;
        margin: 0 20px 0 10px;
        float: unset !important;
    }

    .form_2 {
        height: auto;
        background-size: cover !important;
    }

    .company img {
        text-align: center;
        float: unset;
        max-height: 100%;
        margin: 0 auto;
        width: 100%;
    }

    #simple__steps {
        display: none;
    }

    .form__gallery-wrapper {
        padding: 38px 0;
        margin: 0 15px;
    }

    .form__gallery-banner {
        height: auto;
    }

    .form__gallery-wrapper input {
        margin: 5px 0;
    }

    .managers__item {
        margin: 15px 0 15px 0;
    }

    .advantages {
        font-size: 16px;
    }

    .new_bg .banner_title h1 {
        font-size: 2.5rem;
    }

    .advantages-item__title {
        font-size: 16px;
    }

    .advantages-submit__title {
        font-size: 16px;
    }

    .advantages .submit {
        padding: 0;
    }

    .advantages-submit__descr {
        font-size: 1.5rem !important;
    }

    a.button-green {
        font-size: 16px !important;
    }

    a.button-green,
    a.button-green-big,
    a.button-green-big-extra {
        width: 85% !important;
        height: 30px;
        padding: 0 !important;
        margin: 0 auto;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    footer {
        text-align: center;
    }

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

    .servicesBlock-foo {
        margin-bottom: 20px;
    }

    #video__block {
        display: block;
    }

    .wrap .dark .first {
        margin: 130px auto 0;
    }

    .wrap .dark .first-quest {
        padding-top: 0;
    }

    .wrap .dark .first-quest .item-img {
        padding-top: 330px;
    }

    .wrap .dark .second-quest .item label {
        width: 400px;
        margin: 0 auto;
    }

    .wrap .dark .second-quest .item-img {
        padding-top: 270px;
    }

    .wrap .dark .third-quest label,
    .wrap .dark .fifth-quest label,
    .wrap .dark .sixth-quest label {
        margin: 20px 0 20px 60px;
    }

    .wrap .dark .email-quest .wrap-input {
        padding: 0 100px;
    }

    .popup-thank .popup-close {
        top: 18px;
        right: 40px;
        font-size: 50px;
    }

    .popup-thank-wrap {
        margin-top: 200px;
    }

    /* квиз */
    .questions__title {
        font-size: 18px;
        line-height: 18px;
        width: 54%;
    }

    .question12__title small {
        font-size: 16px;
        text-align: left;
    }

    .question1__list,
    .question2__list,
    .question3__list,
    .question4__list,
    .question5__list,
    .question6__list,
    .question7__list,
    .question9__list,
    .question10__list {
        justify-content: center;
    }

    .question__items {
        width: 90%;
    }

    .quiz__item {
        padding: 10px;
    }

    .question__img {
        height: 200px;
    }

    .question2__img,
    .question3__img,
    .question4__img,
    .question5__img,
    .question6__img,
    .question7__img,
    .question9__img,
    .question10__img {
        height: 200px;
        width: 100%;
    }

    .block-end {
        flex-direction: column;
    }

    .question-end__result,
    .question-end__form {
        width: 100%;
    }

    .question11__list,
    .question12__block,
    .question13__list {
        width: 100%;
    }

    .custom__radio+label::before {
        left: 0;
    }
}

@media (max-width: 750px) {
    .new_bg .banner_title {
        padding: 0 !important;
    }
}

@media (max-width: 740px) {
    .banner_desc_blackwrap {
        box-shadow: none;
    }
}

@media screen and (max-width: 700px) {
    .map__contactBlock {
        height: 100%;
        right: 0;
        width: 100%;
        z-index: 10;
        background: #fff;
        padding: 20px 0 20px 0;
        margin: 0;
    }

    .map__contactBlock-small {
        display: flex;
        justify-content: center;
        margin: 0 0 10px 0;
        color: #282828;
        font-size: 18px;
        font-weight: bold;
    }

    /* квиз */
    .quiz {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .gallery-item__img {
        margin: 10px 0;
        /* height: 120px; */
        min-height: 220px;
    }

    img {
        height: 75%;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .documents-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .table__block img {
        display: none;
    }
}

@media (min-width: 767px) {

    .mobile_on {
        display: none;
    }

    .mob-version {
        display: none;
    }

    #managers__block-mobile {
        display: none;
    }
}

@media (max-width: 640px) {

    #test_map {
        height: 400px !important;
    }

    .show640px {
        display: block;
    }

    .noshow640px {
        display: none;
    }

    .map__contactBlock {
        position: inherit;
        left: 0;
        margin: 0 auto;
        width: 100% !important;
    }
}

@media screen and (max-width: 639px) {
    .advantages-submit__descr {
        margin: 5px 0 !important;
    }

    .quiz__sticker img {
        height: auto;
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .wrap .dark .first-btn {
        margin: 10px auto 10px;
        padding: 15px 20px;
    }

    .catalog-filter {
        margin-top: 30px;
    }

    .wrap .dark .first-quest .item {
        height: 280px;
    }

    .spisok_quiz {
        margin-left: 25%;
    }

    .wrap .dark .second-quest .item {
        margin-bottom: 10px;
    }

    .wrap .dark .first-quest .item-text p {
        white-space: break-spaces;
    }

    .wrap .dark h1 {
        font-size: 46px;
    }

    .wrap .dark ul li {
        width: auto;
        padding: 4px 20px;
    }

    .wrap .dark .first {
        margin: 0 auto 0;
    }

    .wrap .dark .first-quest {
        padding-top: 0;
    }

    .wrap .dark .first-quest .item-img {
        padding-top: 200px;
    }

    .wrap .dark .second-quest .item label {
        width: auto;
    }

    .wrap .dark .fourth-quest .wrap-input {
        margin-bottom: 50px;
        padding: 0 40px;
    }

    .wrap .dark .third-quest label {
        margin: 20px 0 20px 30px;
    }

    .wrap .dark .fifth-quest label {
        margin: 20px 0;
    }

    .wrap .dark .sixth-quest label {
        font-size: 18px;
        margin: 20px 0;
    }

    .wrap .dark .email-quest .wrap-input {
        padding: 0 40px;
    }

    .popup-thank .popup-close {
        top: 0;
        right: 15px;
        font-size: 50px;
    }

    .popup-thank-wrap {
        margin-top: 200px;
    }

    .popup-thank-container {
        width: 290px;
    }

    .construction__item {
        width: 100%;
    }

    .scrollup {
        width: 47px;
        height: 47px;
        bottom: 20px;
        right: 30px;
    }
}

@media (max-width: 500px) {
    .table__block td {
        padding: 0;
        text-transform: none;
        font-size: 16px;
    }
}

@media (max-width: 481px) {
    .new_bg {
        min-height: 420px !important;
    }

    .new_bg img {
        height: 420px !important;
    }

    .head_directions,
    .head_contacts {
        float: none;
        width: 100%;
        margin: 10px 0;
        padding: 0;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .faq-block-question p {
        font-size: 16px;
    }

    .form_2__danger {
        background: #616161;
    }

    .wrap .dark .first-quest .prev-btn button,
    .wrap .dark .second-quest .prev-btn button,
    .wrap .dark .third-quest .prev-btn button,
    .wrap .dark .fifth-quest .prev-btn button,
    .wrap .dark .fourth-quest .prev-btn button,
    .wrap .dark .sixth-quest .prev-btn button,
    .wrap .dark .seventh-quest .prev-btn button,
    .wrap .dark .eighth-quest .prev-btn button,
    .wrap .dark .ninth-quest .prev-btn button,
    .wrap .dark .tenth-quest .prev-btn button,
    .wrap .dark .eleventh-quest .prev-btn button,
    .wrap .dark .twelfth-quest .prev-btn button,
    .wrap .dark .thirteenth-quest .prev-btn button,
    .wrap .dark .email-quest .prev-btn button {
        margin-left: 10px;
    }

    .wrap .dark .first-quest .next-btn button,
    .wrap .dark .second-quest .next-btn button,
    .wrap .dark .third-quest .next-btn button,
    .wrap .dark .fifth-quest .next-btn button,
    .wrap .dark .fourth-quest .next-btn button,
    .wrap .dark .sixth-quest .next-btn button,
    .wrap .dark .seventh-quest .next-btn button,
    .wrap .dark .eighth-quest .next-btn button,
    .wrap .dark .ninth-quest .next-btn button,
    .wrap .dark .tenth-quest .next-btn button,
    .wrap .dark .eleventh-quest .next-btn button,
    .wrap .dark .twelfth-quest .next-btn button,
    .wrap .dark .thirteenth-quest .next-btn button,
    .wrap .dark .email-quest .next-btn button {
        margin-right: 10px;
    }

    .wrap .dark .seventh-quest .item,
    .wrap .dark .eighth-quest .item,
    .wrap .dark .ninth-quest .item,
    .wrap .dark .tenth-quest .item,
    .wrap .dark .eleventh-quest .item,
    .wrap .dark .twelfth-quest .item,
    .wrap .dark .thirteenth-quest .item,
    .wrap .dark .email-quest .item {
        margin-bottom: 0;
    }

    .wrap .dark .seventh-quest .item-img,
    .wrap .dark .eighth-quest .item-img,
    .wrap .dark .ninth-quest .item-img,
    .wrap .dark .tenth-quest .item-img,
    .wrap .dark .eleventh-quest .item-img,
    .wrap .dark .twelfth-quest .item-img,
    .wrap .dark .thirteenth-quest .item-img,
    .wrap .dark .email-quest .item-img {
        padding-top: 180px;
    }

    /* квиз */
    .question__items {
        width: 100%;
    }
}

.winter_banner__dots {
    display: flex;
    justify-content: center;
}

.winter_banner__dots li {
    list-style-type: none;
}

.winter_banner__dots button {
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #4e960f;
    font-size: 0;
    margin: 10px 13px;
    padding: 0;
}

.winter_banner__dots li.slick-active button {
    background-color: #d50808a8
}

.people_search {
    margin-bottom: 50px;
}

.people_search__container {
    background-image: url("./img/people_search_bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 40px 60px;
    border: 1px solid #4e960f;
}

.people_search__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
}


.people_search__link {
    font-size: 17px;
    line-height: 26px;
    background-color: #ffffff;
    /* border: 1px solid #729e00; */
    border-radius: 15px;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #4e960f;
    font-weight: bold;
}

.people_search__link:hover {
    color: #fff;
    background-color: #4e960f;
}


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

.faq_accordion__item {
    font-size: 16px;
    border-radius: 15px;
    margin: 0 0 25px 0;
    background-color: #4e960f;
}

.faq_accordion__item_header {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    width: 100%;
}

.faq_accordion__item_arrow {
    color: #fff;
}

.faq_accordion__item_body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 15px;
    display: none;
}

.faq_accordion__item_link {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 10px;
}

.faq_accordion__item_active {
    background-color: #4e960f;;
}

.faq_accordion__item_active .faq_accordion__item_header {
    padding-bottom: 15px;
    border-bottom: 1px solid #FFF;
    color: #FFF;
}

.faq_accordion__item_active .faq_accordion__item_arrow {
    transform: rotate(180deg);
    color: #FFF;
}

.faq_accordion__item_active .faq_accordion__item_body {
    display: block;
    color: #FFF;
}

.faq_accordion__item_active .faq_accordion__item_body p {
    color: #FFF;
}

div[data-entity="lazy-container-1"] .btn-primary {
    background: #4e960f;
}

div[data-entity="lazy-container-1"] .btn-primary:hover {
    background: transparent;
}

.error,
div.recaptchaError {
    color: red;
}

.sf_success {
    text-align: center;
    color: #f3fb00;
    margin-top: 10px;
    font-size: 18px;
    background-color: #4e960f;
}

.button_container {
    text-align: center;
}

.button_container input[type="button"],
.button_container input[type="submit"] {
    width: 30%;
    min-width: 360px;
    text-align: center;
}

@media (max-width: 992px) {
    .gallery-item__img {
        margin: 10px 0;

        min-height: 220px;
    }
}


@media (max-width: 767px) {
    .col-xs-12 {
        padding-right: 0;
        padding-left: 0;}


    .videomobile {
        padding-right: 1px;
        padding-left: 1px;
    }
}


/* Калькулятор */

.calculator_form_section {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    position: relative;
}

.calculator_form__block {
    width: 45%;
}

.calculator_form__result {
    padding: 45px 40px 30px;
    -webkit-box-shadow: 0 0 25px -5px rgba(74, 74, 74, 0.36);
    box-shadow: 0 0 25px -5px rgba(74, 74, 74, 0.36);
    background: #FFF;
    height: 100%;
    margin-bottom: 25px;

}

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

.calculator_form__item {
    width: 48%;
    margin-bottom: 25px;
}

.calculator_form__item_title {
    font-size: 16px;
    font-weight: 400;
    color: #232323;
    width: 100%;
    margin-bottom: 15px;
}

.calculator_form__radio,
.calculator_form__checkbox {
    display: none;
}

.calculator_form__radio+label {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
}

.calculator_form__radio:checked+label {
    color: #fff;
    border-color: #4e960f;
    background: #4e960f;
}

.calculator_form__select,
input[type="text"].calculator_form__input {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    color: #232323;
    font-weight: 400;
    line-height: 16px;
    width: 100%;
}

.calculator_form__checkbox+label::before {
    display: block;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #232323;
}

.calculator_form__checkbox:checked+label::before {
    border-color: #4e960f;
    background: #4e960f url("https://zaborstroi77.ru/local/templates/zaborcervice/image/tick.svg") no-repeat center center/10px;
}

.calculator_form__checkbox_label {
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calculator_result__button_block,
.calculator_result__price {
    margin-bottom: 20px;
}

.calculator_result__button_block {
    position: relative;
}

.calculator_result__button {
    background: #4e960f;
    color: #fff;
    padding: 20px 45px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    border: 1px solid rgba(154, 153, 153, .46);
    cursor: pointer;
}

.calculator_result__price span {
    display: block;
}

.calculator_result__price_title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 10px;
    line-height: 1.6;
}

.calculator_result__price_numbers {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
}

.form_request__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.form_request__item input[type="text"] {
    width: 95%;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    color: #232323;
    font-weight: 400;
    line-height: 16px;
}

.form_request__item p {
    padding: 0 14px;
    margin: 0;
}


.sheet_profile .sheet_profile_img {
    content: '';
    position: absolute;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    background-size: cover;
}

.sheet_profile:hover .sheet_profile_img {
    width: 650px;
    height: 450px;
    box-shadow: 1px 1px 8px #000;
}

.sheet_profile_8:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_profnastil_8.jpg);
}

.sheet_profile_20:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_profnastil_20.jpg);
}

.sheet_profile_21:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_profnastil_21.jpg);
}

.picket_brands_r:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_shtaketnik_r.jpg);
}

.picket_brands_m:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_shtaketnik_m.jpg);
}

.picket_brands_p:hover .sheet_profile_img {
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/profil_shtaketnik_p.jpg);
}

.calculator__form_success,
.calculator_shtaketnik__form_success,
.calculator_3d__form_success,
.calculator_rabica__form_success {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    color: #4e960f;
}


.calculator_form__item_full_width {
    width: 100%;
}

.error, div.recaptchaError {
    color: red;
}

.calculator_result__info {
    position: absolute;
    width: 45%;
    top: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    background-color: red;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

/* Вкладки для калькулятора */
.calculator_tabs {
    display: none;
}

.calculator_tab_labels {
    display: inline-block;
    width: auto;
    height: 46px;
    line-height: 44px;
    margin: 0;
    padding: 0 15px;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calculator_tabs:checked + .calculator_tab_labels {
    color: #fff;
    border-color: #4e960f;
    background: #4e960f;
}

.calculator_tab_content {
    border: 1px solid #4e960f;
    padding: 40px 0;
    display: none;
}

.calculator_tab_profnastil:checked ~ .tab_content_profnastil,
.calculator_tab_picket:checked ~ .tab_content_picket,
.calculator_tab_3d:checked ~ .tab_content_3d,
.calculator_tab_rabica:checked ~ .tab_content_rabica {
    display: block;
}


@media (max-width: 1200px) {
    .calculator_form_section {
        flex-wrap: wrap;
        justify-content: center;
    }

    .calculator_form__block {
        width: 90%;
    }

    .calculator_form__result {
        position: sticky;
        bottom: -260px;
    }
}

@media (max-width: 990px) {
    .sheet_profile:hover .sheet_profile_img {
        width: 520px;
        height: 360px;
    }

    .sheet_profile .sheet_profile_img {
        top: 130px;
        right: auto;
        left: 40px;
    }
}

@media (max-width: 640px) {
    .calculator_form__item {
        width: 100%;
    }

    .calculator_result__button_block,
    .calculator_result__price {
        text-align: center;
    }

    .sheet_profile:hover .sheet_profile_img {
        width: 360px;
        height: 250px;
    }

    .sheet_profile .sheet_profile_img {
        left: 10px;
    }

    .calculator_tab_content {
        border: none;
        padding: 0;
    }

    .form_request__item input[type="text"] ~ p {
        margin-top: 15px;
    }

    .calculator_form__result {
        bottom: -280px;
    }
}

@media (max-width: 530px) {

    .form_request__item {
        justify-content: center;
        flex-wrap: wrap;
    }

    .calculator__form_request_button {
        margin-bottom: 20px;
    }

    .form_request__item p {
        text-align: center;
    }

    .form_request__item input[type="text"] {
        width: 90%;
        margin-bottom: 20px;
    }

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

    .calculator_tab_labels {
        padding: 0 10px;
        font-size: 16px;
    }

    .calculator_form__result {
        bottom: -420px;
    }

    .new_bg .banner_title h1,
    .new_bg .banner_description,
    .titleBlock {
        text-transform: none;
    }

    .titleBlock {
        font-weight: 400;
    }

    .banner {
        display: none;
    }
}

@media (max-width: 370px) {
    .sheet_profile:hover .sheet_profile_img {
        width: 320px;
        height: 220px;
    }

    .sheet_profile .sheet_profile_img {
        left: 5px;
    }

    .calculator_form__result {
        bottom: -460px;
    }

}

/* Кнопка MAX*/

.whatsapp-button {
  position: fixed;
  right: 13px;
  bottom: 120px;
  transform: translate(-50%, -50%);
 /* background: #25D366;*/
  /*цвет кнопки*/
 /* border-radius: 50%;*/
  width: 65px;
  /*ширина кнопки*/
  height: 65px;
  /*высота кнопки*/
  color: #fff;
  text-align: center;
  line-height: 53px;
  /*центровка иконки в кнопке*/
  font-size: 35px;
  /*размер иконки*/
  z-index: 9999;
  background-size: 100%;
  background-image: url(/local/templates/zaborcervice/image/img_max/max001.webp);

}
.whatsapp-button a {
  color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 1px solid #8125d3;
  /*цвет анимированных волн от кнопки*/
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}

.whatsapp-button:after{
  animation-delay: .5s;
}

@keyframes animate
{
  0%
  {
      transform: scale(0.5);
      opacity: 0;
  }
  50%
  {
      opacity: 1;
  }
  100%
  {
      transform: scale(1.2);
      opacity: 0;
  }
}
@media (max-width : 800px) {  


.whatsapp-button:before, .whatsapp-button:after {

    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
}


  .whatsapp-button {   
    bottom: 75px; /*отступ кнопки снизу от экрана*/
    right: 5px; /*отступ кнопки слева от экрана(right - справа)*/
  }

  .whatsapp-button {
    width: 50px; /*ширина кнопки*/
    height: 50px; /*высота кнопки*/
    line-height: 53px;
    font-size: 35px;
  }
}

.fa-mobile-alt::before {
  content: "\f3cd";
}


.fa-whatsapp:before {
  content: "\f232";
}

/* Конец Кнопка MAX*/


/* кнопки max */


.max_link {
    width: 245px;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    height: 43px;
    padding: 0 40px 0 30px;
    margin: 10px 0;
    border-radius: 40px;
    /* background: var(--first-color); */
    background: linear-gradient(to right, #00b3ff, #8c3ada);
    color: white;
    justify-content: flex-start;
    flex-direction: row;
    /* display: block; */
    align-items: center;
    align-content: space-around;

}

.max_link1 img {
    width: 25px;
    margin-right: 5px;
    height: 25px;
}

  .max_link2  {
    width: 36px;
    margin-right: 5px;
    height: 38px;
    padding-top: 2px;
  }

.maxfoother {
  height: 44px;
  padding: 0 30px;
  margin: 10px 0;   
  border-radius: 40px; 
  width: 45%;
  /*border: 1px solid brown;*/
}

  .kont {
    width: 20%;
  }

@media (max-width: 600px){

.max_link {
    width: 245px;
}

  .max_link1  {
 /*   margin-left: auto;
    margin-right: auto;*/
  }

  .max_link2  {
    width: 26px;
    margin-right: 5px;
    height: 28px;
    margin-top: 5px;
    padding-top: 2px;
  }

  .max_header  {
    font-size: 13px;  
  }

  .kont {
    width: 53%;
  }
}

   .layer:hover  {
    text-decoration: none; /* Убираем подчёркивание */
    background: linear-gradient(to right, #8c3ada, #00b3ff);
    color: #fcfcfc;
   }

   .color1 {
    color: rgb(255, 0, 0);
    font-weight: 700;
   }

   .popupmenu {
    margin-right: -10px; margin-left: -15px;
   }

/* Конец кнопки max */

.wrapper {
    overflow: unset;
}

/** СЕРГЕЙ **/

.main_title {
    width: 100%;
    text-align: center;
    background: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/top-banner.webp") center 50% no-repeat;
}

.main_title__wrap {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px;
}

.main_title h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 40px;
    color: #333;
}

/** ДМИТРИЙ **/
#short_header_block {
    padding: 50px 0;
    text-align: center;
}

.quiz_button .first-btn {
    display: block;
    margin: 25px auto 10px;
    font-size: 18px;
    background-color: #d50808a8;
    border: none;
    border-radius: 30px;
    padding: 30px 20px;
    color: #fff;
}

.video_full h2 {
    text-align: center;
}

#simple__inline_steps {
    padding: 50px 0;
}

#simple__inline_steps h2 {
    text-align: center;
}

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

.steps__inline_block .step__description {
    display: block;
    width: 15%;
    text-align: center;
}

@media (max-width: 782px) {
    .steps__inline_block .step__description,
    .advantages_row .col-xs-2 {
        width: 33%;
    }

    .advantages .advantages_row {
        justify-content: center;
    }

    .main_title h1 {
        font-size: 3rem;
    }

    #type__fences .price_tab_labels {
        width: 49%;
        padding: 0;
    }
}

.steps__inline_block .icon1::before,
.steps__inline_block .icon2::after,
.steps__inline_block .icon3::before,
.steps__inline_block .icon4::after,
.steps__inline_block .icon5::before,
.steps__inline_block .icon6::after {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.steps__inline_block .icon2::after,
.steps__inline_block .icon4::after,
.steps__inline_block .icon6::after {
    content: "";
    position: relative;
}

.steps__inline_block .icon2::before {
    content: url("/local/templates/zaborcervice/css/../image/simple_img2.png");
    display: block;
}

.steps__inline_block .icon4::before {
    content: url("/local/templates/zaborcervice/css/../image/simple_img4.png");
    display: block;
}

.steps__inline_block .icon6::before {
    content: url("/local/templates/zaborcervice/css/../image/simple_img6.png");
    display: block;
}


.steps__inline_block .icon1, .steps__inline_block .icon3, .steps__inline_block .icon5 {
    margin-left: 0;
}

.steps__inline_block .icon2, .steps__inline_block .icon4, .steps__inline_block .icon6 {
    margin-right: 0;
}

#adressBlock {
    position: relative;
    height: 280px;
}

.advantages_row {
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.advantages_row .advantages-item__title {
    margin-bottom: 10px;
    margin-top: 15px;
}


/** Табы с ценами **/

.price_tab_profnastil:checked ~ .price_content_profnastil,
.price_tab_picket:checked ~ .price_content_picket,
.price_tab_3d:checked ~ .price_content_3d,
.price_tab_rabica:checked ~ .price_content_rabica {
    display: block;
}

.price_tab_content {
    display: none;
}

.price_tabs {
    display: none;
}

.price_tab_labels {
    display: inline-block;
    width: 24.7%;
    height: auto;
    line-height: 44px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    color: #232323;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.price_tab_labels img {
    width: 100%;
    opacity: 0.5;
}

.price_tabs:checked + .price_tab_labels {
    color: #fff;
    border-color: #4e960f;
    background: #4e960f;
}

.price_tabs:checked + .price_tab_labels img {
    opacity: 1;
}

.price_form_section {
    padding-top: 20px;
}

/** Адаптив видео **/
.video_full__block-iframe {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}

.video_full__block-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}


.pad_30 {
    padding: 30px;
}

.main_title_block {
    display: inline-block;
    margin: 0 auto;
}

.main_title_block h1 {
    padding: 10px 25px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.foo-contact .footer_calculator_link {
    display: block;
    font-size: 18px;
    background-color: #d50808a8;
    border: none;
    border-radius: 30px;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    transition: 200ms;
}

.foo-contact .footer_calculator_link:hover {
    font-weight: 700;
    font-size: 19px;
}

/** Эксперт **/

.steps__card_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.steps__card_block_item {
    background: #ffffff;
    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    width: 30%;
    padding: 40px 30px;
    position: relative;
    margin-bottom: 40px;
}

.steps__card_block_item h3 {
    color: #4e960f;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.steps__card_block_item p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    color: #acacac;
}

.steps__card_block_item::before {
    position: absolute;
    left: -25px;
    top: -20px;
}

.steps__card_block_item.step1::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-1.png");
}

.steps__card_block_item.step2::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-2.png");
}

.steps__card_block_item.step3::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-3.png");
}

.steps__card_block_item.step4::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-4.png");
}

.steps__card_block_item.step5::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-5.png");
}

.steps__card_block_item.step6::before {
    content: url("https://zaborstroi77.ru/local/templates/zaborcervice/image/step-6.png");
}

.about_company_img {
    max-width: 330px;
    margin: 0 20px 10px 0;
}

@media (max-width: 782px) {
    .steps__card_block {
        justify-content: space-evenly;
    }

    .steps__card_block_item {
        width: 45%;
        text-align: center;
    }

    .steps__card_block_item::before {
        left: 42%;
    }
}

@media (max-width: 570px) {
    .steps__card_block_item {
        width: 90%;
    }

    .about_company_img {
        max-width: 100%;
    }

    #simple__inline_steps {
        padding: 50px 0 0;
    }

}

/** Таблицы с прайсами **/

.faq-block-question {
    position: relative;
}

.faq-block-answer {
    padding: 20px 10px;
    overflow: hidden;
}

.price-i-bot_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4e960f;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: none;
}

.price-bot-desc {
    font-size: 17px;
    color: #818181;
}

.price-bot-name {
    font-size: 16px;
    font-weight: 600;
}

.price-i-all {
    display: block;
    max-width: 300px;
    text-align: center;
    text-decoration: none;
    background: #4e960f;
    color: #fff;
    padding: 10px 20px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 18px;
    transition: 200ms;
}

.price-i-all:hover {
    color: #fff;
    text-decoration: none;
    font-size: 19px;
}

.faq-block-answer p {
    text-transform: none;
}

/** 6 Причин работать **/

.six_reasons__block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 20px;
    grid-auto-flow: dense;
}

.six_reasons__item:nth-child(7) {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 4;
}


@media (max-width: 990px) {
    .six_reasons__item:nth-child(7) {
        grid-row-start: auto;
        grid-column-start: auto;
        grid-row-end: auto;
        grid-column: span 2;
    }
}

@media (max-width: 649px) {
    .six_reasons__item:nth-child(7) {
        grid-column: span 1;
    }

    .foo-contact .footer_calculator_link {
        padding: 13px;
        width: 80%;
        margin: 0 auto 20px;
    }

    .slider-card > .arrPrev {
        left: 0;
        z-index: 99999999;
    }

    .slider-card > .arrNext {
        right: 0;
        z-index: 99999999;
    }

}

.six_reasons__item {
    background: #4e960f;
    min-height: 80px;
    border-radius: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #ffffff;
}

.six_reasons__item .six_reasons__item_heading {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.six_reasons__item .six_reasons__item_description {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    max-width: 267px;
    margin: 0 auto;
}

.six_reasons__item:nth-child(2),
.six_reasons__item:nth-child(3),
.six_reasons__item:nth-child(6) {
    background: #e6e6e6;
}

.six_reasons__item:nth-child(2) .six_reasons__item_heading,
.six_reasons__item:nth-child(3) .six_reasons__item_heading,
.six_reasons__item:nth-child(6) .six_reasons__item_heading {
    color: #4e960f;
}

.six_reasons__item:nth-child(2) .six_reasons__item_description,
.six_reasons__item:nth-child(3) .six_reasons__item_description,
.six_reasons__item:nth-child(6) .six_reasons__item_description {
    color: #000;
}

.six_reasons__item .banner_form {
    background: none;
}

/** Слайдер результаты работы  **/
.slick_results_work .slick-prev {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/right-arrow.png) 50% no-repeat;
    width: 40px;
    height: 60px;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translate(0, -50%);
    z-index: 10;
    cursor: pointer;
}

.slick_results_work .slick-next {
    background: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/left-arrow.png) 50% no-repeat;
    width: 40px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translate(0, -50%);
    z-index: 10;
    cursor: pointer;
}

.slick_results_work .slid-i {
    padding: 10px;
}

.slick_results_work .slid-i img {
    width: 100%;
    height: auto;
}

/** Отзывы на главной **/
.reviews_main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    text-align: center;
}

.reviews_main__item {
    background: #f7f7f7;
    border-radius: 20px;
    width: calc(50% - 25px);
    overflow: hidden;
    position: relative;
    padding-bottom: 250px;
    max-width: 95%;
}

.reviews_main__item .review_owl_text {
    padding: 27px 27px 11px 27px;
    min-height: 235px;
}

.reviews_main__item img {
    width: 100%;
    height: 244px;
    border-radius: 0 0 20px 20px;
    object-fit: cover;
    position: absolute;
    bottom: 0;
}



/** Популярные вопросы **/
.faq_main {
    margin-top: 20px;
}

.faq_main .faq-block-holder {
    max-width: 1010px;
    margin: 0 auto 30px;
    border: none;
    border-bottom: 1px solid #e5e7eb;
}

.faq_main .faq-block-question {
    font-weight: 500;
    font-size: 21px;
    line-height: 34px;
    color: #111827;
    position: relative;
    cursor: pointer;
    text-transform: none;
}

.faq_main .faq-block-question::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    background-image: url(https://zaborstroi77.ru/local/templates/zaborcervice/image/open-icon.png);
    transition: all 0.3s ease;
}

.faq_main .faq-block-question.active{
    background: none;
}

.faq_main .faq-block-question.active::after {
    transform: translate(0, -50%) rotate(45deg);
    transition: all 0.3s ease;
}

.faq_main .faq-block-answer {
    padding: 0;
}

.faq_main .faq-block-answer P {
    font-weight: 500;
}

.about_company_tab_content {
    padding: 20px;
}

.h2_title {
    font-size: 22px;
}

.h1_title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.footer_work_time {
    color: #4e960f;
    font-weight: bold;
    padding-left: 15px;
}

button.button-green {
    position: relative;
    display: block;
    font-family: CenturyGothicBold, sans-serif;
    width: auto;
    text-decoration: none;
    text-align: center;
    background-color: #4e960f;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    padding: 15px 50px;
    white-space: normal;
    margin: 0 auto;
}

button.button-green:hover {
    background-color: #3d760c;
    color: #fff;
}

.modal {
    width: 600px;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    border: 0;
    background: #fff;
    z-index: 9999;
    top: 100px;
    bottom: auto;
    display: none;
}

.modal__close {
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer;
}

.modal__container {
    padding: 20px 40px 35px;
    text-align: center;
}

.modal__form {
    margin: 15px 0;
}

.block_order_price {
    font-size: 20px;
    font-weight: 700;
}

.form_order_info {
    margin-bottom: 10px;
}

.modal__form input {
    width: 60%;
    border: 1px solid #9f9a9a;
    margin-bottom: 10px;
}

.black {
    display: none;
    background: #363636;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.65;
    -moz-opacity: 0.65;
    z-index: 9998;
    overflow: hidden;
}


@media (max-width: 767px){
    .head_contacts_time1 {
        width: 100%;
        padding: 10px 0 0 0;
        text-align: center;
        background: white;
     }
}

@media (min-width: 770px){
    .head_contacts_time1 {
    display: none;
     }
}

@media (max-width: 500px){
    .table__block td {
        padding: 0;
        text-transform: none;
        font-size: 12px;
     }

    .table__blockPrice td {
        font-size: 12px;
     }


    a.button-green, a.button-green-big, a.button-green-big-extra {
        width: 85% !important;
        height: 50px;
        padding: 0 !important;
        margin: 0 auto;
        display: flex !important;
        align-items: center;
        justify-content: center;
     }

    .faq-block-answer {
        padding: 20px 1px;
     }

    #form__payment .js-form, #ourProduction .js-form {
        padding: 0 ;
    }

    .about_company_tab_content {
        padding: 20px;
    }

    .company img {
    padding-left: 15px;
    padding-right: 15px;
     }
}


/* текст на раздел  */

.designSchemes__list {
    list-style:none;
    display:flex;justify-content:space-between;
    flex-wrap:wrap;
    padding: 5px;

}

.designSchemes__elems3 {
    width: 32.9%;
}

.section__title1 {
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
}

.block__desc1 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    padding: 0 0 15px;
    margin-bottom: 0;
    text-indent: 2em;
}

@media (max-width: 700px) {
    .img_text_razdel {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
    }
    .designSchemes__elems3 {
        width: 100%;
            padding-top: 10px;
    }
}

@media (min-width: 701px) {
    .img_text_razdel {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 32.9%;
    }
    .designSchemes__elems3 {
        width: 33%;
    }
}

div {
    display: block;
}


.uk-grid-small {
    margin-left: -15px;
}

@media (min-width: 1200px) {
    .uk-grid {
        margin-left: -40px;
    }

    .uk-grid {
        margin-left: -30px;
    }

    .uk-grid {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        box-shadow: 0 0 25px -5px rgba(74, 74, 74, 0.36);
        padding-top: 5px;
    }
}


@media (min-width: 701px){
    .uk-child-width-1-3\@m>* {
        width: 33.32223%;
    }
    [class*=uk-child-width]>* {
        box-sizing: border-box;
        width: 50%;
    }
    .uk-grid-small>* {

        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 700px){
    .uk-child-width-1-2\@s>* {
        width: 50%;
    }
    [class*=uk-child-width]>* {
        box-sizing: border-box;
        width: 50%;
    }

    .uk-grid-small>* {
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media (max-width: 444px){
    .designSchemes__list {

         padding: 0;
    }


    .block__desc1 {
        font-size: 13px;
        line-height: 19px;
    }

  .uk-child-width-1-2\@s>* {
      width: 100%;
  }

  [class*=uk-child-width]>* {
      box-sizing: border-box;
      width: 100%;
  }

  .uk-grid-small>* {
      padding-left: 5px;
      padding-right: 5px;
  }

    .modal {
        width: 350px;
        margin-left: -175px;
    }

}

.uk-grid>*>:last-child {
  margin-bottom: 0;
}

.colors>div>div div b {
  display: block;
}

.colors>div>div {
  padding: 15px 5px;
  margin-bottom: 5px!important;
}

.colors>div>div div {
  text-align: center;
  color: #fff!important;
}

.ral8017 {
  background: #442f29;
}
.ral8019 {
  background: #3d3635;
}
.ral6005 {
  background: #114232;
}
.ral6002 {
  background: #325928;
}
.ral7024 {
  background: #45494e;
}
.ral7004 {
  background: #9b9b9b;
}
.ral5002 {
  background: #00387b;
}
.ral5005 {
  background: #005387;
}
.ral3005 {
  background: #59191f;
}

.derevo {
  background-image: url(https://zaborstroi77.ru/upload/img_text_razdel/profnastil-derevo.jpg);
}

.kirpich {
  background-image: url(https://zaborstroi77.ru/upload/img_text_razdel/profnastil-kirpich.jpg);
}

.kamen {
  background-image: url(https://zaborstroi77.ru/upload/img_text_razdel/profnastil-kamen.jpg);
}

.ral1016 {
  background: #eaed3e;
}


.ral2004 {
  background: #f58b07;
}

.ral1015 {
  background: #f1edcf;
}

/* конец текста по разделам */


@media (min-width: 1200px) {
    .col-lg-3 {
        width: 25%;
    }
}


.catalog_section_item_title .whatsup_link {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 12px 25px;
    border-radius: 40px;
    border: 0;
    background-color: #00aa27;
    margin-bottom: 5px;
    text-align: center;
    width: fit-content;
}

.catalog_section_item_title .whatsup_link .fa-whatsapp::before {
    font-family: FontAwesome;
}