body {
    font-family:           sans-serif !important;
    text-underline-offset: 5px;
    }

.menu_overlay {
    position:           fixed;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    background-color:   rgba(0, 0, 0, 0);
    backdrop-filter:    blur(0px);
    z-index:            98;
    pointer-events:     none;
    transition:         backdrop-filter 0.3s ease, background-color 0.3s ease;
    }

.menu_overlay--active {
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: auto;
    }

.new_year_popup {
    position:         fixed;
    top:              0;
    left:             0;
    bottom:           0;
    right:            0;
    background-color: #2D2D2D33;
    z-index:          10;
    }
.country{
    display: block;
    text-align: center;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    border-radius: 5px;
    color: gray;
}
.new_year_popup__content {
    position:              fixed;
    top:                   50%;
    left:                  50%;
    transform:             translate(-50%, -50%);
    width:                 1240px;
    height:                448px;
    background-color:      #ffffff;
    display:               flex;
    z-index:               11;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    }

.new_year_popup__content img {
    position: absolute;
    top:      14px;
    right:    14px;
    cursor:   pointer;
    }

.new_year_popup__content .left {
    margin: 77px 0 0 80px;
    }

.new_year_popup__content .left h3 {
    font-size:   40px;
    font-weight: 700;
    }

.new_year_popup__content .left h4 {
    font-size:     24px;
    font-weight:   400;
    margin-top:    20px;
    margin-bottom: 35px;
    }

.new_year_popup__content .left a {
    display:       inline-block;
    line-height:   1;
    position:      relative;
    overflow:      hidden;
    background:    linear-gradient(180deg, #7D0808 0%, #C90D0D 100%);
    border-radius: 20px;
    font-size:     30px;
    color:         #fff;
    padding:       20px 40px;
    }

.new_year_popup__content .left a::after {
    content:       "";
    display:       block;
    position:      absolute;
    width:         35px;
    height:        160px;
    background:    #fff;
    background:    linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 250, 220, 0.55) 50%, rgba(255, 255, 255, 0.1) 100%);
    filter:        blur(7px);
    top:           -42px;
    z-index:       1;
    border-radius: 50%;
    transform:     rotate(10deg);
    animation:     movingFlareWhatsApp 3s ease-in-out 0.05s infinite;
    }

.new_year_popup__content .animation {
    height: 100%;
    }

.animation_mobile {
    display: none;
    }

@media screen and (max-width: 1120px) {
    .animation_mobile {
        display: block;
        margin:  auto;
        width:   80%;
        }

    .animation {
        display: none;
        }

    .new_year_popup__content {
        width:                 325px;
        height:                435px;
        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
        }

    .new_year_popup__content .left {
        margin:     0 auto;
        text-align: center;
        }

    .new_year_popup__content .left h3 {
        font-size:  18px;
        margin-top: 30px;
        }

    .new_year_popup__content .left h4 {
        font-size:     12px;
        margin-top:    10px;
        margin-bottom: 0;
        }

    .new_year_popup__content .left a {
        font-size: 14px;
        padding:   10px 20px;
        }

    .new_year_popup__content img {
        top:   10px;
        right: 10px;
        width: 14px;
        }
    }

a {
    text-decoration: none;
    }

a.default_btn {
    color: white;
    }

a.default_btn:hover {
    color: white !important;
    }

a:hover {
    color: #7D0808 !important;
    }

/* header */
.bb {
    border-bottom: 1px solid #E5E5E5;
    }

.header_main_nav1 {
    height:    70px;
    font-size: 18px;
    }

.ml10 {
    margin-left: 10px;
    }

.header_main_nav1 > div > a {
    text-decoration: none;
    }

.marl70 {
    margin-left: 70px;
    }

.marl95 {
    margin-left: 98px;
    }

.header_main_nav1 .marl70 {
    margin-left: 72px;
    }

.header_main_nav1 .marl70:nth-child(3) {
    margin-left: 92px;
    }

.header__time_work {
    font-size: 18px;
    color:     #ACACAC;
    }

@media screen and (min-width: 1200px) {
    .header__phone_and_time {
        display:     flex;
        align-items: center;
        }

    .header__phone_and_time a {
        display:      block;
        margin-right: 10px;
        }
    }

@media screen and (max-width: 1200px) {
    .header_main_nav1 {
        font-size:       15px;
        display:         flex;
        justify-content: space-between;
        }

    .marl70 {
        margin-left: 0px;
        }

    .marl95 {
        margin-left: 0px;
        }

    .ms-auto {
        margin-left: 0 !important;
        }
    }

@media screen and (max-width: 1000px) {
    .header_main_nav1 {
        font-size: 15px;
        }

    .header__phone_and_time small {
        display: block;
        }
    }

@media screen and (max-width: 770px) {
    .header_main_nav1 {
        max-width: 100vw;
        font-size: 14px;
        }

    .header__phone_and_time a {
        font-size: 14px;
        }

    .header__time_work {
        font-size: 14px;
        display:   block;
        }

    .header_main_nav1 {
        height: 50px;
        }
    }

.logo {
    padding:       14px 0;
    padding-right: 17px;
    border-right:  1px solid #E5E5E5;
    }

.logo > img {
    height: 48px;
    }

@media screen and (min-width: 1000px) {
    .header__phone_and_time {
        margin-left: -10px;
        }

    .logo {
        margin-left: -10px;
        }
    }

li > a {
    color:     #2D2D2D;
    font-size: 18px;
    }

.border_button {
    padding:     0 23px;
    border-left: 1px solid #E5E5E5;
    }

.border_right {
    border-right: 1px solid #E5E5E5;
    }

.drop_main {
    position: relative;
    }

.drop_nav > li > a {
    color: #ACACAC;
    }

.drop_nav:before {
    content:       "";
    position:      absolute;
    border-left:   10px solid rgba(113, 101, 58, 0);
    border-right:  10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid #FFFFFF;
    right:         30px;
    top:           -10px;
    }

.nav-item {
    padding: 10px 0;
    }

.nav-item:hover > .drop_nav, .nav-item > .drop_nav:hover {
    display: block !important;
    }

.drop_nav {
    display:            none !important;
    border-radius:      5px;
    padding:            30px;
    width:              280px;
    background:         #FFFFFF;
    -webkit-box-shadow: 0px 5px 16px -2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow:    0px 5px 16px -2px rgba(34, 60, 80, 0.2);
    box-shadow:         0px 5px 16px -2px rgba(34, 60, 80, 0.2);
    position:           absolute;
    top:                40px;
    left:               -50px;
    }

.catalog-cart-counter-menu_custom {
    background: #7D0808;
    top:        14px;
    position:   absolute;
    left:       10px;
    }

/*end header */

/* slider */
.slider {
    height: 510px;
    }

@media only screen and (max-device-width: 640px) {
    .tmblack {
        color: #333333 !important;
        }

    .tm10 {
        font-size: 12px !important;
        }

    .tm12 {
        font-size: 14px !important;
        }

    .mtm10 .tm12 {
        font-size: 12px !important;
        }

    .tm14 {
        font-size: 14px !important;
        }

    .tm16 {
        font-size: 16px !important;
        }

    .tm18 {
        font-size: 18px !important;
        }

    .hm20 {
        font-size: 20px !important;
        }

    .hm24 {
        font-size: 24px;
        }

    .h39 {
        font-size: 20px !important;
        }

    .t18 {
        font-size:   12px !important;
        line-height: 14px !important;
        }

    .bulet > img {
        height: 70px !important;
        }

    .mtm50 {
        margin-top: 50px;
        }

    .mtm20 {
        margin-top: 20px !important;
        }

    .mtm10 {
        margin-top: 10px !important;
        }

    .mtm5 {
        margin-top: 5px !important;
        }

    .mtm0 {
        margin-top: 0px !important;
        }

    .ptm20 {
        padding-top: 20px !important;
        }

    .mtm12 {
        margin-top: 12px !important;
        }

    .mtm30 {
        margin-top: 30px !important;
        }

    .absolutebuttonright {
        bottom: -115px !important;
        }
    }


@media screen and (max-width: 440px) {
    .catalog_nav_list {
        margin-top: -0px !important;
        }
    }


.absolutebuttonright .pt-3 {
    padding-top: 0rem !important;
    }

.absolutebuttonright .ps-md-3 {
    padding-left: 2rem !important;
    }

.t10 {
    font-size: 12px;
    }

.t12 {
    font-size: 12px !important;
    }

.t14 {
    font-size: 14px;
    }

.t16 {
    font-size: 16px;
    }

.t18 {
    font-size: 18px;
    color:     #333333;
    }

.t20 {
    font-size: 20px;
    }

.h24 {
    color:     #333333;
    font-size: 30px;
    }

.popular_image p {
    margin-bottom: 20px;
    }

.author_image p {
    margin-bottom: 20px;
    }

.text24 {
    color:     #333333;
    font-size: 24px;
    }

.h26 {
    font-size: 26px;
    }

.h39 {
    color:       #333333;
    font-size:   36px;
    font-weight: bold;
    }

.doptext {
    padding: 0;
    }

@media screen and (min-width: 1400px) {
    .slider_maintext .doptext {
        padding-top: 30px;
        font-size:   18px;
        }
    }

.doptext > li {
    color:           #ACACAC;
    list-style-type: none; /* Убираем маркеры у списка */
    }

.doptext > li:before {
    content: "— "; /* Добавляем в качестве маркера символ */
    }

@media only screen and (max-device-width: 640px) {
    .slider_maintext {
        padding-left: 10px;
        }
    }

@media only screen and (min-device-width: 640px) {
    .top_images_mobile {
        height: 260px !important;
        }

    .slider_maintext {
        padding-left: 67px;
        }

    .desc-bottom {
        margin-top: 70px;
        }

    .desc-fexed {
        z-index:    101;
        width:      100%;
        left:       0;
        top:        0;
        position:   fixed;
        background: white;
        }
    }

li {
    list-style-type: none; /* Убираем маркеры у списка */
    }

/* end slider */

/* popular_image */
.mt25 {
    margin-top: 25px;
    }

.mt120 {
    margin-top: 70px;
    }

.mt70 {
    margin-top: 70px;
    }

.px60 {
    padding: 0 60px;
    }

.mt60 {
    margin-top: 60px;
    }

.mt50 {
    margin-top: 50px;
    }

.mt30 {
    margin-top: 30px;
    }

.mt20 {
    margin-top: 20px;
    }

.mt40 {
    margin-top: 40px;
    }

.pt8 {
    padding-top: 8px;
    }

.lnh {
    line-height: 22px;
    }

.box {
    width: 95%;
    }


@media screen and (max-width: 650px) {
    .home_page__index .mt25 {
        margin-top: 8px;
        }
    }

.catalog__text-footer {
    color:           #C0C0C0;
    text-decoration: underline;
    }

.swiper-button-n, .swiper-button-p {
    position:     absolute;
    bottom:       calc(50% + (295px / 9));
    border-top:   2px solid #ACACAC;
    border-right: 2px solid #ACACAC;
    width:        18px;
    height:       18px;
    cursor:       pointer;
    opacity:      0.6;
    }

.swiper-button-n {
    right:     -30px;
    transform: rotate(45deg);
    }

.swiper-button-p {
    left:      -30px;
    transform: rotate(-135deg);
    }

.swiper-button-n:hover,
.swiper-button-p:hover {
    opacity: 1;
    }

/* end popular_image  */


/* catalog */
.col-6 > .catalog_box {
    height: 295px;
    }

.col-12 > .catalog_box {
    height: 606px;
    }

.catalog_box {
    position: relative;
    }

.catalog_box_text {
    border-radius: 30px 30px 0 0;
    position:      absolute;
    bottom:        0;
    left:          0;
    width:         100%;
    padding:       10px 0;
    background:    rgba(45, 45, 45, 0.4);
    font-size:     28px;
    font-weight:   bold;
    color:         #FFFFFF;
    }

@media only screen and (max-device-width: 640px) {
    .catalog_box_text {
        font-size: 16px;
        }

    .catalog__text-footer {
        color: #7D0808;
        }

    .catalog_box_text {
        padding: 10px 0;
        }
    }

.decor {
    text-decoration: underline;
    }

@media only screen and (max-device-width: 640px) {
    .col-6 > .catalog_box {
        height: 185px;
        }

    .min_box {
        min-height: 238px !important;
        }
    }


/* end catalog */

/* order_form */
.mt12 {
    margin-top: 12px;
    }

.inpform {
    font-size: 18px;
    }

.form-control.bx-soa-customer-input {
    border: 1px solid #E5E5E5 !important;
    }

.typeinput {
    border: 1px solid #E5E5E5;
    }

.bx-soa-customer .typeinput {
    border: 0px solid #E5E5E5 !important;
    }

.bx-soa-section-content .typeinput {
    border: 0px solid #E5E5E5 !important;
    }

.typeinput > input, .typeinput > textarea {
    box-shadow: none !important;
    border:     1px solid #E5E5E5 !important;
    }

.bggrey {
    background: #F1F1F1;
    }

.typeinput:focus {
    outline: none;
    }

.inpform > input, .inpform > textarea, .inpform > select {
    border:  1px solid #E5E5E5;
    padding: 4px 8px;
    }

.inpform > input:focus, .inpform > textarea:focus {
    outline: none;
    }

.inpform > label {
    color: #ACACAC;
    }

#file_inp {
    display: none;
    }

.file_inp_label {
    position: relative;
    width:    100%;
    height:   100%;
    border:   2px dashed #E5E5E5;
    }

.tgrey {
    color: #ACACAC;
    }


.tgrey2 {
    color: #333333;
    }

.tgreen {
    color: #1F9824;
    }

.tgreyI {
    color: #ACACAC !important;
    }

.tred {
    color: #7D0808;
    }

/* ========== Buttons ========== */
/* ------- General styles ------ */
.default_btn--noscale,
.default_btn {
    border-radius:       10px;
    border:              none;
    color:               white;
    font-size:           18px;
    font-weight:         400;
    line-height:         1.5;
    min-width:           125px;
    padding:             0.5em 2em;
    text-align:          center;
    vertical-align:      middle;
    text-decoration:     none;
    cursor:              pointer;
    -webkit-user-select: none;
    -moz-user-select:    none;
    user-select:         none;
    transition:          .2s ease;
    }

/* ---------- Colors ---------- */
.btn_red {
    background: #7D0808;
    }

.btn_red:hover {
    background: #650808;
    }

.btn_green {
    background: #1F9824;
    }

.btn_green:hover {
    background: #1A851E;
    }

.btn_cyan {
    background: #24949F;
    }

.btn_cyan:hover {
    background: #1A6971;
    }

.default_btn:disabled,
.default_btn:disabled:hover {
    cursor:           auto;
    background-color: #ACACAC;
    }

.iridescent_button {
    position: relative;
    overflow: hidden;
    z-index:  10;
    }

.iridescent_button::after {
    content:     "";
    display:     block;
    position:    absolute;
    width:       20px;
    height:      200px;
    margin-left: 50px;
    background:  #fff;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);
    left:        -40px;
    top:         -100px;
    z-index:     1;
    transform:   rotate(45deg);
    position:    absolute;
    animation:   movingFlare 3s ease-in-out 0.05s infinite;
    }

/* end order_form */

/* Instagram_section */
.h24 > a {
    color: #7D0808;
    }

.instagram_section_box {
    position: relative;
    height:   290px;
    border:   1px solid #ACACAC;

    }

.instagram_section_box_img {
    height: 245px;
    }

.instagram_section_box_bottom {
    position: absolute;
    width:    100%;
    bottom:   10px;
    }


@media screen and (min-width: 1000px) {
    .instagram_section {
        padding-right: 0px;
        }
    }

/* end Instagram_section */

/* about_section */
.min_box {
    min-height: 450px;
    }

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

.about_section h2 {
    font-size:   16px;
    line-height: 20px;
    font-weight: 700;
    }

.about_section-mdf p {
    margin: 0;
    }

.about_section-mdf h2 {
    margin: 20px 0px 5px;
    }


@media screen and (max-width: 641px) {
    .about_section h2 {
        font-size:   12px;
        line-height: 16px;
        }
    }

@media screen and (max-width: 600px) {
    .about_section {
        margin-top:    20px !important;
        margin-bottom: 20px;
        }

    .about_section p {
        margin-bottom: 0px;
        }

    .about_section {
        padding-left:  0px;
        padding-right: 0px;
        }
    }

/* end about_section */

/* catalog_images */
select {
    border: 1px solid #E5E5E5;
    }

.groop_btn > li > a {
    text-align: center;
    width:      40px;
    padding:    0 15px;
    border:     1px solid #E5E5E5;
    }

.right_menu {
    border:       1px solid #E5E5E5;
    border-width: 1px 0 0 1px;

    }

.left_menu {
    border:       solid #E5E5E5;
    border-width: 1px 0 1px 1px;
    }

.left_menu_nav {
    border:       solid #E5E5E5;
    border-width: 0px 0px 1px 0px;

    min-width:    235px;
    padding:      20px 20px 20px 30px;
    }

.navs > li {
    list-style-type: none;
    }

.b {
    font-weight: bold !important;
    }

ul {
    margin-left:   0;
    margin-bottom: 0;
    padding-left:  0;
    }

.right_menu_box {
    padding:      8px;
    min-height:   240px;
    border:       solid #E5E5E5;
    border-width: 0px 1px 1px 0px;
    }

.element_image_wrap {
    position:   relative;
    background: #e0e0e036;
    text-align: center;
    }

.element_image_wrap img {
    position:   absolute;
    left:       50%;
    top:        50%;
    transform:  translate(-50%, -50%);
    margin:     auto;
    max-width:  100%;
    max-height: 100%;
    }

.img_wrap {
    width:      100%;
    height:     160px;
    overflow-y: hidden;
    border:     1px solid white;
    }

.product__swiper .swiper-slide {
    height: 147px;
    }
.product__swiper .swiper-slide div img{
    object-fit: cover;
    object-position: center;
    }

.product__swiper-button-n {
    right:     18px;
    transform: rotate(45deg);
    }

.product__swiper-button-p {
    left:      18px;
    transform: rotate(-135deg);
    }

.product__swiper-button-n, .product__swiper-button-p {
    position:     absolute;
    bottom:       calc(50% - 13px);
    border-top:   2px solid black;
    border-right: 2px solid black;
    width:        18px;
    height:       18px;
    cursor:       pointer;
    z-index:      12;
    display:      none;
    background-color: #f1f1f100;
    border-left: none;
    border-bottom: none;
    }

#hover_fresco_project:hover .product__swiper-button-n, #hover_fresco_project:hover .product__swiper-button-p {
    display: block;
    }

.product__swiper-button-n_container {
    right:      8px;
    height:     100%;
    width:      5%;
    background: rgba(0, 0, 0, 0);
    z-index:    12;
    position:   absolute;
    }

.product__swiper-button-n_container:hover {
    cursor:          pointer;
    background: rgba(0, 0, 0, 0.3);
    }
.product__swiper-button-p_container {
    left:      0;
    height:     100%;
    width:      5%;
    background: rgba(0, 0, 0, 0);
    z-index:    12;
    position:   absolute;
    }

.product__swiper-button-p_container:hover {
    cursor:          pointer;
    background: rgba(0, 0, 0, 0.3);
    }
@media screen and (max-width: 990px){
    .product__swiper-button-p_container, .product__swiper-button-n_container{
        display: none;
    }
}
/* edit 281122 */
.swiper-element-mdf .img_wrap {
    background: #e0e0e036;
    }

.img_wrap_iframe {
    width: calc(100% - 4px);
    }

.img_wrap img {
    width:           100%;
    height:          100%;
    object-fit:      cover;
    object-position: center center;
    }

.img_wrap_gp {
    background-color: #e0e0e036;
    }

.img_wrap_gp img {
    object-fit: contain;
    }
.position_relative{
    position: relative;
    overflow: hidden;
}
.rounded_discount{
    position: absolute;
    top: -10px;
    left: -5px;
    background: #ae5600;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: white;
    display: flex;
}
.rounded_discount span{
    margin: 15px 10px 0;
}
/* edit 281122 */
.swiper-element-mdf .img_wrap img {
    width:           100%;
    height:          100%;
    object-fit:      contain;
    object-position: center center;
    }

.btn_grey {
    margin-top:    10px;
    font-size:     14px;
    border-radius: 6px;
    color:         white;
    width:         100px;
    height:        26px;
    border:        none;
    outline:       none;
    background:    rgba(45, 45, 45, 0.3);
    }

.btn_grey:hover {
    color:      white !important;
    background: #7D0808;
    }

.btn_grey_item {
    font-size:     14px;
    border-radius: 6px;
    color:         white;
    border:        none;
    outline:       none;
    background:    rgba(45, 45, 45, 0.3);
    }

.btn_grey_item:hover {
    color:      white !important;
    background: #7D0808;
    }

.btn_grey_item_search {
    font-size:     18px;
    border-radius: 10px;
    color:         white;
    border:        none;
    outline:       none;
    background:    rgba(45, 45, 45, 0.3);
    }

.btn_grey_item_search:hover {
    color:      white !important;
    background: #7D0808;
    }

.btn_grey_def {
    font-size:     14px;
    border-radius: 3px;
    color:         white;
    border:        none;
    outline:       none;
    background:    rgba(45, 45, 45, 0.3);
    }

.btn_grey_def:hover {
    color:      white !important;
    background: #7D0808;
    }

.tblack {
    color: #333333;
    }

.btn_grey {
    padding-top: 2px;
    }

.catalog_about {
    line-height: 22px;
    }

.mask_mobile_element {
    height:     100%;
    position:   absolute;
    right:      -5px;
    top:        0px;
    width:      50px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 50%);
    }


/* header prev */

/* end catalog_images */

/* order */
.swiper_obol {
    position:   relative;
    height:     560px;
    overflow-y: hidden;
    }

.swiper_custom {
    width:      100%;
    min-height: 750px;
    }

.downArrow {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    position:   absolute;
    bottom:     0;
    left:       0;
    height:     60px;
    padding:    20px 0;
    width:      100%;
    color:      black;
    z-index:    99;
    }

.downArrow_arrow {
    position: absolute;
    top:      580px;
    left:     0;
    z-index:  99;
    width:    100%;
    }

.inputsize > label {
    position: absolute;
    top:      -25px;
    width:    100%;
    left:     0;
    }

.inputsize > input {
    padding-left: 15px;
    width:        120px;
    font-size:    24px;
    }

.order_value {
    position: relative;
    border:   1px solid #E5E5E5;
    padding:  10px;
    }

.select_fon {
    display: none;
    }

.poiner {
    cursor: pointer;
    }

.order_value {
    cursor:   pointer;
    position: relative;
    border:   1px solid #E5E5E5;
    padding:  10px;
    }

.selected > .select_fon {
    background: rgba(0, 0, 0, 0.2);
    height:     100%;
    width:      100%;
    position:   absolute;
    top:        0;
    left:       0;
    display:    flex;
    z-index:    55;
    }

.w-20 {
    width: 20%;
    }

/* end order */


/* modal_order; */
.modal_order {
    border-radius: 0;
    max-width:     1240px;
    }

.inp_editor {
    width: 120px;
    }

@media only screen and (max-device-width: 640px) {
    .wm100 {
        width: 100% !important;
        }

    .modal-body.bg_order {
        padding: 20px 25px 0px 45px !important
        }

    .typeinput_mob {
        border-radius: 0;
        height:        13px !important;
        width:         17px !important;
        }

    .bg_order {
        background: white !important;
        }

    .inp_editor {
        width:      60px;
        background: white;
        }

    .mobile_construct {
        position: inherit;
        }

    .backdrop_mobile {
        display: none;
        }

    .hide_mob {
        display: none;
        }

    .modal_order_image > canvas {
        max-width: 100%;
        }
    }

.typeinput_desc {
    height: 18px;
    width:  24px;
    }

.modal-body.bg_order {
    padding: 50px 70px 20px;
    }

.bg_order {
    border:     none;
    background: #F1F1F1;
    }

.modal_order_image {
    height:    100%;
    max-width: 1075px;
    }

.arrow {
    position: absolute;
    z-index:  2;
    }

#arrowtop {
    border-bottom: 1px solid #ACACAC;
    }

#arrowleft {
    border-right: 1px solid #ACACAC;
    }

#arrowleft > div {
    margin-right: -10px;
    transform:    rotate(-90deg);
    }

.cropper-view-box {
    outline: none !important;
    }

.cropper-line {
    background-color: #39f0 !important;
    }

.cropper-point {
    background-color: #fff !important;
    height:           24px !important;
    opacity:          1 !important;
    width:            24px !important;
    border:           1px solid #2D2D2D;
    }

.cropper-point.point-e {
    margin-top: -12px !important;
    right:      -12px !important;
    display:    none;
    }

.cropper-point.point-n {
    margin-left: -12px !important;
    top:         -12px !important;
    display:     none;
    }

.cropper-point.point-w {
    margin-top: -12px !important;
    left:       -12px !important;
    display:    none;
    }

.cropper-point.point-s {
    margin-left: -12px !important;
    bottom:      -12px !important;
    display:     none;
    }

.cropper-point.point-ne {
    top:   -10px !important;
    right: -10px !important;
    }

.cropper-point.point-nw {
    top:  -10px !important;
    left: -10px !important;
    }

.cropper-point.point-sw {
    bottom: -10px !important;
    left:   -10px !important;
    }

.cropper-point.point-se {
    bottom: -10px !important;
    right:  -10px !important;
    }

@media only screen and (max-device-width: 640px) {
    .cropper-point {
        background-color: #fff !important;
        height:           14px !important;
        opacity:          1 !important;
        width:            14px !important;
        border:           1px solid #2D2D2D;
        }

    .pmr0 {
        padding-right: 0px;
        }

    .cropper-point.point-e {
        margin-top: -7px !important;
        right:      -7px !important;
        }

    .cropper-point.point-n {
        margin-left: -7px !important;
        top:         -7px !important;
        }

    .cropper-point.point-w {
        margin-top: -7px !important;
        left:       -7px !important;
        }

    .cropper-point.point-s {
        margin-left: -7px !important;
        bottom:      -7px !important;
        }

    .cropper-point.point-ne {
        top:     -6px !important;
        right:   -6px !important;
        display: none;
        }

    .cropper-point.point-nw {
        top:     -6px !important;
        left:    -6px !important;
        display: none;
        }

    .cropper-point.point-sw {
        bottom:  -6px !important;
        left:    -6px !important;
        display: none;
        }

    .cropper-point.point-se {
        bottom:  -6px !important;
        right:   -6px !important;
        display: none;
        }
    }

.col.sale-order-detail-payment-options-methods-container::before {
    display: none;
    }

/* end modal_order; */

/* form */
.pading-form {
    padding: 30px 60px;
    }

.greyOpas {
    background: #E5E5E5 !important;
    }

.btn_grey_form {
    margin-top:       10px;
    font-size:        18px;
    border-radius:    10px;
    color:            white;
    min-width:        125px;
    padding:          10px 0;
    margin-top:       -2px !important;
    border:           none;
    outline:          none;
    background-color: #ACACAC;
    }

.btn_grey_form:hover {
    color:      white !important;
    background: #7D0808;
    }

.btn_grey_form.active {
    color:      white !important;
    background: #7D0808;
    }

.btn_red_form {
    margin-top:    10px;
    border-radius: 10px;
    color:         white;
    min-width:     125px;
    max-height:    50px;
    padding:       10px 0;
    border:        none;
    outline:       none;
    background:    #7D0808;
    font-size:     18px;
    }

.btn_red_form:hover {
    color:      white !important;
    background: rgba(45, 45, 45, 0.3);
    background: #650808;
    }

@media screen and (max-width: 1200px) {
    .btn_red_form {
        min-width:  168px;
        max-height: 50px;
        margin-top: 30px;
        }
    }

@media screen and (max-width: 1000px) {
    .btn_red_form {
        min-width:  168px;
        margin:     0 auto;
        max-height: 50px;
        margin-top: 30px;
        }

    .btn_grey_form {
        font-size: 14px;
        }
    }

/* end form */


/* footer */

footer {
    height:     430px;
    border-top: 1px solid #E5E5E5;
    }

/* end footer */

.remove {
    position: absolute;
    right:    0;
    bottom:   10px;
    z-index:  12;
    }

.basket-item-block-info .basket-item-actions-remove {
    bottom: 0px !important;
    width:  200px !important;
    }

.hide {
    display: none;
    }

.bx-soa-section-title-container {
    background: #f2f5f700 !important;
    }

.bx-soa-section {
    border: none !important;
    }

.form-control:not(.blog-search__input) {
    border: none !important;
    }


#bx-soa-setting-iamge .soa-property-container label {
    padding-bottom: 0px;
    }

#bx-soa-dop-size .soa-property-container label {
    padding-bottom: 0px;
    }

.round {
    position: relative;
    }

.round > .curcle {
    background-color: #fff;
    border:           2px solid #7D0808;
    border-radius:    50%;
    cursor:           pointer;
    height:           28px;
    left:             0;
    position:         absolute;
    top:              0;
    width:            28px;
    }

.round > .name {
    cursor:      pointer;
    margin-top:  -10px;
    margin-left: 20px;
    }

@media screen and (max-width: 400px) {
    .round > .curcle {
        top: 0;
        }

    .round > .name {
        cursor:      pointer;
        margin-top:  0px;
        margin-left: 20px;
        font-size:   3.5vw !important;
        }
    }

.round > .curcle:after {
    border:        2px solid white;
    border-radius: 50%;
    content:       "";
    background:    #7D0808;
    height:        20px;
    left:          2px;
    opacity:       0;
    position:      absolute;
    top:           2px;
    transform:     rotate(-45deg);
    width:         20px;
    }

.round input[type="checkbox"] {
    visibility: hidden;
    }

.round input[type="checkbox"]:checked + label {
    background-color: #7D0808;
    border-color:     #7D0808;
    }

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
    }

/*  */
.bx-sls .form-control.dropdown-block, .bx-slst .form-control.dropdown-block {
    border:     1px solid #E5E5E5 !important;
    background: #00000000 !important;
    padding:    2px 29px !important;
    }

.sale-order-list-title-container {
    background: none;
    border:     1px solid #E5E5E5 !important;
    }


.button_like {
    position: absolute;
    right:    10px;
    top:      10px;
    }

.press {
    display: none;
    }

.button_like.like > .press {
    display: block !important;
    }

.button_like.like > .unpress {
    display: none !important;
    }

.bg_white {
    opacity: 1 !important;
    }

.bg_white > .tooltip-inner {
    opacity:          1 !important;
    max-width:        540px !important;
    background-color: white !important;
    color:            white !important;
    filter:           drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));
    }

.bg_white > .tooltip-arrow::before {
    border-left-color:  #7D0808 !important;
    border-right-color: #7D0808;
    }

.bg_white.bs-tooltip-top > .tooltip-arrow::before {
    border-top-color:   #7D0808;
    border-left-color:  rgba(0, 0, 0, 0) !important;
    border-right-color: rgba(0, 0, 0, 0);
    }

.bg_white.bs-tooltip-bottom > .tooltip-arrow::before {
    border-bottom-color: #7D0808;
    border-left-color:   rgba(0, 0, 0, 0) !important;
    border-right-color:  rgba(0, 0, 0, 0);
    }

.img_wrap.select {
    border: 1px solid #EB5757;
    }
.img_wrap iframe{
    pointer-events: none;
}
.img_wrap iframe html{
    pointer-events: none;
}

/* -------------------------- */

.modal-dealog__mdf .modal-content {
    max-width: 900px;
    }

@media screen and (max-width: 910px) {
    .modal-dealog__mdf .modal-content {
        max-width: 90vw;
        padding:   20px 30px;
        }

    .modal-dealog__mdf p {
        line-height: 0.9em;
        }

    .modal-dealog__mdf p b {
        font-size: 3vw;
        }

    .modal-dealog__mdf .t18 {
        margin-top: 30px;
        }
    }

@media screen and (max-width: 600px) {
    .modal-dealog__mdf .modal-body {
        padding: 0px;
        }

    .modal-dealog__mdf .modal-content {
        padding: 20px 10px;
        }

    .modal-dealog__mdf p b {
        font-size:   3.2vw;
        line-height: 0px;
        }

    .modal-dealog__mdf .t18 {
        margin-top: 20px;
        }

    .btn_red_form {
        margin-top:    0;
        margin-bottom: 20px;
        }

    @media screen and (max-width: 400px) {
        .modal-dealog__mdf p b {
            font-size: 5vw;
            }
        }
    }

/* ----------------------------- */

/* mobile */
@media only screen and (max-device-width: 640px) {
    .top_images_mobile {
        height: 200px;
        }

    /* .pr30{
    padding-right: 30px;
  } */
    .pr30 {
        padding-right: 23px;
        }

    .pr25 {
        padding-right: 25px;
        }

    .pxm12 {
        padding-left:  12px;
        padding-right: 12px;
        }

    .sizemaxabsolute {
        top: 50px !important;
        }

    /* .pl30{
    padding-left: 30px;
  } */
    .pl30 {
        padding-left: 23px;
        }

    .pl25 {
        padding-left: 25px;
        }

    .search {
        padding-left: 18px;
        }

    .pl25 {
        padding-left: 25px;
        }

    .pl35 {
        padding-left: 35px;
        }

    .w80 {
        width: 80px;
        }

    .hm313px {
        height: 313px;
        }

    .promo-fixed-main {
        bottom: 20px !important;
        }

    .hm230px {
        height: 230px;
        }

    .sliderm {
        min-height: 430px !important;
        }

    .tblackm > li {
        color: #333333 !important;
        }

    .doptext > li:before {
        content: ""; /* Добавляем в качестве маркера символ */
        }

    .navs {
        border-top:    1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding:       8px 0px;

        }

    .navs > li > .b {
        display: none;
        }

    .hidemobi.navs > li:not(.mobi) {
        display: none;
        }

    .rmbr {
        border-right: 1px solid #E5E5E5;
        }

    .bmbr {
        border-bottom: 1px solid #E5E5E5;
        }

    .groop_btn > li > a {
        text-align: center;
        font-size:  12px;
        width:      40px;
        padding:    0 10px;
        border:     1px solid #E5E5E5;
        }

    .bmb {
        border-bottom: 1px solid #E5E5E5;
        }

    .left_menu {
        /* position: absolute; */
        text-align:   center;
        width:        100%;
        border:       solid #E5E5E5;
        border-width: 1px 0px 1px 0px !important;
        padding:      8px 8px 0 8px;
        }

    .left_menu_nav {
        border:       solid #E5E5E5;
        border-width: 0px 0px 0px 0px !important;

        min-width:    235px;
        padding:      6px 6px 6px 0px;
        }

    .menu_razdel {
        position:   absolute;
        background: white;
        z-index:    99;
        width:      252px;
        border: 1px solid grey;
        left:       0;
        right: 0;
        margin: auto;
        top:        30px;
        padding-top: 20px;
        }

    .right_menu {
        border: 0px solid #E5E5E5 !important;
        }

    .right_menu_box {
        border-width: 1px 0px 0px 0px;
        }

    .img_mobile_element {
        height: 230px !important;
        }

    .inputsize > input {
        padding-left: 0px;
        width:        81px !important;
        }

    .wm-50 {
        width: 50% !important;
        }

    .inputsize > label {
        position: absolute;
        top:      -25px;
        width:    100%;
        left:     0;
        }

    .ptm13 {
        padding-top: 13px;
        }

    .pading-form {
        padding: 40px 20px;
        }

    button.close_modal2 {
        top:   -20px;
        right: 0;
        }

    .modal-fullscreen-sm-down .modal-body {
        overflow: visible;
        }

    .catalog_mob {
        height: auto;
        }

    .red_mob {
        background: #7D0808 !important;
        }

    }

/* card */
@media only screen and (max-device-width: 640px) {
    .lhm1 {
        line-height: 1;
        }

    .remove {
        bottom: 32px !important;
        }

    .img_mobs {
        height: 70px !important;
        width:  108px !important;
        }

    .basket-checkout-block {
        /* width: 50%!important; */
        min-width: 50px !important;
        }

    .mr_90 {
        margin-right: 0px !important;
        }

    .basket-checkout-block {
        width: 100px;
        }

    .bx-soa-section-content {
        padding: 10px 0 !important;
        }

    .bx-soa-section-title-container {
        padding: 10px 0 !important;
        }

    .soa-property-container > input[type="file"] {
        display: none !important;
        }

    .hm20 {
        height: 25px;
        }

    }

.mr_90 {
    margin-right: 90px;
    }

.plus_mobile {
    border:    1px solid #E5E5E5;
    padding:   8px;
    /* background: #ACACAC; */
    color:     #ACACAC;
    font-size: 30px;
    }

.w320 {
    width:  320px;
    height: 220px;
    }

/*end card */

.menu_mobile {
    top:        100%;
    left:       0;
    position:   absolute;
    background: white;
    max-width:  300px;
    width:      100vw;
    border:     1px solid #E5E5E5;
    z-index:    13;
    }

.menu_mobile ul li {
    padding: 10px 0px;
    }

.mask_mobile_menu {
    z-index:  12;
    position: fixed;
    top:      0;
    left:     0;
    width:    100vw;
    height:   100vh;
    }

.noborder {
    border:  0px;
    outline: 0px;
    }

.noborder::placeholder {
    color: #ACACAC;
    }

.btn_search {
    border:     0px;
    background: rgba(0, 0, 0, 0);
    }

/* end mobile */

.close_modal {
    position: absolute;
    right:    20px;
    top:      20px;
    }

.close_modal2 {
    position: absolute;
    right:    -20px;
    top:      0px;
    }

.py10 {
    padding-top:    10px;
    padding-bottom: 10px;
    }

.city_down {
    position: relative;
    }

.down_up {
    display:    none;
    position:   absolute;
    top:        30px;
    left:       -20px;
    max-height: 605px;
    overflow-y: scroll;
    min-width:  700px;
    background: white;
    border:     1px solid #E0E0E0;
    padding:    12px 20px;
    font-size:  18px;
    min-width:  740px;
    }

.cities__group {
    margin-bottom: 10px;
    }

.down_up::-webkit-scrollbar {
    width: 8px;
    }

.down_up::-webkit-scrollbar-track {
    background: rgb(235, 235, 235);
    }

.down_up::-webkit-scrollbar-thumb {
    background-color: rgb(163, 159, 159);
    border-radius:    10px;
    }

.header__searchCity {
    width:   100%;
    padding: 5px 0px 10px 0px;
    }

.header__searchCity input {
    width:   100%;
    padding: 10px 20px;
    border:  1px solid #E5E5E5;
    }

@media only screen and (max-width: 1400px) {
    .down_up {
        left:      -150px;
        font-size: 1.2vw;
        }

    .header_main_nav1 .marl70 {
        margin-left: 15px;
        }

    .header_main_nav1 .marl70:nth-child(3) {
        margin-left: 60px;
        }
    }

@media only screen and (max-width: 1200px) {
    .down_up {
        left:      -300px;
        font-size: 1.2vw;
        }
    }

@media only screen and (max-width: 990px) {
    .down_up {
        min-width: 550px;
        top:       40px;
        left:      -150px;
        font-size: 1.4vw;
        }
    }

@media only screen and (max-width: 800px) {
    .down_up {
        left:      -200px;
        font-size: 1.7vw;
        }
    }

@media only screen and (max-width: 768px) {
    .down_up {
        left: -230px;
        }
    }

@media only screen and (max-width: 641px) {
    .down_up {
        font-size: 2vw;
        left:      -310px;
        }
    }

.down_up .tblack {
    opacity: 0.6;
    }

.down_up .tblack:hover {
    opacity: 1;
    }

.city_down.open > .down_up {
    display:    block;
    display:    flex;
    flex-wrap:  wrap;
    text-align: left;
    }

.open > #city_down > .down_img {
    display: block !important;
    }

:not(.open) > #city_down > .up_img {
    display: block !important;
    }

.up_img, .down_img {
    display: none;
    }


/* radio */
.enum > input[type="radio"] {
    opacity:      0;
    margin-right: 5px;
    }

.enum > label {
    left:     0;
    bottom:   2px;
    position: absolute !important;
    }

.enum {
    position: relative;
    }

.enum > label:before {
    border-radius:    50%;
    content:          "";
    display:          inline-block;
    width:            16px;
    height:           16px;
    position:         absolute !important;
    left:             0px;
    bottom:           0px;
    background-color: #fff;
    border:           2px solid #7D0808;
    }

.enum > input[type=radio]:checked + label:after {
    border:        2px solid white;
    width:         12px;
    height:        12px;
    background:    #7d0808;
    content:       '';
    position:      absolute !important;
    left:          0px;
    bottom:        0px;
    margin:        2px;
    border-radius: 50%;
    }

/* radio */

.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position:      relative;
    min-height:    1px;
    padding-right: 10px;
    padding-left:  10px;
    }

.col-xs-five {
    width: 20%;
    float: left;
    }

@media (min-width: 768px) {
    .col-sm-five {
        width: 20%;
        float: left;
        }
    }

@media (min-width: 992px) {
    .col-md-five {
        width: 20%;
        float: left;
        }
    }

@media (min-width: 1200px) {
    .col-lg-five {
        width: 20%;
        float: left;
        }
    }

.opneFullImage {
    cursor: pointer;
    position: relative;
    }
.opneFullImage::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:  rgba(255, 255, 255, 0.7) url("/images/hover_facture.svg") no-repeat center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;
}
.opneFullImage:hover::before {
    opacity: 1;
}
.box_image {
    display: none;
    }

.box_image.open {
    background: white;
    max-height: 990px;
    height:     90%;
    z-index:    9999;
    max-width:  900px;
    width:      100%;
    display:    block;
    position:   fixed;
    left:       50%;
    top:        50%;
    border:     1px solid #f4f4f4;
    transform:  translate(-50%, -50%);
    padding:    70px 100px;
    }

.ad_youtube {
    height: 300px;
    }

@media only screen and (max-device-width: 640px) {
    .ad_youtube {
        height: 300px;
        }

    .box_image.open {
        padding: 70px 50px !important;
        }

    .arrLeft {
        left: 20px !important;
        }

    .arrRight {
        right: 20px !important;
        }
    }

#slider_list {
    height: calc(100% - 100px);

    }

.maxwidth {
    margin:     auto;
    /* height: 100%; */
    max-width:  100% !important;
    max-height: 100% !important;
    }

.box_image.open + .mask {
    z-index:    9998;
    width:      100%;
    height:     100%;
    position:   fixed;
    left:       0;
    top:        0;
    background: #00000050;
    }

.arrLeft {
    cursor:   pointer;
    position: absolute;
    left:     40px;
    top:      50%;
    }

.arrRight {
    cursor:   pointer;
    position: absolute;
    top:      50%;
    right:    40px;
    }

.closeImage {
    cursor:   pointer;
    position: absolute;
    right:    20px;
    top:      20px;
    }

.linePrice {
    text-decoration:       line-through;
    text-decoration-color: #ACACAC;
    color:                 #ACACAC;
    }

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    }

.promo_main {
    height:              280px;
    width:               100%;
    background:          url('/local/templates/fresco/images/main_img_promo.webp');
    background-size:     cover;
    background-position: center;
    }

.promo_text {
    color:       #FFFAF2;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    font-size:   20px;
    padding-top: 40px;
    }

@media (max-width: 992px) {
    .promo_main_2 {
        display: none;
        }
    }

@media (min-width: 992px) {
    .t46 {
        font-size: 46px;
        }

    .promo_main_2 {
        height:              300px;
        background:          url('/local/templates/fresco/images/promo/promo1.webp');
        background-size:     cover;
        background-position: center;
        }
    }

.button_red_animation {
    overflow:      hidden;
    color:         white;
    background:    #7D0808;
    border-radius: 10px;
    font-size:     18px;
    border:        none;
    position:      relative;
    }

.padx35 {
    padding-left:  35px;
    padding-right: 35px;
    }

.pady35 {
    padding-top:    8px;
    padding-bottom: 10px;
    }

.promo-fixed-main .pady35 {
    padding-top:    6.5px;
    padding-bottom: 8.5px;
    }

.pict_fact {
    font-size:     14px;
    overflow:      hidden;
    position:      absolute;
    top:           5px;
    right:         5px;
    padding:       3px 7px;
    border-radius: 7px;
    background:    #7D0808;
    color:         white;
    font-weight:   500;
    }

.pict_fact > div, .button_red_animation > div {
    display:         flex;
    justify-content: center;
    align-items:     center;
    border:          none;
    text-align:      center;
    }

.pict_crown span {
    padding-left: 24px;
    font-weight:  bold;
    }

.pict_crown span::before {
    content:           '';
    position:          absolute;
    left:              0;
    top:               0;
    width:             20px;
    height:            20px;
    background-image:  url(/local/templates/fresco/images/icons/crown.svg);
    background-repeat: no-repeat;
    background-size:   20px 20px;
    }

.pict_fact > div:after, .button_red_animation > div:after {
    content:     "";
    display:     block;
    width:       20px;
    height:      200px;
    margin-left: 50px;
    background:  #fff;
    background:  linear-gradient(
                         to bottom,
                         rgba(255, 255, 255, 0.1) 0%,
                         rgba(255, 255, 255, 0.3) 50%,
                         rgba(255, 255, 255, 0.1) 100%
                 );
    left:        -40px;
    top:         -100px;
    z-index:     1;
    transform:   rotate(45deg);
    position:    absolute;
    animation:   movingFlare 3s ease-in-out 0.05s infinite;
    }

@media screen and (max-width: 650px) {
    .padx35 {
        padding-left:  17px;
        padding-right: 17px;
        }

    .pady35 {
        padding-top:    7.5px;
        padding-bottom: 8.5px;
        font-size:      14px !important;
        }
    }

@keyframes movingFlare {
    0% {
        left:        -30px;
        margin-left: 0px;
        }
    30% {
        left:        110%;
        margin-left: 80px;
        }
    100% {
        left:        110%;
        margin-left: 80px;
        }
    }

/* @keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
} */

.block-note {
    float:         right;
    height:        400px;
    width:         50%;
    margin-left:   25px;
    margin-bottom: 100px;
    }

.bulet > img {
    height: 90px;
    }

.bulet > p {
    line-height: 22px;
    color:       #ACACAC;
    }

.preview-btn-left {
    margin-top: 11px;
    }

.promo-fixed-main {
    width:    100%;
    left:     0;
    /* bottom: 30px; */
    bottom:   50px;
    position: absolute;
    }

/* ---------------------------------------------- */

.sizemaxabsolute {
    position: relative;
    left:     0;
    top:      -30px;
    width:    100%;
    z-index:  12;
    }

.head_text {
    font-weight: 700;
    font-size:   22px;
    }

.mx730 {
    max-width: 730px;
    }

.absolutebuttonright {
    position: absolute;
    bottom:   40px;
    left:     0px;
    width:    100%;
    }

.absolutebuttonright .t16 {
    font-size: 18px;
    }

@media screen and (max-width: 1400px) {
    .absolutebuttonright {
        bottom: 72px;
        }

    .absolutebuttonright .t16 {
        font-size: 14px;
        }
    }

@media (min-width: 580px) and (max-width: 1200px) {
    .absolutebuttonright {
        position:   relative;
        bottom:     0px;
        margin-top: 20px;
        }
    }


.bannerTitle {
    font-size:   44px;
    font-weight: 700;
    color:       #FFFFFF;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
    line-height: 54px;
    position:    relative;
    z-index:     12;
    }

.bannerSubtitle {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    color:       #333333;
    position:    relative;
    z-index:     12;
    }

.banner__discount {
    position:      absolute;
    background:    linear-gradient(160.56deg, #9B4040 12.12%, #AC6161 88.5%);
    width:         111px;
    height:        111px;
    border-radius: 50%;
    right:         60px;
    bottom:        60px;
    z-index:       5;
    }

.discount__container {
    transform: rotate(-15deg);
    position:  relative;
    z-index:   5;
    }

.discount__text {
    font-size:   12px;
    font-weight: 400;
    color:       #FFFFFF;
    line-height: 15px;
    opacity:     0.6;
    }

.discount__bigText {
    font-weight: 400;
    font-size:   36px;
    color:       #FFFFFF;
    margin-top:  -10px;
    font-family: 'Bevan', cursive;
    }

.custom > div {
    max-width: 600px;
    width:     100%;

    }

.custom .btn-success {
    background-color: #7d0808 !important;
    margin-right:     20px !important;
    color:            white !important;
    }

.btn-home__index a {
    display:          block;
    position:         relative;
    width:            181px;
    height:           37px;
    color:            white;
    background-color: #1F9824;
    border-radius:    10px;
    font-weight:      400;
    font-size:        14px;
    }

.btn_red-h a {
    background-color: #7d0808;
    }

.btn-home__index a:hover {
    color: #ACACAC !important;
    }

.btn-home__index a span {
    position: absolute;
    width:    max-content;
    height:   max-content;
    top:      0;
    bottom:   0;
    left:     0;
    right:    0;
    margin:   auto;
    }

.custom .btn-success:hover {
    color: white !important;
    }

.payment-options-methods-row::before {
    display: none;
    }

.slider .hm313px::before {
    position:   absolute;
    width:      100%;
    height:     15%;
    bottom:     0;
    left:       0;
    content:    '';
    background: linear-gradient(0deg, #ffffff00 0%, rgba(255, 255, 255, 0) 35.14%);
    }

.top-view-img__bg::after {
    position:   absolute;
    content:    '';
    width:      100%;
    height:     100%;
    top:        0;
    left:       0;
    background: linear-gradient(0deg, rgba(192, 192, 192, 0.8) 1.21%, rgba(215, 215, 215, 0.496) 30.17%, rgba(172, 172, 172, 0) 59.28%);
    }

@media only screen and (max-width: 1000px) {
    .slider .hm313px::before {
        background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 35.14%);
        }

    .home_page__index {
        margin-top: 150px;
        }

    .logo {
        padding-right: 15px;
        }

    .logo img {
        width: 120px;
        }

    .header_main_nav2 .align-self-center img {
        width: 22px;
        }

    .header_main_nav2 .border_button {
        padding: 0 15px;
        }
    }

@media (max-width: 770px) {
    .header_main .d-sm-flex {
        display: none !important;
        }

    .header_main .d-flex {
        display: flex !important;
        }

    .header_main .w80 {
        width: 80px;
        }
    }

@media screen and (max-width: 1000px) {
    .sizemaxabsolute {
        top: 30px
        }

    .bannerTitle {
        font-size: 28px;
        }

    .bannerSubtitle {
        font-size: 15px;
        }

    .banner__discount {
        width:   90px;
        height:  90px;
        right:   25px;
        bottom:  115px;
        z-index: 5;
        }

    .discount__text {
        font-size:  10px;
        margin-top: -5px;
        }

    .discount__bigText {
        font-weight: 400;
        font-size:   31px;
        line-height: 50px;
        color:       #FFFFFF;
        margin-top:  -10px;
        font-family: 'Bevan', cursive;
        }
    }

.bg-gradient-white {
    background: rgba(255, 255, 255, 0);
    }

@media screen and (max-width: 770px) {
    .sliderm {
        min-width: 100%;
        }

    .banner__discount {
        width:   90px;
        height:  90px;
        right:   10px;
        bottom:  115px;
        z-index: 5;
        }
    }

@media screen and (max-width: 661px) {
    .sliderm {
        min-width: 100%;
        }

    .sizemaxabsolute {
        margin-bottom: 10px;
        }

    .banner__discount {
        width:   90px;
        height:  90px;
        right:   10px;
        bottom:  130px;
        z-index: 5;
        }

    .bannerTitle {
        /* padding: 0; */
        height:      max-content;
        margin:      25px 0px 17px;
        line-height: 0;
        }

    .home_page__index .col-4 {
        padding: 0px 3px;
        }

    }

@media screen and (max-width: 580px) {
    .bannerTitle {
        font-size:   28px;
        /* line-height: 35px; */
        text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
        }

    .bannerSubtitle {
        font-size: 12px;
        }

    .banner__discount {
        position:      relative;
        background:    linear-gradient(160.56deg, #9B4040 12.12%, #AC6161 88.5%);
        width:         90px;
        height:        90px;
        border-radius: 50%;
        bottom:        -28px;
        right:         -71%;
        z-index:       5;
        }

    .home_page__index {
        /* margin-top: 200px; */
        margin-top: 30px !important;
        }
    }

@media screen and (max-width: 500px) {
    .header__logo .ps-3 {
        padding: 0;
        }

    .header__logo .logo {
        padding-left: 0px;
        }

    .logo {
        width:  100%;
        height: 65px;
        }

    .logo img {
        max-width: 60%;
        width:     60%;
        height:    65px;
        }
    }

@media screen and (max-width: 400px) {
    .header__logo .ps-3 {
        padding: 0;
        }

    .header__logo .logo {
        padding-left: 0px;
        margin-left:  -8px;
        }

    .logo {
        width:  100%;
        height: 65px;
        }

    .logo img {
        max-width: 100%;
        width:     80%;
        }
    }

.bg-gradient-white {
    background: rgb(0, 0, 0);
    width:      100%;
    height:     100%;
    position:   relative;
    bottom:     0;
    z-index:    30;
    }


/* MODAL */
.castom-modal {
    max-width: 859px;
    min-width: 859px;
    height:    max-content;
    }

.finishBlock {
    display: none;
    }

.finishMessage {
    max-width: 730px;
    min-width: 730px;
    }

.finishMessage .finishBlock {
    display: block;
    width:   100%;
    }


.modal__left-img {
    width:         45%;
    position:      relative;
    min-height:    100%;
    color:         #FFFFFF;
    border-radius: 5px 0px 0px 5px;
    }

.finishMessage .modal__left-img {
    display: none;
    }

.finishMessage .modal-body {
    display: none;
    }

.modal__left-img h4 {
    width:       100%;
    height:      max-content;
    position:    absolute;
    top:         90px;
    font-weight: 400;
    font-size:   32px;
    line-height: 40px;
    }

.modal__left-img h6 {
    width:          100%;
    height:         max-content;
    position:       absolute;
    bottom:         39px;
    font-weight:    400;
    font-size:      24px;
    line-height:    30px;
    text-transform: lowercase;
    }

.modal__left-img img {
    width:         100%;
    height:        100%;
    object-fit:    cover;
    border-radius: 4px 0px 0px 4px;
    }

.modal__right-form {
    width: 55%;
    }

.finishMessage .modal__right-form {
    width:      100%;
    text-align: center;
    }

.modal__right-form .modal-header {
    padding-bottom: 0px;
    }

.modal__right-form input {
    height: 38px;
    }

.modal__right-form .input-group input {
    width: 60%;
    }

.modal__right-form .input-group img {
    border: 1px solid #C0C0C0;
    }

.castom-modal .modal-lg {
    max-width: 900px;
    }


.modal__right-form .modal-title {
    margin-left:   11%;
    margin-bottom: -20px;
    font-style:    normal;
    font-weight:   700;
    font-size:     20px;
    line-height:   25px;
    color:         #333333;
    }

.finishMessage .modal-title {
    margin-left: 0%;
    }

.modal__right-form p {
    margin-top:  10px;
    font-weight: 400;
    font-size:   14px;
    line-height: 17px;
    color:       #C0C0C0;
    }


.modal__right-form p a {
    font-weight:     400;
    font-size:       14px;
    line-height:     17px;
    color:           #C0C0C0;
    text-decoration: underline;
    }

.finishBlock p {
    font-style:  normal;
    font-weight: 400;
    font-size:   20px;
    line-height: 27px;
    color:       #2D2D2D;
    }

.finishBlock .btn_red_form {
    min-width: 45%;
    }

.finishBlock #wantsaleLabel {
    font-style:  normal;
    font-weight: 700;
    font-size:   24px;
    line-height: 30px;
    color:       #333333;
    }


.finishBlock .modal {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    text-align:  center;
    color:       #FFFFFF;
    }


@media screen and (max-width: 860px) {
    .castom-modal {
        max-width: 90%;
        min-width: 80%;
        height:    max-content;
        }

    .finishMessage {
        max-width: 80%;
        min-width: 80%;
        }

    .modal__left-img {
        display: none;
        }

    .modal__right-form {
        width: 100%;
        }
    }

@media screen and (max-width: 576px) {
    .castom-modal {
        max-width: 100%;
        height:    max-content;
        }

    .castom-modal .modal-body {
        padding: 0 20px;
        }

    .castom-modal input {
        width: 100%;
        }

    .finishMessage {
        max-width: 100%;
        min-width: 80%;
        }

    .modal__right-form .input-group input {
        width: 100%;
        }

    .modal__right-form .input-group img {
        width:      40%;
        height:     38px;
        object-fit: cover;
        }

    }

/* ------------------- */
.swiper-pagination {
    width:           35px;
    height:          max-content;
    margin:          -10px auto 0px;
    display:         flex;
    justify-content: space-between;
    }

.swiper-pagination-bullet {
    position:         relative;
    display:          block;
    width:            5px;
    height:           5px;
    background-color: #D9D9D9;
    border-radius:    100%;
    }

.swiper-pagination-bullet-active {
    background-color: #7D0808;
    }

@media screen and (min-width: 700px) {
    .swiper-pagination {
        display: none;
        }
    }

/* ----- */
.footer {
    color: #C0C0C0;
    }

.footer a {
    color: #C0C0C0;
    }

.footer span {
    color: #C0C0C0;
    }

.footer p {
    color: #C0C0C0;
    }

.footer__form {
    width:  100%;
    height: max-content;
    }

.footer__form form {
    display:       flex;
    margin-bottom: 8px;
    }

.red-button__v2 {
    width:         205px;
    height:        42px;
    color:         white;
    background:    #7D0808;
    border-radius: 10px;
    border:        0px;
    font-weight:   400;
    font-size:     18px;
    line-height:   22px;
    margin-left:   10px;
    }
.red-button__v2.carousel_button{
    display: block;
    width: 145px;
    margin: 0 auto;
    text-align: center;
    line-height: 42px;
}
.red-button__v2:hover {
    background: #650808;
    }

.button_v2__green {
    background: #1F9824;
    }

.footer__form form input {
    width:        395px;
    height:       42px;
    border:       1px solid #E5E5E5;
    text-align:   left;
    padding-left: 10px;
    }

/* .footer-col-1 img{
   margin-top: 20px;
} */

.footer-col-1 {
    display:        flex;
    flex-direction: column;
    }

.footer_list {
    /* max-height: 245px; */
    max-height:     190px;
    display:        flex;
    flex-direction: column;
    flex-wrap:      wrap;
    /* justify-content: space-between; */
    }

.footer_logo-img {
    width:         max-content;
    height:        54px;
    margin-top:    auto !important;
    margin-bottom: 16px;
    }


@media screen and (max-width: 1200px) {
    .footer__form form {
        width: 100%;
        }

    .red-button__v2 {
        width:     153px;
        height:    37px;
        font-size: 14px;
        }

    .footer__form form input {
        width:  calc(100% - 153px);
        height: 37px;
        }

    /* .footer-col-1 img{
    margin-top: 15px;
  } */
    }

@media screen and (max-width: 1000px) {
    footer {
        height:         max-content;
        padding-bottom: 30px;
        }

    /* .footer-col-1 img{
    margin-top: 35px;
  } */
    .footer_list {
        max-height:     max-content;
        flex-direction: column;
        flex-wrap:      nowrap;
        }
    }

@media screen and (max-width: 600px) {
    footer {
        padding-bottom: 0px;
        }

    .footer__form {
        width:    90%;
        position: absolute;
        top:      365px;
        left:     0;
        right:    0;
        margin:   auto;
        }

    .footer_list {
        margin-bottom: 120px;
        }

    .footer_logo-img {
        margin: 0px auto 10px;
        }

    .footer__form form input {
        border-radius: 10px;
        font-size:     13px;
        text-align:    center;
        }

    /* .footer-col-1 img{
    margin-top: 130px;
    margin-bottom: 20px;
  } */
    footer .mt40 {
        margin-top: 15px;
        }

    .absolutebuttonright .ps-md-3 {
        padding-left: 0px !important;
        }
    }

@media screen and (max-width: 580px) {
    .absolutebuttonright .red-button__v2 {
        display: none;
        }

    .absolutebuttonright .ps-md-3 {
        padding-top: 30px !important;
        }

    .absolutebuttonright {
        top: 170px;
        }

    .footer__last-info {
        margin-bottom: 30px;
        }
    }

@media screen and (max-width: 320px) {
    .footer__form {
        width:    97%;
        position: absolute;
        /* top: 267px; */
        top:      315px;
        left:     0;
        right:    0;
        margin:   auto;
        }
    }

@media screen and (max-device-width: 640px) {
    .footer__form {
        top: 340px;
        }
    }

/* POPUP successfully */
.popup-successfully {
    position:   fixed;
    width:      100%;
    height:     100%;
    left:       0;
    top:        0;
    z-index:    1000;
    display:    none;
    opacity:    0;
    transition: all 0.5s;
    }

.popup-successfully__container {
    position: relative;
    width:    100%;
    height:   100%;
    left:     0;
    top:      0;
    }

.popup-successfully__bg {
    position:         absolute;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #3333337e;
    }

.popup-successfully__message {
    width:            730px;
    height:           234px;
    position:         absolute;
    left:             0;
    right:            0;
    top:              0;
    bottom:           0;
    margin:           auto;
    background-color: white;
    text-align:       center;
    }

.popup-successfully__message h3 {
    margin-top:  40px;
    font-weight: 700;
    font-size:   24px;
    }

.popup-successfully__message h5 {
    margin-top:  20px;
    font-weight: 400;
    font-size:   18px;
    }

.popup-successfully__message button {
    margin-top: 40px;
    width:      145px;
    }

@media screen and (max-width: 735px) {
    .popup-successfully__message {
        width:  90%;
        height: 210px;
        }

    .popup-successfully__message h3 {
        max-width: 90%;
        margin:    40px auto 0;
        /* margin-top: 40px; */
        font-size: 20px;
        }

    .popup-successfully__message h5 {
        max-width: 90%;
        margin:    20px auto 0;
        /* margin-top: 20px; */
        font-size: 15px;
        }
    }

@media screen and (max-width: 440px) {
    .popup-successfully__message {
        width:  95%;
        height: 190px;
        }

    .popup-successfully__message h3 {
        max-width: 95%;
        margin:    30px auto 0;
        font-size: 5vw;
        }

    .popup-successfully__message h5 {
        max-width: 95%;
        font-size: 3.5vw;
        }
    }


/* .sizemaxabsolute{
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 100%;
} */


/* ------------ GIFT ------- */

.gift {
    /* display: none; */
    position:  fixed;
    left:      30px;
    /* top: 0; */
    /* bottom: 0; */
    bottom:    30px;
    width:     150px;
    height:    max-content;
    max-width: 30vw;
    z-index:   60;

    }

.gift_container {
    width:                     150px;
    height:                    150px;
    position:                  relative;
    cursor:                    pointer;
    background-image:          url('https://art-fresco.ru/local/templates/fresco/images/gift/gift3.svg');
    background-repeat:         no-repeat;
    background-size:           130px 110px;
    animation-duration:        1s;
    animation-iteration-count: infinite;
    animation-name:            gift_container_ripple;
    }

.gift_container:hover {
    background-image:          url('https://art-fresco.ru/local/templates/fresco/images/gift/gift2.svg');
    background-size:           140px 130px;
    animation-duration:        1s;
    animation-iteration-count: 1;
    margin-bottom:             10px;
    }


@keyframes gift_container_ripple {

    0% {
        background-size: 130px 110px;
        }
    50% {
        background-size: 140px 120px;
        }
    100% {
        background-size: 130px 110px;
        }

    }


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


    .gift {
        bottom:    50px;
        width:     100px;
        max-width: 30vw;
        left:      30px;
        }

    .gift_container {
        width:           100px;
        height:          100px;
        background-size: 90px 80px;
        animation-name:  gift_container_ripple;
        }

    @keyframes gift_container_ripple {

        0% {
            background-size: 90px 80px;
            }
        50% {
            background-size: 100px 90px;
            }
        100% {
            background-size: 90px 80px;
            }

        }

    .gift_container:hover {
        background-size: 110px 100px;
        margin-left:     -5px;
        }


    }

@media screen and (max-width: 900px) {
    .gift {
        bottom:    40px;
        width:     80px;
        max-width: 30vw;
        left:      10px;
        display:   none;
        }

    .gift_container {
        width:           65px;
        height:          80px;
        background-size: 60px 60px;
        }

    .gift_container:hover {
        background-size: 60px 63px;
        }
    }

/* -----------Gift popup----------- */

.gift_popup {
    display: none;
    }

/* ren css */

.gift_popup {
    position: fixed;
    left:     0;
    top:      0;
    width:    100%;
    height:   100%;
    z-index:  1000;
    }

.gift_popup__bg {
    position:         absolute;
    left:             0;
    top:              0;
    width:            100%;
    height:           100%;
    background-color: #2d2d2d6c;
    }

.gift_popup__content-gift {
    position:        absolute;
    /* width: 844px; */
    width:           539px;
    height:          max-content;
    /* height: 400px; */
    overflow:        hidden;
    background:      #FFFFFF;
    box-shadow:      0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius:   2px;

    left:            0;
    right:           0;
    top:             0;
    bottom:          0;
    margin:          auto;

    display:         flex;
    justify-content: center;
    align-items:     center;
    }

.gift_popup__close-btn {
    position:  absolute;
    right:     10px;
    top:       0;
    font-size: 30px;
    color:     #E5E5E5;
    cursor:    pointer;
    }

.content-gift__container {
    width:          85%;
    height:         max-content;
    align-items:    center;
    padding:        40px 0px 63px;
    display:        flex;
    flex-direction: column;
    /* justify-content: space-between; */

    }

.finishBlock__gift {
    display: none;
    }


.content-gift__container .title_gift_popup {
    color:       #333;
    font-size:   20px;
    line-height: 24px;
    font-weight: 700;
    }


/* .gift_popup--finish .gift_popup__container{
  width:min(400px,97vw);
  height: 355px;
} */
.gift_popup--finish h3 {
    margin-bottom: 20px;
    }

.gift_popup--finish .finishBlock__gift {
    display: block;
    }

.gift_popup--finish .gift_popup__left-content {
    display: none;
    }

.gift_popup--finish .gift_popup__right-content {
    width:    100%;
    position: relative;
    }

.gift_popup--finish .gift_popup__form {
    display: none;
    }

.finishBlock__gift {
    width:      90%;
    height:     max-content;
    position:   relative;
    top:        0;
    bottom:     0;
    left:       0;
    right:      0;
    margin:     auto;
    text-align: center;
    }

/* .finishBlock__gift{
  margin: 0px;
} */

.content-gift__text .finishBlock__gift p {
    width:         100%;
    margin-bottom: 8px;
    color:         #333;
    font-size:     14px;
    font-weight:   700;
    /* margin-bottom: 22px; */
    }

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

.content-gift__text .finishBlock__gift small {
    padding:    0px;
    margin-top: 8px;
    }

.finishBlock__gift p:last-child {
    margin-bottom:  0;
    padding-bottom: 0;
    }

.finishBlock__gift .btn_red_form {
    margin: 0;
    }

.finishBlock__gift #gift_discount {
    background: #891C08;
    }

.gift_popup--finish .finishBlock__gift {
    display: block;
    }

.gift_popup--finish .first-gift-p {
    display: none;
    }

.first-gift-p a {
    text-decoration: underline;
    }

.gift_popup--finish .finishBlock__gift {
    display: block;
    }


.second_gift_block {
    display: none;
    }

.content-gift__text .second_gift_block p {
    color:       #333;
    font-size:   14px;
    font-weight: 400;
    }

.second_gift_block__btn_box {
    width:           90%;
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    height:          max-content;
    margin:          0 auto;
    }

.second_gift_block .second_gift_block__btn_box input {
    width:  66%;
    height: 42px;
    margin: 0px;
    }

.second_gift_block .second_gift_block__btn_box button {
    width: 32%;
    }

.second_block_show .second_gift_block {
    display: block;
    }


.second_block_show .first-gift-p {
    display: none;
    }


.content-gift__wheel {
    /* margin-top: 50px; */
    width:      max-content;
    height:     max-content;
    margin-top: 25px;
    }

.content-gift__text {
    width:      100%;
    margin-top: 15px;
    text-align: center;
    height:     max-content;
    }

.content-gift__text h5 {
    font-weight: 700;
    font-size:   20px;
    line-height: 25px;
    /* identical to box height */

    text-align:  center;

    color:       #333333;
    }

.content-gift__text p {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    text-align:  center;

    color:       #2D2D2D;
    }

.content-gift__text input {
    width:        100%;
    height:       38px;
    border:       1px solid #E5E5E5;
    padding-left: 10px;
    margin:       20px 0px 30px;
    }

.content-gift__text button {
    width:         100%;
    font-size:     16px;
    color:         white;
    height:        42px;
    border-radius: 10px;
    border:        none;
    background:    #891C08;
    cursor:        pointer;
    }

.content-gift__text button:disabled {
    background: #ACACAC;
    cursor:     default;
    }

.content-gift__text .content-gift__btn {
    max-width:  379px;
    background: #891C08;
    }

.content-gift__text small {
    font-weight: 500;
    font-size:   14px;
    line-height: 17px;
    text-align:  center;
    padding-top: 12px;
    display:     block;
    color:       #C0C0C0;
    }

.content-gift__text small a {
    text-decoration: underline;
    }

.finishBlock__small {
    margin-top:  -20px;
    padding-top: 0px;
    }

.gift-promocode {
    width:            173px;
    height:           58px;
    text-align:       center;
    background-color: #EDEDED;
    color:            #333333;
    border-radius:    5px;
    text-align:       center;
    margin:           0 auto;
    }

.gift-promocode small {
    padding-top: 0px;
    padding:     5px 0px 3px;
    }

.gift-promocode p {
    font-size:   18px;
    line-height: 22px;
    font-weight: 700;
    }

.content-gift__text small a {
    color: #C0C0C0;
    }

.deal-wheel {
    margin-right: 15px;
    transform:    rotate(90deg);
    /* задаём переменные блока */
    /* размеры колеса */
    /* --size: clamp(250px, 80vmin, 700px); */
    --size:       300px;
    /* настройки яркости и заливки фона секторов */
    --lg-hs:      0 3%;
    --lg-stop:    50%;
    --lg:         linear-gradient(
                          hsl(var(--lg-hs) 0%) 0 var(--lg-stop),
                          hsl(var(--lg-hs) 20%) var(--lg-stop) 100%
                  );
    /* добавляем позиционирование относительно других элементов */
    position:     relative;
    /* подключаем сетку */
    display:      grid;
    grid-gap:     calc(var(--size) / 20);
    /* выравниваем содержимое блока по центру */
    align-items:  center;
    /* задаём имена областей внутри сетки */
    grid-template-areas:
    "spinner"
    "trigger";
    /* устанавливаем размер шрифта */
    font-size:    calc(var(--size) / 21);

    }

/* всё, что относится ко внутренним элементам главного блока, будет находиться в области сетки с названием spinner */
.deal-wheel > * {
    grid-area: spinner;
    }

/* сам блок и кнопка будут находиться в области сетки с названием trigger и будут выровнены по центру */
.deal-wheel .btn-spin {
    grid-area:    trigger;
    justify-self: center;
    }

/* сектор колеса */
/*.spinner {
    !* добавляем относительное позиционирование *!

    background-image:    url("data:image/png;base64,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");
    background-repeat:   no-repeat;
    background-size:     100%;
    position:            relative;
    !* подключаем сетку *!
    display:             grid;
    !* выравниваем всё по центру *!
    align-items:         center;
    !* добавляем элемент в сетку *!
    grid-template-areas: "spinner";
    !* устанавливаем размеры *!
    width:               var(--size);
    color:               white;
    height:              var(--size);
    !* поворачиваем элемент  *!
    transform:           rotate(calc(var(--rotate, 25) * 1deg));
    !* рисуем круглую обводку, а всё, что не поместится, — будет скрыто за кругом *!
    border-radius:       50%;

    border:              5px solid #D1D3D4;
    }*/

/* всё, что внутри этого блока, будет находиться в области сетки с названием spinner */
.spinner * {
    grid-area: spinner;
    }

/* текст на секторах */
.prize {
    /* включаем «гибкую» вёрстку */
    display:          flex;
    align-items:      center;
    /* задаём отступы от краёв блока */
    padding:          0 calc(var(--size) / 6) 0 calc(var(--size) / 20);
    /* устанавливаем размеры */
    width:            50%;
    height:           50%;
    /* устанавливаем координаты, относительно которых будем вращать текст */
    transform-origin: center right;
    /* поворачиваем текст */
    transform:        rotate(var(--rotate));
    /* запрещаем пользователю выделять мышкой текст на секторах */
    user-select:      none;
    color:            #F1F1F1;
    font-size:        12px;
    }

.prize .text {
    transform:   scale(-1, -1);
    font-weight: 500;
    }

.spinner .prize:nth-child(2n) {
    color: #891C08;
    }

/* .spinner .prize:nth-child(2n+1){
} */
/* язычок */
.ticker {
    /* добавляем относительное позиционирование */
    position:          relative;
    /* устанавливаем размеры */
    /* top: calc(var(--size) / -2); */
    /* top: -52%;*/
    left:              -5px;
    top:               4%;
    /*width: calc(var(--size) / 10);
   height: calc(var(--size) / 20); */
    width:             37px;
    height:            41px;
    /* фон язычка */
    /* background: var(--lg); */
    background-image:  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCAzNyA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDU0ODQwMyAyMC4xNDkxQzAuMDY0Njk3IDEzLjQzMzEgMC4wNzU2NDY2IDYuNzE2IDAuMDg1NTAzMiAwQzYuNDIzMyAwIDEyLjc2MjIgMCAxOS4xIDBDMTguNzQzIDAuNTg3NzU2IDE4LjY5NyAxLjIyOTkxIDE4LjY5ODEgMS44OTc2N0MxOC43MDY4IDE0LjgyMyAxOC43MDU3IDI3Ljc0ODMgMTguNzA2OCA0MC42NzM2QzE4LjcwMDMgNDAuNzg3NyAxOC42NzA3IDQwLjg5NjUgMTguNjE3IDQxQzEzLjE3ODQgMzUuNzM3OSA3Ljc5Nzc2IDMwLjQxODMgMi4yNjYwMSAyNS4yNTIyQzAuNjgyMzc3IDIzLjc3MjcgLTAuMjQwODU4IDIyLjI3NzEgMC4wNTQ4NDAzIDIwLjE0OTFaIiBmaWxsPSIjRkVFMzc2Ii8+CjxwYXRoIGQ9Ik0xOC43MDggNDAuNjc0N0MxOC43MDY5IDI3Ljc0OTMgMTguNzA4IDE0LjgyNCAxOC42OTkyIDEuODk3NjdDMTguNjk5MiAxLjIyOTkxIDE4LjY5OTIgMC44MTcwOTggMTguNjk5MiAwQzI0LjYzMjkgMCAzMC45Njg1IDAgMzYuOTAyMiAwQzM2LjkzNSA2Ljc2NzIgMzYuOTY3OSAxMy41MzU1IDM3LjAwMDggMjAuMzAzN0MzNi42OTUyIDIxLjQwNjcgMzcuMzU2NyAyMi42Njg2IDM2LjMyMzkgMjMuNjYyOEMzMC40NDI4IDI5LjMyMzggMjQuNTc4MSAzNS4wMDE5IDE4LjcwOCA0MC42NzQ3WiIgZmlsbD0iI0ZFQjU1NSIvPgo8L3N2Zz4K");
    /* делаем так, чтобы язычок был выше колеса */
    background-repeat: no-repeat;
    background-size:   100% 100%;
    z-index:           1;
    /* форма язычка */
    /* clip-path: polygon(20% 0, 100% 50%, 20% 100%, 0% 50%); */
    /* устанавливаем точку, относительно которой будет вращаться язычок при движении колеса */
    transform-origin:  center left;

    transform:         rotate(270deg);
    }

/* кнопка запуска колеса */

/* если кнопка нажата и неактивна */
.btn-spin:disabled {
    /* меняем внешний вид курсора */
    cursor:  progress;
    /* делаем кнопку полупрозрачной */
    opacity: 0.25;
    }

/* анимация вращения */
.is-spinning .spinner {
    /* transition: transform 8s cubic-bezier(0.1, -0.01, 0, 1); */
    transition: transform 1000000s cubic-bezier(0.1, -0.01, 0, 1);

    }

/* анимация движения язычка */
.is-spinning .ticker {
    animation: tick 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }


/* эффект, когда колесо задевает язычок при вращении */
@keyframes tick {
    40% {
        /* чуть поворачиваем язычок наверх в середине анимации */
        /* transform: rotate(-12deg); */
        transform: rotate(260deg);
        }
    }

/* анимируем выпавший сектор */
.prize.selected .text {
    /* делаем текст белым */
    /* color: rgb(0, 0, 0); */
    /* настраиваем длительность анимации */
    animation: selected 800ms ease;
    /* font-weight: 700; */
    }

/* настраиваем анимацию текста на выпавшем секторе по кадрам */
@keyframes selected {
    /* что происходит на 25% от начала анимации */
    25% {
        /* увеличиваем текст в 1,25 раза */
        transform: scale(-1, -1);
        /* добавляем тексту тень */
        }
    40% {
        transform: scale(-1, -1);
        }
    60% {
        transform: scale(-1, -1);
        }
    75% {
        transform: scale(-1, -1);
        }
    85% {
        transform: scale(-1, -1);
        }
    }

/* fres-card */

.fres-card .tt-text {
    margin-top: auto !important;
    }


/* Garantii */
.garantii h5 {
    font-weight: 700;
    font-size:   24px;
    line-height: 40px;
    color:       #333333;
    }

.garantii p {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    color:       #333333;
    }

@media screen and (max-width: 1000px) {
    .garantii h5 {
        font-size:   12px;
        line-height: 15px;
        }

    .garantii p {
        font-weight: 400;
        font-size:   12px;
        line-height: 15px;
        }
    }


/* ------------menager help  card----------*/
.manager_h {
    width:   100%;
    margin:  30px 0px 20px;
    display: none;
    }

.manager_h__container {
    width: 100%;
    }

.manager_h__box-card {
    width:  100%;
    height: max-content;
    }

.manager_h__card {
    max-width:  325px;
    height:     429px;
    background: #F1F1F1;
    box-shadow: 0px 0px 7px rgba(51, 51, 51, 0.5);
    }

.manager_h__img-box {
    width:  100%;
    height: 219px;
    }

.manager_h__img-box img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    }

.manager_h__content {
    width:      80%;
    margin:     20px auto 0px;
    text-align: center;
    }

.manager_h__content h4 {
    font-weight: 700;
    font-size:   16px;
    line-height: 20px;
    text-align:  center;
    color:       #333333;
    }

.manager_h__content p {
    font-weight: 400;
    font-size:   14px;
    line-height: 16px;
    color:       #333333;
    }

.manager_h__content p b {
    color: #7D0808;
    }

.manager_h__green-t {
    color:       #1F9824;
    font-weight: 600;
    }

.manager_h__grey-b {
    background-color: #3333330a;
    }

.manager_h__content button {
    display: block;
    margin:  20px auto 0px;
    }


@media screen and (max-width: 576px) {
    .catalog__info {
        margin-left: 10px;
        }

    .manager_h {
        display: block;
        }

    .manager_h__box-card {
        width:  100%;
        /* height: max-content; */
        margin: 0 auto;
        }

    .manager_h__card {
        max-width: 96.2%;
        margin:    0 auto;
        }

    .catalog__last_text {
        max-width: 96%;
        margin:    0 auto;
        }

    .catalog__last_text p {
        font-size: 12px;
        }

    .catalog__last_text ul li {
        font-size: 12px;
        }

    .catalog__last_text h3 {
        font-size: 15px;
        }

    .catalog__last_text h3 {
        font-size: 14px;
        }

    .manager_h__content button {
        width:     202px;
        font-size: 14px;
        }
    }

@media screen and (max-width: 430px) {
    .manager_h__card {
        max-width: 95%;
        margin:    0 auto;
        }

    .catalog__last_text {
        max-width: 95%;
        }
    }

@media screen and (max-width: 365px) {
    .manager_h__box-card {
        width: 94.8%;
        }

    .manager_h__card {
        max-width: 100%;
        }
    }


@media screen and (max-width: 320px) {
    .manager_h__card {
        height: 390px;
        }

    .manager_h__content {
        width:  90%;
        margin: 10px auto 0px;
        }

    .manager_h__content h4 {
        font-size:   14px;
        line-height: 16px;
        }

    .manager_h__content p {
        font-size:   12px;
        line-height: 14px;
        }

    .manager_h__content button {
        display: block;
        margin:  10px auto 0px;
        }
    }


/* ----------- */
.params_item_info {
    width:    max-content;
    height:   max-content;
    position: absolute;
    left:     10px;
    top:      10px;
    }

.params_item_info div {
    width:         max-content;
    height:        max-content;
    padding:       4px 10px;
    color:         white;
    font-size:     12px;
    border-radius: 2px;
    overflow:      hidden;
    line-height:   12px;
    font-weight:   500;
    }

.params_item_info__green {
    background-color: #1F9824;
    }

.params_item_info__red {
    background-color: #7D0808;
    }


/* catalog-btn__mobile-btn */
.catalog-btn__mobile-btn {
    width:            max-content;
    max-width:        90%;
    height:           37px;
    margin:           20px auto 0px;
    padding:          0px 30px;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    background-color: #7D0808;
    border-radius:    10px;
    color:            white;
    cursor:           pointer;
    text-decoration:  none;
    font-size:        14px;
    line-height:      16px;
	position:         relative;
    }
.catalog-btn__mobile-btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 200px;
    margin-left: 50px;
    background: #fff;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);
    left: -40px;
    top: -100px;
    z-index: 1;
    transform: rotate(45deg);
    position: absolute;
    animation: movingFlare 3s ease-in-out 0.05s infinite;
}

@media screen and (min-width: 580px) {
    .catalog-btn__mobile-btn {
        display: none;
        }
    }


/* ----------- ---------- photo_wallpaper box  ------------ */
.photo_wallpaper {
    width:      100%;
    height:     max-content;
    /*background-color: #F0F0F0;*/
    margin-top: 60px;
    }

.photo_wallpaper__container {
    width:   100%;
    height:  max-content;
    padding: 40px 0px;
    }


.photo_wallpaper__container h3, .photo_wallpaper__container .h3 {
    font-family: 'Katherine-Plus', sans-serif;
    width:       max-content;
    max-width:   98%;
    margin:      0 auto;
    font-weight: 400;
    font-size:   20px;
    line-height: 22px;
    color:       #ACACAC;
    }

@media screen and (min-width: 1000px) {
    .photo_wallpaper .container-lg {
        padding: 0px;
        }
    }


.photo_wallpaper__content_box {
    width:           100%;
    height:          max-content;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    }


.photo_wallpaper__video_box {
    width:    49.3%;
    height:   max-content;
    position: relative;
    cursor:   pointer;
    }

.photo_wallpaper__video_box::before {
    content:           '';
    position:          absolute;
    width:             86px;
    height:            86px;
    background-image:  url('/local/templates/fresco/images/banners/icon_play.svg');
    background-repeat: no-repeat;
    background-size:   contain;
    top:               0;
    bottom:            0;
    left:              0;
    right:             0;
    margin:            auto;
    transition:        all 0.3s;
    }

.photo_wallpaper__video_box:hover::before {
    width:  96px;
    height: 96px;
    }

.photo_wallpaper__video_box img {
    width:      100%;
    object-fit: contain;
    }

.photo_wallpaper__text_box {
    width:  45.5%;
    height: max-content;
    }

.photo_wallpaper__text_box h4, .photo_wallpaper__text_box .h4 {
    font-weight: 700;
    font-size:   32px;
    line-height: 40px;
    color:       #333333;
    }

.photo_wallpaper__text_box h4 b, .photo_wallpaper__text_box .h4 b {
    font-family: 'Katherine-Plus', sans-serif;
    font-weight: 400;
    font-size:   54px;
    line-height: 59px;
    color:       #7D0808;
    }

.photo_wallpaper__text_box ul {
    margin: 0px;
    }

.photo_wallpaper__text_box li {
    width:         max-content;
    height:        max-content;
    position:      relative;
    list-style:    none;
    padding-left:  36px;
    margin-bottom: 10px;
    font-weight:   400;
    font-size:     18px;
    line-height:   22px;
    color:         #333333;
    }

.photo_wallpaper__text_box li:last-child {
    margin-bottom: 0px;
    }

.photo_wallpaper__text_box li::before {
    content:           '';
    position:          absolute;
    left:              0;
    top:               0;
    bottom:            0;
    width:             22px;
    height:            22px;
    background-image:  url('/local/templates/fresco/images/icons/check_mark.svg');
    background-repeat: no-repeat;
    background-size:   contain;
    margin:            auto;

    }

.photo_wallpaper__box-btn {
    display:    flex;
    margin-top: 30px;
    }

.photo_wallpaper__box-btn a {
    width:            227px;
    height:           42px;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    background-color: #7D0808;
    border-radius:    10px;
    color:            white;
    cursor:           pointer;
    text-decoration:  none;
    margin-right:     20px;
    }


.photo_wallpaper__box-btn a:hover {
    color:            white !important;
    background-color: #650808;
    }

.photo_wallpaper__box-btn .btn-green {
    background-color: #1F9824;
    margin-right:     0px;
    }

.photo_wallpaper__box-btn .btn-green:hover {
    background-color: #1A851E;
    }

.photo_wallpaper__content_box span {
    font-family: 'Katherine-Plus', sans-serif;
    font-weight: 400;
    font-size:   31px;
    line-height: 34px;
    color:       #ACACAC;
    display:     block;
    margin-top:  40px;
    position:    relative;
    }

.photo_wallpaper__content_box span::before {
    content:           '';
    position:          absolute;
    left:              -103px;
    top:               -35px;
    width:             116px;
    height:            50px;
    background-image:  url('/local/templates/fresco/images/banners/Union.svg');
    background-repeat: no-repeat;
    background-size:   contain;
    }

@media screen and (max-width: 1200px) {
    .photo_wallpaper__text_box h4, .photo_wallpaper__text_box .h4 {
        font-size:   28px;
        line-height: 32px;
        }

    .photo_wallpaper__text_box h4 b, .photo_wallpaper__text_box .h4 b {
        font-weight: 400;
        font-size:   50px;
        line-height: 55px;
        }

    .photo_wallpaper__text_box li {
        padding-left: 32px;
        font-size:    16px;
        }

    .photo_wallpaper__content_box span {
        font-size:   28px;
        line-height: 32px;
        }

    .photo_wallpaper__box-btn a {
        width:  207px;
        height: 42px;
        }

    }


@media screen and (max-width: 1000px) {
    .photo_wallpaper__video_box {
        width: 49.3%;
        }

    .photo_wallpaper__text_box {
        width:  45.5%;
        height: max-content;
        }

    .photo_wallpaper__video_box::before {
        width:  56px;
        height: 56px;
        }

    .photo_wallpaper__video_box:hover::before {
        width:  76px;
        height: 76px;
        }

    .photo_wallpaper__text_box h4, .photo_wallpaper__text_box .h4 {
        font-size:   22px;
        line-height: 26px;
        }

    .photo_wallpaper__text_box h4 b, .photo_wallpaper__text_box .h4 b {
        font-size:   32px;
        line-height: 37px;
        }


    .photo_wallpaper__text_box li::before {
        width:  18px;
        height: 18px;
        }

    .photo_wallpaper__text_box li {
        padding-left: 26px;
        font-size:    14px;
        }

    .photo_wallpaper__content_box span {
        font-size:   22px;
        line-height: 26px;
        margin-top:  20px;
        }

    .photo_wallpaper__content_box span::before {
        left:   -95px;
        top:    -32px;
        width:  96px;
        height: 40px;
        }

    .photo_wallpaper__box-btn {
        margin-top: 15px;
        }

    .photo_wallpaper__box-btn a {
        width:  187px;
        height: 42px;
        }
    }


@media screen and (max-width: 800px) {
    .photo_wallpaper__video_box {
        width: 49%;
        }

    .photo_wallpaper__text_box {
        width: 49%;
        }

    .photo_wallpaper__text_box h4, .photo_wallpaper__text_box .h4 {
        font-size:   18px;
        line-height: 20px;
        }

    .photo_wallpaper__text_box h4 b, .photo_wallpaper__text_box .h4 b {
        font-size:   24px;
        line-height: 28px;
        }


    .photo_wallpaper__text_box li::before {
        width:  16px;
        height: 16px;
        }

    .photo_wallpaper__text_box li {
        padding-left:  20px;
        font-size:     12px;
        margin-bottom: 6px;
        }

    .photo_wallpaper__content_box span {
        font-size:   18px;
        line-height: 22px;
        }

    .photo_wallpaper__content_box span::before {
        left:   -62px;
        top:    -24px;
        width:  66px;
        height: 40px;
        }


    .photo_wallpaper__box-btn a {
        width:        max-content;
        padding:      0px 16px;
        height:       37px;
        font-size:    14px;
        margin-right: 14px;
        }

    }

@media screen and (min-width: 580px) {
    .photo_wallpaper__container h3, .photo_wallpaper__container .h3 {
        display: none;
        }

    .photo_wallpaper__box-btn .photo_wallpaper__whatsap-btn {
        display: none !important;
        }

    .catalog-btn__mobile-btn {
        display: none;
        }
    }

@media screen and (max-width: 580px) {
    .catalog_five_box .row {
        width:  100%;
        margin: 0 auto;
        }

    .photo_wallpaper__video_box:hover::before {
        width:  56px;
        height: 56px;
        }

    .photo_wallpaper__container h3, .photo_wallpaper__container .h3 {
        display: block;
        }

    .photo_wallpaper__content_box {
        margin-top: 6px;
        }

    .photo_wallpaper {
        display: block;
        }

    .photo_wallpaper__content_box span {
        display: none;
        }

    .photo_wallpaper__btn-catalog {
        display: none !important;
        }

    .photo_wallpaper {
        margin-top:       20px;
        background-color: transparent;
        }

    .photo_wallpaper__container {
        padding: 0px 12px;
        }


    .photo_wallpaper__content_box {
        width:           100%;
        height:          max-content;
        display:         inline-block;
        align-items:     center;
        justify-content: space-between;
        }

    .photo_wallpaper__video_box {
        width: 100%;
        }

    .photo_wallpaper__text_box {
        width:      100%;
        margin-top: 20px;
        }

    .photo_wallpaper__text_box h4, .photo_wallpaper__text_box .h4 {
        display: none;
        }

    .photo_wallpaper__text_box ul {
        width:      max-content;
        max-width:  100%;
        margin:     21px auto 0px;
        text-align: center;
        }

    .photo_wallpaper__text_box ul li {
        margin: 0px auto 4px;
        }

    .photo_wallpaper__box-btn .request_call__btn {
        background-color: #7D0808;
        }

    .photo_wallpaper__box-btn {
        flex-direction:  column;
        justify-content: center;
        margin-top:      30px;
        }

    .photo_wallpaper__box-btn a {
        width:  181px;
        margin: 0px auto 12px !important;
        }

    }


/* ------------------------------------------------------- */
.fresco__custom_image {
    margin-top: 50px;
    }

.custom_image {
    width:  100%;
    height: -moz-max-content;
    height: max-content;
    }

.custom_image__container {
    width:  100%;
    height: -moz-max-content;
    height: max-content;
    }

.custom_image__content {
    margin-top:      30px;
    width:           100%;
    height:          -moz-max-content;
    height:          max-content;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    }

.custom_image__content_text {
    width:  48%;
    height: -moz-max-content;
    height: max-content;
    }

.custom_image__content_text p {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    color:       #2D2D2D;
    margin:      12px 0px;
    }

.custom_image__content_text p span {
    font-size:   18px;
    line-height: 22px;
    color:       #7D0808;
    }

.custom_image__content_text button {
    margin-top:  30px;
    margin-left: 0px;
    }


.custom_image__content_img {
    width:       48%;
    height:      100%;
    display:     flex;
    align-items: center;
    }

.custom_image__content_img img {
    width:         100%;
    height:        100%;
    max-height:    341px;
    -o-object-fit: cover;
    object-fit:    cover;
    }


@media screen and (max-width: 1400px) {
    .custom_image__content_text {
        width:  48%;
        height: -moz-max-content;
        height: max-content;
        }

    .custom_image__content_text p,
    .custom_image__content_text p span {
        font-size:   14px;
        line-height: 18px;
        }

    .custom_image__content_text button {
        margin-top: 20px;
        }
    }

@media screen and (max-width: 1200px) {
    .custom_image__content_img img {
        max-height: 100%;
        width:      100%;
        height:     301px;
        }
    }

@media screen and (max-width: 900px) {
    .fresco__custom_image {
        margin-top: 40px;
        }

    .custom_image__content_text {
        width:  48%;
        height: -moz-max-content;
        height: max-content;
        }

    .custom_image__content_text p {
        font-size:   14px;
        line-height: 16px;
        }

    .custom_image__content_text p span {
        font-size:   14px;
        line-height: 16px;
        }

    .custom_image__content_text button {
        margin-top: 20px;
        }
    }

@media screen and (max-width: 750px) {
    .fresco__custom_image {
        margin-top: 30px;
        }

    .custom_image__content {
        margin-top:      30px;
        height:          -moz-max-content;
        height:          max-content;
        justify-content: center;
        flex-direction:  column;
        }

    .custom_image__content_text {
        width:      100%;
        height:     -moz-max-content;
        height:     max-content;
        order:      2;
        text-align: center;
        }

    .f_designers__succesful_send {
        text-align: center;
        }

    .custom_image__content_text button {
        margin: 20px auto 0px;
        }

    .custom_image__content_img {
        width: 100%;
        order: 1;
        }
    }

@media screen and (max-width: 576px) {
    .custom_image__content {
        margin-top: 20px;
        }

    .custom_image__content_text p {
        font-weight: 400;
        font-size:   12px;
        line-height: 15px;
        }

    .custom_image__content_text p span {
        font-size:   12px;
        line-height: 15px;
        }

    .custom_image__content_text button {
        margin: 12px auto 0px;
        width:  219px;
        }

    .custom_image__content_img img {
        height: 230px;
        }
    }

/* --------------------------------------- */
.f_designers {
    margin-top: 101px;
    width:      100%;
    height:     -moz-max-content;
    height:     max-content;
    }

.f_designers__container {
    width: 100%;
    }

.f_designers__container a {
    width:           max-content;
    display:         flex;
    align-items:     center;
    justify-content: center;
    margin:          30px auto 0px;
    }

.f_designers__container a span {
    margin-left: 5px;
    }

.f_designers__container a:hover {
    color: white !important;
    }

.f_designers__banner {
    width:           100%;
    height:          100%;
    max-height:      397px;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    }


.f_designers__img {
    width:    53%;
    height:   100%;
    position: relative;

    }

.f_designers__img img {
    width:         100%;
    height:        100%;
    max-height:    397px;
    -o-object-fit: cover;
    object-fit:    cover;
    position:      relative;
    z-index:       4;
    }

.f_designers__form_box {
    width:  48%;
    height: -moz-max-content;
    height: max-content;
    }

.f_designers__succesful_send {
    display: none;
    }


.succesful_send .f_designers__form_box {
    display: none;
    }

.succesful_send .f_designers__succesful_send {
    display: block;
    }

.f_designers__banner p {
    font-weight: 400;
    font-size:   18px;
    line-height: 22px;
    color:       #333333;
    margin-top:  17px;
    }

.f_designers__banner small {
    color:   red;
    display: block;
    }


.f_designers__form_box form {
    margin-top: 20px;
    }

.f_designers__form_box form input {
    width:        100%;
    height:       38px;
    border:       1px solid #ACACAC;
    padding-left: 10px;
    margin-top:   12px;
    }

.f_designers__form_box form button {
    margin-top: 30px;
    }


@media screen and (max-width: 1400px) {
    .f_designers__form_box {
        width: 42%;
        }

    .f_designers__form_box p {
        font-size:   16px;
        line-height: 20px;
        }

    .f_designers__form_box form {
        margin-top: 16px;
        }

    .f_designers__form_box form input {
        height: 32px;
        }

    .f_designers__form_box form button {
        margin-top: 25px;
        }

    .f_designers__container {
        width: 100%;
        }
    }

@media screen and (max-width: 1200px) {
    .f_designers__form_box {
        width: 43%;
        }

    .f_designers__form_box p {
        font-size:   14px;
        line-height: 20px;
        }

    .f_designers__form_box form {
        margin-top: 14px;
        }

    .f_designers__form_box form input {
        height: 32px;
        }

    .f_designers__form_box form button {
        margin-top: 22px;
        }

    .default_btn {
        font-size: 14px;
        }
    }

@media screen and (max-width: 1000px) {
    .f_designers__form_box p {
        font-size:   12px;
        line-height: 16px;
        }

    .f_designers__form_box form {
        margin-top: 12px;
        }

    .f_designers__form_box form input {
        height:    28px;
        font-size: 12px;
        }
    }

@media screen and (max-width: 800px) {
    .f_designers__banner {
        height:         -moz-max-content;
        height:         max-content;
        flex-direction: column;
        max-height:     -moz-max-content;
        max-height:     max-content;
        }

    .f_designers__img {
        width: 100%;
        }

    .f_designers__form_box {
        width:      100%;
        position:   relative;
        height:     -moz-max-content;
        height:     max-content;
        margin-top: 20px;
        text-align: center;
        }

    .f_designers__form_box p {
        width:       90%;
        margin:      8px auto 0px;
        font-weight: 400;
        font-size:   12px;
        line-height: 15px;
        }

    .f_designers__form_box form {
        width:  90%;
        margin: 0px auto 0px;
        }

    .f_designers__form_box form input {
        height:      33px;
        font-weight: 400;
        font-size:   14px;
        line-height: 17px;
        margin-top:  8px;
        }

    .custom_image__content_text button,
    .f_designers__form_box form button,
    .f_designers__container a {
        width: 219px;
        }

    .f_designers__container a {
        margin-top: 20px;
        }

    .f_designers__container a span {
        display: none;
        }


    .succesful_send h4 {
        font-size:   20px;
        line-height: 24px;
        margin-top:  20px;
        }

    .succesful_send p {
        font-size:     16px;
        line-height:   20px;
        margin-bottom: 0px;
        }
    }


@media screen and (max-width: 550px) {
    .fresco__f_designers {
        margin-top: 30px;
        }

    .f_designers__form_box form {
        margin-top: 12px;
        }
    }

@media screen and (max-width: 500px) {
    .f_designers__form_box {
        margin-top: 18px;
        }

    .succesful_send h4 {
        font-size:   18px;
        line-height: 22px;
        margin-top:  12px;
        }

    .succesful_send p {
        font-size:   14px;
        line-height: 18px;
        }

    }

/* ----------------- freski info card ------------------------- */
.container-blog {
    width:     1320px;
    margin:    0 auto;
    max-width: 95%;
    }

.freski_info_card {
    width:      100%;
    height:     max-content;
    margin-top: 50px;
    }

.freski_info_card h3 {
    font-weight: 700;
    font-size:   24px;
    line-height: 30px;
    color:       #333333;
    }

.freski_info_card__container {
    width:      100%;
    height:     max-content;
    margin-top: 30px;
    }

.freski_info_card__list {
    width:           100%;
    height:          max-content;
    display:         flex;
    align-items:     start;
    justify-content: space-between;
    }

.freski_info_card__list .slick-dots {
    margin-top: 12px;
    }

.freski_info_card__list .slick-dots li {
    width:         8px;
    height:        8px;
    color:         #D9D9D9;
    border-radius: 50%;
    }

.freski_info_card__list .slick-dots li button {
    display: none;
    }

.freski_info_card__item {
    max-width: 96%;
    display:   block !important;
    width:     100%;
    height:    296px;
    overflow:  hidden;
    position:  relative;
    margin:    0 10px 0 0;
    }

.freski_info_card__item:before {
    content:    '';
    width:      100%;
    height:     30%;
    position:   absolute;
    bottom:     0;
    left:       0;
    z-index:    3;
    background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333333 84.37%);
    }

.freski_info_card__item img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    position:   relative;
    z-index:    2;
    }

.freski_info_card__text {
    width:      90%;
    height:     max-content;
    position:   absolute;
    bottom:     20px;
    left:       0;
    right:      0;
    margin:     auto;
    color:      white;
    text-align: center;
    z-index:    4;
    }

.freski_info_card__text h5 {
    margin-bottom: 4px;
    font-weight:   700;
    font-size:     20px;
    line-height:   25px;
    text-shadow:   0px 1px 2px rgba(0, 0, 0, 0.5);
    }

.freski_info_card__text p {
    font-weight: 700;
    font-size:   14px;
    line-height: 17px;
    text-align:  center;
    margin:      0px auto;
    }

@media screen and (max-width: 1000px) {
    .freski_info_card {
        margin-top: 40px;
        }

    .freski_info_card h3 {
        font-size:   22px;
        line-height: 24px;
        }

    .freski_info_card__container {
        margin-top: 25px;
        }
    }

@media screen and (max-width: 767px) {
    .freski_info_card {
        margin-top: 30px;
        }

    .freski_info_card h3 {
        font-size:   20px;
        line-height: 20px;
        text-align:  center;
        }

    .freski_info_card__container {
        margin-top: 20px;
        }

    .freski_info_card__text h5 {
        font-weight: 700;
        font-size:   16px;
        line-height: 20px;
        }

    .freski_info_card__text p {
        font-size:   14px;
        line-height: 17px;
        font-weight: 700;
        }
    }

@media screen and (max-width: 530px) {
    .freski_info_card__item {
        max-width:     100%;
        height:        285px;
        border-radius: 2px;
        }

    }

.content__element-image .text_bottom__slider {
    color: #333333;
    }

.text_bottom__slider a {
    border-bottom: 1px solid #7D0808;
    transition:    border-bottom 0.2s;
    }

.text_bottom__slider a:hover {
    border-bottom: 1px solid #7d080800;
    }

header .read_banner {
    margin:     0 -12px;
    background: linear-gradient(180deg, #7D0808 0%, #AB5F5F 112.75%);
    padding:    20px 0;
    color:      #FFFFFF;
    }

header .read_banner .read_banner_text {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    }

header .read_banner .read_banner_text_left {
    display: flex;
    }

header .read_banner .read_banner_text h4 {
    font-size: 16px;
    margin:    0 30px;
    }

header .read_banner .read_banner_text img {
    max-height: 40px;
    }

header .read_banner .read_banner_text .close {
    cursor: pointer;
    }

@media screen and (max-width: 1000px) {
    header .read_banner .read_banner_text h4 {
        font-size: 12px;
        }
    }

/* fast_buy */
.fast_buy {
    background: #E5E5E580;
    color:      #2D2D2D;
    padding:    0 20px 0;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    }

.container-fluid.mt30.swiper-element-mdf .row {
    justify-content: space-around;
    }

.col-4.custom {
    width: 32%;
    }

.fast_buy.desktop .col-4.custom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }

.fast_buy .fast_buy_container {
    margin: 5% 0;
    text-align: center;
    }.fast_buy_container h3 {
    font-size:   30px;
    font-weight: 700;
    }

.fast_buy_container h4 {
    color: #ACACAC;
    font-size:   18px;
    font-weight: 400;
    margin:      12px 0 0;
    }

.fast_buy_container form {
    margin-top: 14px;
    }

.fast_buy_container form p {
    color:     #2B2B2B;
    font-size: 14px;
    font-weight: bold;
    margin:    0 0 10px;
    line-height: 1;
    }

.fast_buy_container form input, .fast_buy_container form button {
    width:         100%;
    padding:       0 10px;
    margin-bottom: 12px;
    }

.fast_buy_container form button {
    border-radius: 10px;
    height:        42px;
    background:    #7D0808;
    color:         #fff;
    font-size:     18px;
    font-weight: 600;
    border:        none;
    position:      relative;
    overflow:      hidden;
    }
.fast_buy_container form button[disabled]{
    background:    #7D0808;
    }

.fast_buy_container form button:not([disabled]):hover {
    background: #6d0808;
    }
.fast_buy_container form button[disabled]:hover {
    background: #7D0808;
    }

.fast_buy_container form input {
    height:        38px;
    border:        1px solid #ACACAC;
    border-radius: 5px;
    text-align:    center;
    }

.fast_buy_container p {
    font-size:  14px;
    color:      #ACACAC;
    margin-bottom: 0;
    }

.fast_buy_container h5 {
    color:       #7D0808;
    font-size:   60px;
    font-weight: 700;
    margin-top:  30px;
    }

.fast_buy_container h6 {
    color:       #333333;
    font-size:   18px;
    font-weight: 400;
    margin-top:  10px;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
    }

.fast_buy_container .required-note {
    color:      #ACACAC;
    font-size: 12px;
    margin:    8px 0 0;
    }

.fast_buy_button.success{
    background:    green!important;
    }

@keyframes movingFlare {
  0% {
    left:        -30px;
    margin-left: 0px;
  }
  30% {
    left:        110%;
    margin-left: 80px;
  }
  100% {
    left:        110%;
    margin-left: 80px;
  }
}

.fast_buy_container form button:after {
  content:     "";
  display:     block;
  width:       20px;
  height:      200px;
  margin-left: 50px;
  background:  #fff;
  background:  linear-gradient(
          to bottom,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(255, 255, 255, 0.3) 50%,
          rgba(255, 255, 255, 0.1) 100%
  );
  left:        -40px;
  top:         -100px;
  z-index:     1;
  transform:   rotate(45deg);
  position:    absolute;
  animation:   movingFlare 3s ease-in-out 0.05s infinite;
}
@media screen and (min-width: 575px) {
    .fast_buy.mobile{
        display: none;
        }
    }
@media screen and (max-width: 991px) {
    .col-4.custom{
        width: 64.5%;
        }
    }
@media screen and (max-width: 575px) {
    .fast_buy.desktop{
        display: none;
        }
    .product__swiper{
        display: none;
        }
    .fast_buy.mobile{
        display: block;
        padding: 30px 25px 10px;
        }
    .fast_buy_container h3{
        font-size:   20px;
        }
    .fast_buy_container h4{
        color: #ACACAC;
        font-size:   14px;
        }
    .fast_buy_container form input, .fast_buy_container form button {
        font-size: 14px;
        }
    .fast_buy_container form button{
        margin-top: 20px;
        height: 37px;
        }
    .fast_buy_container form input{
        height: 33px;
        margin: 0;
        }
    .fast_buy_container p{
        margin-top: 0;
        }
    .fast_buy_container h6{
        font-size:   18px;
        padding: 0;
        margin-top:  15px;
        margin-bottom: 15px;
        font-weight: 400;
        }
    .fast_buy_container .required-note {
        font-size: 10px;
        margin: 6px 0 0;
        }
    .content__element-image p{
        font-size:   14px;
        }
    .content__element-image .d-flex.content__element_edit-img.flex-wrap.flex-sm-nowrap.mt20{
        margin-top: 40px!important;
        }
    }


/* Стили для кнопки "Разделы каталога" на мобилке */
.btn-sections-catalog {
    z-index: 101;
    display: inline-block;
    background-color: #7D0808;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    width: 254px;
    height: 32px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

.btn-sections-catalog:hover {
    background-color: #5C0606;
}

.btn-sections-catalog:active {
    background-color: #4A0505;
}

.arrow-sections {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

/* Стили для чекбокса "Показать в интерьере" */
.checkbox-interior-view {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 15px;
    user-select: none;
}

.checkbox-interior-view input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
    margin: 0;
}

.checkbox-custom-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    min-width: 15px;
    margin-right: 8px;
    border: 2px solid #7D0808;
    border-radius: 3px;
    background-color: white;
    transition: background-color 0.2s, border-color 0.2s;
    flex-shrink: 0;
    font-weight: bold;
    font-size: 16px;
    color: white;
    line-height: 1;
    padding: 0;
}

.checkbox-interior-view input[type="checkbox"]:checked + .checkbox-custom-box {
    background-color: #7D0808;
    border-color: #7D0808;
}

.checkbox-interior-view input[type="checkbox"]:checked + .checkbox-custom-box::after {
    content: '✓';
}

.checkbox-interior-view span {
    font-size: 14px;
    color: #7D0808;
    font-weight: 500;
}

/* Keep WhatsApp/MAX CTA icons from stretching the chat buttons. */
.search_img_banner_text .whatsapp,
.search_img_banner_text .max {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    height: 50px;
    min-height: 50px;
    line-height: 1.2 !important;
    white-space: nowrap;
}

.search_img_banner_text .whatsapp img,
.search_img_banner_text .max img {
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px;
    margin: 0 4px 0 0 !important;
    object-fit: contain;
    vertical-align: middle;
}

@media screen and (max-width: 990px) {
    .search_img_banner_text .whatsapp,
    .search_img_banner_text .max {
        width: min(254px, 100%) !important;
        height: 37px;
        min-height: 37px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 7px 18px !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    .search_img_banner_text .whatsapp img,
    .search_img_banner_text .max img {
        width: 22px !important;
        height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        flex-basis: 22px;
    }
}

.banner_for_catalog_mobile .whatsapp_button,
.banner_for_catalog_mobile .max {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    line-height: 1.15 !important;
    overflow: hidden;
    white-space: nowrap;
}

.banner_for_catalog_mobile .whatsapp_button img,
.banner_for_catalog_mobile .max img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px;
    margin: 0 4px 0 0 !important;
    object-fit: contain;
}
.search_img_banner_text.footer_buttons a {
	height: 30px;
    min-height: 30px;
}
.search_img_banner_text.footer_buttons .whatsapp img, .search_img_banner_text.footer_buttons .max img {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
}
.search_img_banner_text.footer_buttons p, .search_img_banner_text.footer_buttons a {
	font-size: 17px;
}
.search_img_banner_text.footer_buttons a.max {
	margin-left: 0;
}
.whatsapp_flex.search_img_banner_text.footer_buttons {
	justify-content: flex-start;
    flex-wrap: wrap;
}