/* Start:/local/templates/new/css/photos.css?171558619913923*/
.photos-list__item {
    position: relative;
    padding: 40px 0;
}

.photos-list__item::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
}

.photos-list__item:nth-child(2n+2)::before {
    background: #F4F4F4;
}

.photos-list__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.photos-list__top-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    width: 65%;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.photos-list__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: calc(35% - 20px);
    margin-top: 5px;
    margin-left: auto;
    padding: 10px 20px;
    background: #FBAD33;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.46;
    font-family: "Inter", sans-serif;
    letter-spacing: .03em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
}

.photos-list__title,
.photos-list__title.h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 20px;
    text-transform: uppercase;
    word-break: break-word;
}

.photos-list__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin: -10px -20px;
    margin-top: 12px;
    margin-left: auto;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.666;
    font-family: "Inter", sans-serif;
    letter-spacing: .04em;
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.photos-list__type-item {
    position: relative;
    margin: 10px 20px;
    padding-left: 31px;
}

.photos-list__type-item::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 23px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: 0 50%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}

.photos-list__type-item--gazobeton::before {
    background-image: url(/local/templates/new/img/gazobeton.svg);
}

.photos-list__type-item--karkas::before {
    background-image: url(/local/templates/new/img/karkas.svg);
}

.photos-list__type-item--kirpich::before {
    background-image: url(/local/templates/new/img/kirpich.svg);
}

.photos-list__cost {
    margin-left: 10px;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.578;
    font-family: "Inter", sans-serif;
    letter-spacing: .02em;
}

.photos-list__btn,
.photos-list__btn.btn {
    width: 100%;
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.18em;
}

.photos-list__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.photos-list__bottom-left {
    width: 65%;
}

.photos-list__swiper,
.photos-list__swiper.swiper {
    width: 100%;
    height: 608px;
    opacity: 0;
}

.photos-list__swiper.is-load,
.photos-list__swiper.swiper.is-load {
    opacity: 1;
}

.photos-list__swiper-wrapper,
.photos-list__swiper-wrapper.swiper-wrapper {
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.photos-list__swiper-slide,
.photos-list__swiper-slide.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
}

.photos-list__swiper-item {
    position: relative;
    width: calc(33.333% - 13.333px);
    height: 190px;
    margin-top: 20px;
    margin-right: 20px;
}

.photos-list__swiper-item:nth-child(1),
.photos-list__swiper-item:nth-child(2),
.photos-list__swiper-item:nth-child(3) {
    margin-top: 0;
}

.photos-list__swiper-item:nth-child(3n+3) {
    margin-right: 0;
}

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

.photos-list__swiper-srollbar,
.photos-list__swiper-srollbar.swiper-scrollbar {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: #000 !important;
    cursor: pointer;
}

.photos-list__swiper:hover .photos-list__swiper-srollbar,
.photos-list__swiper:hover .photos-list__swiper-srollbar.swiper-scrollbar {
    opacity: 1 !important;
}

.photos-list__swiper-srollbar:active,
.photos-list__swiper-srollbar.swiper-scrollbar:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.photos-list__swiper-srollbar::before,
.photos-list__swiper-srollbar.swiper-scrollbar::before {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    content: '';
}

.photos-list__swiper-srollbar .swiper-scrollbar-drag,
.photos-list__swiper-srollbar.swiper-scrollbar .swiper-scrollbar-drag {
    background: #FBAD33 !important;
}

.photos-list__swiper-btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
}

.photos-list__swiper-btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

.photos-list__swiper-btn--prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.photos-list__swiper-btn--next {
    right: 0;
}

.photos-list__swiper-btn::after,
.photos-list__swiper-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    content: "";
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
}

.photos-list__swiper-btn::after {
    background: url(/local/templates/new/img/arr_1.svg) no-repeat center;
    background-size: contain;
}

.photos-list__swiper-btn:hover::after {
    opacity: 0.5;
}

.photos-list__bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(35% - 20px);
    min-height: 678px;
    margin-left: auto;
    padding: 20px;
    background: #F4F4F4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.photos-list__item:nth-child(2n+2) .photos-list__bottom-right {
    background: #fff;
}

.photos-list__bottom-inner.is-overflow {
    max-height: 565px;
    overflow: hidden;
    -webkit-transition: max-height .4s ease-out;
    -o-transition: max-height .4s ease-out;
    transition: max-height .4s ease-out;
}

.photos-list__square-heading {
    color: #454545;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.58;
    font-family: "Inter", sans-serif;
}

.photos-list__square-list {
    margin-top: 10px;
}

.photos-list__square-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
}

.photos-list__attr-item:nth-child(2n+2),
.photos-list__square-item:nth-child(2n+2) {
    background: #fff;
}

.photos-list__item:nth-child(2n+2) .photos-list__attr-item:nth-child(2n+1),
.photos-list__item:nth-child(2n+2) .photos-list__square-item:nth-child(2n+1) {
    background: #F4F4F4;
}

.photos-list__square-text,
.photos-list__square-title {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.58;
    font-family: "Inter", sans-serif;
}

.photos-list__square-title {
    color: #7e7e7e;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.photos-list__square-text {
    flex-shrink: 0;
    margin-left: auto;
    color: #454545;
    text-align: right;
    -ms-flex-negative: 0;
}

.photos-list__attr {
    margin-top: 20px;
}

.photos-list__attr-heading {
    color: #454545;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.58;
    font-family: "Inter", sans-serif;
}

.photos-list__attr-list {
    margin-top: 10px;
}

.photos-list__attr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
}

.photos-list__attr-text,
.photos-list__attr-title {
    font-weight: 400;
    font-size: 19px;
    line-height: 1.58;
    font-family: "Inter", sans-serif;
}

.photos-list__attr-title {
    color: #7e7e7e;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.photos-list__attr-text {
    flex-shrink: 0;
    margin-left: auto;
    color: #454545;
    text-align: right;
    -ms-flex-negative: 0;
}

.photos-list__bottom-btn,
.photos-list__bottom-btn.btn {
    display: none;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.18em;
}

.photos-list__bottom-inner.is-overflow+.photos-list__bottom-btn,
.photos-list__bottom-inner.is-overflow+.photos-list__bottom-btn.btn {
    display: block;
}

@media (max-width: 1799px) {

    .photos-list__swiper,
    .photos-list__swiper.swiper {
        height: 490px;
    }

    .photos-list__swiper-item {
        height: 150px;
    }

    .photos-list__bottom-right {
        min-height: 560px;
    }

    .photos-list__bottom-inner.is-overflow {
        max-height: 447px;
    }
}

@media (max-width: 1599px) {

    .photos-list__swiper,
    .photos-list__swiper.swiper {
        height: 420px;
    }

    .photos-list__swiper-item {
        height: 127px;
    }

    .photos-list__bottom-right {
        min-height: 490px;
    }

    .photos-list__bottom-inner.is-overflow {
        max-height: 377px;
    }
}

@media (max-width: 1263px) {
    .photos-list__top-left {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    .photos-list__title,
    .photos-list__title.h2 {
        width: 100%;
        padding-right: 0;
        word-break: normal;
    }

    .photos-list__type {
        margin-top: 10px;
        margin-left: -20px;
    }

    .photos-list__top-right {
        justify-content: flex-start;
        width: 100%;
        margin-top: 20px;
        padding: 0;
        background: transparent;
        color: #8C8C8C;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
    }

    .photos-list__cost {
        color: #FBAD33;
    }

    .photos-list__bottom {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }

    .photos-list__bottom-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
    }

    .photos-list__btn,
    .photos-list__btn.btn {
        margin-top: 0;
        margin-bottom: 20px;
        border: 1px solid #000;
        background: transparent;
        color: #000;
    }

    .photos-list__swiper,
    .photos-list__swiper.swiper {
        height: auto;
    }

    .photos-list__swiper-slide,
    .photos-list__swiper-slide.swiper-slide {
        position: relative;
    }

    .photos-list__swiper-slide::after,
    .photos-list__swiper-slide.swiper-slide::after {
        display: block;
        width: 100%;
        padding-bottom: 64.22%;
        content: '';
    }

    .photos-list__swiper-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .photos-list__bottom-right {
        width: 100%;
        min-height: auto;
        margin-bottom: 36px;
        padding: 0;
        background: transparent;
    }

    .photos-list__item:nth-child(2n+2) .photos-list__bottom-right {
        background: transparent;
    }

    .photos-list__bottom-inner.is-overflow {
        max-height: none;
    }

    .photos-list__attr-item:nth-child(2n+1),
    .photos-list__square-item:nth-child(2n+1) {
        background: #F4F4F4;
    }
}

@media (max-width: 991px) {
    .photos-list__square-heading {
        color: #000;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .photos-list__square-title {
        color: #8c8c8c;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.875;
        letter-spacing: 0;
        text-transform: none;
    }

    .photos-list__square-text {
        font-weight: 500;
    }

    .photos-list__attr-heading {
        color: #000;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .photos-list__attr-title {
        color: #8c8c8c;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.875;
        letter-spacing: 0;
        text-transform: none;
    }

    .photos-list__attr-text {
        font-weight: 500;
    }
}
/* End */


/* Start:/local/js/bquadro/form/styles/style.css?17739911606698*/
.simple-modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);transition:opacity .3s ease;z-index:9999;padding:16px;display:flex;align-content:center;justify-content:center}.simple-modal-container{position:fixed;top:0;right:0;left:0;bottom:0;width:auto;margin:16px}.simple-modal-fone{position:absolute;width:100%;height:100%;left:0;top:0}.simple-modal-backdrop .form{z-index:2;position:relative}.simple-modal-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:500px;margin:1.75rem auto;padding:20px 30px;border-radius:5px;color:#000;background-color:#fff;transform:translate(0,0);transition:all .3s ease;box-sizing:border-box}.simple-modal-header{padding-bottom:16px;font-size:25px;text-align:center}.simple-modal-footer{display:flex;flex-direction:column;justify-content:center;height:80px;text-align:center}.form-title{margin-top:0!important;text-transform:uppercase;width:100%}.form-wrap{width:calc(100% + 40px);margin:0 -20px;display:flex;flex-wrap:wrap;position:relative}.form-col{width:50%;padding:0 20px}.form__item{position:relative;margin-bottom:30px}.form__item--text{font-size:14px;opacity:.7}.form__item.form__item--text:after{display:none}.form__item:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#000}.form__item.error:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:red}.form__item input{height:30px;line-height:30px;padding:0;border:none;width:100%}.form__item--textarea{position:relative;width:100%;background-color:transparent;color:#6c6a6a;position:relative;z-index:1;outline:0;line-height:1.3}.form__item--textarea span{word-break:break-word;white-space:pre-wrap;opacity:0;min-height:30px;display:block;padding-bottom:0;padding-top:0;letter-spacing:0;line-height:30px;font-size:1em}.form__item--textarea textarea{position:absolute;top:0;left:0;width:calc(100% + 1px);height:100%;z-index:2;overflow:hidden;resize:none;border:none;background:0 0;min-height:30px;line-height:30px;letter-spacing:0;padding:0;padding-bottom:0;border:none;color:#000}.form__item--checkbox{position:relative;font-size:14px}.form__item.form__item--checkbox:after{display:none}.form__item--checkbox input{position:absolute;left:0;top:0;opacity:0}.form__item--checkbox label{padding-left:30px;position:relative;display:block}.form__item--checkbox label a{color:inherit;text-decoration:underline}.form__item--checkbox label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #d9d9d9}.form__item--checkbox input:checked+label:before{background:#d9d9d9 url(/local/js/bquadro/form/styles/img/checkbox.svg) no-repeat center}.form__group--radio{display:flex;flex-wrap:wrap;margin-bottom:30px}.form__group--radio .form__group-top{text-transform:uppercase;font-size:19px;font-weight:400;line-height:1.6;margin-bottom:13px;width:100%}.form__group--radio .form__item:after{display:none}.form__group--radio .form__item{position:relative;margin:0;margin-right:20px;margin-bottom:5px}.form__group--radio .form__item input{position:absolute;left:0;top:0;opacity:0}.form__group--radio .form__item label{position:relative}.form__group--radio .form__item label{padding:10px 15px;text-transform:uppercase;color:#000;font-size:14px;line-height:1;white-space:nowrap;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;font-weight:600;transition:color ease .3s;display:block}.form__group--radio .form__item:last-child{margin-right:0}.form__group--radio .form__item label:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;background:#f4f4f4}.form__group--radio .form__item label:after{content:"";position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;background:#000;transform:translateY(calc(-100% - 1px));transition:transform cubic-bezier(.73,-.84,.54,1.18) .3s;border-radius:20px}.form__group--radio .form__item input:checked+label,.form__group--radio .form__item:hover label{color:#fff}.form__group--radio .form__item input:checked+label:after,.form__group--radio .form__item:hover label:after{transform:translateY(0);transition:transform cubic-bezier(0,2.54,.43,.47) .3s}.form-catalog .form__group--radio{position:absolute;left:0;bottom:0;width:50%;padding:0 20px;margin:0}.form-popup{width:600px;max-width:calc(100vw - 40px);background:#fff;padding:40px!important;box-sizing:border-box!important;margin:auto;max-height:calc(100vh - 40px);overflow:auto;position:relative;color:#000}.form-popup__success{display:none}.form-popup .h3{margin-top:0}.form-popup__success h2{margin:0}.form-popup__close{width:50px;height:50px;position:absolute;right:10px;top:10px;cursor:pointer}.form-popup__close-line{position:absolute;transform:rotate(45deg)}.form-popup__close-line:after,.form-popup__close-line:before{content:"";position:absolute;background:#000;width:100%;height:100%;transition:left .3s ease,top .3s ease}.form-popup__close-line--1{width:100%;height:2px;top:50%}.form-popup__close-line--2{width:2px;height:100%;left:50%}.form-popup__close-line--1:after,.form-popup__close-line--1:before{width:50%;height:100%}.form-popup__close-line--2:after,.form-popup__close-line--2:before{width:100%;height:50%}.form-popup__close-line--2:before{left:0;top:2px}.form-popup__close-line--2:after{left:-2px;top:calc(50% + 1px)}.form-popup__close-line--1:before{left:0;top:-1px}.form-popup__close-line--1:after{left:calc(50% + -1px);top:1px}.form-popup__close:hover .form-popup__close-line--2:after{left:0;top:50%}.form-popup__close:hover .form-popup__close-line--2:before{top:0}.form-popup__close:hover .form-popup__close-line--1:after{left:50%;top:0}.form-popup__close:hover .form-popup__close-line--1:before{top:0}.form-popup *{box-sizing:border-box!important}.form-text.form-text--adap{display:none}.form-popup .form-text{margin-bottom:50px}.form .btn{width:100%;max-width:360px}.form.form-popup .button{max-width:100%}.form-front{padding:323px 0 310px}.form-front .form-text{max-width:448px}@media(max-width:1600px){.form-front{padding:223px 0 210px}}@media(max-width:1264px){.form__group--radio .form__item label{font-size:12px}.form__group--radio .form__group-top{font-size:16px}}@media(max-width:991px){.form__group--radio .form__group-top{font-size:19px}.form__group--radio .form__item label{font-size:14px}.form-col{width:100%;margin-bottom:48px}.form-col:last-child{margin-bottom:0}.form-front .form-text{max-width:100%}.form-front{padding:147px 0 138px}.form-text.form-text--desktop{display:none}.form-text.form-text--adap{display:block}.form-catalog .form__group--radio{position:static;width:100%;padding:0;margin-bottom:30px}}@media(max-width:500px){.form .button{max-width:100%}}
/* End */
/* /local/templates/new/css/photos.css?171558619913923 */
/* /local/js/bquadro/form/styles/style.css?17739911606698 */