/** COOKIE **/
.cookie-notice {
    position: fixed;
    bottom: calc(70px + (30 - 70) * ((100vw - 414px) / (1920 - 414)));
    box-shadow: 0px 6px 37px 20px #0000000;
right: calc(10px + (42 - 10) * ((100vw - 414px) / (1920 - 414)));
    backdrop-filter: blur(28px);
    border-radius: 15px;
    max-width: 600px;
    background: #e1e1e1;
    transition: opacity 0.3s ease;
    padding: 15px 20px;
    z-index: 9999;
    display: none; /* Скрыт по умолчанию */
    font-size: 13px;
    line-height: 1.4;
}


.cookie-notice__content {
    overflow: hidden; /* Clearfix */
}

.cookie-notice__content {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.cookie-notice__icon-cell,.cookie-notice__text-cell{
    display: table-cell;
    vertical-align: middle;
}
.cookie-notice__icon-cell{
    width: 75px;
    text-align: center;
}
.cookie-notice__icon {
    display: inline-block;
    width: 47px;
    height: 47px;
    margin-right: 10px;
    text-align: center;
    line-height: 47px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='47' height='48' viewBox='0 0 47 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.9687 22.2846C46.9451 21.8251 46.6937 21.4078 46.2986 21.1722C45.9036 20.9365 45.4169 20.9136 45.0014 21.1109C43.8749 21.6462 42.6664 21.9175 41.4094 21.9175C36.7841 21.9175 33.0211 18.1518 33.0211 13.523C33.0211 12.3646 33.2527 11.2426 33.7095 10.188C33.9339 9.66969 33.8195 9.0671 33.4207 8.66724C33.0219 8.26729 32.4196 8.15128 31.9007 8.37449C31.2473 8.65558 30.5526 8.79805 29.8364 8.79805C26.9496 8.79805 24.601 6.4475 24.601 3.5583C24.601 2.96912 24.6993 2.3884 24.893 1.83247C25.0394 1.41241 24.974 0.947513 24.7175 0.584216C24.461 0.220826 24.0448 0.00367431 23.5999 0.00101044L23.5751 0.000643005C23.5502 0.000367431 23.5253 0 23.5003 0C17.223 0 11.3214 2.44608 6.88272 6.88759C2.44434 11.3288 0 17.2338 0 23.5146C0 29.7954 2.44434 35.7004 6.88272 40.1416C11.3214 44.5832 17.223 47.0292 23.5003 47.0292C29.7775 47.0292 35.6791 44.5831 40.1178 40.1416C44.5562 35.7004 47.0005 29.7954 47.0005 23.5146C47.0006 23.1089 46.9899 22.695 46.9687 22.2846ZM38.1686 38.1936C34.2505 42.1143 29.0411 44.2735 23.5003 44.2735C17.9594 44.2735 12.75 42.1143 8.83195 38.1936C4.91366 34.2728 2.75573 29.0597 2.75573 23.5146C2.75573 17.9695 4.91366 12.7564 8.83195 8.83562C12.3655 5.29974 16.9492 3.19656 21.8793 2.81774C21.8566 3.06337 21.8452 3.31037 21.8452 3.55839C21.8452 7.9671 25.43 11.5539 29.8363 11.5539C30.0394 11.5539 30.2415 11.5463 30.4422 11.5314C30.3246 12.1839 30.2653 12.849 30.2653 13.523C30.2653 19.6714 35.2645 24.6733 41.4093 24.6733C42.3734 24.6733 43.3163 24.5529 44.2298 24.3139C44.0327 29.559 41.898 34.4618 38.1686 38.1936Z' fill='%231E1E1E'/%3e%3cpath d='M13.5884 22.3526C16.092 22.3526 18.1288 20.3147 18.1288 17.81C18.1288 15.3054 16.092 13.2676 13.5884 13.2676C11.0847 13.2676 9.04785 15.3054 9.04785 17.81C9.04785 20.3147 11.0847 22.3526 13.5884 22.3526ZM13.5884 16.0233C14.5725 16.0233 15.3731 16.8249 15.3731 17.81C15.3731 18.7952 14.5725 19.5969 13.5884 19.5969C12.6043 19.5969 11.8036 18.7952 11.8036 17.81C11.8036 16.8249 12.6042 16.0233 13.5884 16.0233Z' fill='%231E1E1E'/%3e%3cpath d='M14.4739 26.4512C12.1494 26.4512 10.2583 28.3432 10.2583 30.6686C10.2583 32.9941 12.1494 34.8861 14.4739 34.8861C16.7985 34.8861 18.6897 32.9941 18.6897 30.6686C18.6897 28.3432 16.7985 26.4512 14.4739 26.4512ZM14.4739 32.1304C13.6689 32.1304 13.014 31.4746 13.014 30.6686C13.014 29.8627 13.6689 29.2069 14.4739 29.2069C15.279 29.2069 15.9339 29.8627 15.9339 30.6686C15.9339 31.4746 15.279 32.1304 14.4739 32.1304Z' fill='%231E1E1E'/%3e%3cpath d='M33.5292 27.1895C31.0256 27.1895 28.9888 29.2272 28.9888 31.7319C28.9888 34.2366 31.0256 36.2745 33.5292 36.2745C36.0329 36.2745 38.0697 34.2366 38.0697 31.7319C38.0697 29.2272 36.0329 27.1895 33.5292 27.1895ZM33.5292 33.5187C32.5451 33.5187 31.7445 32.7171 31.7445 31.7319C31.7445 30.7467 32.5451 29.9452 33.5292 29.9452C34.5133 29.9452 35.314 30.7467 35.314 31.7319C35.314 32.7171 34.5133 33.5187 33.5292 33.5187Z' fill='%231E1E1E'/%3e%3cpath d='M25.3881 34.8965C24.6407 34.8965 24.0347 35.5028 24.0347 36.2507C24.0347 36.9987 24.6407 37.6051 25.3881 37.6051C26.1355 37.6051 26.7415 36.9987 26.7415 36.2507C26.7415 35.5028 26.1355 34.8965 25.3881 34.8965Z' fill='%231E1E1E'/%3e%3cpath d='M17.3114 9.25753C18.0589 9.25753 18.6649 8.65117 18.6649 7.90318C18.6649 7.15519 18.0589 6.54883 17.3114 6.54883C16.564 6.54883 15.958 7.15519 15.958 7.90318C15.958 8.65117 16.564 9.25753 17.3114 9.25753Z' fill='%231E1E1E'/%3e%3cpath d='M7.90421 27.8298C8.65169 27.8298 9.25765 27.2234 9.25765 26.4754C9.25765 25.7275 8.65169 25.1211 7.90421 25.1211C7.15673 25.1211 6.55078 25.7275 6.55078 26.4754C6.55078 27.2234 7.15673 27.8298 7.90421 27.8298Z' fill='%231E1E1E'/%3e%3cpath d='M20.9101 19.0859C20.1626 19.0859 19.5566 19.6923 19.5566 20.4403C19.5566 21.1883 20.1626 21.7945 20.9101 21.7945C21.6575 21.7945 22.2635 21.1882 22.2635 20.4403C22.2635 19.6923 21.6576 19.0859 20.9101 19.0859Z' fill='%231E1E1E'/%3e%3cpath d='M29.0131 25.8728C29.7606 25.8728 30.3665 25.2664 30.3665 24.5184C30.3665 23.7704 29.7606 23.1641 29.0131 23.1641C28.2656 23.1641 27.6597 23.7704 27.6597 24.5184C27.6597 25.2664 28.2656 25.8728 29.0131 25.8728Z' fill='%231E1E1E'/%3e%3c/svg%3e ");
}

.cookie-notice__text {
    color: #333333;
}

.cookie-notice__link {
    color: #2780af;
    text-decoration: underline;
}

.cookie-notice__link:hover,
.cookie-notice__link:focus {
    color: #195372;
}

.cookie-notice__button {
    background: #a5473c;
    color: #ffffff;
    border: none;
    padding: 7px 20px;
    cursor: pointer;
    font-size: 13px;
    float: right;
    border-radius: 5px;
    line-height: 1;
}

.cookie-notice__button:hover,
.cookie-notice__button:focus {
    background: #195372;
}
     
     .h3form {
    display: BLOCK;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 25px;
}
    .producth3 a {
   display: block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
} 
     
     .producth3{ display: block;
    position: relative;margin: 0 0 18px;}
     
     .cMainForm>.cmfContent>h3 {
    display: BLOCK;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 25px;
}
     
     
     .guyn_sale{
text-decoration:line-through;
}
#navbarCollapse li span {
    display: none;
}

#navbarCollapse .lvl2 {
    display: none;
    background-color: #fff;
    padding: 0;
    position: absolute;
    z-index: 9999999999;
}

#navbarCollapse .lvl2 a {
    font-size: 16px;
    color: #fff;
}

#navbarCollapse .lvl2 > li > a {
    color: #000;
}

.lvl2 > li > a {
    color: #fff;
}

.lvl2 > li {
    padding: 15px 30px;
    width: auto;
    max-width: 265px;
    border-bottom: 1px solid #ddd;
}


#navbarCollapse li span {
    display: none;
}


@media only screen and (min-width: 768px) {
    #navbarCollapse li:hover .lvl2 {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    #navbarCollapse li span {
        display: block;
        padding-right: 15px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;

    }

    .navbar-inverse .navbar-nav > li > a {
        display: flex;
        justify-content: space-between;
    }

    .lvl2 > li {
        width: 100% !important;
        max-width: 100%;
    }

    #navbarCollapse li:hover .lvl2 {
        position: relative !important;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        text-decoration: none !important;
    }

    .active_sub_menu_mob {
        display: block !important;
    }

    /*#navbarCollapse li {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    /*}*/
}

.navbar-inverse .navbar-nav > li > a:hover {
    margin: 5px;
    font-size: 18px;
    color: #ccc;
}

.h2-tit1 {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    font-weight: bold;
    background: #fff;
    padding: 30px;
}

.h2-tit1 {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    font-weight: bold;
}

.gallery5 {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

.gallery5 .ramka {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gallery5 img {
    width: 250px;
    height: 200px;
    object-fit: cover;
    border: 1px solid #ccc;
    padding: 5px;
}

.btn1992 {
    box-shadow: rgba(255, 66, 38, 0.48) 0px 4px 24px;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    position: relative;
    z-index: 0;
   background: rgb(165 71 60);
    border-radius: 4px;
    padding: 16px;
}

.h3-cat a {
    text-transform: uppercase;
    background-color: #36363e;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    padding: 10px 10px;
    border-bottom: 1px solid #fff;
    display: block;
}

.sidebar {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
}

svg {
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    color: #a5473c;
    font-weight: bold;
    font-size: 25px;
}

.seriy {
    width: 20px;
    height: 20px;
    background-color: rgb(115, 115, 115);
    float: left;
    margin-right: 10px;
}

.ceriy {
    width: 20px;
    height: 20px;
    background-color: rgb(115, 115, 115);
    float: left;
    margin-right: 10px;
}

table, td, th {
    border: 1px solid black;
    padding: 10px;
}

table p, td p, th p {
    margin-bottom: 0;
}

.krasniy1 {
    width: 20px;
    height: 20px;
    background-color: rgb(156, 9, 9);
    float: left;
    margin-right: 10px;
}

.jol {
    width: 20px;
    height: 20px;
    background-color: rgb(212, 141, 55);
    float: left;
    margin-right: 10px;
}

.joltiy {
    width: 20px;
    height: 20px;
    background-color: rgb(212, 141, 55);
    float: left;
    margin-right: 10px;
}

.kar {
    width: 20px;
    height: 20px;
    background-color: #964b00;
    float: left;
    margin-right: 10px;
}

.malinoviy {
    width: 20px;
    height: 20px;
    background-color: #dc143c;
    float: left;
    margin-right: 10px;
}


.temno-seriy {
    width: 20px;
    height: 20px;
    background-color: #49423d;
    float: left;
    margin-right: 10px;
}

.rijiy {
    width: 20px;
    height: 20px;
    background-color: #d77d31;
    float: left;
    margin-right: 10px;
}


.chyorniy {
    width: 20px;
    height: 20px;
    background-color: #000;
    float: left;
    margin-right: 10px;
}


.attention.green {
    border-left: 0px solid #ffffff;
}

.attention.green {
    border-bottom: 0px solid #ffffff;
}

.attention.green {
    border-right: 0px solid #ffffff;
}

.attention.green {
    border-top: 0px solid #ffffff;
}

.attention.green {
    background-color: #f5f5f5;
}

.attention.green {
    background: #f5f5f5;
}

.attention {
    padding: 20px 20px 20px 0;
    margin: 0 0 30px;
    clear: both;
}

.attention span {
    display: inline-block;
    width: 14%;
    text-align: center;
}

.seriy, .grey {
    width: 30px;
    height: 30px;
    background-color: rgb(115, 115, 115);
    float: left;
    margin-right: 10px;
}

.ceriy {
    width: 30px;
    height: 30px;
    background-color: rgb(115, 115, 115);
    float: left;
    margin-right: 10px;
}

.krasniy1, .red {
    width: 30px;
    height: 30px;
    background-color: rgb(156, 9, 9);
    float: left;
    margin-right: 10px;
}

.jol, .yellow {
    width: 30px;
    height: 30px;
    background-color: rgb(212, 141, 55);
    float: left;
    margin-right: 10px;
}

.joltiy {
    width: 30px;
    height: 30px;
    background-color: rgb(212, 141, 55);
    float: left;
    margin-right: 10px;
}

.kar, .brown {
    width: 30px;
    height: 30px;
    background-color: #964b00;
    float: left;
    margin-right: 10px;
}

.malinoviy {
    width: 30px;
    height: 30px;
    background-color: #dc143c;
    float: left;
    margin-right: 10px;
}


.temno-seriy, .dark-grey {
    width: 30px;
    height: 30px;
    background-color: #49423d;
    float: left;
    margin-right: 10px;
}

.rijiy, .redhead {
    width: 30px;
    height: 30px;
    background-color: #d77d31;
    float: left;
    margin-right: 10px;
}


.chyorniy, .black {
    width: 30px;
    height: 30px;
    background-color: #000;
    float: left;
    margin-right: 10px;
}


.attention.green .att_text {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 27px;
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
}

.attention .att_text {
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
    width: 85%;
    padding-left: 5px;
    margin-bottom: 0;
}

.attention .att_text, .attention .fa, .subscribe_box .text {
    vertical-align: middle;
    display: inline-block;
}

.attention .fa {
    width: 70px;
    height: 70px;
}

.attention .att_text, .attention .fa, .subscribe_box .text {
    vertical-align: middle;
    display: inline-block;
}


.tit-vibirayut {
    color: #010101;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.block-vibirayut {
    font-size: 16px;
}

.vibirayut {
    background: #ccc;
    padding: 10px;
}

.h-2018 {
    color: #010101;
    text-align: left;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.h-2-2018 {
    color: #010101;
    text-align: left;
    font-size: 20px;
}

.dexin {
    color: #bf3300;
    font-size: 22px;
}

.pull-left {
    float: left !important;
    width: 47%;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #ccc;
}

.fototovar {
    padding: 5px;
    border: 1px solid #ccc;
}

.pull-left-20 {
    float: left !important;
    width: 28%;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}

.pull-left-20-1 {
    float: left !important;
    width: 28%;
    margin-right: 10px;
    padding: 5px;
}

.pull-left-30 {
    float: left !important;
    width: 23%;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}

.pull-left-300 {
    float: left !important;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}

.pull-left-blog {
    float: left !important;
    width: 50%;
    margin-right: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}

blockquote {
    padding: 11px 22px;
    margin: 20px 0 20px 5px;
    font-size: 16px;
    border-left: 10px solid rgb(221, 69, 18);
    background-color: #d9d9d9;
    clear: both;
}

.pull-right {
    float: left !important;
    width: 40%;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid #ccc;
}

.bold {
    font-weight: bold;
    color: #000;
}

.italic {
    font-style: italic;
}

.clear {
    clear: both;
}


body {
    font-size: 16px;
    color: #000;
}

.mini-kamen2 {
    background: url(../images-karkas/mini-kamen2-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen7 {
    background: url(../images-karkas/mini-kamen7-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen3 {
    background: url(../images-karkas/mini-kamen3-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen8 {
    background: url(../images-karkas/mini-kamen8-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen4 {
    background: url(../images-karkas/mini-kamen4-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen5 {
    background: url(../images-karkas/mini-kamen5-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen6 {
    background: url(../images-karkas/mini-kamen6-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen1 {
    background: url(../images-karkas/mini-kamen1-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen22 {
    background: url(../images-karkas/mini-kamen9-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.mini-kamen99 {
    background: url(../images-karkas/mini-kamen10-2018.png) no-repeat;
    height: 40px;
    padding-left: 40px;
}

.premush a {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold;
    margin-top: 10px;
}

.besedki {
    background: url(../images-karkas/kovanaya-besetka.jpg) no-repeat;
    height: 40px;
    border-bottom: 1px solid #575451;
    padding-left: 60px;
}


.breadcrumb-1 {
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0px;
}

.breadcrumb-1 a {
    font-weight: bold;
    text-decoration: underline;
}

.content {
    margin-top: 30px;
    background: #fff;
}

.content ul {
    clear: both;
}

.blockstaty {
    margin-top: 30px;
}

.pull-left-product {
    width: 20%;
    float: left;
}

.pull-left-ikon {
    float: left !important;
    margin-right: 0px;
    padding-right: 15px;
    margin-top: 10px;
}

.h2-tit1 {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    margin: 0px;
    font-weight: bold;
    height: 60px;
}

.h2-tit1 a {
    color: #000;
}

.fon1 a {
    color: #fff;
}


.nomer-tel {
    margin-top: 20px;
}

.nomer-tel p {
    margin: 0 0 1px;
}

.ikon-text {
    font-size: 18px;
    color: #000;
    margin-left: 40px;
}

.ikon-text1 {
    font-size: 15px;
    color: #fff;
    margin-left: 40px;
}

.tit-blog a {
    color: #000;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
}

.data-blog {
    color: #000;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}

.data-blog-f {
    color: #ccc;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}

.cat-img {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 10px;
}

.blog-desc {
    color: #000;
    font-size: 16px;
}

.tit-blog-cank a {
    color: #000;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}

.left-img {
    margin-top: 1px;
}

.blog-new {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #d9d9d9;
    padding: 20px;
}

.blog-new2018 {
    margin-top: 20px;
    color: #000;
    padding: 10px;
}

.blog-new2018 a {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

.blog-new2018 a:hover {
    color: #2d2d2d;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline;
}

.blog-new a {
    color: #d9d9d9;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
}

.blog-new a:hover {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline;
}

h1 {
    text-transform: uppercase;
    font-weight: 200;
    padding-top: 10px;
    font-size: 25px;
    clear: both;
}

h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
    clear: both;
}

h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    clear: both;
}

.h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
    clear: both;
}

.h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    clear: both;
}

.h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    clear: both;
}

.h3-krasniy {
    color: rgb(133, 17, 17);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    clear: both;
}

.krasniy {
    color: rgb(133, 17, 17);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    clear: both;
}


ul, ol {
    margin: 0px;
}


.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: rgb(42, 100, 150);
    background-color: rgb(238, 238, 238);
    border-color: rgb(221, 221, 221);
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: rgb(66, 139, 202);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    margin-left: -1px;
}

a {
    color: rgb(42, 100, 150);
}

a:hover, a:focus {
    color: rgb(42, 100, 150);
    text-decoration: underline;
}

.go-to-top {
    cursor: pointer;
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}

/* Переназначаем убогие стили самого Бутстрапа */
.go-to-top.btn-lg {
    padding: 10px 15px;
    border-radius: 3px;
}

.btn-primary {
    color: #fff;
    background-color: #bf3300;
    border-color: #e85a2e;
}

.btn-primary:hover {
    color: #fff;
    background-color: #bf3300;
    border-color: #e85a2e;
}

.fon-spitak {
    background: #fff;
}

.logo {
    padding-top: 30px;
}

.h2-tit {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin: 2px;
}

.titel-header {
    margin-top: 21px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.premush {
    margin-bottom: 30px;
}

.navbar-nav a {
    color: #fff;
}

.tel {
    margin: 10px;
    font-size: 19px;
    font-weight: bold;
    padding-right: 0px;
    text-align: left;
    color: #000;
}

.btn-warning {
    background-color: rgb(221, 69, 18);
    border: none;
    text-align: center;
}

.btn-danger {
    color: rgb(0, 0, 0);
    background-color: #a5473c;
    border-color: #a5473c;
}

.cat-blok button.btn-danger div.podrobnee {
    color: #fff;
    font-weight: bold;
}

.product_color_label {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.color-row {
    display: none;
}

.color-label-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.popul {
    background-color: #bd2f00;
    border: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.btn-danger:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(221, 69, 18);
    border-color: rgb(221, 69, 18);
}

.btn-warning:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(221, 69, 18);
    border-color: rgb(221, 69, 18);
}

.btn {
    border-radius: 0px 0px 0px 0px;
}

.btn-left {
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
}

.btn-danger a {
    color: #000;
}

.fon2 {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    margin: 0;
    padding: 0;
    margin-top: 50px;
}

.adres {
    font-size: 15px;
    color: #000;
    border-right: 1px solid #000;
    font-weight: bold;
    margin-top: 25px;
    padding-right: 10px;
}

.fon4 {
    margin: 0;
    padding: 100px 0;
}

.fon44 {
    background: none repeat scroll 0% 0% rgba(31, 31, 31, 1);
    margin: 0;
    padding: 0;
}

.img-premush {
    float: left;
    padding: 10px;
}

.premush {
    color: #fff;
}

.container-fluid {
    margin: 0;
    padding: 0;
}

.blok-premush {
    padding: 20px;
}

.dostavka {
    color: #000;
    font-size: 16px;
}

.catalog {
    margin-top: 30px;
}

.catalog1 {
    margin-top: 110px;
    text-align: center;
}

.cat-catalog {
    border: 2px solid #000;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    margin-bottom: -100px;
}

.cat-catalog1 {
    border: 2px solid #000;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.header-baner {
    margin-top: 10px;
}

.navbar-inverse {
    border: none;
}

.navbar-nav {
    margin-top: 0px;
}

.navbar {
    border-radius: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-inverse {
    background-color: rgb(165 71 60);
}

.navbar-inverse .navbar-nav > li > a {
    margin: 5px;
    font-size: 18px;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.catalog3 {
    margin-top: 30px;
}

.catalog4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.xiti-prodaj {
    border: 2px solid #000;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}

.sidebar-blok {
    background-color: #cccccc40;
    padding: 10px;
    margin: 10px;
}

footer {
    margin-top: 50px;
}

footer a {
    color: #fff;
    font-size: 16px;
}

header {
    margin-bottom: 30px;
}

.footer-content {
    color: #fff;
    padding: 30px;
}

.fon3 {
    padding: 100px 0;
    background: url(../images-karkas/footer2018-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footer-content-2018-1 {
    margin-top: 80px;
    padding: 100px 0;
    background: url(../images/kartinkin-com-p-bruschatka-chernaya-tekstura-krasivo-11.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.podrobnee a {
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
}

.breadcrumb > li a, .breadcrumb > li a:focus {
    color: #5F5F5F;
    margin-bottom: 0px;
    text-decoration: underline;
}

.breadcrumb > .active {
    color: #5F5F5F;
    margin-bottom: 0px;
}

.cat-tovat-tit {
    font-size: 18px;
    font-weight: bold;
    text-align: centar;
    height: 60px;
    padding-top: 10px;
}

.cat-tovat-tit-bordyur {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.blok-cenami {
    padding-bottom: 10px;
}

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

.breadcrumb > li + li:before {
    color: #000;
    content: "/";
    padding: 0 5px;
    margin-bottom: 0px;
}

.breadcrumb {
    padding: 8px 10px;
    background-color: #cccccc40;
    color: #000;
    margin-bottom: 0px;
    border-radius: 0px;
}

.cat-blok {
    border: 1px solid #ccc;
    background-color: #fff;
    margin: 5px;
    padding: 10px;
}


.prosmotr {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    margin-top: 10px;
}

.guyn {
    font-size: 16px;
    padding-top: 2px;
}

.desc {
    font-size: 16px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.bold {
    font-weight: bold;
    color: #000;
}

.cat-tovat-tit-sidebar {
    font-size: 18px;
    font-weight: bold;
    text-align: centar;
    height: 40px;
    padding-top: 10px;
    color: #000;
}

.prosmotr-sidebar {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.product_color_label {
    font-size: 14px;
    font-weight: bold;
}

.product_color_label:first-child {
    margin-right: 20px;
}

.product_color_izm {
    font-size: 14px;
}

input.text_right {
    text-align: right;
}

.color-error-block {
    display: none;
}

.flex-bootstrap-grid {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.text-block, .text-end-block {
    margin-bottom: 10px;
}

.block-cement {
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

.desccement {
    font-size: 18px;
    font-weight: bold;
}

.tit-cement {
    font-size: 22px;
    font-weight: bold;
}

.page-block {
    margin-bottom: 15px;
}

@media (max-width: 480px) {
    h1 {
        text-align: center;
        font-size: 20px;
    }

    .adres {
        font-size: 12px;
        color: #000;
        border-right: 1px solid #000;
        font-weight: bold;
        margin-top: 25px;
        padding-right: 10px;
    }

    .tel {
        margin: 10px;
        font-size: 16px;
        font-weight: bold;
        padding-right: 0px;
        text-align: right;
        color: #000;
    }

    .h2-tit1 {
        font-size: 12px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        margin: 10px;
        font-weight: bold;
    }

    .ikon-text {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-weight: bold;
        font-size: 18px;
        color: #515151;
        margin-left: 40px;
    }

    .ikon-text1 {
        font-size: 16px;
        margin-left: 40px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    h1 {
        text-align: center;
        font-size: 30px;
    }

    .h2-tit1 {
        font-size: 11px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        margin: 10px;
        font-weight: bold;
    }

    .adres {
        font-size: 15px;
        color: #000;
        border-right: 1px solid #000;
        font-weight: bold;
        margin-top: 25px;
        padding-right: 10px;
    }

    .tel {
        margin: 10px;
        font-size: 19px;
        font-weight: bold;
        padding-right: 0px;
        text-align: right;
        color: #000;
    }

    .ikon-text {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-weight: bold;
        font-size: 18px;
        color: #515151;
        margin-left: 40px;
    }

    .ikon-text1 {
        font-size: 16px;
        margin-left: 40px;
    }

}

@media (min-width: 767px) and (max-width: 991px) {
    .logo {
        margin-top: 30px;
    }

    .ikon-text {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-weight: bold;
        font-size: 18px;
        color: #515151;
        margin-left: 40px;
    }

    .ikon-text1 {
        font-size: 16px;
        margin-left: 40px;
    }

    .premush a {
        font-size: 11px;
        color: #000;
        text-transform: uppercase;
        margin: 0px;
        font-weight: bold;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .logo {
        margin-top: 30px;
    }


}

@media (min-width: 767px) {
    .vcenter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nopadding-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .nomargin-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .nopadding-sm-left {
        padding-left: 0;
    }

    .nopadding-sm-right {
        padding-right: 0;
    }

    .nomargin-sm-right {
        margin-right: 0;
    }

    .nomargin-sm-left {
        margin-left: 0;
    }
}

@media (min-width: 991px) {
    .vcenter {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nopadding-md {
        padding-left: 0;
        padding-right: 0;
    }

    .nopadding-md {
        margin-left: 0;
        margin-right: 0;
    }

    .nopadding-md-left {
        padding-left: 0;
    }

    .nopadding-md-right {
        padding-right: 0;
    }

    .nomargin-md-right {
        margin-right: 0;
    }

    .nomargin-md-left {
        margin-left: 0;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .nopadding-xs-left {
        padding-left: 0;
    }

    .nopadding-xs-right {
        padding-right: 0;
    }
}

@media (max-width: 480px) {
    .img-responsive1 {
        width: 50%;
        text-align: center;
    }

    .nopadding-xs-left {
        padding-left: 0;
    }

    .nopadding-xs-right {
        padding-right: 0;
    }
}

@media (max-width: 320px) {
    .nopadding-xs-left {
        padding-left: 2px;
    }

    .nopadding-xs-right {
        padding-right: 2px;
    }

    .col-sxs-12 {
        width: 100%;
    }

    .col-sxs-11 {
        width: 91.66666667%;
    }

    .col-sxs-10 {
        width: 83.33333333%;
    }

    .col-sxs-9 {
        width: 75%;
    }

    .col-sxs-8 {
        width: 66.66666667%;
    }

    .col-sxs-7 {
        width: 58.33333333%;
    }

    .col-sxs-6 {
        width: 50%;
    }

    .col-sxs-5 {
        width: 41.66666667%;
    }

    .col-sxs-4 {
        width: 33.33333333%;
    }

    .col-sxs-3 {
        width: 25%;
    }

    .col-sxs-2 {
        width: 16.66666667%;
    }

    .col-sxs-1 {
        width: 8.33333333%;
    }
}

.rounded {
    counter-reset: li;
    list-style: none;
    font: 14px "Trebuchet MS", "Lucida Sans";
    padding: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.rounded span {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0;
    background: #DAD2CA;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: .3s ease-out;
}

.rounded span:hover {
    background: #E9E4E0;
}

.rounded span:hover:before {
    transform: rotate(360deg);
}

.rounded span:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #8FD4C1;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid white;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


@charset "UTF-8";
.not-selectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mobile_menu {
    display: none;
}

.carousel {
    position: relative;
    box-sizing: border-box
}

.carousel *, .carousel *:before, .carousel *:after {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-prev, .carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: thin dotted
}

body.is-using-mouse .fancybox__container :focus {
    outline: none
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    -ms-grid-row-align: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__caption {
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container > .carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content > .carousel__button.is-close {
    position: absolute;
    top: -36px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click, .fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    touch-action: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: transparent;
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide > * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, .1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.main-btn {
    background: #ef4b46;
    box-shadow: 0 4px 24px rgba(255, 66, 38, .48);
    border-radius: 4px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 16px;
    position: relative;
    z-index: 0
}

.main-btn:after {
    z-index: 1;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2));
    transition: opacity .4s ease 0s
}

.main-btn:hover:after {
    opacity: 1
}

.main-btn--white {
    background: #fff;
    border: 1px solid #ef4b46;
    border-radius: 4px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    color: #425062;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 100%;
    padding: 16px;
    position: relative;
    z-index: 0;
    transition: all .4s ease 0s
}

.main-btn--white:hover {
    background: #ef4b46;
    color: #fff
}

.block-title {
    color: #425062;
    margin-bottom: 48px
}

.span-ukl1 {
    color: #a5473c;
    font-weight: bold;
}

.banner-title, .block-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    text-align: center
}

.banner-title {
    padding-bottom: 24px;
    border-bottom: 2px solid #ef4b46;
    margin-bottom: 32px
}

.play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.play-btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 95px 0 95px 165px;
    z-index: 1
}

.play-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .72))
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Regular.eot);
    src: local("☺"), url(../fonts/Montserrat/Montserrat-Regular.woff) format("woff"), url(../fonts/Montserrat/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"), url(../fonts/Montserrat/Montserrat-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Medium.eot);
    src: local("☺"), url(../fonts/Montserrat/Montserrat-Medium.woff) format("woff"), url(../fonts/Montserrat/Montserrat/Montserrat-Medium.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype"), url(../fonts/Montserrat/Montserrat-Medium.svg) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-ExtraBold.eot);
    src: local("☺"), url(../fonts/Montserrat/Montserrat-ExtraBold.woff) format("woff"), url(../fonts/Montserrat/Montserrat/Montserrat-ExtraBold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype"), url(../fonts/Montserrat/Montserrat-ExtraBold.svg) format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-Bold.eot);
    src: local("☺"), url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff"), url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"), url(../fonts/Montserrat/Montserrat-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.eot);
    src: local("☺"), url(../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"), url(../fonts/Montserrat/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype"), url(../fonts/Montserrat/Montserrat-SemiBold.svg) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

.compensate-for-scrollbar {
    width: calc(100% - 6px);
    padding-right: 0 !important
}

.fancybox-is-open .fancybox-bg {
    background-color: #000;
    opacity: .8
}

html {
    height: 100%;
    font-size: 1rem;
    scroll-behavior: smooth;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

html::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

html::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

html::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

html * {
    font-family: Montserrat, sans-serif
}

html.with-fancybox body {
    overflow: hidden
}

body {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0;
    color: #425062;
    display: flex;
    flex-direction: column;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

body::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

body::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

body::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

body.fancybox-active {
    overflow: hidden
}

body.catalog-opened, body.mobilemenu-opened, body.popup-opened {
    position: relative;
    overflow: hidden
}

button, input, select, textarea {
    -webkit-appearance: none;
    appearance: none
}


::selection {
    color: #425062;
    background: #eaebed
}

.wrap {
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 180px 1fr auto;
    grid-template-rows: 180px 1fr auto;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

.wrap::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

.wrap::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

.wrap::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

.wrap main {
    -ms-grid-row: 2;
    grid-row: 2;
    flex-grow: 1;
    padding-bottom: 66px
}

.wrap footer {
    -ms-grid-row: 3;
    grid-row: 3
}

.wrapper, body.inner .wrap, body.main .wrap {
    display: flex;
    flex-direction: column
}

.wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 16px;
    background-color: #f7f1f1;
}

.fancybox__content {
    padding: 48px 32px 32px
}

.fancybox__content > .carousel__button.is-close {
    top: 16px;
    right: 16px;
    color: #eaebed;
    box-shadow: none;
    filter: none;
    height: 24px;
    width: 24px
}

.fancybox__content > .carousel__button.is-close svg {
    filter: none
}

*, :after, :before {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}

button {
    cursor: pointer;
    background: none;
    border: none
}

button:active, button:focus {
    outline: none
}

textarea {
    resize: vertical
}

input, textarea {
    border: none
}

a {
    font-weight: inherit;
    color: inherit
}

a:active, a:focus {
    outline: none
}

a[href^=mail], a[href^=tel] {
    white-space: nowrap
}

input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
    outline: none
}

::-webkit-input-placeholder {
    color: #425062
}

:-moz-placeholder, ::-moz-placeholder {
    color: #425062
}

:-ms-input-placeholder {
    color: #425062
}

.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

button, input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit
}

p {
    line-height: 1.6;
    color: inherit;
    margin: 0;
    padding: 0
}

img, svg {
    max-width: 100%
}

li {
    list-style: none
}

details summary::-webkit-details-marker {
    display: none
}

details summary:focus {
    outline: none
}

.fadeInUp {
    opacity: 0;
    transform: translate3d(0, 35px, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.fadeInUp.js-visible {
    opacity: 1;
    transform: translateZ(0)
}

.fadeInLeft {
    opacity: 0;
    transform: translate3d(35px, 0, 0);
    transition: opacity .5s linear, transform .7s ease;
    transition-delay: .25s
}

.fadeInLeft.js-visible {
    opacity: 1;
    transform: none
}

.fadeInRight {
    opacity: 0;
    transform: translate3d(-35px, 0, 0);
    transition: opacity 1s linear, transform 1.1s ease;
    transition-delay: .25s
}

.fadeInRight.js-visible {
    opacity: 1;
    transform: none
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: Montserrat, sans-serif;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

.calculator__input, .form__input {
    margin-bottom: 16px
}

.calculator__input input[type=email], .calculator__input input[type=tel], .calculator__input input[type=text], .form__input input[type=email], .form__input input[type=tel], .form__input input[type=text] {
    display: block;
    width: 100%;
    padding: 16px 24px;
    font-size: .75rem;
    background: #f7f8f9;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    color: #425062;
    transition: all .3s ease 0s
}

.calculator__input input[type=email]:focus, .calculator__input input[type=tel]:focus, .calculator__input input[type=text]:focus, .form__input input[type=email]:focus, .form__input input[type=tel]:focus, .form__input input[type=text]:focus {
    background: #fff;
    border: 1px solid #ef4b46
}

.calculator__input input[type=email]:hover, .calculator__input input[type=tel]:hover, .calculator__input input[type=text]:hover, .form__input input[type=email]:hover, .form__input input[type=tel]:hover, .form__input input[type=text]:hover {
    border: 1px solid #ef4b46
}

.calculator__input input[type=email]:-ms-input-placeholder, .calculator__input input[type=tel]:-ms-input-placeholder, .calculator__input input[type=text]:-ms-input-placeholder, .form__input input[type=email]:-ms-input-placeholder, .form__input input[type=tel]:-ms-input-placeholder, .form__input input[type=text]:-ms-input-placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__input input[type=email]::placeholder, .calculator__input input[type=tel]::placeholder, .calculator__input input[type=text]::placeholder, .form__input input[type=email]::placeholder, .form__input input[type=tel]::placeholder, .form__input input[type=text]::placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__input input[type=email][data-type=size], .calculator__input input[type=tel][data-type=size], .calculator__input input[type=text][data-type=size], .form__input input[type=email][data-type=size], .form__input input[type=tel][data-type=size], .form__input input[type=text][data-type=size] {
    text-align: right
}

.calculator__input input[type=email][data-type=size]:-ms-input-placeholder, .calculator__input input[type=tel][data-type=size]:-ms-input-placeholder, .calculator__input input[type=text][data-type=size]:-ms-input-placeholder, .form__input input[type=email][data-type=size]:-ms-input-placeholder, .form__input input[type=tel][data-type=size]:-ms-input-placeholder, .form__input input[type=text][data-type=size]:-ms-input-placeholder {
    text-align: right
}

.calculator__input input[type=email][data-type=size]::placeholder, .calculator__input input[type=tel][data-type=size]::placeholder, .calculator__input input[type=text][data-type=size]::placeholder, .form__input input[type=email][data-type=size]::placeholder, .form__input input[type=tel][data-type=size]::placeholder, .form__input input[type=text][data-type=size]::placeholder {
    text-align: right
}

.calculator__input label, .form__input label {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 8px;
    color: #969696
}

.calculator__error, .form__error {
    margin-top: 8px;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #ef4b46
}

.calculator__textarea, .form__textarea {
    margin-bottom: 16px
}

.calculator__textarea textarea, .form__textarea textarea {
    display: block;
    width: 100%;
    min-height: 128px;
    padding: 16px 24px;
    font-size: .75rem;
    background: #f7f8f9;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    color: #425062;
    transition: all .3s ease 0s;
    resize: none;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

.calculator__textarea textarea::-webkit-scrollbar, .form__textarea textarea::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

.calculator__textarea textarea::-webkit-scrollbar-track, .form__textarea textarea::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

.calculator__textarea textarea::-webkit-scrollbar-thumb, .form__textarea textarea::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

.calculator__textarea textarea:focus, .form__textarea textarea:focus {
    background: #fff;
    border: 1px solid #ef4b46
}

.calculator__textarea textarea:hover, .form__textarea textarea:hover {
    border: 1px solid #ef4b46
}

.calculator__textarea textarea:-ms-input-placeholder, .form__textarea textarea:-ms-input-placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__textarea textarea::placeholder, .form__textarea textarea::placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__textarea label, .form__textarea label {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 8px;
    color: #969696
}

.calculator__tumbler, .form__tumbler {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.calculator__tumbler input[type=checkbox], .form__tumbler input[type=checkbox] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.calculator__tumbler input[type=checkbox] + label, .form__tumbler input[type=checkbox] + label {
    display: block;
    padding: 1px;
    position: relative;
    width: 36px;
    height: 20px;
    background: #f7f8f9;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 20px;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .3s ease
}

.calculator__tumbler input[type=checkbox] + label:hover, .form__tumbler input[type=checkbox] + label:hover {
    background: #ffe7e7;
    border-color: #ffe7e7
}

.calculator__tumbler input[type=checkbox] + label:before, .form__tumbler input[type=checkbox] + label:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ef4b46;
    transition: all .3s ease
}

.calculator__tumbler input[type=checkbox]:checked + label, .form__tumbler input[type=checkbox]:checked + label {
    background: #ef4b46;
    border-color: #ef4b46
}

.calculator__tumbler input[type=checkbox]:checked + label:hover, .form__tumbler input[type=checkbox]:checked + label:hover {
    background: linear-gradient(180deg, #ef4b46, #af2723);
    border-color: #af2723
}

.calculator__tumbler input[type=checkbox]:checked + label:before, .form__tumbler input[type=checkbox]:checked + label:before {
    background: #fff;
    transform: translateX(15px)
}

.calculator__tumbler span, .form__tumbler span {
    font-size: .75rem;
    line-height: 1;
    display: block;
    margin-left: 8px
}

.calculator__tumbler span a, .form__tumbler span a {
    color: #ef4b46;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.calculator__counter, .form__counter {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px minmax(48px, auto) 24px;
    grid-template-columns: 24px minmax(48px, auto) 24px;
    padding: 3px;
    border: 1px solid #eaebed;
    border-radius: 2px;
    background: transparent
}

.calculator__counter input[type=text], .form__counter input[type=text] {
    padding: 0 16px;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    background: transparent;
    text-align: center
}

.calculator__counter-button, .form__counter-button {
    background: #ef4b46;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.calculator__counter-button:before, .form__counter-button:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    filter: brightness(15)
}

.calculator__counter-button--minus:before, .form__counter-button--minus:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23EF4B46' d='M2 5h8v2H2z'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__counter-button--plus:before, .form__counter-button--plus:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 7v3h2V7h3V5H7V2H5v3H2v2h3z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__counter-button:disabled, .form__counter-button:disabled {
    background: #ffe7e7
}

.calculator__counter-button:disabled:before, .form__counter-button:disabled:before {
    filter: brightness(1)
}

.calculator__radios, .form__radios {
    display: flex
}

.calculator__radio, .form__radio {
    position: relative
}

.calculator__radio:not(:last-child), .form__radio:not(:last-child) {
    margin-right: 32px
}

.calculator__radio input[type=radio], .form__radio input[type=radio] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.calculator__radio input[type=radio] + label, .form__radio input[type=radio] + label {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer
}

.calculator__radio input[type=radio] + label:hover:before, .form__radio input[type=radio] + label:hover:before {
    background-color: #ffe7e7
}

.calculator__radio input[type=radio] + label:before, .form__radio input[type=radio] + label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #ef4b46;
    border-radius: 50%;
    margin-right: 8px;
    transition: background-color .3s ease 0s
}

.calculator__radio input[type=radio]:checked + label:before, .form__radio input[type=radio]:checked + label:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%;
    background-position: 3px 3px
}

.calculator__checkbox, .form__checkbox {
    position: relative
}

.calculator__checkbox:not(:last-child), .form__checkbox:not(:last-child) {
    margin-bottom: 16px
}

.calculator__checkbox input[type=checkbox], .form__checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.calculator__checkbox input[type=checkbox] + label, .form__checkbox input[type=checkbox] + label {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer
}

.calculator__checkbox input[type=checkbox] + label:before, .form__checkbox input[type=checkbox] + label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #ef4b46;
    border-radius: 4px;
    margin-right: 8px;
    background: #fff;
    transition: background-color .3s ease 0s
}

.calculator__checkbox input[type=checkbox] + label:hover:before, .form__checkbox input[type=checkbox] + label:hover:before {
    background-color: #ffe7e7
}

.calculator__checkbox input[type=checkbox]:checked + label:before, .form__checkbox input[type=checkbox]:checked + label:before {
    background-color: #ef4b46;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.586 1L4.621 9 1 5.364' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.calculator__select, .form__select {
    position: relative
}

.calculator__select label, .form__select label {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 8px;
    color: #969696
}

.calculator__select .select, .form__select .select {
    width: 100%;
    position: relative
}

.calculator__select .select.opened .select__input:before, .form__select .select.opened .select__input:before {
    transform: rotate(180deg)
}

.calculator__select .select.opened .select__list, .form__select .select.opened .select__list {
    top: 100%;
    opacity: 1;
    pointer-events: all
}

.calculator__select .select__input, .form__select .select__input {
    display: block;
    width: 100%;
    padding: 16px 24px;
    font-size: .875rem;
    background: #f7f8f9;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    color: #425062;
    transition: all .3s ease 0s;
    position: relative;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden
}

.calculator__select .select__input:before, .form__select .select__input:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 16px;
    width: 24px;
    height: 24px;
    transition: all .3s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.279 5.967l-4.347 4.346a1.324 1.324 0 01-1.867 0L2.72 5.967' stroke='%23EF4B46' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__select .select__input:hover, .form__select .select__input:hover {
    border: 1px solid #ef4b46
}

.calculator__select .select__list, .form__select .select__list {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease 0s
}

.calculator__select .select__list-item, .form__select .select__list-item {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    padding: 8px 16px;
    cursor: pointer;
    min-height: 48px;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calculator__select .select__list-item:hover, .form__select .select__list-item:hover {
    background: #ffe7e7
}

.calculator__select .select__list-item span, .form__select .select__list-item span {
    pointer-events: none
}

.calculator__rating, .form__rating {
    margin-bottom: 16px
}

.calculator__rating span, .form__rating span {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 8px;
    color: #969696
}

.calculator__rating ul, .form__rating ul {
    display: flex
}

.calculator__rating ul li, .form__rating ul li {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__rating ul li.active, .form__rating ul li.active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__calendar, .form__calendar {
    margin-bottom: 16px
}

.calculator__calendar input[type=text], .form__calendar input[type=text] {
    display: block;
    width: 100%;
    padding: 16px 24px;
    font-size: .75rem;
    background: #f7f8f9;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    color: #425062;
    transition: all .3s ease 0s
}

.calculator__calendar input[type=text]:focus, .form__calendar input[type=text]:focus {
    background: #fff;
    border: 1px solid #ef4b46
}

.calculator__calendar input[type=text]:hover, .form__calendar input[type=text]:hover {
    border: 1px solid #ef4b46
}

.calculator__calendar input[type=text]:-ms-input-placeholder, .form__calendar input[type=text]:-ms-input-placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__calendar input[type=text]::placeholder, .form__calendar input[type=text]::placeholder {
    color: #425062;
    opacity: .5;
    font-size: .75rem;
    line-height: 1
}

.calculator__calendar-input, .form__calendar-input {
    position: relative;
    z-index: 1
}

.calculator__calendar button, .form__calendar button {
    position: absolute;
    width: 55px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.695 13.7h.009M15.695 16.7h.009M11.995 13.7h.01M11.995 16.7h.01M8.294 13.7h.01M8.294 16.7h.01' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.calculator__calendar label, .form__calendar label {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 8px;
    color: #969696
}

.calculator__calendar .calendar, .form__calendar .calendar {
    position: absolute;
    z-index: -1;
    width: 100%;
    max-width: 292px;
    top: 100%;
    right: 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    transform: translateY(-20%);
    opacity: 0;
    transition: all .5s ease 0s;
    pointer-events: none
}

.calculator__calendar .calendar.active, .form__calendar .calendar.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all
}

.calculator__calendar .calendar__title, .form__calendar .calendar__title {
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.calculator__calendar .calendar__title h4, .form__calendar .calendar__title h4 {
    margin: 0 auto;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    color: #ef4b46
}

.calculator__calendar .calendar__arrow, .form__calendar .calendar__arrow {
    width: 40px;
    height: 40px;
    display: block
}

.calculator__calendar .calendar__arrow-prev, .form__calendar .calendar__arrow-prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.549 20.919l-6.52-6.52c-.77-.77-.77-2.03 0-2.8l6.52-6.52' stroke='%23425062' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.calculator__calendar .calendar__arrow-next, .form__calendar .calendar__arrow-next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.451 5.079l6.52 6.52c.77.77.77 2.03 0 2.8l-6.52 6.52' stroke='%23425062' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.calculator__calendar .calendar__week, .form__calendar .calendar__week {
    margin-bottom: 9px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.calculator__calendar .calendar__week li, .form__calendar .calendar__week li {
    text-align: center;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: .02em;
    color: #ffe7e7
}

.calculator__calendar .calendar__days, .form__calendar .calendar__days {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: 1fr;
    -ms-grid-columns:(1fr) [ 7 ];
    grid-template-columns: repeat(7, 1fr)
}

.calculator__calendar .calendar__day, .form__calendar .calendar__day {
    text-align: center;
    padding: 10px 0;
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    color: #ef4b46;
    cursor: pointer;
    border-radius: 2px;
    transition: all .3s ease 0s
}

.calculator__calendar .calendar__day-next, .calculator__calendar .calendar__day-prev, .form__calendar .calendar__day-next, .form__calendar .calendar__day-prev {
    color: #ffe7e7
}

.calculator__calendar .calendar__day:hover, .form__calendar .calendar__day:hover {
    background: #ffe7e7;
    color: #ef4b46
}

.calculator__calendar .calendar__day.selected, .form__calendar .calendar__day.selected {
    color: #1f2e41
}

.add-compare {
    display: flex;
    max-width: 230px;
    align-items: center;
    justify-content: center;
    position: relative
}

.add-compare > span {
    width: 1px;
    height: 16px;
    background: #eaebed;
    display: none;
    margin: 0 12px
}

.add-compare input[type=checkbox] {
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 0
}

.add-compare__button {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    transition: all .3s ease 0s;
    cursor: pointer;
    white-space: nowrap
}

.add-compare__button span {
    font-size: .75rem;
    line-height: 1;
    font-weight: 400
}

.add-compare__button:hover {
    color: #ef4b46
}

.add-compare__button:after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    display: block;
    margin-right: 4px;
    transition: all .3s ease 0s
}

.add-compare__button--add:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31 10.405c-.17.06-.45.06-.62 0C4.24 9.91 1 7.845 1 4.345A2.787 2.787 0 013.78 1.55c.91 0 1.715.44 2.22 1.12a2.765 2.765 0 012.22-1.12C9.755 1.55 11 2.8 11 4.345c0 3.5-3.24 5.565-4.69 6.06z' stroke='%23425062' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button--add:hover:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button--compare {
    display: none
}

.add-compare__button--compare:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11h9M2.8 4.19H2c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V4.69c0-.275-.225-.5-.5-.5zM6.4 2.595h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V3.095c0-.275-.225-.5-.5-.5zM10 1h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V1.5c0-.275-.225-.5-.5-.5z' stroke='%23425062' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button--compare:hover:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11h9M2.8 4.19H2c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V4.69c0-.275-.225-.5-.5-.5zM6.4 2.595h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V3.095c0-.275-.225-.5-.5-.5zM10 1h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V1.5c0-.275-.225-.5-.5-.5z' stroke='%23EF4B46' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button--cart:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button--cart:hover:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button.active {
    color: #ef4b46
}

.add-compare__button.active.add-compare__button--add:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31 10.405c-.17.06-.45.06-.62 0C4.24 9.91 1 7.845 1 4.345A2.787 2.787 0 013.78 1.55c.91 0 1.715.44 2.22 1.12a2.765 2.765 0 012.22-1.12C9.755 1.55 11 2.8 11 4.345c0 3.5-3.24 5.565-4.69 6.06z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button.active.add-compare__button--compare:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11h9M2.8 4.19H2c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V4.69c0-.275-.225-.5-.5-.5zM6.4 2.595h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V3.095c0-.275-.225-.5-.5-.5zM10 1h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V1.5c0-.275-.225-.5-.5-.5z' stroke='%23EF4B46' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.add-compare__button.active.add-compare__button--cart:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    background: #fff;
    padding-bottom: 24px;
    padding-top: 80px;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    transform: translateY(-100%);
    opacity: 0;
    display: none;
    transition: opacity .5s ease 0s, transform .3s ease;
    will-change: transform;
    z-index: -1
}

.mobile-menu.opening {
    display: block
}

.mobile-menu.opened {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: all
}

.mobile-menu.closing {
    display: block;
    opacity: 0;
    transform: translateY(-100%)
}

.mobile-menu__top {
    padding: 24px 0 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaebed;
    margin-bottom: 24px
}

.mobile-menu__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1
}

.mobile-menu__close {
    margin-left: auto;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.625 1.5L1.5 2.625 4.875 6 1.5 9.375 2.625 10.5 6 7.125 9.375 10.5 10.5 9.375 7.125 6 10.5 2.625 9.375 1.5 6 4.875 2.625 1.5z' fill='%23425062'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.mobile-menu__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 28px
}

.mobile-menu__content > * {
    -ms-grid-column-align: center;
    justify-self: center
}

.mobile-menu__phone {
    display: flex;
    align-items: center
}

.mobile-menu__phone:before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.293 23.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.342 38.342 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.535 4.535 0 01-.747.946L10.2 11.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107a.92.92 0 00.333.053c.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.mobile-menu__phone a {
    font-weight: 700;
    line-height: 1;
    font-size: .875rem;
    transition: color .4s ease 0s
}

.mobile-menu__phone a:hover {
    color: #ef4b46
}

.mobile-menu__phone a span {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px
}

.mobile-menu__email {
    display: flex;
    align-items: center
}

.mobile-menu__email:before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.mobile-menu__email a {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    transition: color .4s ease 0s
}

.mobile-menu__email a:hover {
    color: #ef4b46
}

.mobile-menu__links {
    display: flex
}

.mobile-menu__link {
    width: 32px;
    height: 32px
}

.mobile-menu__link:not(:last-child) {
    margin-right: 8px
}

.mobile-menu__link a {
    display: block
}

.mobile-menu__link a, .mobile-menu__link a img {
    width: 100%;
    height: 100%
}

body.inner .banner__background img {
    object-position: center
}

body.inner .banner__info h1 {
    margin-bottom: 20px
}

body.inner .banner__info-subtitle {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content 24px max-content 24px max-content;
    grid-template-columns: repeat(3, max-content);
    grid-gap: 24px;
    align-items: center
}

body.inner .banner__info-subtitle span {
    color: #fff;
    font-size: 1.25rem
}

.banner {
    position: relative;
    z-index: 9999;
}

.banner__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.banner__background * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    display: block
}

.banner__body {
    width: 100%;
    height: 100%;
    padding: 30px 0 30px;
    background: linear-gradient(259.4deg, rgba(255, 209, 91, .24), transparent 64.07%), linear-gradient(180deg, rgba(0, 0, 0, .48) 23.96%, transparent), linear-gradient(270deg, rgba(0, 0, 0, .48), transparent)
}

.banner__content {
    color: #fff;
    align-items: flex-start
}

.banner__content, .banner__info {
    display: flex;
    flex-direction: column
}

.banner__info h1 {
    background: #ef4b46;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 140%;
    width: max-content;
    padding: 0 1px;
    margin-bottom: 8px
}

.banner__info-subtitle {
    margin-bottom: 26px
}

.banner__info-subtitle span {
    display: block;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    color: #ef4b46
}

.banner__info-rating {
    display: flex
}

.banner__info-rating li {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.banner__info-rating li.active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.banner__info-stock {
    padding: 4px 1px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4;
    color: #fff;
    background: #ef4b46;
    -ms-grid-column-align: start;
    justify-self: start
}

.banner__info p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.banner__advantages {
    margin: 96px 0 110px;
    display: flex;
    padding-left: 23px
}

.banner__advantage {
    width: 405px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 10px;
    position: relative;
    z-index: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner__advantage:not(:last-child) {
    margin-right: 16px
}

.banner__advantage:first-child:after {
    display: block
}

.banner__advantage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(239, 75, 70, .56);
    z-index: -1;
    transform: skew(-25deg);
    transform-origin: left center
}

.banner__advantage:after {
    content: "";
    width: 0;
    height: 100%;
    border-left: 45px solid rgba(239, 75, 70, .56);
    border-bottom: 95px solid transparent;
    position: absolute;
    top: 0;
    left: -23px;
    display: none
}

.banner__advantage span {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    margin-right: 12px;
    display: block
}

.banner__advantage p {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1
}

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

.about__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.about__background * {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about__body {
    padding: 64px 0;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, .64), transparent), linear-gradient(0deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .48))
}

.about__text {
    background: hsla(0, 0%, 100%, .04);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 2px;
    padding: 32px;
    max-width: 1184px;
    margin: 0 auto 16px
}

.about__text p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.about__text p:not(:last-child) {
    margin-bottom: 32px
}

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

.about__file {
    background: hsla(0, 0%, 100%, .08);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 2px;
    padding: 32px;
    display: flex;
    align-items: center;
    flex: 0 1 345px
}

.about__file:not(:last-child) {
    margin-right: 32px
}

.about__file-img {
    margin-right: 24px;
    width: 80px;
    height: 80px
}

.about__file-img img {
    width: 100%;
    height: 100%
}

.about__file-info {
    flex: 1 1 177px
}

.about__file-info h3 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 16px
}

.about__file-info .main-btn {
    height: 30px
}

.advantages {
    padding: 64px 0
}

.advantages .text-1:after {
    content: "Предлагаем самую низкую цену на рынке."
}

.advantages .text-2:after {
    content: "Проводим тесты нашей продукции на собственной лаборатории."
}

.advantages .text-3:after {
    content: "За каждым клиентом закрепляется свой персональный менеджер, который будет сопровождать Вас на всех этапах сделки."
}

.advantages .text-4:after {
    content: "При наличии свободного транспорта мы сможем отправить Вам продукцию в день-в-день."
}

.advantages .text-5:after {
    content: "Наш инженер проведет проверку грунта перед строительством, а также замер и расчет необходимого количества материалов."
}

.advantages .text-6:after {
    content: "Мы настроены на поиск оптимальных решений для удовлетворения задач, с которыми обратились к нам наши клиенты."
}

.advantages .wrapper {
    max-width: 1064px
}

.advantages .block-title {
    padding: 0 16px
}

.advantages__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px
}

.advantages__item {
    background: linear-gradient(180deg, #a5473c, #af2723);
    color: #fff;
    padding: 20px 32px;
    position: relative;
    cursor: pointer;
    transition: box-shadow .4s ease
}

.advantages__item:hover {
    box-shadow: 0 4px 24px rgba(255, 66, 38, .48)
}

.advantages__item.active .advantages__item-active {
    opacity: 1
}

.advantages__item-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ef4b46, #af2723);
    opacity: 0;
    padding: 21px 24px;
    transition: opacity .4s ease 0s;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    pointer-events: none
}

.advantages__item-active p {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.advantages__item-active .advantages__item-image {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    margin-right: 8px
}

.advantages__item-active .advantages__item-title {
    flex-grow: 1
}

.advantages__item-image {
    width: 64px;
    height: 64px;
    margin-bottom: 16px
}

.advantages__item-image * {
    width: 100%;
    height: 100%
}

.advantages__item-title {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1
}

.callback {
    padding: 64px 0 42px;
    position: relative
}

.callback:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../images/grey-background.jpg)
}

.callback .block-title {
    text-align: left
}

.callback__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 501px 88px 1fr;
    grid-template-columns: 501px 1fr;
    column-gap: 88px
}

.callback__list {
    margin-bottom: 48px
}

.callback__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 128px 24px 1fr;
    grid-template-columns: 128px 1fr;
    column-gap: 24px
}

.callback__item:not(:last-child) {
    margin-bottom: 24px
}

.callback__item span {
    display: block;
    font-size: 4rem;
    white-space: nowrap;
    font-weight: 600;
    line-height: 1;
    color: #ef4b46
}

.callback__item-info h3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 8px
}

.callback__item-info p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.callback__item-info p a {
    color: #ef4b46
}

.callback__aside {
    position: relative
}

.callback__aside-body {
    position: absolute;
    min-width: 100%;
    height: 100%;
    top: -96px;
    left: 0
}

.callback__aside-image {
    width: 100%;
    position: relative;
    padding-bottom: 33%;
    margin-bottom: 38px
}

.callback__aside-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.callback__aside .block-title {
    text-align: center;
    margin-bottom: 32px
}

.callback__aside-table {
    width: 100%;
    max-width: 723px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    table-layout: fixed;
    border-collapse: collapse
}

.callback__aside-table thead {
    background: #eaebed
}

.callback__aside-table thead td {
    font-weight: 700
}

.callback__aside-table td {
    padding: 17px 56px 16px;
    width: 50%;
    font-size: .875rem;
    line-height: 1;
    text-align: center
}

.callback__aside-table tbody tr:not(:nth-child(n+5)) td {
    border: 1px solid #f4f4f4;
    padding: 17px 56px 16px
}

.callback__aside-table tbody tr td {
    padding: 17px 56px
}

.callback__aside-table tbody tr td:first-child {
    border-right: 1px solid #f4f4f4
}

.callback__aside-table tbody tr td:last-child {
    border-left: 1px solid #f4f4f4
}

.promotions {
    padding: 149px 0 112px
}

.promotions__list {
    max-width: 1102px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px
}

.promotions__item {
    padding: 16px;
    max-width: 480px;
    transition: background .3s ease, box-shadow .4s ease
}

.promotions__item:hover {
    background: #ef4b46;
    color: #fff;
    box-shadow: 0 4px 24px rgba(255, 66, 38, .64);
    border-radius: 2px
}

.promotions__item:hover * {
    color: #fff;
    border-color: transparent
}

.promotions__item a {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
    transition: border-color .4s ease 0s
}

.promotions__item-image {
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 63%;
    position: relative
}

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

.promotions__item-title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    transition: color .4s ease 0s
}

.promotions__item-title span {
    display: block;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.4;
    margin-top: 8px;
    color: #969696;
    transition: color .4s ease 0s
}

.order {
    position: relative
}

.order__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.order__background * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.order__body {
    padding: 37px 0 47px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64)), linear-gradient(111.09deg, rgba(255, 209, 91, .56) 16.5%, transparent 72%)
}

.order__content {
    display: flex
}

.order__column {
    padding-left: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 80px
}

.order__title {
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 140%;
    background: #ef4b46;
    color: #fff;
    -ms-grid-row-align: start;
    align-self: start;
    padding: 0 1px;
    margin-bottom: 27px
}

.order__text {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 25px
}

.order__phone {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    color: #ef4b46
}

.order__form {
    background: hsla(0, 0%, 100%, .16);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 4px;
    color: #fff;
    padding: 48px 32px 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 32px;
    margin-right: 70px
}

.order__form-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1
}

.order .form__input input {
    background: rgba(247, 248, 249, .16);
    border: 1px solid rgba(234, 235, 237, .32);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fff
}

.order .form__input input:focus {
    color: #425062
}

.order .form__input input:-ms-input-placeholder {
    color: #fff
}

.order .form__input input::placeholder {
    color: #fff
}

.order .form__input label {
    color: #fff
}

.ceo {
    padding: 12px 0 66px
}

.ceo__block {
    display: flex;
    align-items: center;
    max-width: 1045px;
    margin: 0 auto;
    padding: 32px;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px
}

.ceo__image {
    width: 256px;
    height: 256px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 64px
}

.ceo__image * {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ceo__content .text-1:after {
    content: "Я выражаю особую благодарность и признательность нашим заказчикам за оказанное доверие. Спасибо Вам за рост и развитие нашего дружного коллектива и в целом компании!"
}

.ceo__content .text-2:after {
    content: "Обращаясь к тем, кто только планирует купить строительные материалы, - приглашаем Вас к нам в офис - мы покажем демонстрационные пробники наиболее популярных позиций, а также проконсультируем с выбором стройматериала под Ваши нужды."
}

.ceo__content h3 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 32px
}

.ceo__content h3 span {
    display: block;
    margin-top: 8px;
    color: #969696;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1
}

.ceo__content p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.ceo__content p:not(:last-child) {
    margin-bottom: 32px
}

.partners {
    padding: 66px 0
}

.partners__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 17px
}

.partners__item {
    position: relative;
    padding-bottom: 74.5%;
    filter: saturate(0);
    transition: filter .3s ease 0s
}

.partners__item:hover {
    filter: saturate(1)
}

.partners__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.partners__item a * {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.works {
    padding: 66px 0
}

.works__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px
}

.works__item {
    background: #fff;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.works__item:hover {
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
}

.works__item-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 24px
}

.works__item-image * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.works__item-info {
    padding: 16px
}

.works__item-info h3 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    color: #ef4b46;
    margin-bottom: 8px
}

.works__item-info p {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.works__item-info p:not(:last-child) {
    margin-bottom: 16px
}

.certificates {
    padding: 66px 0
}

.certificates__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px
}

.certificates__item {
    cursor: zoom-in;
    border: 2px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    padding-bottom: 141.5%;
    z-index: 0
}

.certificates__item:hover:before {
    opacity: .56
}

.certificates__item:hover:after {
    opacity: 1
}

.certificates__item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ef4b46;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease
}

.certificates__item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.067 45.65H33.733a2.77 2.77 0 01-2.75-2.75 2.77 2.77 0 012.75-2.75h18.334a2.77 2.77 0 012.75 2.75 2.77 2.77 0 01-2.75 2.75z' fill='%23fff'/%3E%3Cpath d='M42.9 54.817a2.77 2.77 0 01-2.75-2.75V33.733a2.77 2.77 0 012.75-2.75 2.77 2.77 0 012.75 2.75v18.334a2.77 2.77 0 01-2.75 2.75z' fill='%23fff'/%3E%3Cpath d='M42.167 79.75c-20.717 0-37.584-16.867-37.584-37.583 0-20.717 16.867-37.584 37.584-37.584 20.716 0 37.583 16.867 37.583 37.584 0 20.716-16.867 37.583-37.583 37.583zm0-69.666c-17.71 0-32.084 14.41-32.084 32.083S24.458 74.25 42.168 74.25 74.25 59.84 74.25 42.167c0-17.674-14.373-32.084-32.083-32.084zM80.666 83.416a2.72 2.72 0 01-1.943-.806l-7.333-7.334a2.767 2.767 0 010-3.886 2.767 2.767 0 013.886 0l7.334 7.333a2.767 2.767 0 010 3.887 2.72 2.72 0 01-1.944.806z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%/100%;
    z-index: 2;
    opacity: 0;
    transition: opacity .4s ease
}

.certificates__item * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.questions {
    padding: 66px 0
}

.ask__item {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ask__item.active .ask__item-title {
    background: linear-gradient(180deg, #ef4b46, #af2723);
    color: #fff;
    border: 1px solid transparent
}

.ask__item.active .ask__item-title:before {
    filter: brightness(10);
    transform: rotate(180deg)
}

.ask__item.active .ask__item-dropdown {
    margin-bottom: 32px
}

.ask__item-title {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 19px 24px;
    background: #fff;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    transition: all .4s ease 0s
}

.ask__item-title:hover {
    background: #ffe7e7
}

.ask__item-title:before {
    flex-shrink: 0;
    transition: all .4s ease 0s;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.279 5.967l-4.347 4.346a1.324 1.324 0 01-1.867 0L2.72 5.967' stroke='%23EF4B46' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.ask__item-title h4 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4
}

.ask__item-dropdown {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    transition: all .3s ease 0s;
    height: 0;
    overflow: hidden
}

.ask__item-info {
    padding: 24px
}

.ask__item-info p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.ask__item-info p a {
    color: #ef4b46
}

.reviews {
    margin: 66px 0 0;
    position: relative
}

.reviews__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.reviews__background * {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reviews__body {
    padding: 64px 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64))
}

.reviews__content {
    color: #fff
}

.reviews__content .banner-title {
    margin-bottom: 48px
}

.reviews__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px
}

.reviews__item {
    background: rgba(66, 80, 98, .32);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-radius: 2px;
    padding: 32px;
    display: flex;
    flex-direction: column
}

.reviews__item-image {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 16px
}

.reviews__item-image * {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reviews__item-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 16px
}

.reviews__item-title span {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    color: #ef4b46;
    display: block;
    margin-top: 8px
}

.reviews__item-text p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.broadcast {
    padding: 112px 0 66px
}

.broadcast__video {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.85%;
    border-radius: 4px
}

.broadcast__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.map {
    padding: 66px 0
}

.map__image {
    position: relative;
    width: 100%;
    overflow: hidden;
    filter: drop-shadow(0 4px 40px rgba(25, 41, 63, .08));
    border-radius: 2px;
    padding-bottom: 56.85%
}

.map__image * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-card {
    padding: 16px 0;
    border-bottom: 1px solid #eaebed;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 94px 16px 1fr 16px auto;
    grid-template-columns: 94px 1fr auto;
    grid-gap: 16px
}

.product-card:not(:last-child) {
    margin-bottom: 16px
}

.product-card--favorite .product-card__count {
    margin: auto 0
}

.product-card__image {
    width: 94px;
    height: 94px
}

.product-card__image * {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background: #f7f8f9
}

.product-card__title {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.2;
    margin-bottom: 10px
}

.product-card__subtitle {
    display: block;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px
}

.product-card__info {
    display: flex;
    flex-direction: column
}

.product-card__row {
    margin-top: auto;
    display: flex
}

.product-card__row .form__counter {
    flex: 0 0 104px;
    margin-right: 24px
}

.product-card__remove {
    font-weight: 400;
    display: block;
    font-size: .75rem;
    line-height: 1;
    color: #ef4b46
}

.product-card__column {
    display: flex;
    flex-direction: column
}

.product-card__count {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    margin-top: 26px
}

.breadcrumbs {
    padding: 32px 0
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.breadcrumbs__list > li {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color .4s ease 0s;
    white-space: nowrap
}

.breadcrumbs__list > li:hover > a {
    color: #ef4b46;
    cursor: pointer
}

.breadcrumbs__list > li:not(:last-child) {
    margin-right: 8px
}

.breadcrumbs__list > li:last-child {
    pointer-events: none
}

.breadcrumbs__list > li:last-child:after {
    display: none
}

.breadcrumbs__list > li:after {
    content: "»";
    font-size: 18px;
    width: 12px;
    line-height: 0;
    margin-left: 8px;
    padding-bottom: 2px
}

.breadcrumbs__dropdown {
    pointer-events: all;
    position: relative
}

.breadcrumbs__dropdown.active > a:after {
    transform: rotate(270deg)
}

.breadcrumbs__dropdown.active .breadcrumbs__dropdown-list {
    top: calc(100% - 20px);
    opacity: 1;
    pointer-events: all;
    padding-top: 30px;
    cursor: pointer;
    z-index: 9
}

.breadcrumbs__dropdown > a {
    display: flex;
    align-items: center;
    z-index: 10;
    position: relative
}

.breadcrumbs__dropdown > a:hover {
    color: #ef4b46;
    cursor: pointer
}

.breadcrumbs__dropdown > a:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 4px;
    transform: rotate(90deg);
    transition: all .3s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.451 4.579l6.52 6.52c.77.77.77 2.03 0 2.8l-6.52 6.52' stroke='%23425062' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.breadcrumbs__dropdown-list {
    position: absolute;
    top: 0;
    left: -15px;
    border-radius: 2px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease 0s
}

.breadcrumbs__dropdown-list ul {
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
}

.breadcrumbs__dropdown-list ul > li {
    width: 100%;
    background: #fff
}

.breadcrumbs__dropdown-list ul > li * {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    white-space: nowrap;
    display: block;
    width: 100%;
    height: 100%;
    padding: 16px
}

.breadcrumbs__dropdown-list ul > li :hover {
    background: #ffe7e7
}

.saved-products {
    padding: 32px 0
}

.saved-products__title {
    display: flex;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 24px
}

.saved-products__title sup {
    margin-left: 5px;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    vertical-align: top
}

.saved-products__slider {
    position: relative;
    max-width: 1596px;
    padding: 0 94px;
    margin: 0 auto
}

.saved-products__slider .swiper-button-next, .saved-products__slider .swiper-button-prev {
    background: #ffe7e7;
    border-radius: 4px;
    width: 46px;
    height: 46px
}

.saved-products__slider .swiper-button-next:after, .saved-products__slider .swiper-button-prev:after {
    width: 24px;
    height: 24px;
    font-size: 100%;
    font-weight: 600;
    color: #ef4b46;
    display: flex;
    align-items: center;
    justify-content: center
}

.saved-products__slider .swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.saved-products__slider .swiper-button-prev {
    left: 16px
}

.saved-products__slider .swiper-button-prev:after {
    margin-right: 3px
}

.saved-products__slider .swiper-button-next {
    right: 16px
}

.saved-products__slider .swiper-button-next:after {
    margin-left: 3px
}

.saved-product {
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 24px;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px
}

.saved-product__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 94px 16px 1fr;
    grid-template-columns: 94px 1fr;
    column-gap: 16px
}

.saved-product__image {
    width: 94px;
    height: 94px
}

.saved-product__image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.saved-product__info {
    display: flex;
    flex-direction: column
}

.saved-product__name {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.saved-product__price {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    margin-top: auto
}

.saved-product .main-btn {
    box-shadow: none
}

.seen {
    padding: 32px 0;
    overflow: hidden
}

.seen__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 24px
}

.seen__item {
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 24px;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px
}

.seen__item-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 94px 16px 1fr;
    grid-template-columns: 94px 1fr;
    column-gap: 16px
}

.seen__item-image {
    width: 94px;
    height: 94px
}

.seen__item-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.seen__item-info {
    align-items: flex-start;
    flex-direction: column;
    display: flex
}

.seen__item-name {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.seen__item-price {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    margin-top: auto
}

.seen__slider {
    position: relative;
    max-width: 1596px;
    padding: 0 94px;
    margin: 0 auto
}

.seen__slider .swiper-button-next, .seen__slider .swiper-button-prev {
    background: #ffe7e7;
    border-radius: 4px;
    width: 46px;
    height: 46px
}

.seen__slider .swiper-button-next:after, .seen__slider .swiper-button-prev:after {
    width: 24px;
    height: 24px;
    font-size: 100%;
    font-weight: 600;
    color: #ef4b46;
    display: flex;
    align-items: center;
    justify-content: center
}

.seen__slider .swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.seen__slider .swiper-button-prev {
    left: 16px
}

.seen__slider .swiper-button-prev:after {
    margin-right: 3px
}

.seen__slider .swiper-button-next {
    right: 16px
}

.seen__slider .swiper-button-next:after {
    margin-left: 3px
}

.using {
    padding: 112px 0
}

.using__block {
    max-width: 1000px;
    margin: 0 auto
}

.using__block p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.using__block p:not(:last-child) {
    margin-bottom: 24px
}

.using__block h3 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4
}

.using__block h3:not(:last-child), .using__block ul:not(:last-child) {
    margin-bottom: 24px
}

.using__block ul li {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    display: flex;
    align-items: center
}

.using__block ul li:before {
    display: block;
    margin-right: 10px;
    content: "";
    width: 3px;
    height: 3px;
    background: #425062;
    border-radius: 50%
}

.calculator {
    margin: 48px 0
}

.calculator .form__input input, .calculator__select .form__error span {
    font-size: .875rem
}

.calculator .form__input input:-ms-input-placeholder {
    font-size: .875rem !important
}

.calculator .form__input input::placeholder {
    font-size: .875rem !important
}

.calculator__block {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 16px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

.calculator__body {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px 14px;
    height: 100%;
    width: 100%
}

.calculator__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.calculator__title:before {
    content: "";
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 22h4c5 0 7-2 7-7V9c0-5-2-7-7-7h-4C5 2 3 4 3 9v6c0 5 2 7 7 7z' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 7.58v1c0 .82-.67 1.5-1.5 1.5H9c-.82 0-1.5-.67-1.5-1.5v-1c0-.82.67-1.5 1.5-1.5h6c.83 0 1.5.67 1.5 1.5z' stroke='%23425062' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.136 14h.012M11.995 14h.012M15.854 14h.011M8.136 17.5h.012M11.995 17.5h.012M15.854 17.5h.011' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.calculator__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 32px
}

.calculator__form .hidden {
    pointer-events: none;
    opacity: .5
}

.calculator__form-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(100px, 238px) 20px 120px;
    grid-template-columns: minmax(100px, 238px) 120px;
    grid-gap: 20px
}

.calculator__form-adds .form__tumbler {
    flex-direction: row-reverse
}

.calculator__form-adds .form__tumbler span {
    margin-left: 0;
    max-width: 200px;
    font-size: .875rem
}

.calculator__form-adds .form__tumbler label {
    margin-left: auto
}

.calculator__form-adds .form__tumbler + .form__select {
    max-width: 156px
}

.calculator__form-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.calculator__count {
    background: linear-gradient(180deg, #ef4b46, #af2723);
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    padding: 8px;
    display: flex;
    align-items: center
}

.calculator__count span {
    margin-left: auto
}

.category-list {
    background: #fff;
    margin: 0
}

.category-list > li {
    list-style: outside !important
}

.category-list > li > a {
    display: block;
    padding: 10px 0;
    -webkit-text-decoration: revert;
    text-decoration: revert
}

.category-list .submenu .submenu_item {
    list-style: none !important;
    margin-left: 60px;
    margin-top: 5px;
    position: relative
}

.category-list > li > .submenu > .submenu_item:before {
    content: "-";
    position: absolute;
    left: -10px
}

.category-list .submenu .submenu .submenu_item {
    list-style: disc !important
}

body.inner .header, body.main .header {
    position: absolute
}

body.inner .header__top, body.main .header__top {
    background: rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

body.inner .header__bottom, body.main .header__bottom {
    background: transparent
}

body.inner .header__bottom.start, body.main .header__bottom.start {
    background: rgba(0, 0, 0, .08)
}

body.inner .header__bottom.colored, body.main .header__bottom.colored {
    background: #1f2e41
}

body.inner .header__bottom.closing, body.inner .header__bottom.opened, body.main .header__bottom.closing, body.main .header__bottom.opened {
    background: #fff
}

body.inner .header__mobile-body, body.main .header__mobile-body {
    background: rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

body.inner .header__mobile.colored .header__mobile-body, body.main .header__mobile.colored .header__mobile-body {
    background: #1f2e41
}

body.inner .header__mobile.active .header__mobile-body, body.main .header__mobile.active .header__mobile-body {
    background: #fff
}

.header {
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.header__wrapper {
    max-width: 1448px;
    padding: 0 20px;
    margin: 0 auto
}

.header__mobile {
    z-index: 0;
    pointer-events: all;
    position: relative
}

.header__mobile.colored .header__mobile-body {
    background: #1f2e41;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.header__mobile.active .header__mobile-body {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
}

.header__mobile.active .header__mobile-logo .main-logo {
    display: none
}

.header__mobile.active .header__mobile-logo .main-logo--dark {
    display: block
}

.header__mobile.active .header__mobile-burger {
    transition: background .4s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7h10M7 12h14M3 17h18' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile.active .header__mobile-phone {
    transition: background .4s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile.active .header__mobile-phone:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.293 23.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.342 38.342 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.535 4.535 0 01-.747.946L10.2 11.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107a.92.92 0 00.333.053c.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile.active .header__mobile-email {
    transition: background .4s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 19H8c-4 0-6-1-6-6V8c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-.5c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4z' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.995 11h.008M11.995 11h.009M7.995 11h.008' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile.active .header__mobile-email:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-body {
    display: flex;
    align-items: center;
    padding: 18px 16px;
    transition: all .4s ease 0s;
    background: #1f2e41
}

.header__mobile-burger {
    margin-right: 16px;
    width: 44px;
    height: 44px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7h10M7 12h14M3 17h18' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-burger:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7h10M7 12h14M3 17h18' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-contacts {
    margin-left: auto;
    display: flex
}

.header__mobile-contacts a {
    width: 32px;
    height: 32px;
    display: block
}

.header__mobile-logo {
    width: 180px;
    height: 44px
}

.header__mobile-logo img, .header__mobile-logo svg {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.header__mobile-logo .main-logo--dark {
    display: none
}

.header__mobile-phone {
    margin-right: 28px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.97 17.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 01-3.28-2.8 28.414 28.414 0 01-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C1.24 7.67 1 6.58 1 5.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C3.15 1.31 3.85 1 4.59 1c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-phone:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.293 23.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.342 38.342 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.535 4.535 0 01-.747.946L10.2 11.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107a.92.92 0 00.333.053c.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-email {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 19H8c-4 0-6-1-6-6V8c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-.5c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.995 11h.008M11.995 11h.009M7.995 11h.008' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__mobile-email:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__top {
    padding: 20px 0 23px;
    z-index: 1;
    background: #36363e;
    pointer-events: all;
    max-height: 200px
}

.header__top-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
}

.header_nav_item {
    margin: 0 30px;
}

.header__logo {
    max-width: 209px;
    height: 100%;
    display: flex;
    align-items: center
}

.header__logo > * {
    width: 80%;
    max-height: 100%
}

.header__weather {
    display: flex;
    align-items: center;
    padding: 0 24px;
    position: relative;
    justify-content: center;
}

.header__weather:after, .header__weather:before {
    content: "";
    height: 48px;
    width: 1px;
    position: absolute;
    top: 50%;
    background: #425062;
    transform: translateY(-50%)
}

.header__weather:after {
    right: 0
}

.header__weather:before {
    left: 0
}

.header__weather-image {
    flex: 0 0 48px;
    margin-right: 16px
}

.header__weather-image img {
    width: 100%
}

.header__weather-info p {
    color: #fff;
    font-weight: 400;
    font-size: .75rem;
    line-height: 140%
}

.header__weather-date {
    color: #fff;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    display: block;
    margin-bottom: 4px
}

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

.header__phone {
    margin-right: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 8px auto;
    grid-template-columns: 24px auto;
    column-gap: 8px
}

.header__phone:before {
    -ms-grid-row-span: 2;
    grid-row: span 2;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.293 23.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.342 38.342 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.535 4.535 0 01-.747.946L10.2 11.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107a.92.92 0 00.333.053c.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%
}

.header__phone a {
    font-weight: 700;
    line-height: 1;
    font-size: .875rem;
    color: #fff;
    transition: color .4s ease 0s
}

.header__phone a:hover {
    color: #ef4b46
}

.header__phone span {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header__email {
    display: flex;
    align-items: center;
    margin-right: 38px
}

.header__email:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.header__email a {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    transition: color .4s ease 0s
}

.header__email a:hover {
    color: #ef4b46
}

/*.header__callback {*/
/*    width: 100%*/
/*}*/

.header__callback .main-btn {
    box-shadow: 0 4px 24px rgba(255, 66, 38, .64), 0 4px 0 #7c2926
}

.header__callback .main-btn:active {
    transform: translateY(3px);
    box-shadow: 0 4px 24px rgba(255, 66, 38, .64), 0 1px 0 #7c2926
}

.header__bottom {
    color: #fff;
    padding: 16px 0;
    z-index: 0;
    background: #1f2e41;
    pointer-events: all;
    transition: all .3s ease 0s;
    position: relative
}

.header__bottom.start {
    background: rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.header__bottom.colored {
    background: #1f2e41;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.header__bottom.opening {
    display: block
}

.header__bottom.opened {
    display: block;
    transform: translateX(0)
}

.header__bottom.closing {
    display: block
}

.header__bottom.close {
    display: block;
    transform: translateX(-100%)
}

.header__bottom-body {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__bottom .block-1 {
    display: flex
}

.header__catalog-btn {
    margin-right: 20px;
    min-width: 176px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ef4b46;
    border-radius: 4px;
    height: 40px;
    color: #fff;
    position: relative
}

.header__catalog-btn:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    margin-right: 8px;
    margin-bottom: 2px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.12 1h-.95C2.075 1 1.5 1.575 1.5 2.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95C5.785 1.575 5.21 1 4.12 1zM9.835 1h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95C11.5 1.575 10.925 1 9.835 1zM9.835 6.715h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95c0-1.09-.575-1.665-1.665-1.665zM4.12 6.715h-.95c-1.095 0-1.67.575-1.67 1.665v.95c0 1.095.575 1.67 1.665 1.67h.95c1.09 0 1.665-.575 1.665-1.665v-.95c.005-1.095-.57-1.67-1.66-1.67z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%
}

.header__catalog-btn:after {
    z-index: 1;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2));
    transition: opacity .4s ease 0s
}

.header__catalog-btn:hover:after {
    opacity: 1
}

.header__catalog-btn span {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1
}

.header__navigation {
    display: flex
}

.header__navigation li:not(:last-child) {
    margin-right: 12px
}

.header__navigation li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    transition: color .4s ease 0s
}

.header__navigation li:hover {
    color: #ef4b46
}

.header__subnavigation {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 24px
}

.header__subnavigation li a {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color .4s ease 0s
}

.header__subnavigation li a:hover {
    color: #ef4b46
}

.header__subnavigation li a:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    margin-right: 8px;
    transition: background .4s ease 0s
}

.header__subnavigation li a span {
    display: block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background: #ef4b46;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    font-weight: 600
}

.header__subnavigation-favourite:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31 10.405c-.17.06-.45.06-.62 0C4.24 9.91 1 7.845 1 4.345A2.787 2.787 0 013.78 1.55c.91 0 1.715.44 2.22 1.12a2.765 2.765 0 012.22-1.12C9.755 1.55 11 2.8 11 4.345c0 3.5-3.24 5.565-4.69 6.06z' stroke='%23425062' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__subnavigation-favourite:hover:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31 10.405c-.17.06-.45.06-.62 0C4.24 9.91 1 7.845 1 4.345A2.787 2.787 0 013.78 1.55c.91 0 1.715.44 2.22 1.12a2.765 2.765 0 012.22-1.12C9.755 1.55 11 2.8 11 4.345c0 3.5-3.24 5.565-4.69 6.06z' stroke='%23EF4B46' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__subnavigation-compare:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11h9M2.8 4.19H2c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V4.69c0-.275-.225-.5-.5-.5zM6.402 2.595h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V3.095c0-.275-.225-.5-.5-.5zM10 1h-.8c-.276 0-.5.225-.5.5V9c0 .275.224.5.5.5h.8c.274 0 .5-.225.5-.5V1.5c0-.275-.226-.5-.5-.5z' stroke='%23425062' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__subnavigation-compare:hover:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11h9M2.8 4.19H2c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V4.69c0-.275-.225-.5-.5-.5zM6.4 2.595h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V3.095c0-.275-.225-.5-.5-.5zM10 1h-.8c-.275 0-.5.225-.5.5V9c0 .275.225.5.5.5h.8c.275 0 .5-.225.5-.5V1.5c0-.275-.225-.5-.5-.5z' stroke='%23EF4B46' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__subnavigation-callback:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.015 9.93a.138.138 0 01-.098-.04L2.01 7.982a.138.138 0 010-.195l6.207-6.206a1.487 1.487 0 012.103 2.103L4.112 9.89a.138.138 0 01-.097.04zM2.3 7.886l1.714 1.713 6.109-6.11a1.21 1.21 0 10-1.713-1.712l-6.11 6.109z' fill='%23425062' stroke='%23425062' stroke-width='.3'/%3E%3Cpath d='M1.282 10.754a.139.139 0 01-.135-.115.138.138 0 01.003-.063l.823-2.73a.138.138 0 01.23-.059L4.11 9.696a.138.138 0 01-.057.229l-2.73.822a.135.135 0 01-.04.007zm.888-2.609l-.682 2.265 2.265-.682L2.17 8.145zM9.169 4.776a.138.138 0 01-.098-.04L7.163 2.826a.138.138 0 11.195-.195L9.266 4.54a.138.138 0 01-.097.236z' fill='%23425062' stroke='%23425062' stroke-width='.3'/%3E%3Cpath d='M3.06 8.977a.138.138 0 01-.098-.235l5.155-5.155a.138.138 0 11.195.195L3.157 8.937a.138.138 0 01-.097.04zM8.243 10.773h-.001a.425.425 0 01-.305-.127l-.648-.648a.122.122 0 01-.012-.01l-.873-.875a.123.123 0 01-.012-.01l-.842-.844a.138.138 0 11.195-.195l.832.833a.123.123 0 01.011.01l.874.875a.144.144 0 01.011.01l.66.66a.153.153 0 00.11.046.158.158 0 00.111-.047l2.098-2.098a.156.156 0 00.001-.222L8.065 5.743a.138.138 0 11.195-.195l2.388 2.388a.434.434 0 010 .612L8.55 10.646a.43.43 0 01-.307.127zM3.737 6.39a.137.137 0 01-.097-.04L1.252 3.963a.432.432 0 010-.613L3.35 1.252a.431.431 0 01.307-.127h.001a.427.427 0 01.305.128L6.35 3.64a.138.138 0 11-.195.195L3.768 1.447a.154.154 0 00-.171-.034.157.157 0 00-.051.034L1.447 3.545a.157.157 0 000 .223l2.387 2.387a.138.138 0 01-.097.235z' fill='%23425062' stroke='%23425062' stroke-width='.3'/%3E%3Cpath d='M2.946 5.603a.138.138 0 01-.097-.236l.418-.417a.138.138 0 01.195.195l-.418.417a.138.138 0 01-.098.04zM6.49 9.143a.138.138 0 01-.098-.235l.418-.418a.138.138 0 01.194.195l-.417.418a.138.138 0 01-.098.04zM7.372 10.028a.137.137 0 01-.135-.164.138.138 0 01.038-.071l.626-.627a.138.138 0 11.195.195l-.626.627a.138.138 0 01-.098.04zM3.274 3.88a.606.606 0 110-1.212.606.606 0 010 1.213zm0-.936a.33.33 0 10.002.662.33.33 0 00-.002-.662z' fill='%23425062' stroke='%23425062' stroke-width='.3'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.header__subnavigation-callback:hover:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.014 9.93a.138.138 0 01-.098-.04L2.008 7.982a.138.138 0 010-.195l6.207-6.206a1.487 1.487 0 012.103 2.103L4.11 9.89a.138.138 0 01-.097.04zM2.3 7.886l1.714 1.713 6.109-6.11A1.212 1.212 0 108.41 1.777L2.3 7.885z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.3'/%3E%3Cpath d='M1.283 10.754a.139.139 0 01-.136-.115.138.138 0 01.004-.063l.823-2.73a.138.138 0 01.23-.059L4.11 9.696a.138.138 0 01-.058.229l-2.73.822a.135.135 0 01-.04.007zm.888-2.609L1.49 10.41l2.264-.682-1.582-1.583zM9.169 4.776a.138.138 0 01-.097-.04L7.164 2.826a.138.138 0 11.194-.195L9.266 4.54a.138.138 0 01-.097.236z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.3'/%3E%3Cpath d='M3.06 8.977a.138.138 0 01-.098-.235l5.155-5.155a.138.138 0 01.195.195L3.157 8.937a.138.138 0 01-.097.04zM8.241 10.773H8.24a.425.425 0 01-.305-.127l-.648-.648a.121.121 0 01-.012-.01l-.873-.875a.124.124 0 01-.012-.01l-.842-.844a.138.138 0 11.195-.195l.832.833a.123.123 0 01.012.01l.873.875a.142.142 0 01.012.01l.658.66a.155.155 0 00.171.034.157.157 0 00.052-.035l2.098-2.098a.158.158 0 000-.222L8.064 5.743a.138.138 0 11.195-.195l2.387 2.388a.432.432 0 010 .612l-2.098 2.098a.43.43 0 01-.307.127zM3.737 6.39a.137.137 0 01-.098-.04L1.252 3.963a.432.432 0 010-.613L3.35 1.252a.431.431 0 01.307-.127h.001a.427.427 0 01.305.128L6.35 3.64a.138.138 0 11-.195.195L3.768 1.447a.155.155 0 00-.171-.034.157.157 0 00-.052.034L1.447 3.545a.157.157 0 000 .223l2.387 2.387a.138.138 0 01-.097.235z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.3'/%3E%3Cpath d='M2.948 5.603a.138.138 0 01-.097-.236l.417-.417a.138.138 0 01.195.195l-.417.417a.138.138 0 01-.098.04zM6.488 9.143a.138.138 0 01-.097-.235l.418-.418a.138.138 0 01.195.195l-.418.418a.138.138 0 01-.098.04zM7.374 10.028a.137.137 0 01-.135-.164.138.138 0 01.037-.071l.627-.627a.138.138 0 11.195.195l-.627.627a.138.138 0 01-.097.04zM3.275 3.88a.606.606 0 110-1.212.606.606 0 010 1.213zm0-.936a.33.33 0 10.002.662.33.33 0 00-.002-.662z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.3'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.scroll-logo {
    width: 0;
    transition: .3s
}

.scroll-phone {
    opacity: 0;
    transition: .3s;
    display: flex;
    align-items: center
}

body.scrolled .scroll-logo {
    width: 45px;
    margin-right: 48px
}

body.scrolled .scroll-phone {
    opacity: 1
}

.footer {
    padding: 32px 0;
    background: radial-gradient(50% 50% at 50% 50%, #2d3f56 0, #1f2e41 100%)
}

.footer__body {
    padding-bottom: 50px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 60px 1fr 60px minmax(212px, 267px);
    grid-template-columns: auto 1fr minmax(212px, 267px);
    column-gap: 60px
}

.footer__copy {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.footer__copy p {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #fff
}

.footer__column {
    display: flex;
    flex-direction: column
}

.footer__column--navigation {
    flex-direction: row;
    justify-content: space-between
}

.footer__logo {
    max-width: 210px;
    max-height: 45px;
    margin-bottom: 20px
}

.footer__social {
    display: flex
}

.footer__social li {
    width: 32px;
    height: 32px
}

.footer__social li:not(:last-child) {
    margin-right: 8px
}

.footer__social li a {
    width: 100%;
    height: 100%;
    display: block
}

.footer__social li a:hover img {
    filter: brightness(10)
}

.footer__social li a img {
    width: 100%;
    height: 100%;
    transition: filter .3s ease 0s
}

.footer__group {
    display: flex;
    flex-direction: column
}

.footer__group:not(:last-child) {
    margin-right: 30px
}

.footer__group.active .footer__title:after {
    transform: rotate(180deg)
}

.footer__title {
    font-weight: 700;
    margin-bottom: 32px
}

.footer__list li, .footer__title {
    font-size: .875rem;
    line-height: 1;
    color: #fff
}

.footer__list li {
    font-weight: 500;
    transition: color .3s ease 0s;
    white-space: nowrap
}

.footer__list li:not(:last-child) {
    margin-bottom: 20px
}

.footer__list li:hover {
    color: #ef4b46
}

.footer__phone {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.footer__phone:before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.293 23.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.342 38.342 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.535 4.535 0 01-.747.946L10.2 11.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107a.92.92 0 00.333.053c.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50%
}

.footer__phone a {
    font-weight: 700;
    line-height: 1;
    font-size: .875rem;
    color: #fff;
    transition: color .4s ease 0s
}

.footer__phone a:hover {
    color: #ef4b46
}

.footer__phone a:hover span {
    color: #fff
}

.footer__phone a span {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 4px;
    color: #fff
}

.footer__email {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.footer__email:before {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.footer__email a {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    transition: color .4s ease 0s
}

.footer__email a:hover {
    color: #ef4b46
}

.footer__address {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.footer__address:before {
    content: "";
    display: block;
    width: 24px;
    flex-shrink: 0;
    height: 24px;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.329 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.footer__address p {
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 260px
}

.footer__callback {
    margin-bottom: 55px;
    max-width: 300px
}

.footer__rating {
    -ms-grid-row-align: end;
    align-self: end;
    max-width: 198px;
    max-height: 131px
}

.footer__rating--mobile {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2;
    grid-column: 2
}

.footer__rating img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.catalog {
    position: absolute;
    z-index: -1;
    top: 80%;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease 0s, transform .3s ease, top .3s ease;
    will-change: transform;
    display: none
}

.catalog.opening {
    display: block
}

.catalog.opened {
    display: block;
    opacity: 1;
    top: 100%
}

.catalog.closing {
    display: block
}

.catalog.close {
    display: none
}

.catalog__wrapper {
    max-width: 1448px;
    padding: 0 20px;
    margin: 0 auto
}

.catalog__body {
    width: 100%;
    padding: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 238px 1fr;
    grid-template-columns: 238px 1fr;
    -ms-grid-rows: 479px;
    grid-template-rows: 479px;
    background: #fff;
    color: #425062;
    pointer-events: all;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
}

.catalog__body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.catalog__body > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.catalog__left {
    border-right: 1px solid #eaebed;
    padding-right: 32px;
    overflow: hidden;
    overflow-y: auto
}

.catalog__item {
    border-bottom: 1px solid #eaebed
}

.catalog__item.active {
    color: #ef4b46
}

.catalog__item.active * {
    fill: #ef4b46
}

.catalog__item:first-child a {
    padding-top: 0
}

.catalog__item:last-child {
    border-bottom: none
}

.catalog__item:last-child a {
    padding-bottom: 0
}

.catalog__item a {
    cursor: pointer;
    padding: 20px 0;
    display: flex;
    align-items: center
}

.catalog__item a span {
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    transition: color .3s ease 0s
}

.catalog__item a img, .catalog__item a svg {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    object-fit: contain;
    fill: #425062
}

.catalog__item a * {
    transition: fill .3s ease 0s
}

.catalog__item a:hover {
    color: #ef4b46
}

.catalog__item a:hover * {
    fill: #ef4b46
}

.catalog__title {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    margin-bottom: 24px
}

.catalog__right {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

.catalog__right::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

.catalog__right::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

.catalog__right::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

.catalog__inner {
    width: 100%;
    height: 100%;
    padding-left: 48px;
    padding-right: 20px
}

.catalog__inner-wrapper {
    max-width: 100%;
    column-count: 4;
    column-gap: 0
}

.catalog__subitem {
    width: 100%;
    padding: 0 20px 56px 0;
    break-inside: avoid
}

.catalog__subitem-title {
    margin-bottom: 32px;
    display: inline-block;
    white-space: nowrap;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    transition: color .3s ease 0s
}

.catalog__subitem-title:hover {
    color: #ef4b46
}

.catalog__subitem-list li:not(:last-child) {
    margin-bottom: 32px
}

.catalog__subitem-list a {
    display: inline-block;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    transition: color .3s ease 0s
}

.catalog__subitem-list a:hover {
    color: #ef4b46
}

.catalog__mobile {
    flex-direction: column;
    display: none;
    opacity: 0;
    transition: opacity .3s ease 0s;
    overflow-y: auto
}

.catalog__mobile.opening {
    display: flex
}

.catalog__mobile.opened {
    display: flex;
    opacity: 1
}

.catalog__mobile-list {
    overflow-y: auto;
    height: 100%
}

.catalog__mobile-list li:not(:last-child) {
    margin-bottom: 24px
}

.catalog__mobile-list a {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    transition: color .3s ease 0s;
    display: flex;
    align-items: center
}

.catalog__mobile-list a:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-left: auto;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.451 4.579l6.52 6.52c.77.77.77 2.03 0 2.8l-6.52 6.52' stroke='%23EF4B46' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.catalog__mobile-list a:hover {
    color: #ef4b46
}

.catalog__back {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    padding: 0 0 24px;
    display: flex;
    align-items: center;
    color: #425062;
    border-bottom: 1px solid #eaebed
}

.catalog__back:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    margin-right: 8px;
    margin-bottom: 1px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.773 10.21l-3.26-3.26a.993.993 0 010-1.4l3.26-3.26' stroke='%23EF4B46' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

body.inner .zhbi__row {
    display: flex;
    justify-content: center;
    margin-bottom: 50px
}

body.inner .zhbi__row .zhbi__card {
    margin-right: 20px;
    text-align: center;
    max-width: 200px
}

body.inner .base-block {
    padding-top: 0
}

body.inner .base-block .questions {
    padding: 0
}

body.inner .base-block .questions li:before {
    display: none !important
}

.base-block {
    padding: 32px 0 64px
}

.base-block__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 334px;
    grid-template-columns: 1fr 334px;
    grid-gap: 32px
}

.base-block__column {
    -ms-grid-row-align: start;
    align-self: start
}

.base-block__top {
    display: flex;
    align-items: center;
    margin-bottom: 28px
}

.base-block__content iframe, .base-block__content img, .base-block__content video {
    width: 100%;
    max-height: 285px;
    object-fit: cover
}

.base-block__content iframe:not(:last-child), .base-block__content img:not(:last-child), .base-block__content video:not(:last-child) {
    margin-bottom: 24px
}

.base-block__content p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.base-block__content p:not(:last-child) {
    margin-bottom: 24px
}

.base-block__content h2 {
    font-size: 20px;
    margin-bottom: 24px
}

.base-block__content h3 {
    display: inline-block;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4
}

.base-block__content h3:not(:last-child) {
    margin: 24px 0
}

.base-block__content ol {
    margin-left: 15px
}

.base-block__content ol:not(:last-child) {
    margin-bottom: 24px
}

.base-block__content ol li {
    list-style: decimal inside;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.base-block__delivery-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 24px
}

.base-block aside {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    grid-gap: 16px;
    align-items: start
}

.tabs {
    background: #eaebed;
    border-radius: 2px;
    margin-bottom: 32px
}

.tabs, .tabs__item {
    padding: 8px;
    display: flex
}

.tabs__item {
    flex: 1 1 auto;
    text-align: center;
    cursor: pointer;
    transition: background .4s ease 0s, color .4s ease 0s;
    border-radius: 4px;
    height: 46px;
    align-items: center;
    justify-content: center
}

.tabs__item span {
    display: block;
    font-size: .875rem;
    line-height: 1;
    font-weight: 500
}

.tabs__item:not(:last-child) {
    margin-right: 4px
}

.tabs__item:hover {
    background: #f7f8f9
}

.tabs__item.active {
    background: #ef4b46;
    color: #fff
}

.tabs-content {
    display: none
}

.tabs-content.active {
    display: block
}

.price-table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-radius: 2px;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.price-table:not(:last-of-type) {
    margin-bottom: 32px
}

.price-table .big-column {
    min-width: 274px
}

.price-table caption {
    font-size: 1.25rem;
    color: #fff;
    background: linear-gradient(180deg, #ef4b46, #af2723);
    padding: 16px
}

.price-table caption, .price-table thead td {
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.price-table thead td {
    background: #eaebed;
    font-size: .875rem;
    padding: 16px 8px;
    width: 20%
}

.price-table tbody td {
    text-align: center;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    padding: 8px 16px;
    border: 1px solid #f4f4f4;
    transition: background .3s ease 0s
}

.price-table tbody td:nth-child(n+3) {
    border-right: none
}

.price-table tbody td:nth-child(n+4) {
    border-left: none
}

.price-table tbody td:last-child {
    border-right: 1px solid #f4f4f4
}

.price-table tbody td .add-compare {
    margin: 0 auto
}

.price-table tbody tr:hover td {
    background: #f7f8f9
}

.price-table__counter {
    display: flex;
    align-items: center;
    justify-content: center
}

.price-table__counter .form__counter {
    padding: 0;
    border: none;
    -ms-grid-columns: 32px 96px 32px;
    grid-template-columns: 32px 96px 32px
}

.price-table__counter .form__counter-button {
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.relevance {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #ef4b46;
    padding: 16px;
    width: 100%;
    border: 1px solid #ffe7e7;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    margin-top: 48px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stats {
    max-width: 521px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.stats__item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.stats__item-title {
    display: flex;
    align-items: center;
    margin-right: 8px;
    color: #969696;
    font-size: .875rem;
    font-weight: 500
}

.stats__item-prompt {
    margin-left: 8px;
    cursor: pointer;
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    transition: all .2s ease 0s;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10zM12 8v5' stroke='%23969696' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.994 16h.01' stroke='%23969696' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.stats__item-prompt:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10zM12 8v5' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.994 16h.01' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.stats__item-prompt:hover span {
    opacity: 1
}

.stats__item-prompt span {
    display: block;
    position: absolute;
    top: 100%;
    left: 100%;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 16px;
    min-width: 297px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease 0s;
    z-index: 5;
    white-space: normal
}

.stats__item-value {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    margin-left: 8px
}

.stats__item-line {
    display: block;
    width: 100%;
    border-top: 1px dashed #eaebed
}

table {
    margin-bottom: 24px
}

table td {
    padding-bottom: 10px;
    padding-right: 10px
}

.base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week) {
    margin-left: 15px
}

.base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week):not(:last-child) {
    margin-bottom: 24px
}

.base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week) li:not(.tabs__item) {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    display: flex;
    align-items: center
}

.base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week) li:not(.tabs__item):before {
    display: block;
    margin-right: 10px;
    content: "";
    width: 3px;
    height: 3px;
    padding: 2px;
    background: #425062;
    border-radius: 50%
}

body.inner .sidebar__menu, body.main .sidebar__menu {
    transform: translate3d(100%, -50%, 0);
    opacity: 0
}

body.inner .sidebar__menu.active, body.main .sidebar__menu.active {
    transform: translate3d(0, -50%, 0);
    opacity: 1
}

body.scrolled .sidebar__mobilemenu {
    transform: translateY(0)
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 35
}

.sidebar__menu {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    opacity: 1;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 4px 0 0 4px;
    padding: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 64px;
    grid-template-columns: 64px;
    grid-auto-rows: 64px;
    row-gap: 17px;
    pointer-events: all;
    transition: all .7s ease
}

.sidebar__menu li {
    position: relative
}

.sidebar__menu li:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    height: 1px;
    width: 55px;
    background: #eaebed;
    transform: translateX(-50%)
}

.sidebar__menu li:last-child:after {
    display: none
}

.sidebar__button {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%
}

.sidebar__button span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #ef4b46;
    color: #fff;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1;
    border-radius: 50%
}

.sidebar__button-cart {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-cart.active, .sidebar__button-cart:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-favorite {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23425062' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-favorite.active, .sidebar__button-favorite:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-compare {
    cursor: pointer;
    display: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 29.333h24M7.467 11.173H5.333c-.733 0-1.333.6-1.333 1.334V24c0 .733.6 1.333 1.333 1.333h2.134c.733 0 1.333-.6 1.333-1.333V12.507c0-.734-.6-1.334-1.333-1.334zM17.066 6.92h-2.133c-.734 0-1.334.6-1.334 1.333V24c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V8.253c0-.733-.6-1.333-1.333-1.333zM26.667 2.667h-2.133c-.734 0-1.334.6-1.334 1.333v20c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333z' stroke='%23425062' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-compare.active, .sidebar__button-compare:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 29.333h24M7.467 11.173H5.333c-.733 0-1.333.6-1.333 1.334V24c0 .733.6 1.333 1.333 1.333h2.134c.733 0 1.333-.6 1.333-1.333V12.507c0-.734-.6-1.334-1.333-1.334zM17.066 6.92h-2.133c-.734 0-1.334.6-1.334 1.333V24c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V8.253c0-.733-.6-1.333-1.333-1.333zM26.667 2.667h-2.133c-.734 0-1.334.6-1.334 1.333v20c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333z' stroke='%23EF4B46' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-phone {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.293 24.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.335 38.335 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.539 4.539 0 01-.747.946L11.2 12.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107.106.04.213.053.333.053.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E")
}

.sidebar__button-phone:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.293 24.44c0 .48-.106.973-.333 1.453a5.5 5.5 0 01-.907 1.36c-.653.72-1.373 1.24-2.186 1.574-.8.333-1.667.506-2.6.506-1.36 0-2.814-.32-4.347-.973-1.533-.653-3.067-1.533-4.587-2.64a38.335 38.335 0 01-4.373-3.733 37.888 37.888 0 01-3.72-4.36c-1.093-1.52-1.973-3.04-2.613-4.547-.64-1.52-.96-2.973-.96-4.36 0-.907.16-1.773.48-2.573.32-.814.826-1.56 1.533-2.227.853-.84 1.787-1.253 2.773-1.253.374 0 .747.08 1.08.24.347.16.654.4.894.746l3.093 4.36c.24.334.413.64.533.934.12.28.187.56.187.813 0 .32-.093.64-.28.947a4.539 4.539 0 01-.747.946L11.2 12.707a.713.713 0 00-.213.533c0 .107.013.2.04.307.04.106.08.186.106.266.24.44.654 1.014 1.24 1.707.6.693 1.24 1.4 1.934 2.107.72.706 1.413 1.36 2.12 1.96.693.586 1.266.986 1.72 1.226.066.027.146.067.24.107.106.04.213.053.333.053.227 0 .4-.08.547-.226l1.013-1c.333-.334.653-.587.96-.747.307-.187.613-.28.947-.28.253 0 .52.053.813.173.293.12.6.294.933.52l4.414 3.134c.346.24.586.52.733.853.133.333.213.667.213 1.04z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E")
}

.sidebar__button-message {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.328 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-message:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 25.333h-.666c-5.334 0-8-1.333-8-8v-6.666c0-5.334 2.666-8 8-8h10.666c5.334 0 8 2.666 8 8v6.666c0 5.334-2.666 8-8 8h-.666c-.414 0-.814.2-1.067.534l-2 2.666c-.88 1.174-2.32 1.174-3.2 0l-2-2.666c-.213-.294-.707-.534-1.067-.534z' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.328 14.667h.012M15.994 14.667h.012M10.66 14.667h.011' stroke='%23EF4B46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__button-help {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.703 26.482a.367.367 0 01-.26-.107l-5.088-5.089a.368.368 0 010-.52l16.552-16.55a3.965 3.965 0 015.608 5.607L10.963 26.375a.367.367 0 01-.26.107zm-4.568-5.456l4.568 4.569L26.995 9.303a3.23 3.23 0 10-4.568-4.568L6.135 21.026z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M3.421 28.676a.367.367 0 01-.352-.474l2.194-7.281a.368.368 0 01.612-.154l5.088 5.088a.367.367 0 01-.154.611L3.527 28.66a.364.364 0 01-.106.016zM5.79 21.72L3.971 27.76l6.037-1.819-4.219-4.219zM24.45 12.735a.367.367 0 01-.26-.108l-5.088-5.088a.366.366 0 01.117-.604.368.368 0 01.403.084l5.088 5.088a.368.368 0 01-.26.628z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M8.16 23.938a.367.367 0 01-.26-.627L21.645 9.564a.368.368 0 01.52.52L8.42 23.831a.367.367 0 01-.26.107zM21.978 28.73h-.004a1.139 1.139 0 01-.813-.341l-1.728-1.728a.322.322 0 01-.031-.028l-2.329-2.331a.335.335 0 01-.03-.029l-2.247-2.25a.367.367 0 11.52-.518l2.218 2.221a.318.318 0 01.032.028l2.328 2.332.031.028 1.757 1.757a.412.412 0 00.456.092.42.42 0 00.137-.092l5.594-5.595a.418.418 0 00.003-.593l-6.368-6.367a.366.366 0 01-.005-.524.366.366 0 01.525.004l6.366 6.367a1.15 1.15 0 010 1.633l-5.594 5.595a1.149 1.149 0 01-.818.339zM9.965 17.041a.365.365 0 01-.26-.108L3.34 10.567a1.152 1.152 0 010-1.633l5.594-5.595A1.15 1.15 0 019.751 3h.004a1.139 1.139 0 01.813.34l6.365 6.366a.368.368 0 11-.52.52l-6.366-6.367a.412.412 0 00-.456-.092.42.42 0 00-.136.092L3.859 9.453a.42.42 0 00-.002.594l6.368 6.367a.367.367 0 01-.26.627z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M7.862 14.94a.367.367 0 01-.26-.627l1.114-1.114a.367.367 0 01.52.52l-1.114 1.113a.366.366 0 01-.26.108zM17.303 24.38a.367.367 0 01-.26-.627l1.114-1.113a.368.368 0 01.52.52l-1.114 1.113a.367.367 0 01-.26.108zM19.663 26.741a.368.368 0 01-.26-.627l1.672-1.671a.368.368 0 11.52.52l-1.672 1.672a.368.368 0 01-.26.106zM8.734 10.349a1.617 1.617 0 110-3.234 1.617 1.617 0 010 3.234zm0-2.497a.882.882 0 10.004 1.764.882.882 0 00-.004-1.764z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3C/svg%3E")
}

.sidebar__button-help:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.703 26.482a.367.367 0 01-.26-.107l-5.088-5.089a.368.368 0 010-.52l16.552-16.55a3.965 3.965 0 015.608 5.607L10.963 26.375a.367.367 0 01-.26.107zm-4.568-5.456l4.568 4.569L26.995 9.303a3.23 3.23 0 10-4.568-4.568L6.135 21.026z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M3.421 28.676a.367.367 0 01-.352-.474l2.194-7.281a.368.368 0 01.612-.154l5.088 5.088a.367.367 0 01-.154.611L3.527 28.66a.364.364 0 01-.106.016zM5.79 21.72L3.971 27.76l6.037-1.819-4.219-4.219zM24.45 12.735a.367.367 0 01-.26-.108l-5.088-5.088a.366.366 0 01.117-.604.368.368 0 01.403.084l5.088 5.088a.368.368 0 01-.26.628z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M8.16 23.938a.367.367 0 01-.26-.627L21.645 9.564a.368.368 0 01.52.52L8.42 23.831a.367.367 0 01-.26.107zM21.978 28.73h-.004a1.139 1.139 0 01-.813-.341l-1.728-1.728a.322.322 0 01-.031-.028l-2.329-2.331a.335.335 0 01-.03-.029l-2.247-2.25a.367.367 0 11.52-.518l2.218 2.221a.318.318 0 01.032.028l2.328 2.332.031.028 1.757 1.757a.412.412 0 00.456.092.42.42 0 00.137-.092l5.594-5.595a.418.418 0 00.003-.593l-6.368-6.367a.366.366 0 01-.005-.524.366.366 0 01.525.004l6.366 6.367a1.15 1.15 0 010 1.633l-5.594 5.595a1.149 1.149 0 01-.818.339zM9.965 17.041a.365.365 0 01-.26-.108L3.34 10.567a1.152 1.152 0 010-1.633l5.594-5.595A1.15 1.15 0 019.751 3h.004a1.139 1.139 0 01.813.34l6.365 6.366a.368.368 0 11-.52.52l-6.366-6.367a.412.412 0 00-.456-.092.42.42 0 00-.136.092L3.859 9.453a.42.42 0 00-.002.594l6.368 6.367a.367.367 0 01-.26.627z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M7.862 14.94a.367.367 0 01-.26-.627l1.114-1.114a.367.367 0 01.52.52l-1.114 1.113a.366.366 0 01-.26.108zM17.303 24.38a.367.367 0 01-.26-.627l1.114-1.113a.368.368 0 01.52.52l-1.114 1.113a.367.367 0 01-.26.108zM19.663 26.741a.368.368 0 01-.26-.627l1.672-1.671a.368.368 0 11.52.52l-1.672 1.672a.368.368 0 01-.26.106zM8.734 10.349a1.617 1.617 0 110-3.234 1.617 1.617 0 010 3.234zm0-2.497a.882.882 0 10.004 1.764.882.882 0 00-.004-1.764z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3C/svg%3E")
}

.sidebar.opened .sidebar__block {
    transform: translate3d(0, -50%, 0)
}

.sidebar.opened .sidebar__block.active {
    z-index: 10;
    opacity: 1
}

.sidebar__block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 32px minmax(300px, 1fr) 32px auto;
    grid-template-rows: auto minmax(300px, 1fr) auto;
    grid-gap: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    max-width: 757px;
    max-height: 864px;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #fff;
    transform: translate3d(100%, -50%, 0);
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    padding: 48px 32px 32px;
    pointer-events: all;
    opacity: 0;
    transition: all .7s ease;
    overflow-y: auto
}

.sidebar__block > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.sidebar__block > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.sidebar__block > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.sidebar__block.opened {
    display: -ms-grid;
    display: grid;
    transform: translate3d(0, -50%, 0);
    opacity: 1
}

.sidebar__block-close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 3L3 5.25 9.75 12 3 18.75 5.25 21 12 14.25 18.75 21 21 18.75 14.25 12 21 5.25 18.75 3 12 9.75 5.25 3z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.sidebar__block-top {
    display: flex;
    align-items: center
}

.sidebar__block-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 16px
}

.sidebar__block-clear {
    cursor: pointer;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #ef4b46;
    display: block
}

.sidebar__block-content {
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    max-height: 602px;
    overflow-y: auto;
    scrollbar-color: #ef4b46 #ffe7e7;
    scrollbar-width: thin
}

.sidebar__block-content::-webkit-scrollbar {
    width: 6px;
    appearance: none;
    -webkit-appearance: none
}

.sidebar__block-content::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ffe7e7
}

.sidebar__block-content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ef4b46;
    border: 2px solid #ef4b46
}

.sidebar__block-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 32px 46px;
    grid-template-rows: auto 46px;
    grid-gap: 32px
}

.sidebar__block-bottom > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.sidebar__block-bottom > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.sidebar__block-count {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    text-align: right
}

.sidebar__block-btns {
    display: flex;
    justify-content: flex-end;
    padding-left: 149px
}

.sidebar__block-btns a {
    flex: 1 1 50%
}

.sidebar__block-btns a:not(:last-child) {
    margin-right: 32px
}

.sidebar__mobilemenu {
    transition: transform .4s ease 0s;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0 -16px 32px rgba(25, 41, 63, .16);
    border-radius: 4px 4px 0 0;
    padding: 8px 36px;
    pointer-events: all
}

.sidebar__mobilemenu-checkout {
    display: none
}

.sidebar__mobilemenu-button {
    position: relative;
    display: block;
    padding: 8px;
    width: 48px;
    height: 64px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 50%
}

.sidebar__mobilemenu-button--cart {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: auto
}

.sidebar__mobilemenu-button--cart .sidebar__mobilemenu-counter {
    top: 8px;
    right: unset;
    left: 28px
}

.sidebar__mobilemenu-button--cart:before {
    content: "";
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23425062' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--cart:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.667 2.667h2.32c1.44 0 2.573 1.24 2.453 2.666l-1.107 13.28a3.727 3.727 0 003.72 4.04h14.2c1.92 0 3.6-1.573 3.747-3.48l.72-10c.16-2.213-1.52-4.013-3.747-4.013H7.76M21.667 29.333a1.667 1.667 0 100-3.333 1.667 1.667 0 000 3.333zM11 29.333A1.667 1.667 0 1011 26a1.667 1.667 0 000 3.333zM12 10.667h16' stroke='%23EF4B46' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23425062' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--favorite:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--compare {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 29.333h24M7.467 11.173H5.333c-.733 0-1.333.6-1.333 1.334V24c0 .733.6 1.333 1.333 1.333h2.134c.733 0 1.333-.6 1.333-1.333V12.507c0-.734-.6-1.334-1.333-1.334zM17.066 6.92h-2.133c-.734 0-1.334.6-1.334 1.333V24c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V8.253c0-.733-.6-1.333-1.333-1.333zM26.667 2.667h-2.133c-.734 0-1.334.6-1.334 1.333v20c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333z' stroke='%23425062' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--compare:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 29.333h24M7.467 11.173H5.333c-.733 0-1.333.6-1.333 1.334V24c0 .733.6 1.333 1.333 1.333h2.134c.733 0 1.333-.6 1.333-1.333V12.507c0-.734-.6-1.334-1.333-1.334zM17.066 6.92h-2.133c-.734 0-1.334.6-1.334 1.333V24c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V8.253c0-.733-.6-1.333-1.333-1.333zM26.667 2.667h-2.133c-.734 0-1.334.6-1.334 1.333v20c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333z' stroke='%23EF4B46' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--help {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.703 26.482a.367.367 0 01-.26-.107l-5.088-5.089a.368.368 0 010-.52l16.552-16.55a3.965 3.965 0 015.608 5.607L10.963 26.375a.367.367 0 01-.26.107zm-4.568-5.456l4.568 4.569L26.995 9.303a3.23 3.23 0 10-4.568-4.568L6.135 21.026z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M3.421 28.676a.367.367 0 01-.352-.474l2.194-7.281a.368.368 0 01.612-.154l5.088 5.088a.367.367 0 01-.154.611L3.527 28.66a.364.364 0 01-.106.016zM5.79 21.72L3.971 27.76l6.037-1.819-4.219-4.219zM24.45 12.735a.367.367 0 01-.26-.108l-5.088-5.088a.366.366 0 01.117-.604.368.368 0 01.403.084l5.088 5.088a.368.368 0 01-.26.628z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M8.16 23.938a.367.367 0 01-.26-.627L21.645 9.564a.368.368 0 01.52.52L8.42 23.831a.367.367 0 01-.26.107zM21.978 28.73h-.004a1.139 1.139 0 01-.813-.341l-1.728-1.728a.322.322 0 01-.031-.028l-2.329-2.331a.335.335 0 01-.03-.029l-2.247-2.25a.367.367 0 11.52-.518l2.218 2.221a.318.318 0 01.032.028l2.328 2.332.031.028 1.757 1.757a.412.412 0 00.456.092.42.42 0 00.137-.092l5.594-5.595a.418.418 0 00.003-.593l-6.368-6.367a.366.366 0 01-.005-.524.366.366 0 01.525.004l6.366 6.367a1.15 1.15 0 010 1.633l-5.594 5.595a1.149 1.149 0 01-.818.339zM9.965 17.041a.365.365 0 01-.26-.108L3.34 10.567a1.152 1.152 0 010-1.633l5.594-5.595A1.15 1.15 0 019.751 3h.004a1.139 1.139 0 01.813.34l6.365 6.366a.368.368 0 11-.52.52l-6.366-6.367a.412.412 0 00-.456-.092.42.42 0 00-.136.092L3.859 9.453a.42.42 0 00-.002.594l6.368 6.367a.367.367 0 01-.26.627z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3Cpath d='M7.862 14.94a.367.367 0 01-.26-.627l1.114-1.114a.367.367 0 01.52.52l-1.114 1.113a.366.366 0 01-.26.108zM17.303 24.38a.367.367 0 01-.26-.627l1.114-1.113a.368.368 0 01.52.52l-1.114 1.113a.367.367 0 01-.26.108zM19.663 26.741a.368.368 0 01-.26-.627l1.672-1.671a.368.368 0 11.52.52l-1.672 1.672a.368.368 0 01-.26.106zM8.734 10.349a1.617 1.617 0 110-3.234 1.617 1.617 0 010 3.234zm0-2.497a.882.882 0 10.004 1.764.882.882 0 00-.004-1.764z' fill='%23425062' stroke='%23425062' stroke-width='.4'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-button--help:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.703 26.482a.367.367 0 01-.26-.107l-5.088-5.089a.368.368 0 010-.52l16.552-16.55a3.965 3.965 0 015.608 5.607L10.963 26.375a.367.367 0 01-.26.107zm-4.568-5.456l4.568 4.569L26.995 9.303a3.23 3.23 0 10-4.568-4.568L6.135 21.026z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M3.421 28.676a.367.367 0 01-.352-.474l2.194-7.281a.368.368 0 01.612-.154l5.088 5.088a.367.367 0 01-.154.611L3.527 28.66a.364.364 0 01-.106.016zM5.79 21.72L3.971 27.76l6.037-1.819-4.219-4.219zM24.45 12.735a.367.367 0 01-.26-.108l-5.088-5.088a.366.366 0 01.117-.604.368.368 0 01.403.084l5.088 5.088a.368.368 0 01-.26.628z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M8.16 23.938a.367.367 0 01-.26-.627L21.645 9.564a.368.368 0 01.52.52L8.42 23.831a.367.367 0 01-.26.107zM21.978 28.73h-.004a1.139 1.139 0 01-.813-.341l-1.728-1.728a.322.322 0 01-.031-.028l-2.329-2.331a.335.335 0 01-.03-.029l-2.247-2.25a.367.367 0 11.52-.518l2.218 2.221a.318.318 0 01.032.028l2.328 2.332.031.028 1.757 1.757a.412.412 0 00.456.092.42.42 0 00.137-.092l5.594-5.595a.418.418 0 00.003-.593l-6.368-6.367a.366.366 0 01-.005-.524.366.366 0 01.525.004l6.366 6.367a1.15 1.15 0 010 1.633l-5.594 5.595a1.149 1.149 0 01-.818.339zM9.965 17.041a.365.365 0 01-.26-.108L3.34 10.567a1.152 1.152 0 010-1.633l5.594-5.595A1.15 1.15 0 019.751 3h.004a1.139 1.139 0 01.813.34l6.365 6.366a.368.368 0 11-.52.52l-6.366-6.367a.412.412 0 00-.456-.092.42.42 0 00-.136.092L3.859 9.453a.42.42 0 00-.002.594l6.368 6.367a.367.367 0 01-.26.627z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3Cpath d='M7.862 14.94a.367.367 0 01-.26-.627l1.114-1.114a.367.367 0 01.52.52l-1.114 1.113a.366.366 0 01-.26.108zM17.303 24.38a.367.367 0 01-.26-.627l1.114-1.113a.368.368 0 01.52.52l-1.114 1.113a.367.367 0 01-.26.108zM19.663 26.741a.368.368 0 01-.26-.627l1.672-1.671a.368.368 0 11.52.52l-1.672 1.672a.368.368 0 01-.26.106zM8.734 10.349a1.617 1.617 0 110-3.234 1.617 1.617 0 010 3.234zm0-2.497a.882.882 0 10.004 1.764.882.882 0 00-.004-1.764z' fill='%23EF4B46' stroke='%23EF4B46' stroke-width='.4'/%3E%3C/svg%3E")
}

.sidebar__mobilemenu-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #ef4b46;
    color: #fff;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1;
    border-radius: 50%
}

.sidebar__mobilemenu-count {
    display: block;
    position: relative;
    white-space: nowrap;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1
}

.sidebar__mobilemenu-count:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #425062
}

@keyframes show_title {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.cart-bar {
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 16px
}

.cart-bar__body {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 24px
}

.cart-bar__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    display: flex;
    align-items: center
}

.cart-bar__title:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.17 7.44L12 12.55l8.77-5.08M12 21.61v-9.07' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.93 2.48L4.59 5.44c-1.21.67-2.2 2.35-2.2 3.73v5.65c0 1.38.99 3.06 2.2 3.73l5.34 2.97c1.14.63 3.01.63 4.15 0l5.34-2.97c1.21-.67 2.2-2.35 2.2-3.73V9.17c0-1.38-.99-3.06-2.2-3.73l-5.34-2.97c-1.15-.63-3.01-.63-4.15.01z' stroke='%23425062' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.cart-bar__info p {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    color: #969696;
    display: flex;
    justify-content: space-between
}

.cart-bar__info p:not(:last-child) {
    margin-bottom: 12px
}

.cart-bar__info p span {
    display: block
}

.cart-bar__tabs {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.cart-bar__tabs:not(:last-child) {
    margin-bottom: 12px
}

.cart-bar__tabs li {
    padding: 16px 6px;
    width: 56px;
    border: 1px solid #ef4b46;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
    font-weight: 400;
    transition: all .3s ease 0s
}

.cart-bar__tabs li:not(:last-child) {
    margin-right: 8px
}

.cart-bar__tabs li:hover {
    background: #ffe7e7
}

.cart-bar__tabs li.active {
    background: #ef4b46;
    color: #fff
}

.cart-bar__count span {
    color: #425062
}

.cart-bar__price span {
    color: #ef4b46
}

.cart-bar__buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 46px;
    grid-template-columns: 1fr 46px;
    column-gap: 8px;
    row-gap: 12px
}

.cart-bar__oneclick {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.cart-bar__clear {
    cursor: pointer;
    background: #ffe7e7;
    border-radius: 4px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease 0s
}

.cart-bar__clear:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18a1 1 0 001-1v-6a1 1 0 00-2 0v6a1 1 0 001 1zM20 6h-4V5a3 3 0 00-3-3h-2a3 3 0 00-3 3v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V8h1a1 1 0 100-2zM10 5a1 1 0 011-1h2a1 1 0 011 1v1h-4V5zm7 14a1 1 0 01-1 1H8a1 1 0 01-1-1V8h10v11zm-3-1a1 1 0 001-1v-6a1 1 0 00-2 0v6a1 1 0 001 1z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.cart-bar__clear:hover {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .64), hsla(0, 0%, 100%, .64)), #ffe7e7
}

.advice {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px
}

.advice, .advice__body {
    padding: 16px;
    width: 100%
}

.advice__body {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    height: 100%
}

.advice__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 16px
}

.advice__text {
    font-size: .75rem;
    line-height: 1.4;
    color: #969696;
    max-width: 235px;
    margin: 0 auto 24px
}

.promocode {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 16px;
    width: 100%
}

.promocode__body {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    height: 100%;
    width: 100%
}

.promocode__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    text-align: center
}

.promocode .form__input:not(:last-child), .promocode__title {
    margin-bottom: 24px
}

.cart-count {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 16px;
    width: 100%
}

.cart-count__body {
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    height: 100%;
    width: 100%
}

.cart-count__title {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1
}

.cart-count__title sub {
    font-weight: 700;
    font-size: .75rem;
    line-height: 1;
    vertical-align: bottom;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.cart-count .main-btn {
    width: 100%
}

.contacts__block {
    padding-bottom: 66px
}

.contacts__map {
    position: relative
}

.contacts__map > img, .contacts__map iframe, .contacts__map svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.contacts__info {
    position: absolute;
    top: 40px;
    left: 40px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    max-width: 446px;
    z-index: 1
}

.contacts__info-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 32px
}

.contacts__info-subtitle {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1;
    color: #969696
}

.contacts__info-item {
    margin-bottom: 24px
}

.contacts__info-item:last-of-type {
    margin-bottom: 32px
}

.contacts__info-item > a, .contacts__info-item p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.contacts__info-map > img, .contacts__info-map iframe, .contacts__info-map svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.contacts__info-socials {
    display: flex;
    justify-content: center
}

.contacts__info-socials li {
    width: 32px;
    height: 32px
}

.contacts__info-socials li:not(:last-child) {
    margin-right: 8px
}

.contacts__info-socials li a {
    width: 100%;
    height: 100%;
    display: block
}

.contacts__info-socials li a:hover img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(12%) saturate(1951%) hue-rotate(174deg) brightness(93%) contrast(93%)
}

.contacts__info-socials li a img {
    width: 100%;
    height: 100%
}

.contacts .advantages {
    padding-top: 66px
}

.delivery p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.delivery p:not(:last-child) {
    margin-bottom: 24px
}

.delivery__block {
    padding-bottom: 66px
}

.delivery__block ul:not(.tabs) {
    margin-left: 15px
}

.delivery__block ul:not(.tabs):not(:last-child) {
    margin-bottom: 24px
}

.delivery__block ul:not(.tabs) li:not(.tabs__item) {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    display: flex;
    align-items: center;
    font-size: .875rem
}

.delivery__block ul:not(.tabs) li:not(.tabs__item):before {
    display: block;
    margin-right: 10px;
    content: "";
    width: 3px;
    height: 3px;
    background: #425062;
    border-radius: 50%
}

.delivery__block .block-title {
    margin-bottom: 24px
}

.delivery__info {
    max-width: 810px;
    margin: 0 auto
}

.delivery__info ul li:not(:last-child) {
    padding-bottom: 5px !important
}

body.cart-page .sidebar__mobilemenu-button {
    display: none
}

body.cart-page .sidebar__mobilemenu-button--cart {
    display: flex
}

body.cart-page .sidebar__mobilemenu-checkout {
    display: block
}

.cart__final {
    max-width: 737px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 24px;
    display: flex;
    align-items: center;
    margin: 0 auto 32px
}

.cart__final-image {
    flex-shrink: 0;
    margin-right: 33px;
    width: 128px;
    height: 128px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='128' height='128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 117.333h32c26.666 0 37.333-10.666 37.333-37.333V48c0-26.667-10.667-37.333-37.334-37.333H48c-26.666 0-37.333 10.666-37.333 37.333v32c0 26.667 10.667 37.333 37.333 37.333z' stroke='%23EF4B46' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.334 64l15.093 15.093 30.24-30.186' stroke='%23EF4B46' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%
}

.cart__final-column h2 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 16px
}

.cart__final-column p {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 24px
}

.cart__final + .advantages {
    padding-top: 32px
}

.cart .base-block {
    padding-top: 0
}

.cart .product-card__count {
    min-width: 75px
}

.cart .product-card__remove {
    cursor: pointer
}

.cart__title {
    display: flex;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 27px
}

.cart__title sup {
    margin-left: 5px;
    vertical-align: top
}

.cart__clear, .cart__title sup {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1
}

.cart__clear {
    cursor: pointer;
    color: #ef4b46
}

.cart__block {
    padding: 32px;
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    transition: height .3s ease 0s
}

.cart__filter {
    max-width: 241px
}

.cart__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.cart__list li:last-child .product-card {
    padding-bottom: 0;
    border-bottom: none
}

.checkout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.checkout__title {
    margin-bottom: 24px
}

.checkout__title h2 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1
}

.checkout__title p {
    margin-top: 16px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4;
    color: #969696
}

.checkout__row {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 24px;
    display: flex
}

.checkout__payment, .checkout__row {
    flex-direction: column
}

.checkout__payment .form__radio:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
}

.checkout .form__input {
    max-width: 476px
}

.checkout .form__input:not(:last-child) {
    margin-bottom: 24px
}

.checkout .form__calendar {
    max-width: 476px
}

.checkout .form__calendar:not(:last-child) {
    margin-bottom: 24px
}

.checkout .form__textarea {
    max-width: 476px
}

.checkout .form__textarea:not(:last-child) {
    margin-bottom: 24px
}

.checkout__products {
    table-layout: auto;
    border-collapse: collapse
}

.checkout__products thead td {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1;
    color: #969696;
    text-align: left;
    min-width: 125px
}

.checkout__products thead td:not(:first-child) {
    text-align: center
}

.checkout__products-title {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1
}

.checkout__product:not(:last-child) td {
    border-bottom: 1px solid #eaebed;
    padding: 12px 0
}

.checkout__product td {
    padding-top: 12px;
    vertical-align: middle
}

.checkout__product-content {
    display: flex;
    align-items: center
}

.checkout__product-image {
    margin-right: 16px;
    width: 64px;
    height: 64px;
    flex-shrink: 0
}

.checkout__product-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.checkout__product-name {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.checkout__product-count {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: unset
}

.checkout__product-count span {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1
}

.disabled {
    pointer-events: none;
    opacity: .5
}

.adv-slider {
    padding: 112px 0 64px;
    overflow: hidden
}

.adv-slider + .adv-slider {
    padding: 64px 0
}

.adv-slider .block-title {
    margin-bottom: 32px
}

.adv-slider__item {
    padding: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 24px;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px
}

.adv-slider__item-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 94px 16px 1fr;
    grid-template-columns: 94px 1fr;
    column-gap: 16px
}

.adv-slider__item-image {
    width: 94px;
    height: 94px
}

.adv-slider__item-image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.adv-slider__item-info {
    display: flex;
    flex-direction: column
}

.adv-slider__item-name {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.adv-slider__item-price {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    margin-top: auto
}

.adv-slider__slider {
    position: relative;
    max-width: 1596px;
    padding: 0 94px;
    margin: 0 auto
}

.adv-slider__slider .swiper-container {
    padding: 16px 0
}

.adv-slider__slider .swiper-button-next, .adv-slider__slider .swiper-button-prev {
    background: #ffe7e7;
    border-radius: 4px;
    width: 46px;
    height: 46px
}

.adv-slider__slider .swiper-button-next:after, .adv-slider__slider .swiper-button-prev:after {
    width: 24px;
    height: 24px;
    font-size: 100%;
    font-weight: 600;
    color: #ef4b46;
    display: flex;
    align-items: center;
    justify-content: center
}

.adv-slider__slider .swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.adv-slider__slider .swiper-button-prev {
    left: 16px
}

.adv-slider__slider .swiper-button-prev:after {
    margin-right: 3px
}

.adv-slider__slider .swiper-button-next {
    right: 16px
}

.adv-slider__slider .swiper-button-next:after {
    margin-left: 3px
}

.adv-slider__slider .swiper-slide {
    display: block
}

.adv-product {
    background: #fff;
    border: 1px solid #eaebed;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px
}

.adv-product:hover {
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
}

.adv-product__image {
    width: 100%;
    position: relative;
    padding-bottom: 52.5%;
    margin-bottom: 16px;
    display: block
}

.adv-product__image * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.adv-product__info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.adv-product__name {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4;
    min-height: 60px
}

.adv-product__price {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1
}

.adv-product__rating {
    display: flex;
    align-items: center
}

.adv-product__rating-stars {
    display: flex
}

.adv-product__rating-comments {
    font-size: .75rem;
    color: #969696;
    line-height: 1;
    margin-left: 8px
}

.adv-product__rating li {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.adv-product__rating li.active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0l1.796 5.528h5.813l-4.703 3.416 1.796 5.528L8 11.056l-4.702 3.416 1.796-5.528L.392 5.528h5.812L8 0z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.adv-product__bottom {
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 46px 8px 46px;
    grid-template-columns: 1fr 46px 46px;
    grid-gap: 8px
}

.adv-product__bottom--selected {
    -ms-grid-columns: 1fr (46px) [ 3 ];
    grid-template-columns: 1fr repeat(3, 46px)
}

.adv-product__add {
    background: #ffe7e7;
    border-radius: 4px;
    background-size: 24px 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 46px;
    transition: all .3s ease 0s
}

.adv-product__add:hover {
    background-color: rgba(255, 231, 231, .5215686274509804)
}

.adv-product__add--favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.adv-product__add--favorite.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='%23EF4B46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.adv-product__add--compare {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 29.333h24M7.467 11.173H5.333c-.733 0-1.333.6-1.333 1.334V24c0 .733.6 1.333 1.333 1.333h2.134c.733 0 1.333-.6 1.333-1.333V12.507c0-.734-.6-1.334-1.333-1.334zM17.066 6.92h-2.133c-.734 0-1.334.6-1.334 1.333V24c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V8.253c0-.733-.6-1.333-1.333-1.333zM26.667 2.667h-2.133c-.734 0-1.334.6-1.334 1.333v20c0 .733.6 1.333 1.334 1.333h2.133c.733 0 1.333-.6 1.333-1.333V4c0-.733-.6-1.333-1.333-1.333z' stroke='%23EF4B46' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.adv-product .main-btn {
    box-shadow: none
}

.adv-product .main-btn span > span {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-top: 4px
}

.compare__block-top {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.compare__block-top .form__tumbler {
    margin-left: auto
}

.compare__block-top .form__tumbler:not(:last-child) {
    margin-bottom: 0
}

.compare__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    margin-right: 16px
}

.compare__title sup {
    vertical-align: top
}

.compare__clear, .compare__title sup {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1
}

.compare__clear {
    color: #ef4b46
}

.compare__clear--mob {
    margin: 32px auto 0
}

.compare__select {
    margin-left: 48px
}

.compare__select .select.opened .select__list {
    top: calc(100% + 8px)
}

.compare__select .select__input {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    background: #fff;
    border: none;
    min-width: 185px;
    cursor: pointer;
    padding: 5px 20px 5px 32px;
    height: auto;
    min-height: 24px
}

.compare__select .select__input:hover {
    border: none
}

.compare__select .select__input:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    content: "";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7h18M6 12h12M10 17h4' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.compare__select .select__input:before {
    top: 6px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.279 5.967l-4.347 4.346a1.324 1.324 0 01-1.867 0L2.72 5.967' stroke='%23425062' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.compare__select .select__list-item.active {
    display: flex;
    align-items: center;
    flex-direction: row;
    white-space: nowrap
}

.compare__select .select__list-item.active:after {
    content: "";
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.473 4.807a.666.666 0 00-.947 0L6.56 9.78 4.473 7.687a.681.681 0 10-.947.98l2.56 2.56a.666.666 0 00.947 0l5.44-5.44a.669.669 0 000-.98z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.compare__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px
}

.compare-card {
    background: #fff;
    box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
    border-radius: 2px;
    padding: 32px 16px 16px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 24px
}

.compare-card .stats {
    padding: 0
}

.compare-card__remove {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 3L3 5.25 9.75 12 3 18.75 5.25 21 12 14.25 18.75 21 21 18.75 14.25 12 21 5.25 18.75 3 12 9.75 5.25 3z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
}

.compare-card__image {
    width: 100%;
    position: relative;
    padding-bottom: 54%;
    border-radius: 2px;
    overflow: hidden
}

.compare-card__image * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.compare-card__info {
    font-size: .875rem
}

.compare-card__info h3 {
    font-weight: 500;
    line-height: 1.4;
    min-height: 40px
}

.compare-card__info p {
    font-weight: 700;
    line-height: 1
}

.compare-card__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 46px;
    grid-template-columns: 1fr 46px;
    grid-gap: 8px
}

.compare-card__bottom--selected {
    -ms-grid-columns: 1fr (46px) [ 2 ];
    grid-template-columns: 1fr repeat(2, 46px)
}

.compare-card__add {
    background: #ffe7e7;
    border-radius: 4px;
    background-size: 24px 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 46px;
    transition: all .3s ease 0s
}

.compare-card__add:hover {
    background-color: rgba(255, 231, 231, .5215686274509804)
}

.compare-card__add--favorite {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.compare-card__add--favorite.active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='%23EF4B46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.827 27.747c-.454.16-1.2.16-1.654 0-3.866-1.32-12.506-6.827-12.506-16.16 0-4.12 3.32-7.454 7.413-7.454A7.354 7.354 0 0116 7.12a7.373 7.373 0 015.92-2.987c4.093 0 7.413 3.334 7.413 7.454 0 9.333-8.64 14.84-12.506 16.16z' stroke='%23EF4B46' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.compare-card__add--cart {
    box-shadow: none
}

.compare-card__add--cart span > span {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-top: 4px
}

.compare-card__plus {
    box-shadow: none;
    padding: 2px
}

.popups {
    display: none
}

.popup {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 32px;
    max-width: 397px
}

.popup__title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1
}

.popup__text {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.4
}

.services .questions {
    padding: 0
}

.services .questions .ask__item-dropdown {
    width: 100%
}

.services .questions li:before {
    display: none !important
}

@media screen and (min-width: 426px) {
    .cart__clear--mobile {
        display: none
    }
}

@media screen and (min-width: 550px) {
    .base-block__delivery .ask__item-dropdown {
        max-width: 95%;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .checkout__products-title {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    body.catalog-opened, body.mobilemenu-opened, body.popup-opened {
        width: calc(100% - 6px)
    }

    .footer__rating--mobile, .header__mobile, .header__subnavigation, .mobile-menu {
        display: none
    }

    .catalog__left {
        scrollbar-color: #ef4b46 #ffe7e7;
        scrollbar-width: thin
    }

    .catalog__left::-webkit-scrollbar {
        width: 6px;
        appearance: none;
        -webkit-appearance: none
    }

    .catalog__left::-webkit-scrollbar-track {
        border-radius: 2px;
        background: #ffe7e7
    }

    .catalog__left::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #ef4b46;
        border: 2px solid #ef4b46
    }

    .catalog__back, .catalog__title {
        display: none
    }

    body.inner--product .base-block .price-table caption {
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        color: #425062;
        background: #fff;
        text-align: left;
        padding-left: 0
    }

    .base-block aside {
        top: 100px;
        position: sticky
    }

    .popup {
        min-width: 397px
    }
}

@media screen and (max-width: 1680px) {
    .sidebar__menu {
        -ms-grid-columns: 48px;
        grid-template-columns: 48px;
        grid-auto-rows: 48px
    }

    .sidebar__menu li:after {
        width: 35px
    }

    .sidebar__button span {
        width: 15px;
        height: 15px;
        font-size: .5rem
    }

    .sidebar__block {
        max-width: 600px;
        max-height: 664px;
        right: 0
    }

    .sidebar__block .product-card {
        -ms-grid-columns: 52px 16px 1fr 16px auto;
        grid-template-columns: 52px 1fr auto
    }

    .sidebar__block .product-card__image {
        width: 52px;
        height: 52px
    }
}

@media screen and (max-width: 1500px) {
    .base-block__body {
        -ms-grid-columns: 1fr 32px 398px;
        grid-template-columns: 1fr 398px
    }

    .base-block aside {
        padding-right: 64px
    }
}

@media screen and (max-width: 1450px) {
    .banner__advantages {
        padding-left: 16px
    }

    .banner__advantage {
        height: 70px;
        width: 300px
    }

    .banner__advantage:after {
        left: -16px;
        border-bottom: 65px solid transparent;
        border-left: 30px solid rgba(239, 75, 70, .56)
    }

    .banner__advantage span {
        font-size: 2rem
    }

    .banner__advantage p {
        font-size: .75rem
    }

    .promotions {
        padding: 80px 0
    }

    .saved-products__slider .swiper-button-disabled, .seen__slider .swiper-button-disabled {
        opacity: .5
    }

    .header__top-body {
        /*-ms-grid-columns: 175px 16px 400px 16px 1fr;*/
        /*grid-template-columns: 175px 400px 1fr;*/
        /*column-gap: 16px*/
    }

    .header__weather {
        padding: 0 16px
    }

    .catalog__inner-wrapper {
        column-count: 4
    }

    .adv-slider__slider .swiper-button-disabled {
        opacity: .5
    }
}

@media screen and (max-width: 1330px) {
    .order__content {
        flex-direction: column
    }

    .order__column {
        padding-left: 0;
        margin-bottom: 40px;
        margin-right: 0;
        align-items: center
    }

    .order__form, .order__title {
        -ms-grid-row-align: center;
        align-self: center
    }

    .order__form {
        margin-right: 0
    }
}

@media screen and (max-width: 1310px) {
    .footer__body {
        column-gap: 30px;
        -ms-grid-columns: auto 30px 1fr 30px minmax(212px, 230px);
        grid-template-columns: auto 1fr minmax(212px, 230px)
    }

    .footer__logo {
        max-width: 180px
    }

    .footer__social li {
        width: 24px;
        height: 24px
    }

    .footer__list li, .footer__phone a {
        font-size: .75rem
    }

    .footer__phone a span {
        font-size: .625rem
    }

    .footer__address p, .footer__email a {
        font-size: .75rem
    }
}

@media screen and (max-width: 1280px) {
    .header_nav_item {
        margin: 0 10px;
    }

    .play-btn:before {
        border-width: 55px 0 55px 110px
    }

    .callback .block-title {
        font-size: 2rem
    }

    .callback__body {
        -ms-grid-columns: 420px 1fr;
        grid-template-columns: 420px 1fr
    }

    .callback__item {
        -ms-grid-columns: 90px 1fr;
        grid-template-columns: 90px 1fr
    }

    .callback__item span {
        font-size: 3rem
    }

    .reviews__list {
        grid-gap: 16px
    }

    .header__top-body {
        /*justify-content: flex-start;*/
        /*-ms-grid-columns: 175px 1fr;*/
        /*grid-template-columns: 175px 1fr*/
    }

    .header__weather {
        display: none
    }

    /*.header__contacts {*/
    /*    margin-left: 30px;*/
    /*    margin-right: 30px;*/
    /*    justify-content: flex-start;*/
    /*}*/
    .header__navigation li a {
        padding: 0 4px
    }

    .catalog__inner-wrapper {
        column-count: 3
    }

    .base-block__body {
        -ms-grid-columns: 1fr 16px 344px;
        grid-template-columns: 1fr 344px;
        grid-gap: 16px
    }

    .price-table:not(:last-of-type), .tabs {
        margin-bottom: 16px
    }

    .price-table .big-column {
        min-width: unset
    }

    .price-table thead td {
        width: 30%
    }

    .price-table tbody td {
        font-size: .75rem
    }

    .price-table__counter .form__counter {
        -ms-grid-columns: 24px 50px 24px;
        grid-template-columns: 24px 50px 24px
    }

    .price-table__counter .form__counter-button {
        width: 24px;
        height: 24px
    }

    .relevance {
        margin-top: 32px
    }

    .advice__title {
        font-size: 1rem
    }

    .advice .main-btn--white {
        font-size: .75rem
    }

    .promocode__title {
        font-size: 1rem
    }

    .promocode .main-btn--white {
        font-size: .75rem
    }

    .cart-count__title {
        display: flex;
        flex-direction: column;
        line-height: 1.4
    }

    .contacts__map {
        padding-bottom: 56.85%
    }

    .contacts__info {
        top: 20px;
        left: 20px;
        max-width: 350px
    }

    .contacts__info-socials li {
        width: 24px;
        height: 24px
    }

    .compare__content {
        -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 1204px) {
    .header__wrapper {
        padding: 0 16px
    }
}

@media screen and (max-width: 1180px) {
    .footer__list li {
        font-size: .625rem
    }
}

@media screen and (max-width: 1080px) {
    .advantages__list {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 1024px) {
    .header_nav_item {
        margin: 0 10px 0 0;
    }

    .header__weather {
        padding: 0;
    }

    .header__weather:before, .header__weather:after {
        content: "";
        height: 48px;
        width: 0;
        position: absolute;
        top: 50%;
        background: #425062;
        transform: translateY(-50%)
    }

    .header__top-body {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .block-title {
        margin-bottom: 32px
    }

    .banner-title, .block-title {
        font-size: 1.5rem
    }

    .wrap {
        display: flex;
        flex-direction: column
    }

    .banner__body {
        padding: 30px 0 30px;
    }

    .banner__info-subtitle span, .banner__info h1 {
        font-size: 2rem
    }

    .banner__info p {
        font-size: .875rem
    }

    .banner__advantages {
        flex-direction: column;
        padding: 0;
        margin: 40px 0 0 -16px
    }

    .banner__advantage {
        padding: 10px 0 10px 24px;
        justify-content: flex-start;
        height: 60px;
        background: rgba(239, 75, 70, .56)
    }

    .banner__advantage:not(:last-child) {
        margin-bottom: 12px;
        margin-right: 0
    }

    .banner__advantage:before {
        display: none
    }

    .banner__advantage:after {
        display: block;
        border-bottom: 60px solid transparent;
        border-left: 40px solid rgba(239, 75, 70, .56);
        left: 100%
    }

    .about__text p {
        font-size: .875rem
    }

    .about__files {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .about__file {
        flex: 0 0 auto;
        width: 100%
    }

    .about__file:not(:last-child) {
        margin-right: 0;
        margin-bottom: 32px
    }

    .about__file-info h3 {
        font-size: 1rem
    }

    .callback .block-title {
        text-align: center
    }

    .callback__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 64px
    }

    .callback__column {
        max-width: 501px;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .callback__item {
        -ms-grid-columns: 128px 1fr;
        grid-template-columns: 128px 1fr
    }

    .callback__item span {
        font-size: 4rem
    }

    .callback__aside-body {
        position: static
    }

    .promotions {
        padding: 64px 0
    }

    .promotions__list {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .promotions__item:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-column-align: center;
        justify-self: center;
        width: 100%
    }

    .order__column {
        text-align: center
    }

    .order__title {
        font-size: 1.5rem
    }

    .order__text {
        font-size: 1rem
    }

    .order__phone {
        font-size: 1.5rem
    }

    .order__form-title {
        text-align: center
    }

    .partners__list {
        -ms-grid-columns: 1fr 0 1fr;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0;
        row-gap: 16px
    }

    .partners__item {
        width: 100%;
        max-width: 200px;
        -ms-grid-row-align: start;
        align-self: start;
        -ms-grid-column-align: center;
        justify-self: center;
        padding-bottom: 37%
    }

    .partners__item:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        padding-bottom: 18.5%
    }

    .works__list {
        -ms-grid-columns: 1fr 24px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px
    }

    .works__item-image {
        margin-bottom: 0
    }

    .certificates__list {
        grid-gap: 16px
    }

    .certificates__item:after {
        width: 64px;
        height: 64px
    }

    .reviews__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 32px
    }

    .saved-products__slider {
        padding: 0 0 0 16px
    }

    .saved-products__slider .swiper-button-next, .saved-products__slider .swiper-button-prev {
        display: none
    }

    .seen {
        max-width: 1024px
    }

    .seen__slider {
        padding: 0 0 0 16px
    }

    .seen__slider .swiper-button-next, .seen__slider .swiper-button-prev {
        display: none
    }

    .header {
        position: absolute;
        height: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr
    }

    .header > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .header > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .header__logo,
    .header__callback {
        display: none;
    }

    .header__bottom {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        padding: 104px 0 24px;
        width: 80%;
        max-width: 300px;
        background: #fff;
        color: #425062;
        transform: translateX(-100%);
        display: none;
        box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
        transition: transform .4s ease 0s;
        overflow-y: auto
    }

    .header__bottom .header__wrapper {
        height: 100%
    }

    .header__bottom-body {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto 24px 1fr 24px auto;
        grid-template-rows: auto 1fr auto;
        row-gap: 24px
    }

    .header__bottom-body > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .header__bottom-body > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .header__bottom-body > *:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .header__catalog-btn {
        margin-right: 0;
        padding: 0;
        height: auto;
        color: #425062;
        justify-content: flex-start;
        background: none
    }

    .header__catalog-btn:before {
        width: 14px;
        height: 14px;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.62 1h-.95C1.575 1 1 1.575 1 2.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95C5.285 1.575 4.71 1 3.62 1zM9.334 1h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95c0-1.09-.575-1.665-1.665-1.665zM9.334 6.715h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95c0-1.09-.575-1.665-1.665-1.665zM3.62 6.715h-.95C1.575 6.715 1 7.29 1 8.38v.95C1 10.425 1.575 11 2.665 11h.95c1.09 0 1.665-.575 1.665-1.665v-.95c.005-1.095-.57-1.67-1.66-1.67z' fill='%23425062'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .header__catalog-btn:after {
        position: relative;
        display: block;
        width: 12px;
        height: 12px;
        margin-left: auto;
        opacity: 1;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.451 4.579l6.52 6.52c.77.77.77 2.03 0 2.8l-6.52 6.52' stroke='%23EF4B46' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .header__catalog-btn:hover {
        color: #ef4b46
    }

    .header__catalog-btn:hover:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.62 1h-.95C1.575 1 1 1.575 1 2.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95C5.285 1.575 4.71 1 3.62 1zM9.335 1h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95C11 1.575 10.425 1 9.335 1zM9.335 6.715h-.95c-1.09 0-1.665.575-1.665 1.665v.95c0 1.09.575 1.665 1.665 1.665h.95c1.09 0 1.665-.575 1.665-1.665v-.95c0-1.09-.575-1.665-1.665-1.665zM3.62 6.715h-.95C1.575 6.715 1 7.29 1 8.38v.95C1 10.425 1.575 11 2.665 11h.95c1.09 0 1.665-.575 1.665-1.665v-.95c.005-1.095-.57-1.67-1.66-1.67z' fill='%23EF4B46'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .header__catalog-btn span {
        font-size: 1rem
    }

    .header__navigation {
        flex-direction: column;
        padding-bottom: 24px;
        border-bottom: 1px solid #eaebed
    }

    .header__navigation li:not(:last-child) {
        margin-bottom: 24px;
        margin-right: 0
    }

    .header__navigation li a {
        padding: 0;
        justify-content: flex-start
    }

    .footer__body {
        padding-bottom: 62px;
        row-gap: 32px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .footer__column:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/span 2;
        -ms-grid-row-align: start;
        align-self: start
    }

    .footer__column:nth-child(3) {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        grid-column: 2
    }

    .footer__column--navigation {
        flex-direction: column;
        transition: all .3s ease 0s
    }

    .footer__logo {
        max-width: 210px
    }

    .footer__social li {
        width: 32px;
        height: 32px
    }

    .footer__group.active .footer__list {
        margin-top: 32px
    }

    .footer__group:not(:last-child) {
        margin-right: 0;
        margin-bottom: 32px
    }

    .footer__title {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .footer__title:after {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        margin-left: auto;
        transition: .3s;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.279 5.967l-4.347 4.346a1.324 1.324 0 01-1.867 0L2.72 5.967' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .footer__list {
        height: 0;
        overflow: hidden;
        transition: all .4s ease 0s
    }

    .footer__list li {
        font-size: .875rem
    }

    .footer__callback {
        margin-bottom: 0
    }

    .footer__rating {
        display: none
    }

    .catalog {
        height: 100%;
        transform: translateX(-100%);
        opacity: 1;
        top: unset;
        bottom: 0
    }

    .catalog.opened {
        transform: translateX(0);
        top: unset;
        z-index: 1
    }

    .catalog.closing {
        z-index: 1
    }

    .catalog__wrapper {
        height: 100%;
        padding: 80px 0 0
    }

    .catalog__body {
        height: 100%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 36px 24px auto;
        grid-template-rows: 36px auto;
        row-gap: 24px;
        padding: 32px 16px;
        box-shadow: 0 4px 40px rgba(25, 41, 63, .08)
    }

    .catalog__body > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .catalog__body > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .catalog__left {
        border-right: 0;
        padding-right: 0;
        display: none;
        opacity: 0
    }

    .catalog__left.opening {
        display: block
    }

    .catalog__left.opened {
        display: block;
        opacity: 1
    }

    .catalog__item:not(:last-child) {
        margin-bottom: 24px;
        border: none
    }

    .catalog__item a {
        padding: 0
    }

    .catalog__item a:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        margin-left: auto;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.451 4.579l6.52 6.52c.77.77.77 2.03 0 2.8l-6.52 6.52' stroke='%23EF4B46' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .catalog__item a span {
        font-weight: 500;
        font-size: .875rem;
        line-height: 1
    }

    .catalog__item a img, .catalog__item a svg, .catalog__right {
        display: none
    }

    body.inner .base-block aside {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr)
    }

    body.inner .base-block aside .advice {
        height: 100%
    }

    body.inner .base-block aside .advice__body {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    body.inner .base-block aside .calculator {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        max-width: 700px;
        -ms-grid-column-align: center;
        justify-self: center
    }

    .base-block__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .base-block aside {
        padding-right: 0;
        -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
        grid-template-columns: repeat(3, 1fr)
    }

    .sidebar__block, .sidebar__menu {
        display: none
    }

    .sidebar__mobilemenu {
        display: flex
    }

    .contacts {
        padding-top: 80px
    }

    .contacts__block .wrapper {
        padding: 0
    }

    .contacts__map {
        padding-bottom: 0
    }

    .contacts__map > img, .contacts__map iframe, .contacts__map svg {
        display: none
    }

    .contacts__info {
        position: static;
        top: unset;
        left: unset;
        max-width: 100%;
        width: 100%;
        padding: 16px
    }

    .contacts__info-item:last-of-type, .contacts__info-title {
        margin-bottom: 24px
    }

    .contacts__info-map {
        display: block;
        position: relative;
        margin-bottom: 24px;
        padding-bottom: 50%;
        box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
        border-radius: 2px
    }

    .contacts__info-socials li:not(:last-child) {
        margin-right: 16px
    }

    .contacts__info-socials li {
        width: 32px;
        height: 32px
    }

    .cart, .delivery {
        padding-top: 80px
    }

    .cart .base-block aside {
        -ms-grid-row: 1;
        grid-row: 1
    }

    .adv-slider__slider {
        padding: 0 0 0 16px
    }

    .adv-slider__slider .swiper-button-next, .adv-slider__slider .swiper-button-prev {
        display: none
    }

    .compare {
        padding-top: 80px
    }

    .compare__content {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .services {
        padding-top: 80px
    }
}

@media screen and (max-width: 880px) {
    .base-block aside {
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .cart-count__title {
        display: block;
        line-height: 1
    }

    .cart .cart-count {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .cart .advice {
        height: 100%
    }

    .cart .advice__body {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (max-width: 880px) and (max-width: 650px) {
    .cart .cart-count {
        -ms-grid-column: 1;
        grid-column: 1
    }
}

@media screen and (max-width: 768px) {
    .wrap main {
        overflow: hidden;
        padding-bottom: 32px
    }

    .mobile-menu {
        padding-top: 68px
    }

    .mobile-menu__title {
        font-size: .875rem
    }

    .mobile-menu__close {
        width: 12px;
        height: 12px
    }

    .mobile-menu__content {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr)
    }

    .mobile-menu__content > * {
        -ms-grid-column-align: unset;
        justify-self: unset
    }

    .mobile-menu__phone:before {
        width: 16px;
        height: 16px
    }

    .mobile-menu__phone a {
        font-size: .75rem
    }

    .mobile-menu__email:before {
        width: 16px;
        height: 16px
    }

    .mobile-menu__email a {
        font-size: .75rem
    }

    .banner__body {
        padding: 30px 0 30px;
    }

    .banner__info-subtitle span, .banner__info h1 {
        font-size: 1.5rem
    }

    .banner__info p {
        font-size: .75rem;
        font-weight: 400
    }

    .banner__advantage span {
        font-size: 1.5rem;
        margin-right: 8px
    }

    .advantages {
        padding: 64px 0
    }

    .advantages__list {
        grid-gap: 16px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .promotions .wrapper {
        padding: 0
    }

    .promotions .block-title {
        padding: 0 16px
    }

    .promotions__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        align-items: center
    }

    .promotions__item {
        margin: 0 auto;
        width: 100%;
        box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
        padding: 11px
    }

    .promotions__item:last-child {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-column-align: unset;
        justify-self: unset
    }

    .promotions__item a {
        padding: 8px
    }

    .ceo {
        padding: 64px 0 32px
    }

    .ceo__block {
        flex-direction: column
    }

    .ceo__image {
        margin-bottom: 12px;
        margin-right: 0;
        width: 112px;
        height: 112px
    }

    .ceo__content {
        text-align: center
    }

    .ceo__content h3 {
        margin-bottom: 16px
    }

    .partners {
        padding: 32px 0
    }

    .partners__item {
        padding-bottom: 50%
    }

    .partners__item:last-child {
        padding-bottom: 25%
    }

    .certificates, .works {
        padding: 32px 0
    }

    .certificates__list {
        grid-gap: 12px
    }

    .certificates__item:after {
        width: 32px;
        height: 32px
    }

    .questions {
        padding: 32px 0
    }

    .ask__item-title {
        padding: 16px
    }

    .ask__item-title h4 {
        font-size: 1rem
    }

    .reviews {
        margin: 32px 0 0
    }

    .broadcast {
        padding: 66px 0 32px
    }

    .map {
        padding: 32px 0
    }

    .using {
        padding: 64px 0 0
    }

    .using__block p {
        font-size: .875rem
    }

    .using__block p:not(:last-child) {
        margin-bottom: 16px
    }

    .using__block h3 {
        font-size: 1rem
    }

    .using__block h3:not(:last-child), .using__block ul:not(:last-child) {
        margin-bottom: 16px
    }

    .using__block ul li {
        font-size: .875rem
    }

    .header__mobile-burger {
        width: 32px;
        height: 32px
    }

    .header__mobile-logo {
        height: 32px;
        width: 150px
    }

    .header__bottom {
        padding: 92px 0 24px
    }

    .footer {
        padding: 16px 0 110px
    }

    .footer__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .footer__column:nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
        grid-row: unset
    }

    .footer__column:nth-child(3) {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1
    }

    .footer__rating--mobile {
        grid-row: unset;
        -ms-grid-column: 1;
        grid-column: 1
    }

    .catalog__wrapper {
        padding: 68px 0 0
    }

    .base-block__content iframe, .base-block__content img, .base-block__content video {
        max-height: 204px
    }

    .base-block__content p {
        font-size: .875rem
    }

    .base-block__content p:not(:last-child) {
        margin-bottom: 32px
    }

    .base-block__content h3 {
        font-size: 1rem
    }

    .base-block__content h3:not(:last-child) {
        margin-top: 0;
        margin-bottom: 16px
    }

    .base-block__content ol:not(:last-child) {
        margin-bottom: 32px
    }

    .base-block__content ol li {
        font-size: .875rem
    }

    .base-block__delivery-title {
        text-align: center;
        line-height: 1.2
    }

    .price-table caption {
        font-size: 1rem
    }

    .price-table tbody td .add-compare label span, .price-table tbody td:nth-child(2), .price-table thead td:nth-child(2) {
        display: none
    }

    .price-table tbody td .add-compare label:before {
        margin-right: 0
    }

    .stats__item-prompt {
        width: 16px;
        height: 16px
    }

    .base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week):not(:last-child) {
        margin-bottom: 32px
    }

    .base-block ul:not(.tabs):not(.cart__list):not(.calendar__days):not(.calendar__week) li:not(.tabs__item) {
        font-size: .875rem
    }

    .contacts {
        padding-top: 68px
    }

    .contacts__block {
        padding-bottom: 32px
    }

    .contacts__info-map {
        padding: 0 16px
    }

    .contacts .advantages {
        padding-top: 32px
    }

    .delivery {
        padding-top: 68px
    }

    .delivery p {
        font-size: .875rem
    }

    .delivery p:not(:last-child) {
        margin-bottom: 32px
    }

    .delivery__block {
        padding-bottom: 32px
    }

    .delivery__block ul:not(.tabs):not(:last-child) {
        margin-bottom: 32px
    }

    .cart {
        padding-top: 68px
    }

    .checkout__row {
        padding: 16px
    }

    .checkout__products {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .checkout__products thead {
        display: none
    }

    .checkout__products tbody {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 24px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px
    }

    .checkout__product {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 16px;
        padding: 24px 0 0;
        border-top: 1px solid #eaebed
    }

    .checkout__product:not(:last-child) td {
        padding: 0;
        border: none
    }

    .checkout__product td {
        padding-top: 0;
        display: block;
        vertical-align: unset
    }

    .checkout__product-image {
        display: none
    }

    .checkout__product-count {
        justify-content: flex-start;
        margin-top: 8px
    }

    .checkout__product-count span {
        font-weight: 700
    }

    .adv-slider {
        padding: 64px 0 32px
    }

    .compare {
        padding-top: 68px
    }

    .compare__block-top {
        flex-direction: column
    }

    .compare__block-top .form__tumbler {
        margin-left: 0
    }

    .compare__block-top .form__tumbler:not(:last-child), .compare__title {
        margin-bottom: 32px
    }

    .compare__title {
        margin-right: 0
    }

    .compare__clear {
        display: none
    }

    .compare__clear--mob {
        display: block
    }

    .compare__select {
        margin-left: 0
    }

    .services {
        padding-top: 68px
    }
}

@media screen and (max-width: 675px) {
    .cart .product-card {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .cart .product-card__image {
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 49%
    }

    .cart .product-card__image * {
        position: absolute;
        top: 0;
        left: 0
    }

    .cart__block {
        padding: 16px
    }
}

@media screen and (max-width: 650px) {
    body.inner .base-block aside {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    body.inner .base-block aside .calculator {
        -ms-grid-column: 1;
        grid-column: 1
    }

    .cart .base-block aside {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .compare__content {
        grid-gap: 0
    }

    .compare-card {
        box-shadow: none;
        padding: 40px 8px 8px
    }

    .compare-card:nth-child(odd) {
        border-right: 1px solid #f7f8f9
    }

    .compare-card:nth-child(2n) {
        border-left: 1px solid #f7f8f9
    }

    .compare-card .stats__item {
        flex-direction: column;
        align-items: flex-start;
        white-space: normal
    }

    .compare-card .stats__item-line {
        display: none
    }

    .compare-card .stats__item-title {
        margin-right: 0;
        font-weight: 400;
        margin-bottom: 8px
    }

    .compare-card .stats__item-value {
        font-weight: 400;
        margin-left: 0
    }
}

@media screen and (max-width: 600px) {
    body.inner--product #prices .tabs-content {
        overflow-x: scroll;
        max-width: 570px
    }

    .base-block aside {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 550px) {
    .banner-title, .block-title {
        font-size: 1.25rem
    }

    .banner-title {
        padding-bottom: 12px;
        margin-bottom: 16px
    }

    .play-btn:before {
        border-width: 28px 0 28px 48px
    }

    body.inner .banner__info-subtitle {
        -ms-grid-columns: max-content 24px max-content;
        grid-template-columns: repeat(2, max-content)
    }

    .banner__info h1, body.inner .banner__info-subtitle span {
        font-size: .875rem
    }

    .banner__info-subtitle, .banner__info h1 {
        margin-bottom: 16px
    }

    .banner__info-subtitle span {
        font-size: .875rem;
        color: #fff
    }

    .banner__advantages {
        margin-top: 12px;
        width: calc(100% + 16px)
    }

    .banner__advantage {
        height: 55px;
        width: 85%
    }

    .banner__advantage:after {
        border-bottom: 55px solid transparent
    }

    .about__text p {
        font-weight: 400;
        text-align: center
    }

    .about__file {
        padding: 32px 10px
    }

    .callback .block-title {
        font-size: 1.25rem
    }

    .callback__column {
        max-width: 420px
    }

    .callback__item {
        -ms-grid-columns: 90px 1fr;
        grid-template-columns: 90px 1fr
    }

    .callback__item span {
        font-size: 3rem
    }

    .callback__aside-image {
        display: none
    }

    .works__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .works__item {
        border: none
    }

    .ask__item:not(:last-child) {
        margin-bottom: 4px
    }

    .broadcast__video, .map__image {
        padding-bottom: 100%
    }

    .calculator__block {
        box-shadow: none
    }

    .calculator__body {
        padding: 0;
        border: none;
        box-shadow: none
    }

    .calculator__title {
        justify-content: center
    }

    .calculator__title:before {
        display: none
    }

    .base-block .wrapper {
        padding: 0
    }

    .base-block .tabs {
        margin: 0 16px 24px
    }

    .base-block .ask, .base-block__content, .base-block__delivery-title, .base-block__top {
        padding: 0 16px
    }

    .base-block__delivery .ask__item {
        margin-bottom: 8px
    }

    .tabs {
        flex-direction: column
    }

    .tabs__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 4px
    }

    .price-table {
        box-shadow: none
    }

    .price-table caption {
        font-size: .875rem
    }

    .price-table thead td {
        padding: 8px;
        font-size: .75rem
    }

    .price-table thead td:last-child span {
        display: none
    }

    .price-table tbody td {
        padding: 8px
    }

    .price-table__counter .form__counter {
        -ms-grid-columns: 24px 36px 24px;
        grid-template-columns: 24px 36px 24px
    }

    .price-table__counter .form__counter input {
        padding: 0 4px
    }

    .relevance {
        font-weight: 500;
        font-size: .875rem;
        line-height: 1.4;
        max-width: 288px;
        margin: 24px auto 0
    }

    .stats {
        padding: 0 16px
    }

    .cart__final {
        flex-direction: column
    }

    .cart__final-image {
        margin-right: 0;
        margin-bottom: 32px
    }

    .cart__final-column h2 {
        text-align: center
    }

    .compare-card__add--cart {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.75 2h1.74c1.08 0 1.93.93 1.84 2l-.83 9.96a2.796 2.796 0 002.79 3.03h10.65c1.44 0 2.7-1.18 2.81-2.61l.54-7.5c.12-1.66-1.14-3.01-2.81-3.01H6.57M17 22a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM9 22a1.25 1.25 0 100-2.5A1.25 1.25 0 009 22zM9.75 8h12' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/24px;
        background-color: #ef4b46
    }

    .compare-card__add--cart span {
        display: none
    }
}

@media screen and (max-width: 500px) {
    body.inner--product #prices .tabs-content {
        max-width: 470px
    }
}

@media screen and (max-width: 475px) {
    .checkout__products tbody {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 425px) {
    .mobile-menu {
        padding-top: 64px
    }

    .mobile-menu__content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    body.inner .banner__info-subtitle span {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .banner__body {
        padding: 30px 0 30px;
    }

    .banner__info-rating {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2
    }

    .banner__info-stock {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2
    }

    .banner__info p {
        display: flex;
        flex-direction: column
    }

    .banner__advantage {
        width: 85%
    }

    .advantages .wrapper {
        padding: 0
    }

    .callback {
        padding-bottom: 0;
        overflow: hidden
    }

    .callback__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 16px
    }

    .callback__item span {
        font-size: 2.5rem
    }

    .callback__aside {
        padding-top: 64px
    }

    .callback__aside:before {
        content: "";
        width: 150%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-25%);
        z-index: -1;
        background: #fff
    }

    .callback__aside-table tbody tr:not(:nth-child(n+5)) td, .callback__aside-table td {
        padding: 17px 20px 16px
    }

    .callback__aside-table tbody tr td {
        padding: 17px 20px
    }

    .order .wrapper {
        padding: 0
    }

    .order__column {
        padding: 0 16px
    }

    .order__title {
        font-size: 1rem
    }

    .order__text {
        font-size: .75rem
    }

    .order__form {
        padding: 16px
    }

    .order__form-title {
        max-width: 225px;
        margin: 0 auto
    }

    .ceo__block {
        padding: 16px
    }

    .ceo__image {
        width: 64px;
        height: 64px
    }

    .ceo__content h3 {
        font-size: .875em
    }

    .ceo__content h3 span {
        font-size: .75em
    }

    .ceo__content p {
        font-size: .875rem;
        font-weight: 400
    }

    .partners__item {
        padding-bottom: 77%;
        max-width: 144px
    }

    .partners__item:last-child {
        padding-bottom: 36%
    }

    .ask__item-title {
        padding: 8px
    }

    .ask__item-info p, .ask__item-title h4 {
        font-size: .875rem
    }

    .reviews .wrapper {
        padding: 0
    }

    .reviews__content .banner-title {
        padding: 0 16px 12px;
        margin-bottom: 32px
    }

    .reviews__item {
        padding: 16px
    }

    .reviews__item-image {
        width: 64px;
        height: 64px
    }

    .reviews__item-title {
        font-size: .875rem
    }

    .reviews__item-title span {
        font-size: .75rem;
        font-weight: 400
    }

    .reviews__item-text p {
        font-weight: 400;
        font-size: .875rem
    }

    .saved-products__slider {
        padding: 0
    }

    .saved-products__slider .swiper-container {
        padding-left: 16px
    }

    .seen {
        max-width: 425px
    }

    .seen__slider {
        padding: 0
    }

    .seen__slider .swiper-container {
        padding-left: 16px
    }

    .header__mobile-burger, .header__mobile-contacts a {
        width: 24px;
        height: 24px
    }

    .header__mobile-logo {
        height: 28px;
        width: 119px
    }

    .header__bottom {
        padding: 88px 0 24px
    }

    .header__catalog-btn:before {
        width: 12px;
        height: 12px
    }

    .header__catalog-btn span {
        font-size: .875rem
    }

    .footer__copy {
        text-align: left
    }

    .catalog__wrapper {
        padding: 64px 0 0
    }

    .sidebar__mobilemenu-button {
        background-size: 24px 24px
    }

    .sidebar__mobilemenu-button--cart .sidebar__mobilemenu-counter {
        top: 12px;
        left: 22px
    }

    .sidebar__mobilemenu-button--cart:before {
        width: 24px;
        height: 24px
    }

    .sidebar__mobilemenu-counter {
        top: 12px;
        right: 4px;
        width: 16px;
        height: 16px;
        font-size: .5rem
    }

    .sidebar__mobilemenu-count {
        font-size: .75rem
    }

    .contacts, .delivery {
        padding-top: 64px
    }

    .delivery__info {
        font-size: 14px
    }

    body.cart-page .sidebar__mobilemenu-checkout .main-btn {
        font-size: .75rem
    }

    .cart {
        padding-top: 64px
    }

    .cart__final {
        padding: 16px
    }

    .cart .base-block {
        padding-bottom: 32px
    }

    .cart .base-block__top {
        margin-bottom: 32px;
        justify-content: center
    }

    .cart .product-card {
        padding: 32px 16px 16px;
        position: relative;
        border: none;
        box-shadow: 0 4px 40px rgba(25, 41, 63, .08);
        border-radius: 2px
    }

    .cart .product-card__title {
        line-height: 1.4;
        min-height: 40px;
        margin-bottom: 16px
    }

    .cart .product-card__subtitle {
        font-weight: 700;
        font-size: .875rem;
        line-height: 1;
        margin-bottom: 16px
    }

    .cart .product-card__count {
        font-size: 1rem;
        margin-top: 0;
        text-align: center
    }

    .cart .product-card__remove {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 12px;
        height: 12px;
        overflow: hidden;
        color: #fff
    }

    .cart .product-card__remove:before {
        content: "";
        width: 12px;
        height: 12px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 3L3 5.25 9.75 12 3 18.75 5.25 21 12 14.25 18.75 21 21 18.75 14.25 12 21 5.25 18.75 3 12 9.75 5.25 3z' fill='%23EAEBED'/%3E%3C/svg%3E") no-repeat 50%/100%
    }

    .cart .product-card .add-compare {
        display: none
    }

    .cart .product-card .form__counter {
        flex: 1 1 auto;
        margin-right: 0;
        -ms-grid-columns: 48px 1fr 48px;
        grid-template-columns: 48px 1fr 48px
    }

    .cart .product-card .form__counter-button {
        width: 48px;
        height: 48px
    }

    .cart__clear {
        display: none
    }

    .cart__clear--mobile {
        display: block;
        text-align: center;
        padding: 16px
    }

    .cart__block {
        padding: 0;
        box-shadow: none
    }

    .cart__filter {
        display: none
    }

    .cart__list li:last-child .product-card {
        padding-bottom: 16px
    }

    .checkout .form__radios {
        flex-direction: column
    }

    .checkout .form__radios .form__radio:not(:last-child) {
        margin-right: 0;
        margin-bottom: 32px
    }

    .adv-slider .block-title {
        line-height: 1.2;
        text-align: left;
        margin-bottom: 8px
    }

    .adv-slider__slider {
        padding: 0
    }

    .adv-slider__slider .swiper-container {
        padding-left: 16px
    }

    .adv-product {
        box-shadow: none
    }

    .adv-product__image {
        padding-bottom: 66.5%
    }

    .compare {
        padding-top: 64px
    }

    .compare-card .stats__item-title {
        display: block
    }

    .compare-card .stats__item-title, .compare-card .stats__item-value {
        text-overflow: ellipsis;
        max-width: 110px;
        white-space: nowrap;
        overflow: hidden
    }

    .compare-card__bottom {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .compare-card__bottom--selected {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr)
    }

    .services {
        padding-top: 64px
    }
}

@media screen and (max-width: 400px) {
    body.inner--product #prices .tabs-content {
        max-width: 370px
    }
}

@media screen and (max-width: 375px) {
    .adv-product__bottom {
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr
    }

    .adv-product__bottom .main-btn {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .adv-product__bottom--selected {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr)
    }

    .adv-product__bottom--selected .adv-product__plus {
        -ms-grid-column: 4;
        grid-column: 4
    }

    .adv-product__bottom--selected .adv-product__add {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

.modal {
    z-index: 10000 !important;
}

@media screen and (max-width: 375px) and (max-width: 375px) {
    .adv-product__bottom--selected .main-btn {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }
}

@media screen and (max-width: 350px) {
    body.inner--product #prices .tabs-content {
        max-width: 330px
    }
}

@media screen and (max-width: 740px) {
    .header__top-body {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .header_nav_item {
        margin-bottom: 10px;
    }
}