/* #051959 - синий */
/* #ffb735 - желтый */


.filial-point-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0px;
}

.wrapper-all-point {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
}

.point-address {
    font-weight: 500;
}

.point-phone {
    font-size: 14px;
}

.wrapper-all-point {
    padding: 15px;
    border: 1px solid #edecec;
    border-radius: 15px;
    margin: 10px;
}

.filial-point {
    padding-left: 10px;
    line-height: 24px;
}


.block-cat-all {
    display: flex;
    flex-direction: column;
}

.catalog-sorting .catalog-sorting__item:nth-child(5),
.catalog-sorting .catalog-sorting__item:nth-child(6) {
    display: none;
}

.block-cat-all img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 20px;
}

.block-cat-all .span-button-block {
    position: absolute;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 20px;
}


#bt-block {
    justify-content: center;
}

#bt-block img {
    border-radius: 50%;
} 


.product-details__actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-end !important;
}

.product-card_small .product-card__price-default {
    font-size: 22px !important;
    font-weight: bold !important;
}

.product-card__price_new .product-card__price-default {
    color: #14235f !important;
    font-weight: bold !important;
}

.table-container {
    border: 1px solid #dee2e6; /* Same border as the table */
    border-radius: 0.5rem;        /* To achieve round corners like in the image */
    overflow: hidden; 
    padding: 10px 10px 0px 10px;
    border-radius: 25px;           /* Hide any overflow caused by the rounded corners */
}

.product-details__quick-buy {
    justify-content: flex-end !important;
}

.table {
    margin-bottom: 0;
}

.table thead th {
    background-color: #122161; /* Dark blue for the header */
    color: white;                /* White text for the header */
    border: none;                 /* Remove header border for cleaner look */
    text-align: center;         /* Center the text horizontally */
    padding: 0.75rem;          /* Add a bit of vertical padding */
}

.table thead th:nth-child(1) {
    /* border-radius: 50px 0px 0px 50px;  */
}

.table thead th:nth-child(2) {
    /* border-radius: 0px 50px 50px 0px;  */
}

.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 0px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table tbody td {
    text-align: center;         /* Center the text horizontally */
    border: none;
    padding: 0.75rem;   
    font-weight: 500;         /* Add a bit of vertical padding */
}

.table tbody tr {
    border-bottom: 1px solid #dee2e6;
}

.table tbody tr:last-child {
    border-bottom: 0 !important;
}

.table-borderless > tbody > tr > *{
    border: 0;
    text-align: center;
}
.table-borderless > thead > tr > *{
    border: 0;
    text-align: center;
}

.table-borderless > :not(caption) > * > * {
    padding: .5rem .5rem;
    color: var(--bs-body-color);
    text-align: center;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table-borderless :is(thead, tbody, tfoot):not(:last-child) {
    border-bottom: 0px solid #dee2e6;
}


form {
    padding: 10px;
}

.grey-new {
    color: #b1b1b1;
    font-weight: 400 !important;
    text-align: center;
}

.loadingoverlay {
    backdrop-filter: blur(5px);
    border-radius: 15px;
    padding: -20px;
}

.slick-track {
    display: flex !important;
  }

.slick-track .slick-slide {
    display: flex !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap;
    flex-direction: column;
}

.slick-slide { /* spacing in between each slide */
    margin: 0 20px;
}

.arrow-slider-prem-avto-1 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.line-1 {
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.arrow-slider-prem-avto-1 .u_prev {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 5px;
}

.arrow-slider-prem-avto-1 .u_next {
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 5px;
}

.wrapper-avto-block-1 .slick-slide img {
    border-radius: 0 !important;
}

.wrapper-avto-block-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

.slick-prem-1 {
    text-align: center;
}

.avto-block-item {
    border: 1px solid #d0d0d0;
    border-radius: 25px;
    padding: 2rem;
    font-family: 'Open Sans';
}

.step-avto {
    font-size: 98px;
    color: #d2d2d2;
    font-weight: bold;
}

.step-avto span {
    font-size: 28px;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

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

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.wrapper-avto-block-2 h2 {
    color: #fff;
}

h2.center {
    text-align: center;
}

.avto-block-item p span {
    color: #d2d2d2;
    display: block;
}

.avto-block-item p {
    font-weight: bold;
}

.inner-avto-block-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    justify-content: space-evenly;
    justify-items: center;
}

.avto-block-item-2 {
    width: 400px;
    border-radius: 25px;
    padding: 2rem;
    font-family: 'Open Sans';
    background-color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.wrapper-avto-block-2 h2 {
    font-size: 30px !important;
}

.title-ul {
    font-weight: 700;
}

.ul-header ul {
    font-weight: 500;
}

.icon-avto {
    background-color: #122161;
    width: 90px;
    height: 90px;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.wrapper-avto-block-2 {
    background-image: url('/local/templates/melangist/assets/img/bg-avto.jpg');
    background-repeat: no-repeat;
    border-radius: 25px;
    padding: 2rem;
}

.button-block-avto {
    color: #fff;
    background-color: #122161;
    border-color: #122161;
    border-radius: 50px;
    padding: 0.7rem 4rem;
    font-size: 1.0625rem;
    display: block;
    text-align: center;
}

.bxmaker-authuserphone-simple {
    box-shadow: none !important;
    width: 100% !important;
    padding: 0px !important;
}

.bxmaker-authuserphone-header {
    font-weight: 500 !important;
}

.bxmaker-authuserphone-button__title {
    font-weight: 500 !important;
}

.wrapper-form01-input input {
    margin: 1rem;
}


.Form01-top h2 {
    color: #fff;
    margin-bottom: 1rem !important;
}

.wrapper-form01-input {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

.Form01-top span {
    color: #fff;
}

.form01-button {
    color: #fff;
    background-color: #eebd2e;
    border-color: #eebd2e;
    border-radius: 50px;
    padding: 0.7rem 4rem;
    font-size: 1.0625rem;
}

.form01-right {
    background-image: url('/local/templates/melangist/assets/img/bez_imeni-1.jpg');
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 15px;
    background-size: cover !important;
}

.form01-left {
    background-image: url('/local/templates/melangist/assets/img/form01-bg.jpg');
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 1em;
    background-size: cover !important;
}

#title-search {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.slick-slider {
    margin-bottom: 0px !important;
}

.button-block-1 {
    background-color: #fff800;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    width: max-content;
}

.button-block-4 {
    background-color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    width: max-content;
}

.button-block-5 {
    background-color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    width: max-content;
}

.span-button-block-1, .span-button-block-2, .span-button-block-3, .span-button-block-4, .span-button-block-5 {
    line-height: 30px;
    margin-bottom: 20px;
}

.span-button-block-1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.button-block-3 {
    background-color: #e2ac49;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    width: max-content;
}

.span-button-block-3 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

.span-button-block-4,
.span-button-block-5 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.grid-body-item {
    position: absolute;
    z-index: 1;
    top: 0;
    display: flex;
    flex-direction: column;
    margin: 20px;
}

.header-icon-new {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.header-icon-new img {
    margin-right: 14px;
}

.header-search-button__input {
    font-size: 14px;
}

.header__search {
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px 20px;
}


.header-catalog-button__title {
    font-size: 14px;
    font-family: "Open Sans";
    line-height: 1.875;
    font-weight: 500;
    color: #2f2f2f;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mobile-block-top-profile {
    width: 100% !important;
}

/* .align-items-center {
    justify-content: center;
} */

.table-lk {
    font-size: 14px;
    width: max-content;
    min-width: 100%;
}


.menu-left-lk {
    padding-left: 0;
}

.menu-left-lk li {
    list-style: none;
    margin-bottom: 1px;
}

.menu-left-lk li a {
    color: #fff;
    background-color: #051959;
    border-color: #051959;
    padding: 10px 10px;
    width: 100%;
    display: inline-block;
    font-size: 1rem;
    border-radius: 5px;
}

.lk-but-log {
    margin-top: 30px;
}

.red-pay {
    color: red;
    font-size: 12px;
}

.green-pay {
    color: green;
    font-size: 12px;
}

.center-login {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.center-login img {
    margin-bottom: 20px;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #051959;
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
}

.modal-content {
    border-radius: 10px;
    border: 0;
}

.zb-accordion svg {
    width: 18px;
    margin-right: 5px;
}

.header-search-button__title {
    font-size: 13px;
}

.header-catalog-nav {
    justify-content: flex-start;
}

.header__middle {
    padding: 30px 0;
}

.header-catalog-nav-button__name {
    font-size: 15px;
}

.header-catalog-nav__item {
    flex: 0 0 auto;
}

.header-catalog-nav {
    background-color: #02103a;
    border-radius: 10px;
}

.header__bottom {
    /* background-color: #02103a; */
}

.header-catalog-nav-button {
    padding: 20px 20px;
}

.header__location {
    display: flex;
}

.breadcrumb {
    font-size: 13px;
}

.header-location__name {
    font-weight: 600;
}

.header-profile span {
    font-weight: 600;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

.h2-border {
    position: relative;
}

.h2-border::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -15px;
    background-color: #e3e3e3;
}

h2, .h2 {
    font-size: 1.5rem !important;
    margin-bottom: 15px !important;
}

.accordion-body .block-top-profile-2:nth-child(1) span {
    font-weight: bold;
}

#accordionFaq .accordion-item h2 button {
    font-weight: 500;
    font-family: "Rubik";
}

#accordionFaq .accordion-item h2 button {
    box-shadow: 0px 3px 18px 0px rgb(0 0 0 / 15%);
    background: url(img/sticker.png) no-repeat;
    background-position: 0 0;
    color: #051959;
    transition: 0.3s;
  }

#accordionFaq .accordion-item h2 button.collapsed {
    box-shadow: none;
    background: none !important;
    transition: 0.3s;
}

.accordion-body span:nth-child(1) {
    font-weight: bold;
}

.accordion-body span:nth-child(n+2) {
    font-size: 12px;
}

#accordionFaq .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.link_pdf {
    display: block;
    background-color: #43c500;
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    width: max-content;
    margin-top: 20px;
}

.link_pdf:hover {
    background-color: #2f2f2f;
    color: #fff;
}

.all-wrap-block-top {
    padding: 20px 0px;
}

.wrapper-block-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 20px;
}

.wrapper-block-top-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px 15px;
    margin-bottom: 15px;
}

.wrapper-block-top-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px 15px;
    margin: 15px 0px;
    justify-content: flex-end;
}

.block-top-profile {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 20px;
    width: calc(1 / 3* 100% - 10px);
    line-height: 34px;
    color: #051959;
}

.block-top-profile-2 {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 20px;
    width: calc(1 / 3* 100% - 10px);
    line-height: 19px;
    color: #051959;
}



.block-top-profile-2 span {
    display: block;
}

.block-top-profile span {
    display: block;
}

.block-top-profile span:nth-child(2) {
    font-size: 30px;
    font-weight: 800;
}

/*Новое*/
.profile_menu_bootstrap ul {
    list-style: none;
    padding-left: 0;
}

.profile_menu_bootstrap ul li a {
    background-color: #e7e7e7 !important;
    width: 100% !important;
    margin-bottom: 1px;
    padding-top: 2px;
}

.bx-nav-1-lvl-link-text-custom {
    display: flex;
    padding: 10px 14px 14px;
    color: #000;
    text-decoration: none;
    font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-semi-bold, 600);
    transition: 250ms linear all;
    align-items: center;
}

.lk-logout {
    width: 100%;
    background-color: #b70000;
    border-color: #b70000;
}




/*Новое*/

.product-details-gallery__thumbnail {
    width: 100px !important;
    padding: 10px;
}

#my-video_html5_api {
    width: 100%;
    height: auto;
}

.video-js {
    background-color: transparent !important;
}

.my-video-dimensions {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

.btn--doar {
    position: fixed;
    bottom: 30px;
    left: 0px;
    color: #fff;
    padding-right: 0;
    background-color: #dc4219;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 70%, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 85% 100%, 0 100%);
    font-size: 14px !important;
    border-radius: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  }

  .btn--doar img {
    width: 40px;
    padding-right: 10px;
  }
  
  .btn--doar:hover { 
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);  
    color: #fff;
  }
  
  .btn--doar:after {
    content: "";
    display: inline-block;
    position: relative;
    right: -40px;
    transition: all 0.2s ease;
  }
  
  .btn--doar:hover:after {
    margin: -5px 15px;
    right: 0px;
  }

  .btnn {
    padding: 15px 25px;
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-align: center;
    transition: all .5s ease;
}

.text-muted .basket-coupon-text:after {
    left: -14px !important;
}

#orderForm .input-group {
    flex-direction: column !important;
}

#orderForm .input-group #checkout-code {
    width: 100%;
}

#register-code {
    width: 100% !important;
}

.commerce-delete-all {
    background-color: #b30e08;
    width: max-content;
    padding: 7px 15px;
    border-radius: 30px;
    color: #fff;
    border: 0;
}

.commerce-delete-all svg {
    margin-left: 10px;
}

.clear_sort {
    background-color: #f3ba00;
    width: max-content;
    padding: 7px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}

.save_settings {
    background-color: #1db308;
    width: max-content;
    padding: 7px 15px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}

.wrapper-flex-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.wrapper-flex-settings h4 {
    margin-bottom: 0 !important;
}

.settings-block {
    border: 5px solid #ffc5bf;
    padding: 15px;
    background-color: #f3f3f3;
}

.news-img-top {
    margin: 10px 0;
}

.news-detail-content {
    font-size: 15px !important;
    line-height: 24px;
    text-indent: 15px;
}

.news-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.news-grid .card {
    height: 100%;
}

.news-img-left {
    margin-right: 20px;
}

.wraper-news-list .card-body {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
}

.date-news {
    color: #b5b5b5;
    font-style: italic;
    font-weight: 100;
    font-size: 14px;
}

.submenu {
    display: none;
}

.btn-group, .btn-group-vertical {
    display: inline-block !important;
}

.btn-group a {
    margin-bottom: 5px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.table_kp .product-card__delete {
    position: relative;
}

.header__catalog {
    border-radius: 50px;
    background-color: #122161;
    display: flex;
    justify-content: center;
    height: 45px;
}

.header-catalog-categories__item_bottom {
    background-color: #fff;
    padding: 6px 15px;
    border-radius: 25px;
    color: #000;
}

.header-catalog-nav-button:hover:after, .header-catalog-nav-button:focus:after {
    display: none;
}

.header-catalog-nav__item .header-catalog-nav-button {
    width: 100%;
}

.header-catalog-categories__item_bottom:hover {
    color: #fff;
    background-color: #d72c14;
}

.header-catalog-nav-button {
    justify-content: center;
}

.header-catalog-categories_inner_bottom li {
    margin-bottom: 10px;
    margin-left: 10px;
}

.header-catalog-categories_inner_bottom {
    padding-bottom: 0 !important;
}

.header-search-button {
    width: 100%;
}

.header-catalog-nav__item {
    margin-right: 0 !important;
}

.header-catalog-categories_inner_bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.header-catalog-categories_inner_bottom li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.submenu-2 {
    position: absolute;
    width: 100%;
    top: 100%;
    left: -1px;
    z-index: 2;
    text-align: left;
    padding-left: 0;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%) !important;
    -moz-box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%) !important;
    box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%)
}

.leftside-menu,
.rightside-menu {
    flex: 1 1;
}

.submenu a {
    color: #000;
}

.header-horizon {
    position: relative;
}

.menu-header-bottom.active {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 1;
}

.header-catalog-nav__item li {
    list-style: none;
    padding: 0;
}

.map-climat {
    text-align: center;
}

/* .map-climat svg {
    max-width: 1000px;
} */

h2.brodeks {
    position: relative;
}

h2.brodeks:after {
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    background-color: #eb4f22;
    margin: 0 auto;
    bottom: -15px;
}

@media screen and (max-width: 1200px) {
    .header-snow,
    .footer-snow {
        display: none;
    }

}

.flex-region {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-region .a-region {
    font-size: 15px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

/* Анимация */

  
  .animate-star {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  .animate-star span {
    position: relative;
    z-index: 5;
  }
  
  .animate-star::after {
    content: "";
    position: absolute;
    left: 200%;
    top: -50%;
    width: 200%;
    height: 250%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 40%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));
    transform: matrix(.47,-.97,.77,.53,0,0);
    animation: blink 5s infinite ease-in-out;
    z-index: 9;
  }
  
  @keyframes blink {
    from {
      left: 1000%;
    }
    to {
      left: -1000%;
    }
  }

/* Анимация блик */
.text-sale {
    background-image: url('/local/templates/melangist/assets/img/text-sale.png');
    background-repeat: no-repeat;
    width: 447px;
    height: 260px;
    z-index: 1;
    position: absolute;
    right: 40px;
}

.wrapper-sale-all {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: flex-end;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.wrapper-sale-all a {
    display: block;
    margin-top: 15px;
}

.wrapper-sale-button {
    display: flex;
    border-radius: 100%;
}

.wrapper-sale-button .name-button {
    background: rgb(233,72,29);
    background: linear-gradient(0deg, rgba(233,72,29,1) 0%, rgba(247,78,33,1) 100%);
    border-radius: 20px 0 0 20px;
    padding: 10px 20px;
}

.wrapper-sale-button .name-button span {
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

.wrapper-sale-button .persent-button {
    background: #ffba00;
    border-radius: 0px 20px 20px 0px;
    padding: 10px 10px;
    color: #272726;
}

#SaleModalForm .modal-body {
    background-image: url('/local/templates/melangist/assets/img/modal-sale-bg.jpg');
    background-repeat: no-repeat;
    height: 500px;
    z-index: 1;
    background-size: 100%; 
}

.footer {
    position: relative;
}

.header__bottom {
    position: relative;
}

.header-snow {
    background-image: url(/local/templates/melangist/assets/img/header-snow.png);
    background-repeat: no-repeat;
    width: 259px;
    height: 138px;
    position: absolute;
    top: -106px;
    left: 10px;
    z-index: 1;
    background-size: 100%; 
}

.footer-snow {
    background-image: url(/local/templates/melangist/assets/img/footer-snow.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 167px;
    position: absolute;
    top: -123px;
    right: 10px;
    z-index: 1;
    background-size: 100%;
}

body {
    background-repeat: no-repeat;
    background-position: right top;
}

.catalog-sorting__item:hover {
    border-radius: 20px;
    background-color: #051959;
    padding: 5px 20px;
    color: #fff;
}

.smart-filter-parameters-box .accordion-button {
    padding: 0px 0px;
}

.poduct-ves-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.item_ob {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    height: 60px;
    width: 70px;
    border-radius: 6px;
    background-color: #f5f5f5;
    color: #2f2f2f;
    padding: 5px;
    text-align: center;
    margin-right: 5px;
}

.prov_ob_1,
.prov_ob_2 {
    font-size: 12px;
    color: #ADABAA;
}

.child_ob_1,
.child_ob_2 {
    font-weight: bold;
    font-size: 12px;
}

.catalog-filter__item {
    padding: 20px 0 !important;
}

.smart-filter-parameters-box .catalog-filter-item__title {
    margin-bottom: 0 !important;
}

.smart-filter-parameters-box .accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.smart-filter-parameters-box .accordion-button:not(.collapsed) {
    color: none;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #051959 !important;
}

.catalog-sorting__item.active {
    border-radius: 20px;
    background-color: #051959;
    padding: 5px 20px;
    color: #fff;
}

.catalog-view-control.active {
    background-color: #051959;
}

.catalog-sorting__item {
    border-radius: 20px;
    background-color: #e3e3e3;
    padding: 5px 20px;
    color: #7c7c7c;
}

.catalog-view-control {
    border-radius: 30px;
    width: 40px;
    height: 40px;
}

.catalog-sorting__label {
    display: none;
}

.header-catalog-button__title {
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
}

.price_sticker {
    background-color: #fb2f2f;
    position: absolute;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 9;
    right: 10px;
}

.itemSale {
    margin-bottom: 20px;
}

.cat-img-sale {
    margin-bottom: 20px;
}

.product-bonus_sale {
    display: none;
}

.sizes_grid_small .product-size.active {
    border: 1px solid #051959 !important;
}

.product-details__sizes .basket-count-control {
    display: none;
}

.infoSize {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    padding: 15px;
}

.sizes_grid_small {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.SizeWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #f3f3f3;
}

.input_count {
    text-align: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

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

.product-sizes__title h2 {
    font-size: 16px;
}

.status_sklad {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    padding: 15px;
}



.sizes_grid_small .product-size {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px;
    margin: 5px;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 2px;
    cursor: pointer;
    min-width: 45px;
    text-align: center;
    font-size: 12px;
}


#offersForm .product-basket-pick {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.price_sticker_cart {
    background-color: #fb2f2f;
    position: absolute;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 9;
    left: 10px;
}

#favoriteContainer .price_sticker,
#compareContainer .price_sticker {
    background-color: #fb2f2f;
    position: absolute;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 9;
    left: 10px;
    width: fit-content;
}

.product-basket-pick {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.basket-product__price_new {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: flex-start !important;
    font-weight: 500;
    flex-direction: column;
}

.product-card__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    margin-bottom: 20px;
    align-content: center;
    flex-wrap: wrap;
}

.old_price_new {
    width: 100%;
    text-decoration: line-through;
    font-size: 14px;
    color: #a3a3a3;
    font-weight: normal;
}

.price_eco {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: 40px;
}

.price_eco .eco_span_price {
    font-size: 36px;
    font-family: "Rubik";
    color: #0c9104;
    font-weight: 500;
    line-height: 1.2;
}

.basket-product__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    flex-direction: column;
}

.null_price {
    font-size: 12px;
    color: #cb1a0d;
}

.catalog-products_list .product-card .product-card__controls {
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
}

.catalog-products_list .old_price_new {
    text-align: center;
}

/*бергер меню*/

.header-catalog-nav-button__name {
    font-weight: normal;
}

.burger_icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.burger_icon span {
    width: 20px;
    height: 2px;
    margin: 2px 0px;
    background-color: #fff;
    transition: 0.3s;
}

.header-catalog {
    -webkit-box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%) !important;
    -moz-box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%) !important;
    box-shadow: 0px 10px 10px 0px rgb(34 60 80 / 5%) !important;
}

.catalog-menu-open .header-catalog-button .burger_icon span:nth-child(1),
.catalog-menu-open .header-catalog-button .burger_icon span:nth-child(2) {
    position: absolute;
    transition: 0.3s;
}

.catalog-menu-open .header-catalog-button .burger_icon {
    flex-direction: row;
}

body:not(.catalog-menu-open) .header-catalog {
    display: unset !important;
}

.header-catalog {
    overflow: hidden;
    position: absolute;
    padding-bottom: 24px;
    border-radius: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s linear 0s, transform 0.1s linear 0s, visibility 0s linear 0.1s;
    transform: translate3d(0px, -8px, 0px);
}

.catalog-menu-open .header-catalog {
    position: absolute;
    padding-bottom: 24px;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden;
    transition: opacity 0.2s linear 0s, transform 0.2s linear, visibility 0s linear;
    padding: 0;
    z-index: 99999;
}

.title-catalog-header {
    color: #232323;
    font-size: 22px;
    font-weight: 500;
    padding-left: 10px;
    padding-bottom: 20px;
}

.title-catalog-header sup {
    color: #051959;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
}

.header-catalog-categories__item span {
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}

.wrapper-catalog-categories {
    min-height: 430px;
    padding: 20px 0;
}

.header-catalog-categories_main .header-catalog-categories__item:hover span {
    color: #fff;
}

.header-catalog-categories_inner.active {
    display: flex;
}

#src-img {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    height: 100%;
    align-items: center;
    margin-bottom: 20px;
}

.header-catalog-categories {
    padding-top: 30px;
    padding-bottom: 30px;
}

.header-catalog-categories__item.active span {
    color: #fff;
    text-decoration: none;
}

.header-catalog-categories__item_bottom {

}


.circle_catego {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    /* background-color: #f4f4f4; */
    z-index: -1;
    display: none;
}

.wrapper-append {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
    padding: 20px 0px;
}

.text-cnt {
    color: #122161;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.text-cnt span {
    display: block;
    font-size: 14px;
    color: #232323;
    font-weight: 400;
}

.header-catalog-categories__item sup {
    color: #051959;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    text-decoration: none;
}

.header-catalog {
    background: linear-gradient(to left,#fff 50%, #fbfbfb 50%);
    padding: 0;
}

/*бурргер меню*/

.catalog-menu-open .header-catalog-button .burger_icon span:nth-child(1) {
    transform: rotate(45deg);
}

.catalog-menu-open .header-catalog-button .burger_icon span:nth-child(3) {
    transform: rotate(-45deg);
}

.catalog-menu-open .header-catalog-button .burger_icon span:nth-child(2) {
    display: none;
}

body.catalog-menu-open .header-catalog-button__icon-default {
    display: block !important;
}

/*бергер меню*/

.header-catalog-categories_main .header-catalog-categories__item:before {
    display: none;
}

.header-catalog-categories_main .header-catalog-categories__item span:nth-child(1) {
    display: flex;
    flex: 1;
}
.header-catalog-categories_main .header-catalog-categories__item .header-catalog-nav-button__icon {
    width: 60px;
    text-align: center;
}

.header-catalog-nav-button__icon {
    margin-right: 0;
    margin: 0 auto;
    display: block;
}

.header-catalog-nav-button__icon svg {
    color: #051959;
    fill: #051959;
}

a.header-catalog-categories__item:hover span svg {
    color: #fff;
    fill: #fff;
}

/* .header-favorite-counter,
.header-compare-counter {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-family: "Montserrat";
    line-height: 20px;
    text-align: right;
    font-weight: 600;
    border-radius: 50px;
    background-color: #ffb735;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
} */


/*Новые блоки*/
.block-margin {
    padding-top: 50px;
    padding-bottom: 50px;
}

#product-all .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

#product-all .grid-container .grid-product-wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 25px;
}


#product-all .grid-body-item > a > span {
    color: #e9481c;
}

#product-all .grid-body-item > span {
    display: block;
}

#product-all .grid-body-item span:nth-child(1) a  {
    color: #303030;
    font-size: 17px;
    font-weight: 100;
}

#product-all .grid-body-item span:nth-child(3) a  {
    color: #303030;
    font-size: 14px;
    font-weight: 100;
    text-decoration: underline;
}


#product-all .grid-container .grid-product-item {
    border-radius: 15px;
}

#product-all .grid-product-item {
    /* padding: 25px; */
}

#product-all .grid-container > .grid-product-item {
    position: relative;
    height: 383px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

#product-all .grid-product-item img {
    /* position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: 100%; */
}

#product-all .grid-product-wrapper .grid-product-item img {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: max-content;
}


#product-all .grid-product-item {
    transition: 0.3s;
}

#product-all .grid-product-wrapper .grid-product-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

#product-all .grid-product-wrapper .grid-product-item:after {

}

#product-all .last-grid {
    display: flex !important;
    justify-content: flex-start !important;
}

#product-all .last-grid img {
    width: 100%;
}

#product-all .grid-container .last-grid:after {

}

#product-all h2 {
    position: relative;
    font-size: 30px;
    margin: 0 0 80px 0;
}

#product-all h2:after {
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    background-color: #042789;
    margin: 0 auto;
    bottom: -15px;
}

#product-all .grid-product-item img {
    transition: 0.3s;
}

#product-all .grid-product-item:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}

#product-all .grid-product-item:hover:after {
    background-color: #031138;
    transform: scale(1.1);
    transition: 0.3s;
}

#count-block .count-item {
    text-align: center;
    line-height: 34px;
    margin: 0 40px;
}

#count-block .count-item span {
    display: block;
}

#count-block .count-item span:nth-child(1) {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
}

#count-block .count-item div {
    color: #303030;
    font-size: 40px;
    font-weight: bold;
}

#count-block .count-item span:nth-child(3) {
    color: #fff;
    width: fit-content;
    margin: 10px auto;
    padding: 5px 15px;
    line-height: 28px;
    font-size: 15px;
    background-color: #14235f;
    border-radius: 30px;
}

#count-block .count-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

#count-block .separator-prem span {
    width: 6px;
    height: 6px;
    background-color: #031138;
    display: inline-block;
    margin: 2px;
    border-radius: 10px;
}

#count-block .separator-prem {
    display: flex;
    align-items: center;
}

#prem-block .prem-wrapper {
    display: flex;
    justify-content: space-evenly;
}

#prem-block .prem-wrapper .item-prem span {
    position: absolute;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    background-color: #f1f1f1;
}

#prem-block .prem-wrapper .item-prem  {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#prem-block h2 {
    position: relative;
}

#prem-block h2:after {
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    background-color: #eb4f22;
    margin: 0 auto;
    bottom: -15px;
}

#prem-block p {
    text-align: center;
    font-size: 14px;
    color: #414141;
    margin-top: 20px;
    margin-bottom: 80px;
}

#prem-block .prem-wrapper .item-prem img {
    width: fit-content;
}

#company-block h2 {
    line-height: 40px;
}

#company-block h2 span {
    display: block;
}

#company-block h2 span:nth-child(1) {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
}

#company-block h2 span:nth-child(2) {
    font-size: 30px;
    text-transform: uppercase;
    color: #e9481c;
    font-weight: 500;
    margin-left: 20px;
}

#company-block h2 span:nth-child(3) {
    font-size: 34px;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;
}
#company-block p {
    border-top: 1px dashed #c5c5c5;
    padding: 20px 0;
    margin-top: 20px;
}

#company-block .company-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#company-block h2 {
    background-image: url('/local/templates/melangist/assets/img/h2.png');
    background-repeat: no-repeat;
    background-position: left left;
    padding-left: 30px;
    padding-top: 30px;
}

.custon_link {
    text-decoration: underline;
}

.floating {
    position: absolute;
    z-index: 1;
}
/*Новые блоки*/

/*Слайдер одежды*/
.title-slider {
    font-size: 40px;
    color: #ff4e18;
    text-transform: uppercase;
    line-height: 50px;
    border-left: 5px solid #313131;
    padding-left: 20px;
}

.title-slider span {
    color: #313131;
    font-size: 65px;
    display: block;
}

.title-slider img {
    margin-top: 20px;
}

.slider-foto {
    margin-top: 60px;
    padding-left: 25px;
}

.slider-foto img {
    border: 15px solid #eeeeee;
    margin-right: 15px;
}

#slider-block p {
    font-size: 14px;
    margin-top: 60px;
}

#slider-front-product {
    position: relative;
    width: 100%;
    height: 720px;
    background-color: #eeeeee;
    padding: 40px;
    background-image: url('/local/templates/melangist/assets/img/bg-slider.png');
    background-repeat: no-repeat;
    background-position: right top;
}

#count-slick {
    position: absolute;
    text-align: right;
    color: #eeeeee;
    font-size: 170px;
    font-weight: bold;
    line-height: 115px;
    right: 0;
    bottom: 0px;
}

#slider-front-product .slick-slide {
    text-align: center;
    margin: 0 40px;
}

#slider-front-product .slick-slider {
    margin-bottom: 0;
}

#slider-front-product .slick-slide img {
    display: initial;
}

.arrow-slider {
    width: 150px;
    display: flex;
    height: 75px;
    background-color: #313131;
    position: absolute;
    justify-content: space-between;
    padding: 25px;
    position: absolute;
    right: -120px;
    bottom: 50px;
}

.arrow-slider div {
    cursor: pointer;
}

.arrow-slider .u_prev {
    width: 28px;
    height: 22px;
    background-image: url(/local/templates/melangist/assets/img/arrow-slider.png);
    background-repeat: no-repeat;
}

.arrow-slider .u_next {
    width: 28px;
    height: 22px;
    background-image: url(/local/templates/melangist/assets/img/arrow-slider.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
}

.dots-slider-custom {

}

.dots-slider-custom .slick-dots {
    position: relative;
    bottom: unset;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left;
}

.dots-slider-custom .slick-dots li {
    width: unset;
    height: unset;
}

.dots-slider-custom .slick-dots button:before {
    display: none;
}

.dots-slider-custom .slick-dots .slick-active button {
    background-color: #c94a25;
}

.dots-slider-custom .slick-dots button {
    width: 45px;
    height: 5px;
    padding: 0;
    background-color: #f4dbd3;
}

.price-product-slider {
    background-color: #ff4e18;
    position: absolute;
    width: 180px;
    height: 50px;
    color: #fff;
    font-size: 34px;
    text-align: center;
    left: 0;
    bottom: 20%;
    box-shadow: 3.214px 3.83px 20px 0px rgba(0, 0, 0, 0.17);
}

.wrapper-decription {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 25px;
    justify-content: space-between;
}

.sticker-slider {
    position: absolute;
    left: 0;
    top: 0;
}

.dots-slider-custom .slick-dots li {
    margin: 0 5px 0 0;
}

.button-slider {
    color: #fff;
    font-size: 16px;
    background-color: #2d2d2d;
    padding: 15px;
    line-height: normal;
    text-transform: initial;
    text-align: center;
    transition: 0.3s;
}

.button-slider:hover {
    background-color: #ff4e18;
    color: #fff;
    transition: 0.3s;
}

.wrapper-decription div:nth-child(1) {
    display: flex;
    flex-direction: column;
}
/*Слайдер одежды*/

/*Скрытие фильтров disabled*/

.custom-checkbox.disabled {
    display: none !important;
}

/*Выводит по 4 товара в каталоге*/


.catalog-products_grid {
    grid-template-columns: repeat(4, calc(100% / 4));
    grid-gap: 5px;
}

.product-card__image {
    width: unset;
}

/* .catalog-products_grid .product-card__image img {
    object-fit: scale-down !important;
} */

.product-card:before {
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
}


/*Новые правки*/

.catalog-products_grid .product-card--one-image .product-card__preview {
    margin-bottom: 10px;
}

.product-card__preview .swiper-wrapper {
    max-height: 220px;
}

/* переверстка товаров*/

.catalog-products_grid .product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* .catalog-products_grid .product-card__preview {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
} */

.catalog-products_grid .product-card__info {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.catalog-products_grid .product-card__name {
    flex: 1 1;
}

.product-card__name {
    font-size: 14px;
}

.product-card__actions .product-card__action {
    margin: 0 5px;
}

.product-card__action {
    width: 50px;
    height: 50px;
}

.product-card__arrow svg {
    width: 8px;
}

.product-card__name {
    margin-bottom: 10px;
}

.product-card__actions {
    margin-bottom: 10px;
}

.product-card__price {
    margin-bottom: 10px;
}

/* favorite */
.favorite {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.favorite .product-card__info {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* compare */

.compare {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.compare .product-card__info {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* youtube frame video custom */


.wrapper {
	max-width: 680px;
	margin: 60px auto;
	padding: 0 20px;
}

.youtube {
	background-color: #2e2e2e;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.8;
}

.youtube .play-button:before {
	/* content: ""; */
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}

.youtube .play-button {
    z-index: 9;
}

.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}

.youtube .play-button {
    background: rgb(48, 48, 48, 0.8) url('/local/templates/melangist/assets/img/play.png') no-repeat center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}

.youtube .play-button:hover {
    background-color: rgb(48, 48, 48, 1);
    transition: 0.2s;
}

.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.slogan-video span:nth-child(1) {
    color: #001156;
    font-size: 20px;
    font-family: 'Archangelsk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.slogan-video span:nth-child(2) {
    color: #303030;
    font-size: 50px;
    font-family: 'Archangelsk', sans-serif;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 5px;
}

.slogan-video span:nth-child(4) {
    color: #303030;
    font-size: 26px;
    font-family: 'Archangelsk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.slogan-video {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
}

.border-slogan-video {
    width: 60%;
    background-color: #001156;
    height: 4px;
    margin: 12px 0px !important;
}

.wrapper {
    background: url('/local/templates/melangist/assets/img/border-top-video.png') no-repeat left top, url('/local/templates/melangist/assets/img/border-bottom-video.png') no-repeat left bottom;
    padding: 20px 20px;
}

/* youtube frame video custom */

.null_price_2 {
    background-color: #cb1a0d;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    font-size: 14px;
    width: fit-content;
    margin-bottom: 20px;
}

a.widget__src--desktop {
    display: none !important;
}

.review-2gis-block {
    margin: 30px 0px;
}

.logo-reviews img {
    margin: 10px 0px;
}

.badge {
    max-width: 100%;
}

.header__buttons {
    justify-content: center;
}

.phone-header {
    text-align: right;
}

.phone-header span {
    display: block;
    font-size: 12px;
}

.phone-header a {
    font-size: 18px;
    font-weight: 600;
    color: #2f2f2f;
}

.header-button {
    padding: 0px 20px 0 20px;
}

.count_div {
    top: -15px;
}

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

.product-details-gallery__main:hover {
    cursor: zoom-in;
}

.wrapper_no_razmer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.slider-clients {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0;
}

.slider-clients::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    height: 100%;
    z-index: 1;
}

.slider-clients::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    background: -moz-linear-gradient(right,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    background: -webkit-linear-gradient(right,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    background: linear-gradient(to left,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%);
    height: 100%;
    z-index: 1;
}

.slider-clients .slick-slide {
    margin: 0px 40px;
}

#clients-carousel h2 {
    position: relative;
    font-size: 30px;
    margin: 0 0 60px 0;
}


/*Режим работы*/
#cookie_notification2 {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 100px;
    left: 50%;
    width: 900px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 9999;
  }

#cookie_notification2 p {
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

.cookie_accept2 {
    margin-top: 20px;
    background-color: #dd3116;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
}
/*Режим работы*/

#cookie_notification{
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 900px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 9999;
  }

#cookie_notification p {
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
}

.cookie_accept {
    background-color: #dd3116;
    border: 0;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
}

.cookie_accept:hover {
    background-color: #c5260d;
}
  
  
  @media (min-width: 576px){
    #cookie_notification.show{
      display: flex;
    }
    .cookie_accept{
      margin: 0 0 0 25px;
    }

    #cookie_notification2.show{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .cookie_accept{
        margin: 0 0 0 25px;
      }
  }
  
  @media (max-width: 575px){
    #cookie_notification.show{
      display: block;
      text-align: left;
    }
    .cookie_accept{
      margin: 10px 0 0 0;
    }

    #cookie_notification2.show{
        display: block;
        text-align: left;
      }
      .cookie_accept{
        margin: 10px 0 0 0;
      }
  }

  /*Tooltip*/

.product-size:hover {
    border: 1px solid #c53d19 !important;
}

.tooltip_new {
	background: rgba(255, 255, 255, 1);
	color: #000;
    font-size: 14px;
	z-index: 999999;
	position: absolute;
	padding: 15px;
	max-width: 250px;
	border-radius: 2px;
    border: 1px solid #c53d19;
}

.tooltip-arrow {
    display: none;
}

.tooltip_new.animation-slide {
	-webkit-animation-name: slideTooltip;
	-webkit-animation-duration: .25s;
	-webkit-animation-timing-function: ease;
	animation-name: slideTooltip;
	animation-duration: .25s;
	animation-timing-function: ease;
}
@-webkit-keyframes slideTooltip {
	from {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideTooltip {
	from {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
.tooltip_new .tooltip-arrow {
	position: absolute;
	border: 8px solid rgba(0,0,0,.9);
}
.tooltip-arrow.bottomtotop {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	top: -16px;
}
.tooltip-arrow.toptobottom {
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	bottom: -16px;
}
.tooltip-arrow.righttoleft {
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-top-color: transparent;
	left: -16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tooltip-arrow.lefttoright {
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-top-color: transparent;
	right: -16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


.tooltip-arrow.center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#product-all2 .button-block-1 {
    background-color: #FFF;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 20px;
    font-weight: 400;
    color: #000;
    width: max-content;
}

#product-all2 .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}

#product-all2 .grid-container .grid-product-wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 25px;
}


#product-all2 .grid-body-item > a > span {
    color: #e9481c;
}

#product-all2 .grid-body-item > span {
    display: block;
}

#product-all2 .grid-body-item span:nth-child(1) a  {
    color: #303030;
    font-size: 17px;
    font-weight: 100;
}

#product-all2 .grid-body-item span:nth-child(3) a  {
    color: #303030;
    font-size: 14px;
    font-weight: 100;
    text-decoration: underline;
}


#product-all2 .grid-container .grid-product-item {
    border-radius: 15px;
}

#product-all2 .grid-product-item {
    /* padding: 25px; */
}

#product-all2 .grid-container > .grid-product-item {
    position: relative;
    height: 383px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

#product-all2 .grid-product-wrapper .grid-product-item img {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: max-content;
}


#product-all2 .grid-product-item {
    transition: 0.3s;
}

#product-all2 .grid-product-wrapper .grid-product-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

#product-all2 .grid-product-wrapper .grid-product-item:after {

}

#product-all2 .last-grid {
    display: flex !important;
    justify-content: flex-start !important;
}

#product-all2 .last-grid img {
    width: 100%;
}

#product-all2 .grid-container .last-grid:after {

}

#product-all2 h2 {
    position: relative;
    font-size: 30px;
    margin: 0 0 80px 0;
}

#product-all2 h2:after {
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    width: 40px;
    height: 4px;
    background-color: #042789;
    margin: 0 auto;
    bottom: -15px;
}

#product-all2 .grid-product-item img {
    transition: 0.3s;
}

#product-all2 .grid-product-item:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}

#product-all2 .grid-product-item:hover:after {
    background-color: #031138;
    transform: scale(1.1);
    transition: 0.3s;
}