/* Настройки шаблона */

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



 :root, body {font-size: 16px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'IBM Plex Sans', sans-serif; color: #1E321F; outline: 1px solid #ddd; overflow-x: hidden; padding-bottom: 100px;}
#center main {overflow: inherit;}

h1, .h1 {font-style: normal; font-weight: 600; font-size: 44px; line-height: 52px; margin: 0;}
h2, .h2 {font-style: normal; font-weight: 600; font-size: 32px; line-height: 44px; margin: 0;}
h3, .h3 {font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; margin: 0;}
h4, .h4 {font-style: normal; font-size: 18px; line-height: 26px; margin: 0;}
h5, .h5 {font-style: normal; font-weight: 300; font-size: 14px; line-height: 26px; margin: 0;}

.bg-green     {background: #39A73C !important;}
.bg-darkgreen {background: #1E321F !important;}
.bg-orange    {background: #F2720C !important;}
.bg-grey      {background: #777777 !important;}
.bg-lightgrey {background: #E9E9E9 !important;}
.bg-whitegrey {background: #F4F4F4 !important;}

.text-green     {color: #39A73C !important;}
.text-darkgreen {color: #1E321F !important;}
.text-orange    {color: #F2720C !important;}
.text-grey      {color: #777777 !important;}
.text-lightgrey {color: #E9E9E9 !important;}
.text-whitegrey {color: #F4F4F4 !important;}

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


a {text-decoration: none;}


/* Общие классы */
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}
@media screen and (max-width: 1200px) {
	.navbar-collapse::before {background: #D1E9FF !important}
	.navbar-collapse.show {text-align: center;}
	.top_menu ul {text-align: center; flex-direction: column;}
	header #top_menu ul.left-menu li {margin-bottom: 20px; }
	header #top_menu ul.left-menu li ul li {margin: 0;}
	header #top_menu ul.left-menu li a { font-size: 24px !important;}
	.mod-phone {margin: 20px;}
}
.colorName {display: none !important;}
span.colorName {text-transform: lowercase; display: none;}

body.-personal-enter- footer,
body.-personal-login- footer,
body.-personal-forgot- footer,
body.-personal-registratsiya- footer {display: none;}
.navbar-toggler {padding-right: 0;}

.plus:focus, .minus:focus {box-shadow: none;}
.back-catalog {padding: 20px 0; color: #fff}
.back-catalog::before {background: #22bb22}

.my-popup .modal-body {text-align: center; padding: 80px 0;}
.my-popup .modal-dialog {margin: 0; max-width: 100%;}
.my-popup .modal-content {border-radius: 0;}
.my-popup .modal-header {display: none;}
.my-popup .modal-dialog-centered {align-items: end; height: 100%;}

.link-arrow {width: 10px; height: 10px; border: 1px solid #fff; border-right: none; border-bottom: none; transform: rotate(-45deg); display: block;}

.myPrev,
.myNext {width: 30px; height: 30px; border: 3px solid #828282; transform: rotate(45deg);}
.myPrev {border-top: none; border-right: none;}
.myNext {border-bottom: none; border-left: none;}

.cart-title.mobile-header.bg-header.mb-3.py-4.px-4 {display: none;}

body.-personal-cart- footer {display: none;}

.notify {position: fixed; right: 0; animation: opacity .6s linear forwards;}
.notify.fedeOut {animation: opacityOut .6s linear forwards;}


.three .button-wrap {width: 30px; cursor: pointer;}
.three .button-bg {width: 100%; height: 100%; background-color: #ddd; border-radius: 40px; padding: 3px; color:#fff; transition:all 0.2s ease;}
.three .button-switch {position:relative; left:0px; width: 5px; height: 5px; border:solid 5px; background-color:#fff; border-radius: 36px; transition:all 0.2s ease;}
.three .button-active .button-switch {left: 14px;}
.three .button-in,
.three .button-out {position:absolute; transition:all 0.2s ease; padding-top:15px; font-size:0.8em; text-transform:uppercase; font-weight:bold;}
.three .button-in {margin-left:76px;}
.three .button-out {margin-left:18px;}
.three .button-active .button-bg {background-color:#22bb22;}

.scroll-up svg {position: absolute; bottom: 0;}

.shops-list {list-style: none; padding: 0;}
.shops-list li {border-radius: 5px; border: 1px solid #22bb22; margin-bottom: 10px; padding: 10px;}

.add-list-search {position: absolute; background: #39A73C; left: 0; right: 0; z-index: 1000; max-height: 200px; top: 100%; overflow-y: scroll;}
.add-list-search::-webkit-scrollbar {
	width: 6px;               /* ширина scrollbar */
  }
.add-list-search::-webkit-scrollbar-track {
	background: #39A73C;        /* цвет дорожки */
}
.add-list-search::-webkit-scrollbar-thumb {
background-color: #fff;    /* цвет плашки */
border-radius: 20px;       /* закругления плашки */
border: 6px solid #fff;  /* padding вокруг плашки */
}
.list-search-spec {list-style: none;  padding: 10px 30px;}
.list-search-spec li a {color: #fff; display: block; box-sizing: border-box; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-bottom: 5px;}

/* Классы BITRIX */

.bx-authform-link-container,
.bx-filter-param-label {margin: 0; padding: 0;}

.bx-authform {height: 80vh; max-width: 100%;}


/* Переопределения Bootstrap */
.btn-success {background: #39A73C; border-color: #39A73C;}
.btn-outline-success {color: #39A73C; border-color: #39A73C;}
.text-danger {color: #EB5757 !important;}
.text-secondary {color: #C4C4C4 !important;}


/* Шапка */

header {}
header .mod_menu {flex-direction: column; margin-top: 30px;}
header .mod_menu li {margin-bottom: 20px;}
header .mod_menu li a {color:#39A73C}
.navbar-brand img {width: 65px;}

/* Подвал */
footer {}
.footer-tab-bar {z-index: 999; width: 100%; display: flex; list-style-type: none; padding: 0; border-top: 1px solid #8282; position: fixed; bottom: 0; left: 0; right: 0; margin: 0; background: #fff;}
.footer-tab-bar .tab {width: 25%; background: white; overflow: hidden; text-align: center; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.footer-tab-bar .tab a {display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; height: 100%; padding: 18px 0 16px; position: relative; color: #777777;}
.footer-tab-bar .tab a.active {color: #39A73C;}
.footer-tab-bar .tab a.active svg path {fill: #39A73C;}
.footer-tab-bar .tab a.active::before {position: absolute; content: ''; background-color: #39A73C; height: 3px; width: 18px; top: 0; left: 50%; transform: translate(-50%, 0);}

/* .mod-footer {margin-bottom: 130px;} */


/* Модули */

/* Странциа авторизации */
body.-personal-enter- .btn-success,
body.-personal-enter- .btn-outline-success {padding: 16px;}
body.-personal-enter- input:not([type="submit"]) {background: none !important; border: none !important; border-bottom: 1px solid #E9E9E9 !important; border-radius: 0 !important;}
body.-personal-enter- input:not([type="submit"]):focus-visible {border-color: #39A73C !important; outline: none;}
form[name="form_auth"] {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
body.-personal-enter- form .bx-authform-formgroup-check-forgot .checkbox-item {display: inherit; width: 27px; height: 17px; background: #0000; border: 1px solid #39A73C; position: relative; border-radius: 50px;}
body.-personal-enter- form .bx-authform-formgroup-check-forgot .checkbox-item input[type=checkbox] {visibility: hidden;}
body.-personal-enter- form .bx-authform-formgroup-check-forgot .checkbox-item label {display: block; width: 12px; height: 12px; margin: 0; cursor: pointer; position: absolute; top: 2px; left: 2px; z-index: 1; background: #39A73C; border-radius: 50px; transition: all 0.4s ease;}

/* Страница входа */
.login {height: 70vh;}
.login img {width: 190px; margin-bottom: 70px;}
.login a {display: block; padding: 16px; width: 100%; margin-bottom: 20px;}

/* Страница регистрации */
body.-personal-registratsiya- input[type="text"],
body.-personal-registratsiya- input[type="tel"],
body.-personal-registratsiya- input[type="email"],
body.-personal-registratsiya- input[type="password"] {background: none !important; border: none !important; border-bottom: 1px solid #E9E9E9 !important; border-radius: 0 !important; width: 100%; margin-bottom: 32px;}
body.-personal-registratsiya- input[type="text"]:focus-visible,
body.-personal-registratsiya- input[type="tel"]:focus-visible,
body.-personal-registratsiya- input[type="email"]:focus-visible,
body.-personal-registratsiya- input[type="password"]:focus-visible {border-color: #39A73C !important; outline: none;}
body.-personal-registratsiya- form .checkbox-item {display: inherit; width: 27px; height: 17px; background: #0000; border: 1px solid #39A73C; position: relative; border-radius: 50px;}
body.-personal-registratsiya- form .checkbox-item input[type=checkbox] {visibility: hidden;}
body.-personal-registratsiya- form .checkbox-item label {display: block; width: 12px; height: 12px; margin: 0; cursor: pointer; position: absolute; top: 2px; left: 2px; z-index: 1; background: #39A73C; border-radius: 50px; transition: all 0.4s ease;}
body.-personal-registratsiya- form .btn {padding: 16px;}

/* Страница востановления пароля */
form[name="bform"] {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
body.-personal-forgot- input[type="text"] {background: none !important; border: none !important; border-bottom: 1px solid #E9E9E9 !important; border-radius: 0 !important; width: 100%; margin-bottom: 32px;}
body.-personal-forgot- input[type="text"]:focus-visible {border-color: #39A73C !important; outline: none;}
body.-personal-forgot- .btn {padding: 16px;}

/* Главная страница */
.search-page {display: flex; margin-bottom: 10px; align-items: center; justify-content: center; padding: 10px 26px; position: relative;}
.search-page input {padding: 7px; border-radius: 2px; border: none; background-image: url('/upload/icons/search.svg'); background-repeat: no-repeat; background-position: 95%; width: 100%;}
.search-page::before {background: #39A73C}

.mod-slider {position: relative; padding: 0 !important; margin-bottom: 30px;}
.mod-slider img {min-height: 180px; object-fit: cover;}
.mod-slider .wrap {padding: 16px 10px; background: #FFFFFF; opacity: 0.8; border-radius: 4px; position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: max-content;}
.mod-slider .owl-carousel .owl-nav {top: 0; height: 100%; display: flex; align-items: center;}
.mod-slider .owl-carousel .owl-prev,
.mod-slider .owl-carousel .owl-next {transform: none; height: 100%; background: rgb(246, 246, 246, .3) !important}
.mod-slider .owl-carousel .owl-prev span,
.mod-slider .owl-carousel .owl-next span {padding: 0 10px !important;}
.mod-slider .owl-carousel .owl-prev span img,
.mod-slider .owl-carousel .owl-next span img {object-fit: contain; width: 14px; height: 12px;}
@media screen and (max-width: 475px) {
	.mod-slider .owl-carousel .owl-nav {height: auto;}
}

.mod-newproduct {margin-bottom: 65px;}
.mod-newproduct .images {position: relative; width: max-content; margin: 0 auto;}
.mod-newproduct .images .new {position: absolute; top: 3px; left: -10px; color: #fff; background: #39A73C; padding: 10px;}
.mod-newproduct .images .new::before {content: ''; border: 5px solid #0000; border-top: 5px solid #39A73C; border-right: 5px solid #39A73C; position: absolute; left: 0; bottom: -10px;}
.mod-newproduct .item img {width: 122px; height: 293px;}
.mod-newproduct .introtext {-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden}

.mod-popular {margin-bottom: 65px;}
.mod-popular .images {position: relative; width: max-content; margin: 0 auto;}
.mod-popular .images .popular {position: absolute; top: 3px; left: -10px; color: #fff; background: #F2720C; padding: 10px;}
.mod-popular .images .popular::before {content: ''; border: 5px solid #0000; border-top: 5px solid #F2720C; border-right: 5px solid #F2720C; position: absolute; left: 0; bottom: -10px;}
.mod-popular .item img {width: 122px; height: 293px;}
.mod-popular .introtext {-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden}

.mod-trust {padding: 35px 0;}

.mod-collection {margin-bottom: 65px; padding: 40px 0;}
.mod-collection .wrap {position: relative;}
.mod-collection .wrap .text {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
@media screen and (max-width: 475px) {
	.mod-collection .wrap img {height: 170px;}
	.navbar-nav.w-100 {margin: 0; padding: 0;}
}
.sale-order-list-title {justify-content: space-between;}

/* .mod-sections {margin-bottom: 65px; padding: 40px 0;} */
.mod-sections .wrap {position: relative;}
.mod-sections .wrap img {min-height: 170px; object-fit: cover; height: 200px;}
.mod-sections .wrap .text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; text-shadow: 2px 2px 2px #000000;}

/* Карточка товара */
.product-item {text-align: center;}
.product-item .images {margin: 0 auto; position: relative; text-align: center;}
.product-item .images img {height: 200px; object-fit:cover;}
.product-item .images .new {position: absolute; top: 3px; left: -10px; color: #fff; background: #39A73C; padding: 2px; font-size: 12px;}
.product-item .images .new::before {content: ''; border: 5px solid #0000; border-top: 5px solid #39A73C; border-right: 5px solid #39A73C; position: absolute; left: 0; bottom: -10px;}
.product-item .images .popular {position: absolute; top: 3px; left: -10px; color: #fff; background: #F2720C; padding: 2px; font-size: 12px;}
.product-item .images .popular::before {content: ''; border: 5px solid #0000; border-top: 5px solid #F2720C; border-right: 5px solid #F2720C; position: absolute; left: 0; bottom: -10px;}
.dop_products .quanity input.form-control {text-align: center;}

/* Страница профиля */
.profile__header {padding: 14px 25px;}
.profile__header::before {background: #39A73C;}
.receivable__title {margin: 40px 0;}
.profile_wrapper .profile_content .receivable__title::before {content: url('/upload/icons/warning.svg'); height: fit-content; background: #0000; z-index: 0; right: 0%; left: auto; width: auto; top: 50%; transform: translate(-50%, -50%);}
.profile_content .info {list-style: none; padding: 0; margin: 0;}
.profile_content .info li {margin-bottom: 34px; padding-bottom: 2px; border-bottom: 1px solid #39A73C; position: relative;}
.profile_content .info li::after {position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid #39A73C; border-left: none; border-bottom: none; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg);}
.profile_content .info li a {color: #000; width: 100%; display: block;}
.receivable {margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0;}
body.-personal- footer {display: none;}
@media screen and (max-width: 475px) {
	.receivable__title,
	.receivable__general,
	.receivable__overdue {font-size: 18px !important;}
}

/* Страница сотрудников */
.staff {height: 100vh;}
.staff .title {padding: 14px 25px; margin-bottom: 40px;}
.staff .title::before {background: #39A73C}
.staff .list-users .user {padding: 16px; border: 1px solid #39A73C; position: relative; margin-bottom: 30px;}
.staff .list-users .user button {border: none; background: none; outline: none;}
.staff .list-users .user .dol {position: absolute; top: -15px; left: 15px; background: #fff; padding-left: 10px; padding-right: 30px;}
.staff .list-users .user .name,
.staff .list-users .user .email,
.staff .list-users .user .password {margin-bottom: 16px; border-bottom: 1px solid #E9E9E9;}

/* Добавление сотрудника */
.new-staff {height: 100%;}
.new-staff .title {padding: 14px 25px; margin-bottom: 40px;}
.new-staff .title::before {background: #39A73C}
.new-staff .wrap {display: flex; flex-direction: column; position: relative}
.new-staff .wrap label {position: absolute; top: -10px; background: #fff; left: 10px; padding-left: 10px; padding-right: 30px; color: #C4C4C4}
.new-staff .wrap input,
.new-staff .wrap select {padding: 6px 16px; border: 1px solid #E9E9E9; margin-bottom: 24px; outline: none; padding-top: 20px;}
.new-staff .btn {padding: 16px;}

/* Редактировать сотрудника */
#view .modal-body input,
#view .modal-body select {padding: 6px 16px; border: 1px solid #E9E9E9; margin-bottom: 24px; outline: none; padding-top: 20px;}

/* Обновление сотрудника */
#view .modal-body .wrap {display: flex; flex-direction: column; position: relative}
#view .modal-body .wrap label {position: absolute; top: -10px; background: #fff; left: 10px; padding-left: 10px; padding-right: 30px; color: #C4C4C4}
#view .modal-body .wrap input {padding: 6px 16px; border: 1px solid #E9E9E9; margin-bottom: 24px; outline: none; padding-top: 20px;}
#view .modal-body .btn {padding: 16px;}

/* Страница о сервисе */
.about-header {padding: 14px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.about-header::before {background: #39A73C}
.about .about-list {list-style: none; padding: 0; margin: 0;}
.about .about-list li {margin-bottom: 34px; padding-bottom: 2px; border-bottom: 1px solid #39A73C; position: relative;}
.about .about-list li::after {position: absolute; content: ''; width: 10px; height: 10px; border: 2px solid #39A73C; border-left: none; border-bottom: none; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg);}
.about .about-list li a {color: #000; width: 100%; display: block;}

/* Условия оформления заказа */
.about-order-header {padding: 14px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.about-order-header::before {background: #39A73C}

/* Условия доставки */
.about-deliv-header {padding: 14px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.about-deliv-header::before {background: #39A73C}

/* Оплата доставки товара */
.about-pay-header {padding: 14px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.about-pay-header::before {background: #39A73C}

/* О компании */
.about-company-header {padding: 14px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between;}
.about-company-header::before {background: #39A73C}

/* Мои магазины */
.shops-header {padding: 14px; margin-bottom: 40px;}
.shops-header::before {background: #39A73C}

/* Торговые предложения */
.product-item-scu-item-color-container {width:100%; max-width:none;}
.product-item-scu-item-color-container:not(.selected) {display: none;}
.product-item-scu-item-color-block {outline:none; padding-top:0;}
.product-item-scu-item-color {position:relative; width:2rem; height:2rem; top:auto; left:auto; outline: 2px #39A73C solid; margin-right:1rem; margin-left:2px; border-radius:50%;}
/*
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {outline-width: 2px; outline-color: #39A73C !important;}
.product-item-scu-item-color-container .title { font-size: 18px; position: absolute; top: 6px; right: 0; bottom: 2px; left: 50px; white-space: nowrap; }
.product-item-scu-item-color-block,
.product-item-scu-item-color {border-radius: 50%; font-size:0 !important;}
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block.cl::before {transform: translateY(-50%) rotate(225deg);}
.product-item-scu-item-list {display: block; flex-wrap: wrap; margin-top: 20px; column-count: 2;}
*/




.product-item-detail-info-container[data-title="COLOR_REF"] .product-item-scu-item-color-block .title,
.product-item-detail-info-container[data-title="COLOR_MIRROR"] .product-item-scu-item-color-block .title {display: none;}
.product-item-detail-info-container[data-title="WIDTH"] {display: flex; position: relative; top: 0; bottom: 0; margin-left: -45vw; width: 85vw; align-items: start; justify-content: space-between;}
.product-item-detail-info-container[data-title="WIDTH"] .product-item-scu-item-color {background-image: none !important;}
.product-item-detail-info-container[data-title="WIDTH"] .product-item-scu-item-color-block {padding: 0; outline: none;}
.product-item-detail-info-container[data-title="HEIGHT"] {display: flex; position: relative; top: 0; bottom: 0; margin-left: -45vw; width: 85vw; align-items: start; justify-content: space-between;}
.product-item-detail-info-container[data-title="HEIGHT"] .product-item-scu-item-color {background-image: none !important;}
.product-item-detail-info-container[data-title="HEIGHT"] .product-item-scu-item-color-block {padding: 0; outline: none;}

.product-item-detail-pay-block {border: none;}
.product-item-detail-pay-block .product-item-detail-info-container,
.product-item-detail-pay-block .product-item-detail-info-container a {margin-bottom: 0;}
.product-item-detail-price-current {margin-bottom: 16px;}
.product-item-amount .product-item-amount-field-container {border: 1px solid #E0E0E0; border-radius: 4px; padding: 10px; display: flex; align-items: center; justify-content: center;}
.product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus {background-color: transparent;}
.bx-red .btn.btn-default {background-color: #39A73C; border-color: #39A73C;}
.product-item-detail-info-container {position: relative;}
/* .product-item-scu-item-color-container.selected {position: absolute; top: -10px; right: 10px;} */
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block {position: relative; transition: all .4s;}
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block.cl {transition: all .4s;}
/* .product-item-scu-item-color-container.selected .product-item-scu-item-color-block::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); right: -17px; width: 8px; height: 8px; border: 1px solid #39A73C; border-left: none; border-top: none;} */


.product-item-detail-info-container[data-title="WIDTH"] .product-item-scu-item-list,
.product-item-detail-info-container[data-title="HEIGHT"] .product-item-scu-item-list {display: block;}
.product-item-detail-info-container[data-title="WIDTH"] .product-item-scu-item-color-container,
.product-item-detail-info-container[data-title="HEIGHT"] .product-item-scu-item-color-container {width: auto;}

.dop_tovar .card {border: none;}
.dop_tovar .card-header {padding: 20px 26px; border-radius: 0; background-color: #F4F4F4; border-bottom: none; display: flex; align-items: center; justify-content: space-between; transition: all .4s; cursor: pointer;}
.dop_tovar .card-header .all_count {padding: 5px 10px; text-align: center; background: #E9E9E9; color: #000; width: max-content; transition: all .4s;}
.dop_tovar .card-body {background-color: #E7ECE7; padding: 0;}
.dop_tovar .card-body > div {padding: 12px 26px;}
.dop_tovar .card-body .tovar_count {padding: 5px 10px; background: #FFFFFF; border: 1px solid #E9E9E9;}
.dop_tovar .card-body .tovar_count .quant-minus {margin-right: 12px; font-size: 20px; font-weight: 300; cursor: pointer;}
.dop_tovar .card-body .tovar_count .quant-plus {margin-left: 12px; font-size: 20px; font-weight: 300; cursor: pointer;}

.wrap-bottom-menu {text-align: right; font-weight: bold; font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase;}
.wrap-bottom-menu > div {margin-bottom: 8px;}

.cart-rostsayt {}
.mobile-header {color: #fff; text-align: center; margin-bottom: 16px !important;}
.mobile-header::before {background: #39A73C;}
.personal-order__wrap {text-align: center;}
.personal-order__wrap ul {list-style: none; padding: 0;}
.personal-order__wrap ul li {margin-bottom: 15px;}
.personal-order__wrap ul li a {color: #000}
.products .product .img {max-width: 85px;}
.delete-item-basket {font-size: 30px; cursor: pointer; user-select: none;}
.add_product {width: max-content;}

.product {padding-bottom: 30px;}
.product .quanity {border: 1px solid #E0E0E0; border-radius: 4px; max-width: 140px;}
.product .quanity button,
.product .quanity input {border: none; background: none;}
@media screen and (max-width: 575px) {
	.product .quanity {max-width: none; margin-bottom: 30px;}
	.h3 {font-size: 18px;}
}

.sale-order-list-inner-container {text-align: left;}

@media screen and (max-width: 600px) {
	.product-item-detail-slider-block {padding-top: 100%; margin-bottom: 30px;}
}

body.-personal-order-make- .shipment .form-control {height: 70px; padding: 17px;}
body.-personal-order-make- .shipment .form-control:focus {box-shadow: none;}
body.-personal-order-make- .shipment .form-group {position: relative; margin-bottom: 20px;}
body.-personal-order-make- .shipment .form-group label {position: absolute; width: max-content; top: -13px; left: 20px; font-weight: 400; font-size: 16px; line-height: 26px; color: #C4C4C4; background: #fff ;}
/* Адаптация */

@media screen and (min-width: 992px) {
	header .wrap-top-menu {margin-left: 50px;}

	.navbar-phone {margin-left: 50px;}

	header .mod_menu {flex-direction: row; margin-top: 0;}
	.navbar-brand img {width: 150px; margin-right: 50px;}

	.search-page form {width: 100%;}

	.mod-slider .wrap {font-size: 32px; padding: 50px 100px;}
	.mod-slider .owl-carousel .owl-nav {max-width: 1920px;}

	.mod-slider .owl-carousel .owl-prev, 
	.mod-slider .owl-carousel .owl-next {width: 100px;}
	.mod-slider .owl-carousel .owl-prev span img, 
	.mod-slider .owl-carousel .owl-next span img {width: 45px;}
	
	.wrap-bottom-menu {display: flex; width: 70%; font-size: 24px; justify-content: space-between; font-weight: 300;}

	body {padding-bottom: 0;}
	.footer-tab-bar {display: none;}
	.mod-footer {margin: 25px 0;}

	.product-item-detail-info-container[data-title="WIDTH"],
	.product-item-detail-info-container[data-title="HEIGHT"] {margin-left: 0; width: auto;}
	.product-item-detail-info-container-title,
	.product-item-scu-item-color-block {font-size: 18px;}
}

.footer_items {margin: 25px 0;}

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

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}

@keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
} 
@keyframes opacityOut {
  0% {opacity: 1;}
  50% {opacity: 0.5;}
  100% {opacity: 0;}
} 

.bx-catalog-element {}
.bx-catalog-element dl {display:flex; justify-content:space-between;}
.bx-catalog-element dl dt {font-weight:normal; font-size:1rem; color:#1E321F;}
.bx-catalog-element .dop_products.load {min-height:300px; background:url('/upload/loader.gif') center no-repeat;}

.bx-catalog-element .dop_products .card {border:0 none; border-radius:0;}
.bx-catalog-element .dop_products .card .card-header {background:#F4F4F4; display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
.bx-catalog-element .dop_products .card .card-header .badge {margin-left:auto;}
.bx-catalog-element .dop_products .card .card-header::after {content:url('/upload/icons/bottom.svg'); margin-left:1rem; position:relative; transition:.3s;}

.bx-catalog-element .dop_products .card .card-header:hover,
.bx-catalog-element .dop_products .card .card-header[aria-expanded="true"] {background:#97D699}
.bx-catalog-element .dop_products .card .card-header[aria-expanded="true"]::after {transform:rotate(180deg);}

.bx-catalog-element .dop_products .card .card-body {background:#E7ECE7; }
.bx-catalog-element .dop_products .card .card-body .dop_product {display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;}
.bx-catalog-element .dop_products .card .card-body .quanity .btn-light {background:#fff;}
.bx-catalog-element .dop_products .card .card-body .quanity .form-control {border:0 none; text-align:center; width:50px; border-radius:0; padding-right: 0;}
.bx-catalog-element .dop_products .card .card-body .img {width:50px; height:50px; background:#fff; border:1px #ddd solid; display:flex; justify-content:center; align-items:center; margin-right:1rem;}
.bx-catalog-element .dop_products .card .card-body .name {margin-right:auto;}

.card.product {position: relative;}
.card.product .remove-card { position: absolute; top: 5px; right: 15px; width: 30px; height: 30px; cursor: pointer; }
.remove-card:before,
.remove-card:after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 1px; background: #777777; cursor: pointer; }
.remove-card:before { webkit-transform: rotate(45deg); transform: translate(-50%, -50% ) rotate(45deg); }
.remove-card:after { webkit-transform: rotate(-45deg); transform: translate(-50%, -50% ) rotate(-45deg); }

.select-color .product-item-scu-item-color {width: 40px; height: 40px; margin-right: 20px; margin-bottom: 20px; border: 2px solid #ccc; cursor: pointer;}
.select-color .product-item-scu-item-color.active {border-color: #22bb22;}

table.table tr {transition: .3s;}
table.table tr:hover {background: #f7f7f7}