body{
    width: 100vw;
    overflow-x: hidden;
}

img{
    max-width: 100%;
}

.mainSlider .stretched-link::after {
    z-index : 11;
}


.popUpBlock .modal-body .btn-close {
    z-index          : 10;
    opacity          : 1;
    position         : absolute;
    right            : 10px;
    top              : 10px;
    background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.7492 9.34501L13.0567 12L15.7492 14.655C15.8242 14.7252 15.8839 14.8099 15.9247 14.9041C15.9656 14.9983 15.9867 15.0999 15.9867 15.2025C15.9867 15.3052 15.9656 15.4067 15.9247 15.5009C15.8839 15.5951 15.8242 15.6798 15.7492 15.75C15.6792 15.8195 15.596 15.8745 15.5047 15.9118C15.4133 15.9492 15.3154 15.9681 15.2167 15.9675C15.02 15.9667 14.8314 15.8886 14.6917 15.75L11.9992 13.0575L9.34424 15.75C9.20455 15.8886 9.016 15.9667 8.81924 15.9675C8.72054 15.9681 8.62269 15.9492 8.53131 15.9118C8.43993 15.8745 8.35682 15.8195 8.28674 15.75C8.14705 15.6095 8.06865 15.4194 8.06865 15.2213C8.06865 15.0231 8.14705 14.833 8.28674 14.6925L10.9417 12L8.28674 9.34501C8.16387 9.20153 8.09967 9.01697 8.10696 8.82821C8.11425 8.63946 8.1925 8.4604 8.32607 8.32683C8.45964 8.19326 8.6387 8.11501 8.82745 8.10772C9.01621 8.10043 9.20077 8.16464 9.34424 8.28751L11.9992 10.9425L14.6542 8.28751C14.7237 8.21561 14.8066 8.15809 14.8983 8.11823C14.9899 8.07838 15.0885 8.05697 15.1885 8.05523C15.2884 8.05349 15.3877 8.07145 15.4807 8.10809C15.5737 8.14472 15.6586 8.19932 15.7305 8.26875C15.8024 8.33819 15.8599 8.42111 15.8998 8.51277C15.9396 8.60444 15.961 8.70306 15.9628 8.803C15.9645 8.90294 15.9465 9.00224 15.9099 9.09524C15.8733 9.18823 15.8187 9.27311 15.7492 9.34501ZM19.4242 19.425C17.9557 20.8933 16.0848 21.8933 14.0481 22.2983C12.0113 22.7034 9.90014 22.4954 7.98158 21.7006C6.06301 20.9059 4.4232 19.5601 3.26949 17.8334C2.11579 16.1067 1.5 14.0767 1.5 12C1.5 9.92335 2.11579 7.89332 3.26949 6.16663C4.4232 4.43994 6.06301 3.09412 7.98158 2.29937C9.90014 1.50462 12.0113 1.29662 14.0481 1.70168C16.0848 2.10674 17.9557 3.10666 19.4242 4.575C20.3994 5.55003 21.1729 6.70759 21.7006 7.98158C22.2284 9.25557 22.5 10.621 22.5 12C22.5 13.379 22.2284 14.7444 21.7006 16.0184C21.1729 17.2924 20.3994 18.45 19.4242 19.425ZM18.3667 5.6325C17.1068 4.37696 15.5031 3.52289 13.7582 3.17816C12.0132 2.83342 10.2052 3.01348 8.56247 3.69558C6.91976 4.37769 5.516 5.53126 4.52844 7.01062C3.54089 8.48999 3.01384 10.2288 3.01384 12.0075C3.01384 13.7862 3.54089 15.525 4.52844 17.0044C5.516 18.4838 6.91976 19.6373 8.56247 20.3194C10.2052 21.0015 12.0132 21.1816 13.7582 20.8368C15.5031 20.4921 17.1068 19.6381 18.3667 18.3825C19.2058 17.5464 19.8715 16.5528 20.3258 15.4589C20.78 14.3649 21.0138 13.192 21.0138 12.0075C21.0138 10.823 20.78 9.6501 20.3258 8.55614C19.8715 7.46217 19.2058 6.46864 18.3667 5.6325Z' fill='%23D7D7D7'/%3E%3C/svg%3E");
    width            : 24px;
    height           : 24px;
}


.smart-filter-container-modef {
    display : none;
}


.product-item-detail-price-old {
    text-decoration : line-through;
    color           : #747474;
    font-weight     : normal;
    font-size       : 1.5rem;
}

.bayBlock .price > div {
    display : inline-block;
}

.bayBlock a.btn-success {
    color : #fff;
}

.bayBlock a.btn-warning {
    color : #212121;
}

.colorsTable {
}

.colorItem {
    border-radius : 7px;
    border        : 1px solid #DFDFDF;
    padding       : 26px;
    background    : #FFF;
    transition    : ease all .5s;
}

.colorItem:hover {
    box-shadow : 5px 15px 40px 0 rgba(30, 35, 66, 0.15);
}

.catalog-detail .tab-content .row.colorsTable:has(.col-12 + .col-12):before {
    display : none !important;
}


.productsRows .productTile:has(.big) .sale.oneImg {
    right : 80px;
}

.stretched-link::after {
    z-index : 2;
}

.mnu-catalog .nav-tabs a {
    text-decoration : none;
}

@media (max-width : 767.98px) {
    .reviewYa .blockHead {
        text-align : center !important
    }

    .reviewYa .d-flex {
        flex-direction : column;
        align-items    : center;
        margin-bottom: 20px;
    }

    .reviewYa {
        padding-bottom : 0 !important;
    }

    .productsRows .productTile .btn {
        width : auto;
    }

    .bayBlock {
        text-align : center
    }

    .bayBlock .d-flex {
        justify-content : center !important;
    }

    .breadcrumb {
        flex-wrap      : nowrap;
        overflow       : auto;
        white-space    : nowrap;
        padding-bottom : 0.7rem;
    }

    .breadcrumb .breadcrumb-item:not(:first-child) {
        margin-left : 1.4rem;
    }
}

.filterLine {
    overflow : auto;
}

.arti_ya {
    margin-top      : 2rem;
    align-content   : flex-start;
    align-items     : center;
    justify-content : center;
}

.numsLine .num-item {
    min-width : 26.5%;
}

.ggg5 .owl-carousel img {
    object-fit : contain;
}

.completed-project-detail .completed-project-slider .owl-item a {
    max-height      : 600px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.ccc777 {
    padding-bottom : 57px !important;
}

@media (max-width : 767.98px) {
    .numsLine {
        -ms-grid-columns      : 1fr;
        grid-template-columns : 1fr;
    }

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

    .ccc777 {
        padding-bottom : 0 !important;
    }

    .videoReviewLine .videoReview .title {
     display: none;
    }
    .videoReviewLine.navItems .videoReview .title{
        display: block;
    }
    .productsRows .productTile .sliderProduct {
        margin-bottom: 10px;
    }.productsRows .kitchen-item .productTile {
         margin-bottom: -20px;
     }
}
.productsRows .productTile .sliderProduct .big:hover {
    background-size: contain;
}

.reviewYa .rating{
    text-align: right;
}

.blog-item{
 height: 100%;
}

.mobile-block{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 10;
    display: none;
    padding: 10px 0;
}

.mobile-block .mobile-block__item{
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
}

.mobile-block .mobile-block__item .icon{
    width: 32px;
    height: 32px;
    background-size: cover;
    margin-bottom: 8px;
}

.mobile-block .mobile-block__item .name{
    font-size: 12px;
    text-align: center;
    color: #000000;
}

.mobile-block .mobile-block__item .name:hover{
    color: #000000;
    text-decoration: unset;
}

@media (max-width: 768px){
    .mobile-block{
        display: flex;
    }
}

@media (max-width: 600px){
    .mobile-block .mobile-block__item .icon{
        width: 20px;
        height: 20px;
    }
}

.sharing{
    display: flex;
    margin-left: auto;
    align-items: center;
}

.sharing .name{
    margin-right: 8px;
}

.sharing ul{
    margin-bottom: 0;
}

.subscribe-tg{
    margin-top: 25px;
    padding: 10px;
    background: #294c37;
    color: #FFFFFF;
    font-size: 14px;
}

.subscribe-tg .title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.subscribe-tg b{
    color: #fed143;
}

.subscribe-tg .subscribe-tg__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    transition: 0.5s;
    font-weight: bold;
}

.subscribe-tg .subscribe-tg__btn:hover{
    opacity: 0.7;
    color: #000000;
    text-decoration: none;
}

.subscribe-tg .subscribe-tg__btn img{
    width: 20px;
    margin-left: 10px;
}

.subscribe-tg__long{
    padding: 25px 50px;
    background: #254934;
    color: #FFFFFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subscribe-tg__long .info{
    margin-right: 40px;
}

.subscribe-tg__long .info b{
    color: #fdd24b;
}

.subscribe-tg__long .title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.subscribe-tg__long .subscribe-tg__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 15px 20px;
    cursor: pointer;
    transition: 0.5s;
    font-weight: bold;
}

.subscribe-tg__long .subscribe-tg__btn:hover{
    opacity: 0.7;
    color: #000000;
    text-decoration: none;
}

.subscribe-tg__long .subscribe-tg__btn img{
    width: 20px;
    margin-left: 10px;
}

@media (max-width: 600px){
    .subscribe-tg__long{
        padding: 20px 10px;
        flex-direction: column;
    }

    .subscribe-tg__long .info{
        margin-right: 0;
    }

    .subscribe-tg__long .subscribe-tg__btn{
        margin-top: 16px;
    }
}

.popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    background: #00000085;
    z-index: -1;
    opacity: 0;
    transition: 0.5s;
}

.popup.open{
    z-index: 999;
    opacity: 1;
}

.popup .popup__wrap{
    width: 100%;
    max-width: 500px;
    margin: 100px auto;
}

.popup .popup__wrap .popup__body{
    padding: 25px;
    background: #FFFFFF;
    border-radius: 20px;
}

.popup .popup__wrap .popup__body .title{
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 800;
}

.popup .popup__wrap .popup__body .get-catalog{
    margin: 0 auto 20px;
    width: fit-content;
    padding: 10px;
    background: #f1d783;
    border-radius: 10px;
}

.popup .popup__wrap .popup__body .subtitle{
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.popup .popup__wrap .popup__body .social{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.popup .popup__wrap .popup__body .info{
    display: flex;
    align-items: center;
}

.popup .popup__wrap .popup__body .info form .inputBlock input{
    border-radius: 7px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 16px 27px;
    width: 100%;
    max-width: 380px;
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.popup .popup__wrap .popup__body .info form .btnBlock{
    flex-direction: column;
    margin-top: 8px !important;
}

.popup .popup__wrap .popup__body .info form .btnBlock .btn-warning{
    width: 100%;
    padding: 15px;
    margin-right: 0 !important;
    margin-bottom: 8px;
}

.popup .popup__wrap .popup__body .info form .btnBlock .inf{
    text-align: center;
    font-size: 12px;
    color: #787878;
}


.popup .popup__wrap .popup__body .info .form{
    width: 55%;
    margin-left: 15px;
    flex-shrink: 0;
}

.catalogSections-item .link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.doc {
    padding: 60px 0;
    background: #f4f4f4;
}

.doc__img {
    position: relative;
}

.doc__img img {
    float: right;
}

/* .doc__caption-title {
    font-size: 42px;
    line-height: 51px;
} */

.doc__caption-title h2 {
    font-size: 42px !important;
    line-height: 51px !important;
}

.doc__caption-text {
    font-size: 32px;
    line-height: 37px;
    margin-top: 15px;
}

.doc__caption-block {
    font-size: 22px;
    line-height: 142.5%;
    margin-top: 25px;
}

@media (max-width: 991px) {
    .doc__img {
        margin-top: 30px;
        margin-bottom: 30px;
        left: -40px;
    }

    .doc__caption {
        text-align: center;
    }

    .doc__caption-title {
        font-size: 24px;
        line-height: 27px;
    }

    .doc__caption-text {
        font-size: 18px;
        line-height: 20px;
    }


    .doc__img {
        margin-top: 30px;
        margin-bottom: 30px;
        left: -40px;
    }

    .doc__caption-block {
        font-size: 16px;
        line-height: 22px;
    }

    .doc__img img {
        float: none;
        width: 390px;
    }
}

.feedback {
    background: url(../img/feedback.png) no-repeat center top;
    padding-top: 500px;
    margin-top: -120px;
    margin-bottom: 100px;
}

.feedback__form {
    background: #3a7653;
    -webkit-box-shadow: 5px 15px 40px rgba(30,35,66,.15);
    box-shadow: 5px 15px 40px rgba(30,35,66,.15);
    border-radius: 25px;
    color: #fff;
    padding: 70px 50px;
    position: relative;
}

.feedback__form:before {
    content: "";
    display: block;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    pointer-events: none;
}

.feedback .title {
    font-family: Gilroy;
    font-style: normal;
    font-size: 42px;
    line-height: 51px;
    text-align: center;
}

.feedback .text {
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 50px;
}

.feedback__form-text {
    margin-top: 40px;
    text-align: center;
}

.feedback__form-block form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.feedback__form-block input {
    background: #fff;
    border-radius: 15px;
    height: 80px;
    padding: 10px 35px;
    width: 100%;
}

.feedback__form .btn {
    width: fit-content;
    height: 80px;
    margin-left: 20px;
    background: #f1ce63;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    max-width: 100%;
    color: #323232;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 5px 15px 40px rgba(30,35,66,.15);
    box-shadow: 5px 15px 40px rgba(30,35,66,.15);
}

@media (max-width: 991px) {
    .feedback {
        background: 0 0;
        padding-top: 0;
        margin-top: 0;
    }

    .feedback__form {
        border-radius: 0;
    }

    .feedback .title {
        font-size: 24px;
        line-height: 29px;
    }

    .feedback__form-img {
        position: relative;
        height: 320px;
    }

    .feedback__form-img img {
        position: absolute;
        right: -20px;
        width: 330px;
    }

    .feedback__form-block {
        width: 360px;
        max-width: 100%;
        margin: auto;
    }

    .feedback__form-block form {
        flex-direction: column;
    }

    .feedback__form .btn{
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        height: 60px;
    }

    .feedback__form-block input{
        height: 60px;
    }

}

.q_first_child {
    width: 100%;
    padding: 100px 0;
    background: url(../img/bg.webp) no-repeat;
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.q_first_child .logo_top {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.q_first_child .logo_top:hover{
    text-decoration: none;
}

.q_first_child .logo_top svg {
    margin-right: 30px;
}

.q_first_child .logo_top span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    display: flex;
}

.q_first_child h1{
    font-weight: 700;
    font-size: 52px;
    line-height: 63px;
    color: #FFFFFF;
    margin: 40px 0 30px;
}

.q_first_child .text {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding-right: 50px;
}

.q_first_child .video {
    display: flex;
    position: relative;
    max-height: 350px;
    width: 100%;
    max-width: 555px;
    height: 555px;
    border: 5px solid #fff;
    border-radius: 20px;
    overflow: hidden;
}

.q_first_child .video_preview {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

.q_first_child .video_preview span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    overflow: hidden;
}

.q_first_child .video_preview span:before {
    content: '';
    border: 7px solid transparent;
    border-top: 10px solid #323232;
    margin-left: 0;
    margin-top: 0px;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    -webkit-transform: rotate(265deg) translate3d(0, 5px, 0);
    transform: rotate(265deg) translate3d(0, 5px, 0);
}

.q_first_child .video_preview span:after {
    content: '';
    position: absolute;
    width: 66px;
    height: 66px;
    background: #F1CE63;
    border-radius: 90px;
}

.q_first_child .video_preview iframe {
    width: 100%;
    height: 100%;
}

.catalog.page-thanks{
    padding: 80px 0 105px;
    max-width: 100%;
    overflow-x: hidden;
    min-height: 800px;
}

.catalog.page-thanks h2{
    font-weight: 300;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
    color: #323232;
    display: inline-block;
    width: 100%;
}

.catalog.page-thanks>div>.row .shadow_block {
    margin-top: 40px;
    box-shadow: 5px 15px 40px rgb(30 35 66 / 15%);
    border-radius: 20px;
    padding: 40px 0 50px 35px;
    width: 100%;
    background: #fff url(../img/Intersect.webp) no-repeat;
    background-position: right top;
    background-size: contain;
    position: relative;
}

.catalog.page-thanks>div>.row .shadow_block:before {
    content: '';
    background: url(../img/book.webp) no-repeat;
    display: inline-block;
    width: 761px;
    height: 532px;
    position: absolute;
    top: -15px;
    right: -203px;
}

.catalog.page-thanks>div>.row .shadow_block:after {
    content: '';
}

.catalog.page-thanks>div>.row .shadow_block div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.catalog.page-thanks>div>.row .shadow_block ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 35%;
    list-style: none;
}

.catalog.page-thanks>div>.row .shadow_block ul li {
    font-size: 17px;
    line-height: 25px;
    width: 100%;
    padding-right: 25px;
    padding-left: 60px;
    margin-bottom: 25px;
    position: relative;
}

.catalog.page-thanks>div>.row .shadow_block ul li:before {
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 40px;
    line-height: 100%;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #F1CE63;
    color: #fff;
    top: calc(50% - 20px);
}

.catalog.page-thanks>div>.row .shadow_block div ul:first-child li:nth-child(1):before {
    content: '01';
}
.catalog.page-thanks>div>.row .shadow_block div ul:first-child li:nth-child(2):before {
    content: '02';
}

.catalog.page-thanks>div>.row .shadow_block div ul:first-child li:nth-child(3):before {
    content: '03';
}

.catalog.page-thanks>div>.row .shadow_block div ul:last-child li:nth-child(1):before {
    content: '04';
}

.catalog.page-thanks>div>.row .shadow_block div ul:last-child li:nth-child(2):before {
    content: '05';
}

.catalog.page-thanks>div>.row .shadow_block p {
    font-weight: 700;
    line-height: 25px;
    font-size: 17px;
    margin-bottom: 24px;
}

.catalog.page-thanks>div>.row .shadow_block p:last-child {
    margin-bottom: 0;
}

.catalog.page-thanks .quiz__btn-next {
    width: 35%;
    height: 66px;
    border-radius: 15px;
    box-shadow: 0px 19px 49px 0 #fe585119, 0px 4px 0 0 #cca828;
    font-size: 16px;
    letter-spacing: 0.16px;
    text-align: left;
    color: #393939;
    font-weight: 700;
    line-height: 25px;
    background-image: linear-gradient(to top, #ffd233, #ffc90a);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.catalog.page-thanks .quiz__btn-next:hover{
    text-decoration: unset;
}

.phones {
    background: url(../img/shum.webp) repeat;
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: 100%;
}

.phones>.container>.row>.col-md-6:first-child {
    background: url(../img/phones-bg.webp) no-repeat;
    background-position: center 80px;
    position: relative;
}

.phones>.container>.row>.col-md-6:last-child {
    padding: 85px 0 60px 60px;
}

.phones a {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 35px 0 63px;
    height: 60px;
    position: absolute;
    border-radius: 15px;
}

.phones a:hover{
    text-decoration: none;
}

.phones a.telegram {
    background: #039BE5;
    top: 458px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.phones a.telegram:hover{
    background: #4065D6;
}

.phones a.vk {
    background: #4065D6;
    right: 0;
    top: 340px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.phones a.vk:hover{
    background: #039BE5;
}

.phones a i {
    display: flex;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: 30px;
}

.phones a span {
    white-space: nowrap;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
}

.phones a.telegram i svg {
    width: 13px;
    height: 13px;
}

.phones>.container>.row>.col-md-6:last-child h2 {
    text-align: left;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 42px;
    line-height: 48px;
    color: #323232;
    display: inline-block;
    width: 100%;
}

.phones>.container>.row>.col-md-6:last-child ul{
    list-style: none;
}

.phones>.container>.row>.col-md-6:last-child ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
}

.phones>.container>.row>.col-md-6:last-child ul li:after {
    content: '';
    background: none;
    border: 4px solid #F1CE63;
    border-radius: 90px;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    top: 8px;
}

@media (max-width: 1200px){
    .catalog.page-thanks>div>.row .shadow_block:before{
        display: none;
    }

    .catalog.page-thanks{
        max-width: unset;
        overflow-x: initial;
        min-height: unset;
    }
}

@media (max-width: 1024px){
    .q_first_child .row{
        flex-direction: column;
    }

    .q_first_child .row .col-md-6{
        width: 100%;
    }

    .q_first_child .video{
        margin: 0 auto;
    }

    .catalog.page-thanks>div>.row .shadow_block ul{
        width: 50%;
    }
}

@media (max-width: 950px){
    .phones .row{
        flex-direction: column-reverse;
    }

    .phones .row .col-md-6{
        width: 100%;
    }

    .phones>.container>.row>.col-md-6:last-child{
        width: 100%;
        padding: 40px 0 0;
    }

    .phones>.container>.row>.col-md-6:last-child h2{
        font-size: 30px;
        line-height: 38px;
    }

    .phones>.container>.row>.col-md-6:first-child{
        height: 600px;
    }
}

@media (max-width: 768px){
    .q_first_child h1{
        font-size: 40px;
        line-height: 50px;
    }

    .q_first_child{
        padding: 60px 0;
    }
}

@media (max-width: 650px){
    .catalog.page-thanks>div>.row .shadow_block div{
        flex-direction: column;
    }

    .catalog.page-thanks>div>.row .shadow_block ul{
        width: 100%;
    }

    .q_first_child .video{
        max-width: 100%;
    }

    .phones>.container>.row>.col-md-6:last-child h2{
        padding: 0 2rem;
    }

    .catalog.page-thanks .quiz__btn-next{
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
    }

    .catalog.page-thanks>div>.row .shadow_block p{
        text-align: center;
    }


}

@media (max-width: 375px){
    .catalog.page-thanks>div>.row .shadow_block{
        padding: 40px 0 30px 10px;
    }
}

.subPage .navItems .pagination{
    margin-top: 20px;
}

.productsRows .countertops-item .img{
    margin-bottom: 0;
}

@media (max-width: 767.98px){
    .subscribe-tg__long{
        margin-top: 40px;
    }
}

.hide{
    display: none !important;
}

.Fold-Body .CbirOcr-Text .Fold-Body{
    max-height: unset!important;
}

.propList .d-flex div{
    align-items: flex-end;
}

.propList .d-flex:before{
    position: absolute;
    bottom: 8px;
    left: -10px;
}

.mainPage .mainSlider{
    max-height: 500px;
}

.quiz__buttons__hint{
    display: none;
    margin-bottom: 20px;
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -2deg);
        transform: rotate3d(0, 0, 1, -2deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 1deg);
        transform: rotate3d(0, 0, 1, 1deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -1deg);
        transform: rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.quiz__buttons__hint__arrow {
    margin-left: 1.5rem;
    animation: swing 1.2s infinite;
}

.quiz__buttons__hint__arrow img {
    width: 6.25rem;
    height: 1.188rem;
    transform: rotateY(180deg);
}

.quiz__buttons__hint__hand {
    margin-right: 1.2rem;
    position: relative;
}

.quiz__buttons__hint__hand::before {
    position: absolute;
    width: 0.813rem;
    height: 0.75rem;
    background-color: #ffd339;
    border-radius: 50%;
    top: 0rem;
    content: '';
    left: 0.6rem;
    transform: scale(0);
    animation: blink 2.5s infinite;
}

.quiz__buttons__hint__hand svg {
    height: 1.8rem;
    width: 1.8rem;
    fill: #747474;
    position: relative;
    z-index: 1;
    top: 0.2rem;
    left: 0.3rem;
}

.quiz__buttons__hint__hand::after {
    position: absolute;
    width: 0.813rem;
    height: 0.75rem;
    background-color: #ffd339;
    border-radius: 50%;
    top: 0rem;
    content: '';
    left: 0.6rem;
}

.quiz__buttons__hint__text {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.3px;
    color: #515151;
    max-width: 120px;
}

@media (max-width: 767px){
    .trust .col-7{
        width: 50%;
    }

    .quiz__buttons__hint{
        display: flex;
        align-items: center;
    }
}

@media (max-width: 425px){
    .trust-item b{
        font-size: 22px;
    }
}

.subscribe-block__wrap{
    padding: 40px 0;
    background: #F4F4F4;
    display: flex;
    justify-content: end;
    position: relative;
}

.subscribe-block__wrap .image{
    position: absolute;
    background-image: url('../img/subscribe-block.png');
    left: -7%;
    width: 40%;
    height: 120%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: -10%;
}

.subscribe-block__wrap .image .icon{
    width: 70px;
    height: 70px;
    background-size: contain;
}

.subscribe-block__wrap .image .icon.vk{
    background-image: url('../img/vk-icon.png');
    position: absolute;
    top: 65%;
    left: 21%;
}

.subscribe-block__wrap .image .icon.youtube{
    background-image: url('../img/youtube-icon.png');
    position: absolute;
    top: 50%;
    right: 9%;
}

.subscribe-block__wrap .info{
    width: 60%;
    /*max-width: 700px;*/
}

.subscribe-block__wrap .info .title{
    display: flex;
    flex-wrap: wrap;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 24px;
}

.subscribe-block__wrap .info .title .social-list{
    display: flex;
    align-items: center;
}

.subscribe-block__wrap .info .title .social-list .icon{
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.subscribe-block__wrap .info .title .social-list .icon svg{
    width: 100%;
    height: 100%;
}

.subscribe-block__wrap .info .title span:nth-child(1){
    width: 100%;
    font-weight: bold;
}

.subscribe-block__wrap .info .subtitle{
    margin-bottom: 16px;
    font-size: 16px;
}

.subscribe-block__wrap .info .subtitle a{
    color: #2F89CE;
    text-decoration: underline;
}

.subscribe-block__wrap .info ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.subscribe-block__wrap .info ul li{
    font-size: 16px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px;
}

.subscribe-block__wrap .info ul li:after{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3A7755;
    position: absolute;
    left: 0;
    top: 6px;
}

.subscribe-block__wrap .info .to-tg{
    padding: 10px 15px;
    background: #0C99E2;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: 20px;
    display: block;
    width: fit-content;
    transition: 0.5s;
}

.subscribe-block__wrap .info .to-tg:hover{
    text-decoration: none;
    opacity: 0.7;
}

@media (max-width: 768px){
    .subscribe-block__wrap{
        flex-direction: column;
        padding: 330px 20px 20px;
    }

    .subscribe-block__wrap .image {
        left: calc((100% - 400px) / 2);
        width: 400px;
        max-width: 100%;
        height: 450px;
        top: -15%;
    }

    .subscribe-block__wrap .info .title{
        font-size: 22px;
    }

    .subscribe-block__wrap .info{
        width: 100%;
    }

    .subscribe-block__wrap .info .title{
        flex-direction: column;
        align-items: center;
    }

    .subscribe-block__wrap .info .title span:nth-child(1){
        text-align: center;
    }

    .subscribe-block__wrap .info .subtitle{
        text-align: center;
        font-size: 14px;
    }

    .subscribe-block__wrap .info ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .subscribe-block__wrap .info ul li{
        font-size: 14px;
        position: relative;
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .subscribe-block__wrap .info ul li:after{
        display: none;
    }

    .subscribe-block__wrap .info .to-tg{
        margin: 0 auto;
    }
}

@media (max-width: 425px){
    .subscribe-block__wrap .image {
        left: 5%;
        width: 90%;
    }
}

.review-head .title{
    font-size: 42px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}

.review-head .subtitle{
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto 16px;
    font-weight: 400;
    width: 500px;
    max-width: 100%;
}

.review-rating{
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.review-rating .icon{
    width: 60px;
    height: 40px;
    background-image: url('../img/review-icon.svg');
    background-size: cover;
    flex-shrink: 0;
    margin-right: 30px;
}

.review-rating .rating-info{
    display: flex;
    align-items: center;
}

.review-rating .rating-info .number{
    position: relative;
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    padding-left: 40px;
    margin-right: 8px;
}

.review-rating .rating-info .number:after{
    content: '';
    width: 29px;
    height: 27px;
    position: absolute;
    background-image: url('../img/star.svg');
    background-size: cover;
    top: 8px;
    left: 0;
}

.review-rating .rating-info .text{
    max-width: 100%;
    width: 250px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.productsRows.navItems{
    margin-bottom: 40px;
}

@media (max-width: 768px){
    .productsRows.navItems{
        margin-bottom: 80px;
    }
}

/*@media (max-width: 420px){*/
/*    .productsRows.navItems{*/
/*        margin-bottom: 60px;*/
/*    }*/
/*}*/

@media (max-width: 550px){
    .review-rating{
        flex-direction: column;
        align-items: center;
    }

    .review-rating .icon{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .review-rating .rating-info{
        flex-direction: column;
        width: 100%;
    }

    .review-rating .rating-info .number{
        margin-right: 0;
    }

    .review-rating .rating-info .text{
        text-align: center;
    }
}

/* новые кнопки */
@property --angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: false;
}

.new__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 350px;
    height: 71px;
    border-radius: 15px;
    text-decoration: none;
    gap: 20px;

    span {
            font-weight: 500;
            font-size: 20px;
            color: #fff;
    
            @media (max-width:767.98px) {
                font-size: 18px;
            }
        }

    &.nb_tg {
        background: #2198d5;

        &:hover {
            background: #0c80b9;
            text-decoration: none;
        }
    }

    &.nb_max {
        background: linear-gradient(var(--angle), #4cf 0%, #2c32b9 50%, #9932dd 100%);
        transition: --angle 0.5s;

        &:hover {
            --angle: 270deg;
            text-decoration: none;
        }
    }
}