/* personal color */
:root {--mcol: #00C200;}

/* main style */
::selection {color: white;background-color: var(--mcol);}
html, body {margin: 0;padding: 0;height: 100%;}
body {font-size: 13px;color: #3e3e3e;font-family: "Open Sans", sans-serif;overflow-x: hidden;}
img, a img {border: none;outline: none;max-width: 100%;}
a {text-decoration: none;color: #3e3e3e;transition: all 0.2s ease;}
a:hover {color: black;}
b {font-weight: 600;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
hr {border: none;height: 1px;background: #eee;}
input {outline: none; resize: none; box-sizing: border-box;}
select {height: 44px;padding: 0 24px 0 12px;color: #464646;font-size: 12px;font-family: Montserrat, sans-serif;border-radius: 5px;border: 1px solid #eee;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNkFGNUM5QjJCNDkxMUU4QUY2MkQxNkZENzRCQzZFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkFEN0I5MjA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkFEN0I5MTA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTRkOWRmNS00MTYxLTRhNGMtYjg3Ny0yMzE1MDM5MjJiZWUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDZBRjVDOUIyQjQ5MTFFOEFGNjJEMTZGRDc0QkM2RUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Zx2b3AAAAVUlEQVR42mJQVFQMZcABgHJKIPz//38GUjETUL8xUHMHNkOB1CoGMgHT/fv3K6AGdWAxNAwof48cgxmRDIMZPAvdUJDXSHYxjAFzORDspsSlMAAQYAAX00SOx3SJ8wAAAABJRU5ErkJggg==);background-position: right -2px center;background-repeat:no-repeat;cursor: pointer;appearance: none;}
select:focus {outline: none;}
textarea {overflow: auto;color: gray;line-height: 24px;min-height: 40px;padding: 14px;box-sizing: border-box;font-size: 13px;font-family: "Open Sans", sans-serif;border-radius: 5px;border: 1px solid #eee;outline: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {height: 44px;padding: 0 12px;color: #3b3b3b;font-family: "Open Sans", sans-serif;border: 1px solid #eee;border-radius: 2px;transition: all 0.2s ease;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus {border-color: var(--mcol);box-shadow: 0 3px 18px rgb(0 0 0 / 6%);}
input[type="button"], input[type="submit"], input[type="reset"], button {line-height: 44px;padding: 0 21px;color: white;font-size: 12px;font-family: Montserrat, sans-serif;text-transform: uppercase;letter-spacing: 0.5px;border: none;border-radius: 5px;background-color: var(--mcol);cursor: pointer;transition: all 0.3s ease;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {color: black; background-color: #e7e7e7;}
.cnt {max-width: 100%; width: 1170px; margin: 0 auto;}
.clr::after {content: "";display: block;clear: both;}
.left {float: left;}
.right {float: right;}
.col2 {width: 50%;}
.col3 {width: 33.3333%;}
.col4 {width: 25%;}
.col6 {width: 16.6667%;}
.col2, .col3, .col4, .col6 {float: left;}
.title {display: table;position: relative;z-index: 1;margin-bottom: 22px;color: black;font-size: 19px;font-weight: 600;font-family: Montserrat, sans-serif;text-transform: uppercase;}
.back_to_top {position: fixed;z-index: 9999;right: 24px;bottom: 32px;width: 38px;height: 38px;line-height: 38px;color: white;text-align: center;background-color: var(--mcol);opacity: 0;visibility: hidden;cursor: pointer;transition: all 0.2s ease 0s;}
.back_to_top::before {content: ""; font-size: 24px; font-family: FontAwesome;}
.back_to_top:hover {background-color: #202020;}
.back_to_top-show {bottom: 24px; opacity: 1; visibility: visible;}
#fancybox-overlay {opacity: 0.7!important;}
#loader {display: flex;position: fixed;z-index: 9999;width: 100%;height: 100%;background-color: white;justify-content: center;align-items: center;transition: all 1s ease;}
#loader.remove {opacity: 0;visibility: hidden;}
.loader {width: 40px;height: 40px;border: 4px solid var(--mcol);animation: loader 2s infinite ease;} .loader-inner {vertical-align: top;display: inline-block;width: 100%;background-color: var(--mcol);animation: loader-inner 2s infinite ease-in;} @keyframes loader {0% {transform: rotate(0deg);} 25% {transform: rotate(180deg);} 50% {transform: rotate(180deg);} 75% {transform: rotate(360deg);} 100% {transform: rotate(360deg);}} @keyframes loader-inner {0% {height: 0%;} 25% {height: 0%;} 50% {height: 100%;} 75% {height: 100%;} 100% {height: 0%;}}

header {position: relative;z-index: 10;background-color: var(--mcol);}
header:after {content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 12%);}
header .cnt {position: relative;z-index: 3;}
header .top {color: rgb(255 255 255 / 90%);}
.top .cnt {border-bottom: 1px solid rgb(255 255 255 / 0.2);}
.top .left span {display: inline-block;float: left;line-height: 55px;margin-right: 42px;}
.top .left span:last-child {margin-right: 0;}
.top .left span > i {position: relative;top: 3px;margin-right: 12px;font-size: 23px;color: #f8ea00;}
.top #phone {position: relative;display: table;}
.top #phone a {display: inline-block;position: relative;line-height: 55px;color: white;font-size: 16px;font-family: Montserrat, sans-serif;}
.top #phone span {position: relative;margin: 12px 14px 0 0;float: left;padding: 6px 7px;font-size: 11px;color: rgb(255 255 255 / 40%);border-radius: 3px;background-color: var(--mcol);transition: all 0.2s ease 0s;cursor: pointer;}
.top #phone span:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgb(255 255 255 / 0.2);border-radius: 3px;}
.top #phone span:before {content: '';position: absolute;z-index: 2;top: calc(50% - 3px);right: -3px;width: 6px;height: 6px;border-top: 1px solid rgb(255 255 255 / 0.2);border-right: 1px solid rgb(255 255 255 / 0.2);border-radius: 0 2px 0 0;transform: rotate(45deg);background-color: inherit;}
.top #phone span:hover {color: black;background-color: #f8ea00;}
.top #phone span:hover:before {background-color: inherit;}

.top .social-links {float: left;}
.top .social-links a {display: inline-block; position: relative; float: left; padding: 4px; box-sizing: border-box;}
.top .social-links a i {width: 47px;height: 47px;line-height: 47px;color: white;font-size: 18px;text-align: center;border-radius: 2px;background-color: #2a2a2a;transition: all 0.2s ease 0s;}
.top .social-links a span {display: block; position: absolute; top: calc(50% - 12px); right: 50px; width: max-content; padding: 0 12px; line-height: 24px; color: white; font-size: 11px; border-radius: 4px; opacity: 0; visibility: hidden; transition: all 0.2s ease 0s;}
.top .social-links a:hover i {color: white;}
.top .social-links a:hover span {right: 60px; opacity: 1; visibility: visible;}
.top .social-links a:hover span::after {content: ""; position: absolute; top: calc(50% - 3px); right: -3px; width: 6px; height: 6px; border-radius: 1px; transform: rotate(45deg); background-color: inherit;}
.top .social-links a:hover i.fa-vk {background-color: rgb(81, 129, 184);}
.top .social-links a:hover i.fa-vk + span {background-color: rgb(81, 129, 184);}
.top .social-links a:hover i.fa-facebook {background-color: rgb(24, 119, 242);}
.top .social-links a:hover i.fa-facebook + span {background-color: rgb(24, 119, 242);}
.top .social-links a:hover i.fa-odnoklassniki {background-color: rgb(238, 130, 8);}
.top .social-links a:hover i.fa-odnoklassniki + span {background-color: rgb(238, 130, 8);}
.top .social-links a:hover i.fa-instagram {background: linear-gradient(45deg, rgb(240, 148, 51) 0%, rgb(230, 104, 60) 25%, rgb(220, 39, 67) 50%, rgb(204, 35, 102) 75%, rgb(188, 24, 136) 100%);}
.top .social-links a:hover i.fa-instagram + span {background-color: rgb(224, 61, 65);}
.site-logo {float: left;min-width: 25.6410256%;}
.site-logo a {display: inline-block;line-height: 110px;color: white;font-size: 36px;font-weight: 600;font-family: Montserrat, sans-serif;}
.site-logo a:first-letter {color: #f8ea00;}
.head-navigation {float: left;}
.head .uMenuV ul {display: table;}
.head .uMenuV ul li {display: table-cell;float: left;margin-right: 48px;}
.head .uMenuV ul li > a {display: inline-block;position: relative;height: 110px;line-height: 110px;color: white;font-size: 14px;}
.head .uMenuV ul li:nth-child(3) > a::before {content: "New";display: block;position: absolute;right: -24px;top: 30px;line-height: 15px;font-family: Montserrat;font-weight: 700;font-size: 7px;color: white;text-transform: uppercase;padding: 0 5px;border-radius: 3px;background: #f83060;letter-spacing: 0.1em;z-index: 2;}
.head .uMenuV ul li:nth-child(3) > a::after {content: "";display: block;position: absolute;top: 37px;right: -20px;width: 10px;height: 10px;background: #f0315f;transform: rotate(110deg) skewX(50deg);}
.head .uMenuV ul li.uWithSubmenu {position: relative; z-index: 100;}
.head .uMenuV ul li.uWithSubmenu > a::after {content: "\f107";display: inline-block;margin-left: 8px;font-weight: 900;font-family: 'Line Awesome Free';transition: all 0.2s ease 0s;}
.head .uMenuV ul li.uWithSubmenu ul {position: absolute;z-index: 100;top: 100px;left: -20px;min-width: 260px;padding: 8px 10px;box-sizing: border-box;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.05) 0 7px 20px, rgba(0, 0, 0, 0.12) 0 7px 25px;background-color: white;opacity: 0;visibility: hidden;transition: all 0.2s ease 0s;}
.head .uMenuV ul li.uWithSubmenu:hover ul {top: 90px;opacity: 1;visibility: visible;}
.head .uMenuV ul li.uWithSubmenu:hover > a::after {transform: rotate(180deg);}
.head .uMenuV ul li.uWithSubmenu ul li {display: block; float: none; margin-right: 0; border-bottom: 1px solid #eee;}
.head .uMenuV ul li.uWithSubmenu ul li:last-child {border-bottom: none;}
.head .uMenuV ul li.uWithSubmenu ul li a {display: block;height: max-content;line-height: inherit;padding: 12px 10px;color: rgb(62, 62, 62);}
.head .uMenuV ul li.uWithSubmenu ul li a:hover {color: var(--mcol);background-color: #fdfdfd;}
#nav {position: relative;z-index: 2;background-color: var(--mcol);}
.head .user-link {line-height: 120px; font-size: 22px; font-weight: 500; font-family: Montserrat, sans-serif;}
.head .user-link .fa {display: inline-block; position: relative; top: 4px; margin-right: 12px; font-size: 36px; color: #b9b9b9;}
#categ-link {position: relative;float: left;width: 300px;height: 55px;}
#categ-link .text {display: block;position: relative;z-index: 100;padding: 0 22px;box-sizing: border-box;line-height: 55px;font-size: 14px;color: white;font-weight: 600;text-transform: uppercase;font-family: Montserrat, sans-serif;cursor: pointer;transition: all 0.2s ease 0s;}
#categ-link:hover .text {background-color: rgb(0 0 0 / 0.1);}
#categ-link i {margin-right: 20px;color: rgba(255, 255, 255, 0.78);}
.search-top {float: left;width: 47.8632479%;}
.search-top input {height: 55px; border: 0; float: left; border-radius: 0; background-color: rgba(0, 0, 0, 0.06);}
.search-top input[type="text"] {width: calc(100% - 55px);color: white;padding: 0 22px;}
.search-top input[type="text"]::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.56);}
.search-top input[type="submit"] {font-size: 18px; font-family: FontAwesome; padding: 0; width: 55px; color: rgba(255, 255, 255, 0.78);}
.search-top input[type="submit"]:hover {color: white;background-color: #2a2a2a;}

#shop-basket {float: left;z-index: 11;}
#shop-basket > a {display: table;}
#shop-basket > a i {position: relative;float: left;height: 110px;line-height: 110px;color: white;font-size: 44px;}
#shop-basket > a i span {display: block;position: absolute;z-index: 2;top: 60px;right: -2px;width: 18px;height: 18px;line-height: 18px;text-align: center;color: black;font-size: 9px;font-weight: 600;font-family: Montserrat, sans-serif;border-radius: 4px;background-color: #f8ea00;}
#shop-basket > a .value {float: right;margin: 34px 0 34px 16px;}
#shop-basket > a .value .order-summ {color: white;font-size: 18px;font-weight: 600;font-family: Montserrat, sans-serif;}
#shop-basket > a .value .name {margin-bottom: 2px;color: white;font-weight: 600;}

.c-body {position: absolute;z-index: 10;top: 100px;right: 0;width: 310px;box-sizing: border-box;border: 3px solid var(--mcol);box-shadow: rgb(0 0 0 / 7%) 0 5px 54px, rgb(0 0 0 / 12%) 0 7px 25px;background-color: white;opacity: 0;visibility: hidden;transition: all 0.2s ease 0s;}
#shop-basket:hover .c-body {top: 90px;opacity: 1;visibility: visible;}
.c-body .c-title {padding: 12px 16px 14px;color: white;font-family: Montserrat, sans-serif;background-color: var(--mcol);}
.c-body > a {display: block;margin: 12px 15px;line-height: 54px;color: white;font-weight: 600;font-family: Montserrat, sans-serif;text-align: center;text-transform: uppercase;letter-spacing: 1px;background-color: #2a2a2a;}
.c-body > a:hover {background-color: var(--mcol);}
.c-body .summ {padding: 22px 15px 20px;font-size: 14px;line-height: 20px;font-family: Montserrat, sans-serif;background-color: #f6f6f6;}
.c-body .summ b {float: right;color: black;font-size: 21px;font-weight: 600;}
.c-body li {display: flex;position: relative;margin: 18px 16px;padding: 8px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;flex-direction: row;}
.basket-item-icon {float: left;width: 70px;margin-right: 14px;}
.basket-item-icon img {border-radius: 3px;}
.basket-item-name .cost {color: black;font-size: 12px;font-weight: 600;font-family: Montserrat, sans-serif;}
.basket-item-name {padding-right: 30px;box-sizing: border-box;}
.basket-item-name .name {margin: 4px 0;}
.basket-item-name .name a {display: inline-block;color: #7a7a7a;line-height: 17px;}
.basket-item-button {position: absolute;top: 0;right: 16px;height: 100%;}
.basket-item-button i {position: absolute;top: 12px;color: #7d7d7d;font-size: 17px;cursor: pointer;transition: all 0.2s ease 0s;}

.basket-item-button i:hover {color: red;}

#nav .right > a {display: inline-block; float: left; width: 55px; height: 55px; line-height: 55px; text-align: center; color: rgba(255, 255, 255, 0.78);}
#nav .right > a:nth-child(3) {background-color: rgba(0, 0, 0, 0.06);}
#nav .right > a:hover {color: white; background-color: #2a2a2a;}
#nav .right .fa {font-size: 18px; line-height: 55px;}
.user-link {position: relative; float: right; width: 200px; padding-left: 20px; box-sizing: border-box;}
.user-link > a {display: block; height: 55px; line-height: 55px; font-size: 14px; color: white; font-family: Montserrat, sans-serif;}
.user-link > a .las {margin-right: 14px;transform: scale(1.55);}
.user-link:hover ul {top: 55px; opacity: 1; visibility: visible;}
.user-link ul {position: absolute; z-index: 10; top: 65px; right: 0; width: 310px; padding: 26px 18px; box-sizing: border-box; border-radius: 0 0 8px 8px; box-shadow: rgba(0, 0, 0, 0.07) 0 5px 54px, rgba(0, 0, 0, 0.12) 0 7px 25px; background-color: white; opacity: 0; visibility: hidden; transition: all 0.2s ease 0s;}
.user-link ul a {display: inline-block;width: 100%;padding: 20px 12px;box-sizing: border-box;font-size: 14px;border-radius: 8px;}
.user-link ul a:hover {color: var(--mcol); background-color: #f6f6f6;}
.user-link ul li.login-in {padding: 8px; background-color: #f6f6f6;}
.user-link ul li.login-in a {width: auto;padding: 10px 18px;}
.user-link ul li.login-in a:nth-child(1) {color: white;background-color: var(--mcol);}
.user-link ul li.login-in a:nth-child(1):hover {background-color: #2a2a2a;}
.user-link ul i {position: relative;top: 3px;margin-right: 15px;color: #2a2a2a;font-size: 20px!important;line-height: 18px !important;transition: all 0.2s ease 0s;}
.user-link ul a:hover i {color: var(--mcol);}
.user-link ul i.las {transform: scale(1.3);}
.user-link ul::after {content: ""; position: absolute; top: -5px; left: calc(50% - 5px); width: 10px; height: 10px; transform: rotate(45deg); background-color: white;}

.middle {margin: 40px 0 60px 0;}
.sidebar {width: 25.6410256%;float: left;box-sizing: border-box;}
.content {width: 71.7948718%;float: right;box-sizing: border-box;}
.cat-tree u, .cat-tree i, #categs ul ul, #categs b {display: none;}

.sidebar .block {margin-bottom: 42px;padding: 32px 22px;border-top: 4px solid var(--mcol);box-shadow: 0 10px 42px rgb(0 0 0 / 7%);background-color: white;}
.sidebar .b-title, .flist-label {display: block;margin-bottom: 18px;color: #2a2a2a;font-size: 16px;font-weight: 600;font-family: Montserrat, sans-serif;}

#categs {position: absolute;z-index: 99;left: 0;width: 100%;height: 503px;box-shadow: 65px 8px 76px rgb(0 0 0 / 20%);background-color: #fdfdfd;opacity: 0;visibility: hidden;transition: all 0.2s ease 0s;}
#categ-link:hover #categs.data-home {box-shadow: 65px 8px 76px rgb(0 0 0 / 7%)!important;}
#categs.open, #categs.data-home {opacity: 1;visibility: visible;}
#categs.data-home {box-shadow: none;}
#categs ul.cat-tree {padding: 0;}
#categs li {position: relative;margin: 0 22px!important;box-sizing: border-box;transition: all 0.2s ease 0s;}
#categs li:last-child a {border-bottom: none;}
#categs li:after {content: '';position: absolute;z-index: 1;top: 4px;left: -5%;width: 110%;height: 47px;border-radius: 8px;background-color: #f6f6f6;opacity: 0;transition: all 0.2s ease 0s;}
#categs a {display: block;position: relative;z-index: 2;height: 47px;line-height: 47px;padding: 4px 0;color: #2a2a2a;font-size: 13px;font-weight: 600;font-family: "Open Sans", sans-serif;text-transform: none;border-bottom: 1px solid #eee;}
#categs a:hover {color: var(--mcol);}
#categs a:before {content: "\f105";position: absolute;right: 0;line-height: 47px;color: #c9c9c9;font-family: 'Line Awesome Free';transition: all 0.2s ease 0s;}
#categs a:hover:before {right: 6px;color: var(--mcol);}
#categs li:hover:after {opacity: 1;}
#categs ul ul {display: block;position: absolute;top: 0;right: -332px;width: 300px;padding: 9px 0!important;box-sizing: border-box;background-color: #f6f6f6;box-shadow: 65px 8px 76px rgb(0 0 0 / 20%);opacity: 0;visibility: hidden;transition: all 0.2s ease 0s;border-left: 1px solid #eee;}
#categs li:hover ul {right: -322px;opacity: 1;visibility: visible;}
#categs ul ul a {height: min-content;line-height: initial;padding: 13px 0;font-weight: normal;}

.slider {width: 560px!important;height: 503px;float: left;margin-left: 300px;}
.slide {padding: 60px 40px;box-sizing: border-box;width: 100%;height: 503px;background-position: center right;background-size: cover;}
.slide a.teg {display: table;margin-bottom: 16px;padding: 4px 12px;color: #36363f;font-size: 11px;font-weight: 600;font-family: Montserrat, sans-serif;letter-spacing: -0.02em;text-transform: uppercase;background-color: #e1e1e1;}
.slide-text-1 {margin: 0;font-size: 38px;font-weight: 600;font-family: Montserrat, sans-serif;}
.slide-text-2 {margin: 20px 0 0;font-weight: 400;}
.slide .button {display: inline-block;padding: 12px 22px;margin-top: 70px;color: white;border-radius: 42px;background-color: var(--mcol);}
.slide .button:hover {background-color: #202020; transform: translateX(12px);}
.slider .owl-dots {position: absolute;left: 40px;bottom: 22px;}
.slider .owl-dots button {width: 10px;height: 10px;margin-right: 8px;border-radius: 12px;background-color: rgb(0 0 0 / 7%);}
.slider .owl-dots button.active {width: 48px;opacity: 0.5;background-color: black;}
.slider .owl-dots button:hover {opacity: 1;background-color: var(--mcol);}

.products {float: right; width: 309.5px; height: 503px;}
.products .item {width: 100%;height: 50%;padding: 60px 80px 50px 25px;box-sizing: border-box;background-size: cover;background-position: center right;}
.products .item .text {font-size: 18px; font-weight: 600; font-family: Montserrat, sans-serif;}
.products .item .button {display: inline-block;margin-top: 12px;color: var(--mcol);}
.products .item .button:hover {transform: translateX(8px);}

.brands {margin-top: 40px;padding: 36px 0;background-color: #f6f6f6;}
.brands .b-card {float: left;width: 17.9487179%;margin-right: 2.56410256%;background-color: white;}
.brands .b-card:nth-child(5n) {margin-right: 0;}
.brands .b-card:hover {box-shadow: 0 10px 17px rgb(0 0 0 / 8%);}
.brands .b-card a {display: block;height: 72px;padding: 17px 0;box-sizing: border-box;text-align: center;}
.brands img {height: 100%;}

.items {margin-top: 60px;}

.banners {display: table;width: 100%;margin: 30px 0 30px 0;}
.banners .banner {display: block;position: relative;float: left;width: 48.7179487%;margin: 0 2.56410256% 30px 0;border-radius: 4px;overflow: hidden;}
.banners .banner:nth-child(2n) {margin: 0 0 30px 0;}
.banner .box {display: flex;position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;padding: 0 50% 0 36px;box-sizing: border-box;flex-direction: row;align-items: center;align-content: center;flex-wrap: wrap;justify-content: flex-start;}
.banner .text-1 {color: #333;font-size: 22px;font-weight: 600;font-family: Montserrat, sans-serif;}
.banner p {margin: 0.7rem 0;line-height: 21px;color: #a4a4a4;}
.banner img {width: 100%;}
.banner .teg {display: inline-block;margin: 16px 20px 0 0;line-height: 28px;padding: 0 9px;color: #36363f;font-size: 11px;font-weight: 600;font-family: Montserrat, sans-serif;letter-spacing: -0.02em;border-radius: 3px;background-color: #eee;}
.banner .teg.sale {background-color: #ffde26;}
.banner .teg.sale:before {display: inline-block;content: '\f295';margin-right: 5px;font-weight: 900;font-family: 'Line Awesome Free';transform: scale(1.3);}
.banner a {margin-top: 16px;font-size: 15px;color: var(--mcol);}
.banner a:after {display: block;content: '';position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;}
.banner:hover a {margin-left: 8px;}

.items-tabs {margin-bottom: 30px;}
.items-tabs #tabs .title-tabs {margin-bottom: 30px;}
.items-tabs #tabs .title-tabs span {font-size: 14px;line-height: 50px;}
.items-tabs #tabs .content-tabs {padding: 0;}

.list-item {float: left;width: 270px;margin-right: 30px;margin-bottom: 30px;box-sizing: border-box;}
.list-item:nth-child(4n) {margin-right: 0;}
.content-tabs .list-item:nth-child(4n+1) {clear: both;}

.catalog-page .list-item {width: 31.7460318%;margin-right: 2.38095238%;margin-bottom: 60px;}
.catalog-page .list-item:nth-child(4n) {margin-right: 2.38095238%;}
.catalog-page .list-item:nth-child(3n) {margin-right: 0!important;}
.catalog-page .list-item:nth-child(3n+1) {clear: both;}

.list-item .image {display: flex;position: relative;border-radius: 8px;background-color: rgb(0 0 0 / 3%);}
.list-item .image > a {display: flex;width: 100%;height: 260px;padding: 32px 20px;box-sizing: border-box;align-items: center;}
.list-item img {display: table;width: auto;height: auto;max-height: 180px;margin: auto;mix-blend-mode: darken;transition: all 0.2s ease;}
.list-item:hover img {transform: scale(1.07);}
.list-item .image .label {position: absolute;z-index: 2;padding: 0 8px;line-height: 25px;font-size: 11px;font-weight: 600;font-family: Montserrat, sans-serif;letter-spacing: -0.02em;color: #36363f;border-radius: 3px;background-color: #e5e5e5;}
.list-item .image .label.sale {bottom: 12px;padding: 0 12px;color: black;background-color: #ffde26;}
.list-item .image .label.brand {top: 12px;}
.list-item .image .label.nostock {bottom: 12px; background-color: #fae7ec;}
.i-button {position: absolute;z-index: 3;top: 12px;right: 18px;opacity: 0;transition: all 0.5s ease;}
.list-item:hover .i-button {right: 22px;opacity: 1;}
.list-item .basket {background-color: var(--mcol)!important;}
.list-item .basket, .list-item .wish, .list-item .compare-widget, .list-item .compare-widget-remove + a {width: 40px!important;height: 40px!important;margin-bottom: 10px!important;border-radius: 3px!important;background-size: 55%;}
.list-item .wish, .list-item .compare-widget, .list-item .compare-widget-remove + a {background-color: white!important;background-image: none!important;}
.list-item .wish:before {content: "\f08a";display: block;width: 40px;height: 40px;line-height: 40px;color: #202020;font-size: 17px;text-align: center;font-family: 'FontAwesome';}
.list-item .compare-widget-add:before {content: "\f24d";display: block;width: 40px;height: 40px;line-height: 40px;color: #202020;font-size: 17px;text-align: center;font-family: 'FontAwesome';}
.list-item .num {margin: 22px 0 8px 0;}
.list-item .num .price {font-size: 18px;color: black;font-weight: 600;font-family: Montserrat, sans-serif;}
.list-item .num .price.new {color: var(--mcol);}
.list-item .num .old-price {display: inline-block;position: relative;margin-left: 12px;color: gray;font-size: 13px;font-weight: 400;font-family: Montserrat, sans-serif;}
.list-item .num .old-price:after {content: "";position: absolute;top: 47%;left: -2%;width: 104%;height: 2px;border-radius: 2px;background-color: gray;}
.list-item .name a {display: -webkit-box;max-height: 36px;margin: 0;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;line-height: 18px;color: #252528;letter-spacing: -0.1px;font-family: Montserrat, sans-serif;}
.list-item .name a:hover {color: var(--mcol);}

.items-carousel > div {width: calc(100% + 30px);margin-left: -30px;}
.items-carousel .owl-item {padding-left: 30px;box-sizing: border-box;}
.owl-item .list-item {width: 100%;}
.items-carousel .owl-nav {position: absolute;top: -47px;right: -4px;}
.items-carousel .owl-nav button {width: 46px;margin-left: 22px;color: var(--mcol);opacity: 0.7;background-color: transparent;}
.items-carousel .owl-nav button:hover {color: black;opacity: 1;}
.items-carousel .owl-nav button span {display: block;position: relative;color: inherit;font-size: 18px;text-align: left;}
.items-carousel .owl-nav button span:before {content: "\f104";font-family: 'Line Awesome Free';font-weight: 900;color: inherit;}
.items-carousel .owl-nav button span:after {content: '';position: absolute;top: 10.5px;left: 5px;width: 40px;height: 1px;border-bottom: 1px solid;}
.items-carousel .owl-nav button.owl-next span {text-align: right;}
.items-carousel .owl-nav button.owl-next span:before {content: '\f105';}
.items-carousel .owl-nav button.owl-next span:after {left: auto;right: 6px;}

.content .myWinGrid {border: none!important;background-color: white!important;}
.goods-list {display: inline-block!important;width: 100%;}

.reviews {margin-bottom: 60px;}
.review {float: left;width: 370px;margin-right: 30px;}
.review:nth-child(3n) {margin-right: 0;}
.review .product {display: table;}
.review .image {float: left;margin-right: 18px;}
.review .image img {display: block;height: 64px;}
.review .product .name {display: table-cell;height: 64px;vertical-align: middle;}
.review .product .name a {color: #252528; font-family: Montserrat, sans-serif;}
.review .product .name a:hover {color: var(--mcol);}
.review .body {position: relative;margin: 18px 0;padding: 20px;border-radius: 6px;background-color: #f5f3ee;}
.review .body:after {content: '';position: absolute;left: 18px;bottom: -5px;width: 20px;height: 20px;background-color: inherit;transform: rotate(45deg);}
.review .body p {display: -webkit-box;max-height: 80px;margin: 0;color: #262626;line-height: 20px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;}
.review .author {line-height: 20px;color: #999;}
.review .author span {margin-right: 8px;color: var(--mcol);font-size: 14px;font-weight: 600;font-family: Montserrat, sans-serif;}

.path {padding: 12px; background-color: #fdfdfd;}
.path .cnt > span {display: table; width: auto; margin: auto;}
.path .cnt > span > span {display: inline-block; position: relative; float: left; margin-right: 16px; padding-right: 48px;}
.path .cnt > span > span::after {content: "";position: absolute;z-index: 1;top: 10px;right: 0;width: 32px;height: 1px;background-color: var(--mcol);}
.path .cnt > span > span:last-child::after {display: none;}
.path .cnt > span > span:last-child {margin-right: 0; padding-right: 0;}
.path span span > a {color: #606060;}
.path span span > a:hover {color: var(--mcol);}

.name-and-catalog {padding: 30px 0;}
.name-and-catalog .c-name {display: table;width: 100%;}
.name-and-catalog h1 {display: inline-block;float: left;margin: 0;font-size: 27px;font-weight: 600;font-family: Montserrat, sans-serif;}
.name-and-catalog .num {float: right;margin-left: 17px;line-height: 34px;color: #7a7a7a;}
.name-and-catalog .num b {margin-left: 4px;font-weight: 600;}

.c-catalog tr {display: block;float: left;margin: 12px 12px 0 0;}
.c-catalog table.catalog {display: block;margin-top: 8px;border-spacing: 0;}
.c-catalog table.catalog td {padding-bottom: 0;}
.c-catalog table.catalog td > a, .c-catalog table.catalog td > div {display: none;}
.c-catalog table.catalog h3 {margin: 0;font-weight: 400;}
.c-catalog table.catalog h3 > a {display: block;padding: 7px 18px;color: #36363f;font-size: 14px;font-family: Montserrat, sans-serif;letter-spacing: -0.02em;border-radius: 3px;background-color: #f7f7f7;}
.c-catalog table.catalog h3 > a:hover {color: white;background-color: #2a2a2a;}

.catalog-page .middle {margin: 0;padding-bottom: 120px;}

.p-input-block {display: table;width: 100%;}
.p-input-block > div {position: relative;float: left;width: 48%;}
.p-input-block > div.max {float: right;}
.p-input-block > div input {width: 100%;padding-left: 32px;color: #757575;border: 1px solid #eee;}
.p-input-block > div input::placeholder {color: #757575;}
.p-input-block > div input:focus {border-color: var(--mcol);}
.p-input-block > div label {position: absolute;z-index: 2;left: 12px;line-height: 44px;color: #757575;}
#price-filter button {width: 100%;margin-top: 9px;line-height: 34px;color: #2a2a2a;font-size: 11px;background-color: #f7f7f7;}
#price-filter button:hover {color: white;background-color: #2a2a2a;}

.sidebar .flist {display: block;}
.flist-item {margin-top: 32px;}
.sidebar .flist select {width: 100%;background-color: #f7f7f7;}
#flist-item-price {position: absolute;opacity: 0;visibility: hidden;}

.cat-descr {margin-bottom: 30px;padding: 18px 28px;border-radius: 8px;background-color: #fdfaf3;}
.cat-descr img {float: left;max-width: 120px;margin: 6px 18px 18px 0;mix-blend-mode: darken;}
.cat-descr h2 {margin: 0;font-size: 14px;font-weight: 600;letter-spacing: -0.2px;font-family: Montserrat, sans-serif;}
.cat-descr p {margin: 12px 0 0;color: gray;line-height: 19px;font-size: 12px;letter-spacing: 0.3px;}

.name h1 {display: table;margin: 0;color: black;line-height: 29px;font-size: 22px;font-weight: 600;font-family: Montserrat, sans-serif;}
.name h3 {margin: 6px 0 0; font-weight: normal; color: #7a7a7a; font-size: 14px;}
.item-box {position: relative; z-index: 2; padding: 34px 0;}
.image-list {width: 50%;float: left;padding-right: 22px;box-sizing: border-box;}
.item-page .column {float: right;width: 50%;padding-left: 22px;box-sizing: border-box;}
.item-page .column .info {display: table;width: 100%;margin-bottom: 14px;}
.item-page .column .info span {display: inline-block; float: left; margin-right: 10px; padding: 0 12px; line-height: 32px; font-size: 11px; font-weight: 600; font-family: Montserrat, sans-serif; letter-spacing: -0.02em; color: #36363f; border-radius: 3px; background-color: #f6f6f6;}
.item-page .column .info span.stock.no {background-color: #fae7ec;}
.item-page .column .info span.sale {background-color: rgba(255, 165, 0, 0.2);}
.item-page .price-box {margin: 26px 0;}
.item-page .price-box > span {color: var(--mcol);font-size: 26px;font-weight: 600;font-family: Montserrat, sans-serif;}
.item-page .price-box s, .quick-call .item .q-price s {position: relative;margin-left: 8px;color: gray;font-size: 18px;font-weight: 400;font-family: Montserrat, sans-serif;text-decoration: none;}
.item-page .price-box s::after, .quick-call .item .q-price s::after {content: "";position: absolute;top: 47%;left: -2%;width: 104%;height: 2px;border-radius: 2px;background-color: #9e9e9e;}
.item-page .options {display: table;width: 100%;margin-top: 26px;}
.item-page .options li {display: inline-block; float: left; margin-right: 22px;}
.item-page .options li:last-child {margin-right: 0;}
.item-page .options span.opt {color: black; font-weight: 600; font-size: 15px;}
.shop-options .val {display: table; width: 100%; margin-top: 8px;}
.item-page .options label {position: relative;float: left;min-width: 45px;margin-right: 6px;padding: 12px 15px;box-sizing: border-box;color: #36363f;text-align: center;font-family: Montserrat, sans-serif;}
.item-page .options input {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.item-page .options input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;border: 2px solid #f0f0f0;border-radius: 2px;appearance: none;outline: 0;transition: all 0.2s ease 0s;cursor: pointer;}
.item-page .options input[type="radio"]:hover {border-color: #e7e7e7;}
.item-page .options input[type="radio"]:checked {border-color: var(--mcol);}
.item-page .options .g-color {margin-right: 8px; min-width: auto; width: 30px; height: 30px; text-indent: -9999px; border: none;}
.item-page .options .g-color input[type="radio"] {margin: 8px 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid white;}
.item-page .options .g-color input[type="radio"]:checked {border-color: var(--mcol);}
.item-page .column .button {display: table;width: 100%;margin: 26px 0;padding: 18px 15px;box-sizing: border-box;background-color: #f6f6f6;}
.item-page .column .button > div {display: inline-block;position: relative;float: left;margin-right: 10px;}
.item-page .column .button > div:last-child {margin-right: 0;}
.item-page .column .button .wish .wish {width: 55px;height: 55px;line-height: 55px;color: #202020;font-size: 17px;text-align: center;font-weight: 400;font-family: "FontAwesome";background-color: #f0f0f0;cursor: pointer;}
.item-page .column .button .wish .wish.wadd::after {content: "\f08a";transition: all 0.2s ease 0s;}
.item-page .column .button .wish .wish.wait::after, .list-item .wait:before {content: "\f21e"; font-weight: 900;}
.item-page .column .button .wish .wish:hover, .list-item .wish:hover {color: #f8006a;background-color: #e7e7e7;}
.item-page .column .button .wish .wish.wdel:after, .list-item .wdel:before {content: "\f004";color: #f8006a;font-weight: 900;}

.item-page .column .button .wish.big .wish {width: 315px;font-family: Montserrat, sans-serif;}
.item-page .column .button .wish.big .wish:hover {color: #202020;}
.item-page .column .button .wish.big .wish.wadd::after {content: "Добавить в список желаний";}
.item-page .column .button .wish.big .wish.wait::after {content: "Подождите...";font-weight: 400;}
.item-page .column .button .wish.big .wish.wdel:after {content: "В списке желаний";color: #202020;font-weight: 400;}

.item-page .column .button .compare-widget-wrapper a {display: none;}
.item-page .column .button .compare-widget {width: 55px; height: 55px; line-height: 55px; color: #202020; font-size: 17px; text-align: center; font-family: FontAwesome; background-color: #f0f0f0; cursor: pointer; transition: all 0.2s ease 0s;}
.item-page .column .button .compare-widget-add::after {content: "";}
.item-page .column .button .compare-widget-wait::after {content: "\f1ce";}
.item-page .column .button .compare-widget:hover {background-color: #e7e7e7;}
.item-page .column .button .compare-widget-remove::after {content: "\f00c";color: var(--mcol);}
.basket-button .basket, .basket-button a {display: block;position: relative;z-index: 2;width: 190px;height: 55px;line-height: 55px;color: white;font-size: 13px;font-weight: 600;letter-spacing: 1.2px;text-align: center;text-transform: uppercase;font-family: Montserrat, sans-serif;background-color: var(--mcol);cursor: pointer;transition: all 0.2s ease 0s;}
.basket-button .basket:hover {color: black; background-color: #e7e7e7;}
.basket-button .basket::before {content: "В корзину";}
.basket-button .basket.done {display: none;}
.basket-button .basket.done + a {position: relative;opacity: 1;visibility: visible;background-position: center;}
.basket-button a {position: absolute;opacity: 0;visibility: hidden;background-image: url('/.s/img/sh/basket_done.svg');background-position: center -30px;background-size: 32px;background-repeat: no-repeat;}
#quick-order {padding: 0 26px;box-sizing: border-box;height: 55px;line-height: 55px;color: var(--mcol);font-weight: 600;font-family: Montserrat, sans-serif;letter-spacing: 1px;text-transform: uppercase;border: 2px solid var(--mcol);cursor: pointer;transition: all 0.2s ease 0s;}
#quick-order:hover {color: white;border: 2px solid #2a2a2a;background-color: #2a2a2a;}
.item-page .column .brief {padding-left: 15px; box-sizing: border-box; line-height: 23px; color: #858585;}
.item-page .column .brief::before {content: ""; display: inline-block; position: relative; top: -4px; width: 13px; height: 1px; margin-right: 7px; background-color: #282828;}
.item-page .column .more {margin-top: 26px;box-sizing: border-box;}
.item-page .column .more li {margin-bottom: 8px;font-size: 13px;color: #7a7a7a;}
.item-page .column .more li:last-child {margin-bottom: 0;}
.item-page .column .more li b {padding-left: 5px;color: black;font-weight: 600;font-family: Montserrat, sans-serif;}
.image-list .main {display: table;float: right;width: 76.9230769%;background-color: #f6f6f6;}
.g-vertical {display: table-cell;width: inherit;height: 570px;padding: 0 32px;box-sizing: border-box;vertical-align: middle;background-color: #f6f6f6;}
.img-item {display: table;margin: auto;background-color: #f6f6f6;}
.image-list .main img {display: table;max-height: 450px;margin: auto;mix-blend-mode: darken;}
.image-list .main .owl-stage img {display: table!important;}
.image-list .sub {float: left;width: 14.017094%;}
.image-list .sub .gphoto {display: table;width: 100%;margin-bottom: 13px;padding: 8px;box-sizing: border-box;border: 2px solid #f6f6f6;mix-blend-mode: darken;transition: all 0.2s ease 0s;}
.image-list .sub .gphoto:hover {border-color: #e1e1e1;}
.image-list .sub .gphoto.active {border-color: var(--mcol);}
.description {position: relative;padding: 80px 0;}
.description:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.03;background-color: var(--mcol);}
.description .cnt {position: relative;z-index: 2;}
.description h2 {margin-top: 0;}
.description p {font-size: 15px; line-height: 26px;}
.product-smile-text {margin-top: 20px;}
.product-smile-text p {margin: 0;line-height: 21px;color: rgb(0 0 0 / 30%);font-size: 12px;}

.items-wrap .list {display: table; width: 100%;}

#tabs .title-tabs {display: table;}
#tabs .title-tabs span {display: inline-block;float: left;padding: 0 30px;line-height: 55px;font-size: 16px;color: #2a2a2a;font-family: Montserrat, sans-serif;border-right: 1px solid #e8e8e8;background-color: #eee;cursor: pointer;transition: all 0.2s ease 0s;}
#tabs .title-tabs span:last-child {border-right: 0;}
#tabs .title-tabs span:hover {background-color: #eee;}
#tabs .title-tabs span.TabsSpanActive {color: white;background-color: var(--mcol);}
#tabs .content-tabs {padding: 38px 40px;box-sizing: border-box;background-color: white;}
#tabs .content-tabs > div {display: none;}
#tabs .content-tabs > div.active {display: block!important;animation: tabs-active 0.9s ease 1 forwards;}
@keyframes tabs-active {from {opacity: 0.6;} to {opacity: 1;}}
#tabs .content-tabs > div:after {content: '';display: block;clear: both;}
#tabs .content-tabs img {display: table;}

#tabs .images img {display: table;float: left;width: 18.8990826%;margin-right: 1.37614679%;padding: 15px;box-sizing: border-box;border: 1px solid #f0f0f0;border-radius: 6px;transition: all 0.2s ease 0s;}
#tabs .images img:nth-child(5n) {margin-right: 0;}
#tabs .images img:hover {border-color: var(--mcol);}

#tabs .comm {width: 70%;}
#tabs .comm .comm-no {font-size: 14px;color: #858585;}
.comm-title {margin: 28px 0;display: block;font-size: 17px;font-weight: 600;color: black;font-family: Montserrat, sans-serif;}
#tabs .comm button {line-height: 48px;border-radius: 48px;}

.lastv {padding: 60px 0 30px 0;background-color: #f7f7f7;}
.lastv .list-item {position: relative;border-radius: 8px;background-color: white;}
.lastv .list-item:nth-child(4n) {margin-right: 0;}
.lastv .list-item .image {float: left;width: 100px;height: 100px;background-color: transparent;}
.lastv .list-item .image > a {padding: 14px;height: 100%;}
.lastv .list-item img {max-height: 100%;}
.lastv .list-item .image .label, .lastv .i-button {display: none;}
.lastv .list-item .i-content {display: table;padding: 18px 12px 18px 0;}
.lastv .list-item .num {display: table-footer-group;margin: 0;}
.lastv .list-item .num .price {font-size: 14px;}
.lastv .list-item .name {margin-bottom: 6px;}
.lastv .list-item .name a:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}

.quick-call {display: table;position: fixed;z-index: 999;top: calc(50% - 220px);left: calc(50% - 360px);width: 720px;height: 400px;border-radius: 5px;background-color: #ffffff;opacity: 0;transform: scale(0.85);visibility: hidden;transition: all 0.2s ease 0s;}
.quick-call.phone-call {width: 400px;left: calc(50% - 200px);}
body.quick-order-open.phone .quick-call.phone-call, body.quick-order-open.order .quick-call.order-fast {opacity: 1;visibility: visible;transform: scale(1);}
body.quick-order-open {overflow: hidden;}
body.quick-order-open #bg {display: block!important;}
body.quick-order-open .back_to_top {display: none;}
.quick-call .item {display: table;position: absolute;width: 40%;height: 100%;padding: 45px 28px;box-sizing: border-box;background-color: #f6f6f6;}
.quick-call .item .info {margin-top: 30px;}
.quick-call .item img {display: table;height: 200px;margin: auto;mix-blend-mode: darken;}
.quick-call .item .name {margin-top: 10px;font-family: Montserrat, sans-serif;}
.quick-call .item .q-price {font-size: 18px;font-weight: 600;font-family: Montserrat, sans-serif;}
.quick-call .item .q-price s {font-size: 14px;}
.quick-call .contacts {float: left;width: 60%;margin-left: 40%;padding: 86px 60px;box-sizing: border-box;}
.quick-call.phone-call .contacts {float: none;width: 100%;margin-left: 0;padding: 78px 40px;}
.quick-call .contacts .text {color: black;font-size: 22px;font-weight: 600;font-family: Montserrat, sans-serif;}
.quick-call .contacts p {margin: 18px 0 42px;padding-left: 12px;box-sizing: border-box;line-height: 22px;color: gray;font-size: 14px;letter-spacing: 0.2px;}
.quick-call input[type="submit"] {margin-top: 14px;}
.quick-call input[type="tel"] {width: 100%;height: 55px;font-size: 15px;letter-spacing: 0.4px;border: 1px solid #b6b6b6;}
.quick-call input[type="submit"] {margin-top: 14px;}
.quick-call .la-times {position: absolute;z-index: 1;top: 0;right: 0;width: 48px;height: 48px;line-height: 48px;color: black;font-size: 16px;text-align: center;background-color: #eee;cursor: pointer;transition: all 0.2s ease 0s;}
.quick-call .la-times:hover {color: white;background-color: #2a2a2a;}
.shop-checkout {position: relative;}
.shop-checkout:after {content: "";position: absolute;z-index: 1;top: 0;right: calc(-0% + -220px);width: 50%;height: 100%;background-color: #f6f6f6;}

#cont-shop-checkout {display: table;width: 100%;height: 100%;}

.checkout-container {float: left;width: 66.3247863%;padding: 40px 0 62px 0;} 
.checkout-body table {border-spacing: 0;border-collapse: collapse;}
.checkout-body table tbody > tr:last-child, .order-item-nom, .order-head-price, .order-item-price {display: none!important;}
.checkout-body #order-table .order-head {background-color: #f6f6f6;;}
.checkout-body #order-table .order-head th {padding: 0 26px;line-height: 55px;color: #808d9a;font-size: 15px;font-weight: 400;}
.checkout-body #order-table .order-item td {padding: 12px 24px;font-size: 15px;letter-spacing: 0.2px;border: 1px solid #f6f6f6;}
#order-table td.order-item-img img {width: 66px;max-width: 66px;}
.order-item-name a:hover {color: var(--mcol)!important;}
.checkout-body #order-table .order-item td.order-item-sum {color: black;font-family: Montserrat, sans-serif;}
.order-head-del {opacity: 0;}
.checkout-body #order-table .order-item td.order-item-del {padding: 0;}
.order-item-del input {position: absolute;opacity: 0;}
.order-item-del i {font-size: 19px;color: #808d9a;padding: 28px;cursor: pointer;transition: all 0.2s ease 0s;}
.order-item-del i:hover {color: red;}
.order-item-cnt > * {float: left;height: 38px;text-align: center;}
.order-item-cnt input {height: 38px;width: 100px;padding: 0 38px;color: #808d9a;text-align: center;border-radius: 3px;border: 1px solid #eee;}
.order-item-cnt input:focus {color: black;border-color: var(--mcol);}
.order-item-cnt span {display: block;position: relative;z-index: 2;width: 38px;line-height: 38px;color: #808d9a;overflow: hidden;cursor: pointer;}
.order-item-cnt span:hover {color: var(--mcol);}
.order-item-cnt span:after {content: "\f107";display: inline-block;font-size: 11px;font-weight: 900;font-family: 'Line Awesome Free';}
.order-item-cnt span.minus {margin-right: -38px;}
.order-item-cnt span.plus {margin-left: -38px;}
.order-item-cnt span.plus:after {transform: rotate(-180deg);}

#order-total-line, .order-section .num .right {margin-top: 20px;line-height: 44px;color: #7a7a7a;font-size: 13px;text-align: right;letter-spacing: 0.4px;font-family: Montserrat, sans-serif;}
#order-total-line input, .order-section .num input {float: left;margin-right: 10px;padding: 0 18px;line-height: 44px;color: #808d9a;font-size: 11px;background-color: #f6f6f6;}
#order-total-line input:hover, .order-section .num input:hover {color: white;background-color: #2a2a2a;}

.dilivery-metod, .order-fields, .payment-metod {margin-top: 60px;}

.methods-list input {position: absolute;right: 10px;bottom: 10px;opacity: 0.6;}

.methods-list {width: 100%;border-spacing: 0;}
.methods-list tr {display: block;position: relative;float: left;width: 49%;height: 92px;margin-bottom: 18px;padding: 24px 22px;box-sizing: border-box;color: gray;}
.methods-list tr:nth-child(2n) {margin-left: 2%;}
.methods-list tr:nth-child(2n+1) {clear: both;}
.methods-list th {display: block;position: absolute;top: 0;left: 0;width: 100%!important;height: 100%;}
.methods-list th div {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 0;border: 2px solid #f6f6f6;box-sizing: border-box;border-radius: 3px;cursor: pointer;}
.methods-list th input:checked + div {border-color: var(--mcol);border-radius: 0;}
.checkout-container .methods-list label {margin-bottom: 4px;color: black;font-size: 15px;font-weight: 400;}
.checkout-container .methods-list label:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}
.checkout-container .methods-list .label + div {padding-bottom: 0;}
.checkout-container .methods-list .label + div:first-letter {text-transform: lowercase;}

.order-fields {display: table;width: 70%;}
.order-fields .title {margin-bottom: 28px;}
.order-fields form div {float: left;width: 49%;margin-bottom: 17px;}
.order-fields form div:nth-child(2n) {margin-left: 2%;padding-bottom: 0;}
.order-fields form div:nth-child(2n+1) {clear: both;}
.order-fields form div.hidden {position: absolute;opacity: 0;visibility: hidden;}
.order-fields .methods-list .label {margin: 0 0 -27px 14px;color: #aeaeae;font-size: 14px;font-weight: 400;}
.order-fields input {position: static;width: 100%!important;height: 62px;padding: 17px 14px 0;color: #535260;font-size: 15px;border: 1px solid #eee;border-radius: 4px;background-color: transparent;opacity: 1;}
.order-fields input:focus {border-color: #d9d9d9;}

.order-details {position: absolute;top: 0;right: 0;z-index: 5;width: 28.5470085%;height: 100%;padding: 40px 0 80px 0;box-sizing: border-box;}
.order-details .sticky {position: sticky;top: 22px;box-sizing: border-box;}
.order-details .sub-title {line-height: 23px;color: black;font-size: 16px;font-weight: 600;font-family: Montserrat, sans-serif;}
.order-details ul {display: table;width: 100%;padding: 30px 22px;box-sizing: border-box;background-color: white;}
.order-details li {position: relative;margin-bottom: 14px;}
.order-details li:last-child {margin-bottom: 0;}
.order-details li:after {content: '';position: absolute;z-index: 1;left: 0;bottom: 4px;width: 100%;border-bottom: 1px dashed#e1e1e1;}
.order-details li > span {display: inline-block;position: relative;z-index: 2;letter-spacing: 0.2px;background-color: white;}
.order-details ul span.par {padding-right: 8px;color: #808d9a;font-size: 14px;}
.order-details ul span.val {float: right;padding-left: 8px;color: #333333;font-size: 16px;font-family: Montserrat, sans-serif;}
.order-details ul span.val .order_discount {color: #f8ea00;}
.to-pay {width: 100%;}
.to-pay .summ {padding: 19px 22px;line-height: 27px;font-size: 16px;color: black;background-color: #eee;}
.to-pay .summ span {float: right;color: black;font-size: 22px;font-weight: 600;font-family: Montserrat, sans-serif;}
.to-pay #order-button {margin: 0;width: 100%;line-height: 65px;font-size: 14px;font-weight: 600;letter-spacing: 3px;border-radius: 0;background-color: var(--mcol);}
.to-pay #order-button:hover {color: white;opacity: 0.85;}
.order-politik {display: inline-block;margin-top: 20px; line-height: 17px; font-size: 11px; color: #808d9a;}

.order-details .promocode {display: table;width: 100%;margin-top: 30px;}
.order-details .promocode .sub-title {margin-bottom: 12px;}
.order-details .promocode input {float: left;height: 44px;line-height: 44px;padding: 0 18px;}
.order-details .promocode input[type="text"] {width: calc(100% - 120px);letter-spacing: 0.4px;text-transform: uppercase;}
.order-details .promocode input[type="text"]::placeholder {text-transform: initial;}
.order-details .promocode input[type="button"] {width: 120px;color: black;background-color: #eee;}
.order-details .promocode input[type="button"]:hover {color: white;background-color: #2a2a2a;}

.subscribe-block {padding: 48px 0;background-color: var(--mcol);overflow: hidden;}
.subscribe-block .cnt {position: relative;}
.subscribe-block .cnt::before {position: absolute;z-index: 1;left: 0;font-size: 154px;color: rgb(255 255 255 / 20%);content: "";font-family: FontAwesome;}
.subscribe-block .cnt > div {position: relative;z-index: 2;}
.subscribe-block .e-title {float: left; line-height: 1; font-size: 36px; margin: 0 0 10px; color: white; font-weight: 300; letter-spacing: -0.6px; font-family: Montserrat, sans-serif;}
.subscribe-content {float: left;width: 350px;margin-left: 30px;line-height: 24px;color: #f7f7f7;font-size: 14px;padding: 16px 0 16px 20px;border-left: 1px solid rgba(255, 255, 255, 0.25);}
.subscribe-content strong {color: white;}
.form-email {float: right;margin: 16px 0 16px 30px;}
.form-email input {float: left;padding: 0 18px;height: 50px;border-radius: 5px;border: none;background-color: white;}
.form-email input[type="text"] {width: 230px;margin-right: 10px;padding: 0 14px;border-radius: 5px;}
.form-email input[type="submit"] {font-family: Montserrat, sans-serif;text-transform: uppercase;background-color: #2a2a2a;}
.form-email input[type="submit"]:hover {color: black;background-color: #e7e7e7;}

/* invoices */
.control {margin: 60px 0;}

.income {display: inline-block;margin: 18px 0;line-height: 56px;}
.income > span {display: inline-block;float: left;margin-right: 42px;line-height: 62px;font-size: 13px;font-family: Montserrat, sans-serif;}
.income i {display: block;float: left;margin-right: 14px;width: 62px;height: 62px;line-height: 62px;color: black;font-size: 31px;text-align: center;border-radius: 5px;background-color: #f0f0f0;}
.income i.la-arrow-right {color: #003460;background-color: #e5ecf2;}
.income i.la-arrow-right:before {transform: rotate(-45deg);}
.income i.la-sync {color: #f8b21c;background-color: #ffe9ba;}
.income i.la-coins {color: #0a9f00;background-color: #d9f8d7;}
.income > span span {margin-left: 6px;color: black;font-size: 16px;font-weight: 600;}
.income p {margin: 0;color: #b3bfcb;font-size: 11px;letter-spacing: 0.5px;}

.sorting-numbers, .order-search {display: table;width: 100%;margin: 22px 0;}
.sorting-numbers .data {float: left;}
.sorting-numbers .data i {position: relative;top: 7px;margin-top: -7px;width: 44px;height: 44px;line-height: 44px;color: #323232;font-size: 32px;text-align: center;background-color: #eee;}
.sorting-numbers input[type="button"] {position: relative;top: -1px;}
.sorting-numbers input[type="text"] {color: #464646;font-size: 12px;font-family: Montserrat, sans-serif;}
.sorting-numbers .num {float: right;}

.order-search .left span {display: inline-block;float: left;margin-right: -61px;line-height: 41px;font-size: 14px;}
.order-search .left input[type="text"] {width: 182px;padding-left: 67px;font-size: 14px;border: none;border-bottom: 2px solid #eee;border-radius: 0;background-color: transparent;}
.order-search .left input[type="text"]:focus {box-shadow: none;border-color: var(--mcol);}
.order-search .right select {margin-left: 18px;}

.control #invoice_cont {margin-top: 60px;}
.control #invoice_cont hr {display: none;}
.control #invoice_cont #invoice-form {padding: 14px 23px;color: #808d9a;border-bottom: 1px solid #e7e7e7;background-color: #f6f6f6;}
.control #invoice-form-send-el-goods {float: right;color: black;background-color: #eee;}
.control #invoice-form-export, .control #invoice-form-print {float: right;margin-left: 8px;width: 44px;text-indent: -9999px;background-color: #eee;background-image: url(/img/template/xml.png);background-position: center;background-size: 24px;background-repeat: no-repeat;}
.control #invoice-form-export {background-image: url(/img/template/xml.png);}
.control #invoice-form-print {background-image: url(/img/template/print.png);}

.control #invoice-table {border-spacing: 0;border-collapse: collapse;}
.control #invoice-table tr:first-child td {padding: 0;line-height: 64px;color: #808d9a;font-size: 14px;font-family: Montserrat, sans-serif;border-color: #f6f6f6;background-color: #f6f6f6;}
.control #invoice-table td {padding: 12px 18px;border: 1px solid #eee;}
.control #invoice-table .inv_status_0 td {border-color: #ececec;background-color: rgb(248 234 0 / 4%);}
.control #invoice-table .inv_status_9 td {border-color: #ececec;background-color: rgb(255 0 0 / 4%);}
.control #invoice-table .inv_status_9 .col_inv_id, .control #invoice-table .inv_status_9 .col_status {text-decoration: line-through;}
.control #invoice-table .col_inv_id > a {font-size: 12px;font-weight: 600;font-family: Montserrat, sans-serif;}
.control #invoice-table .col_inv_id > a:before {content: '#';}
.control #invoice-table .col_inv_id small a {color: gray;}
.control #invoice-table .col_status a {display: block;}
.control #invoice-table .col_status a:hover {color: var(--mcol);}
.control #invoice-table .col_payment_id small {font-size: 13px;}
.control #invoice-table .col_amount {font-family: Montserrat, sans-serif;}
/* invoices end */

/* order checked */
.orderProcessed .shop-checkout:after {display: none;}
.processed {width: 100%;height: 100%;margin: 50px 0 80px 0;text-align: center;}
.checked-icon {position: relative;width: 100%;height: 200px;padding-bottom: 100px;}
.checked-icon svg {position: absolute;z-index: 2;left: calc(50% - 100px);width: 200px;fill: none;stroke: var(--mcol);stroke-width: 20;stroke-miterlimit: 10;stroke-dasharray: 0, 154;opacity: 0;animation: checked 0.5s cubic-bezier(0.4, 0, 1, 1) 1 forwards;animation-delay: 1.6s;}
.checked-icon i {position: absolute;z-index: 1;left: calc(50% - 90px);font-size: 180px;color: var(--mcol);opacity: 0;animation: bag 0.6s ease 1 forwards;}
.checked-icon .title {position: absolute;bottom: 0;width: 100%;margin-bottom: 0;font-size: 35px;text-align: center;opacity: 0;animation: text-up 0.8s ease 1 forwards;animation-delay: 1.8s;}
.checked-icon .title span {display: block;margin-top: 8px;line-height: 22px;font-size: 16px;color: #434343;}
.processed p {margin: 36px 0 0;font-size: 13px;color: gray;opacity: 0;animation: text-opacity 0.8s ease 1 forwards;animation-delay: 2.4s;}
.processed .buttons {margin-top: 36px;opacity: 0;animation: text-opacity 0.6s ease 1 forwards;animation-delay: 3s;}
.processed .buttons > * {display: inline-block;line-height: 44px;margin: 0 9px;padding: 0 21px;color: black;font-size: 12px;font-family: Montserrat, sans-serif;text-transform: uppercase;letter-spacing: 0.5px;border: none;border-radius: 5px;background-color: #eee;cursor: pointer;transition: all 0.3s ease;}
.processed .buttons > *:hover {color: white;background-color:var(--mcol);}
.processed .icons i {position: absolute;z-index: 1;color: var(--mcol);opacity: 0;}
.processed .icons .la-shipping-fast {top: 70px;right: 340px;font-size: 84px;animation: up1 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-clipboard-check {top: 98px;left: 340px;font-size: 58px;animation: up2 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-credit-card {top: 239px;left: 303px;font-size: 77px;;transform: rotate(-10deg);}
.processed .icons .la-thumbs-up {top: 225px;right: 330px;font-size: 64px;animation: up4 1s ease 1 forwards;animation-delay: 0.5s;}
.processed .icons .la-credit-card {top: 240px;left: 385px;font-size: 77px;animation: up3 1s ease 1 forwards;animation-delay: 0.5s;}
@keyframes checked {from {stroke-dasharray: 0, 154;} to {stroke-dasharray: 140, 154;opacity: 1;}}
@keyframes bag {0% {transform: scale(0.6);} 50% {transform: scale(1.2);} 100% {transform: scale(1);opacity: 0.4;}}
@keyframes text-up {0% {transform: scale(0.6);} 50% {transform: scale(1.2);} 100% {transform: scale(1);opacity: 1;}}
@keyframes text-opacity {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes up1 {from {transform: scale(0.4) rotate(180deg);} to {right: 260px;transform: scale(1) rotate(18deg);opacity: 0.1;}}
@keyframes up2 {from {transform: scale(0.4) rotate(180deg);} to {left: 260px;transform: scale(1) rotate(7deg);opacity: 0.1;}}
@keyframes up3 {from {transform: scale(0.4) rotate(-120deg);} to {left: 305px;transform: scale(1) rotate(-10deg);opacity: 0.1;}}
@keyframes up4 {from {transform: scale(0.4) rotate(-60deg);} to {right: 305px;transform: scale(1) rotate(28deg);opacity: 0.1;}}

.order-section {position: relative;}
.order-section:after {content: "";position: absolute;z-index: 1;top: 0;right: calc(50% - -285px);width: 50%;height: 100%;background-color: #f6f6f6;}
.order-section .cnt {position: relative;z-index: 2;}
.order-section .order-items {float: right;width: 870px;padding: 60px 0 60px 38px;box-sizing: border-box;}
.order-section .title {line-height: 27px;font-size: 22px;text-transform: none;}
.order-section .title span {margin-left: 6px;color: var(--mcol);font-size: 14px;font-weight: 400;}
.order-short {display: flex;padding: 8px 40px 30px;align-items: center;border-bottom: 1px solid #e0e0e0;}
.order-short .date {margin-bottom: 10px;color: #7a7a7a;font-size: 16px;font-family: Montserrat, sans-serif;}
.order-short .status {display: table;padding: 0 14px;line-height: 32px;font-size: 11px;font-weight: 600;font-family: Montserrat, sans-serif;letter-spacing: -0.02em;color: #36363f;border-radius: 3px;background-color: #f6f6f6;}
.order-short .text {margin-left: 34px;font-size: 14px;color: var(--mcol);}
.order-short .total {margin-left: auto;font-size: 18px;font-weight: 600;font-family: Montserrat, sans-serif;}
.state {margin-bottom: 60px;}
.order-section .name {margin-bottom: 24px;color: black;font-size: 19px;}
.state li {display: table;width: 100%;margin-bottom: 17px;}
.state li:last-child {margin-bottom: 0;}
.state span {display: inline-block;float: left;font-size: 14px;color: black;}
.state .par {width: 100%;max-width: 220px;color: #7a7a7a;margin-right: 12px;}
.state .sum {color: var(--mcol);font-size: 16px;font-weight: 600;font-family: Montserrat, sans-serif;}
.order-section #order-table table {display: block;position: relative;z-index: 2;width: 100%;border-spacing: 0;}
.order-section #order-table tbody {display: block;padding: 0 40px;}
.order-section #order-table tr {display: table;width: 100%;padding: 13px 0;box-sizing: border-box;border-bottom: 1px dashed #e0e0e0;}
.order-section #order-table tr:last-child {border-bottom: 1px solid #e0e0e0;}
.order-section #order-table .order-item td {width: 100%;text-align: left;border-bottom: none;}
.order-section .order-item-img {display: table!important;width: max-content!important;margin-right: 36px;padding: 5px;border-radius: 4px;background-color: #f8f8f8;}
.order-section #order-table td.order-item-img img {display: block;mix-blend-mode: darken;width: 62px;max-width: 62px;}
.order-section .order-item-name a {font-size: 15px;color: black;}
.order-section .order-item-cnt {position: absolute;color: #7a7a7a;}
.order-section .order-item-cnt:after {content: ' шт.';}
.order-section .order-item-sum {color: black;font-size: 16px;font-weight: 600;font-family: Montserrat, sans-serif;}
.order-section thead, .order-section #order-table tbody:nth-child(3), .order-section #order-table .order-item td.order-item-price-in {display: none;}
.order-section .num {margin: 22px 0 60px 0;}
.order-section .num .right {margin-top: 0;}

.order-content {float: left;width: 300px;padding-right: 30px;box-sizing: border-box;}
.order-content .user-menu {margin-top: 60px;}
.user-menu ul {margin-bottom: 30px;padding: 10px 12px;box-sizing: border-box;border-radius: 6px;border: 1px solid #eee;background-color: white;overflow: hidden;}
.user-menu a {display: block;margin: 3px 0;padding: 16px 10px;color: black;font-size: 14px;letter-spacing: 0.1px;border-radius: 8px;}
.user-menu li {border-bottom: 1px solid #eee;} 
.user-menu li:last-child {border-bottom: none;} 
.user-menu a:hover {color: var(--mcol);background-color: #f6f6f6;}

#shop-page-more > button {margin-bottom: 8px;line-height: 48px;width: 100%;color: #333;letter-spacing: 2px;background-color: #eee;}
#shop-page-more > button:hover {color: white;background-color: var(--mcol);}
.plist > * {display: inline-block;float: left;margin-right: 12px;width: 40px;height: 40px;line-height: 38px;text-align: center;font-weight: 600;font-family: Montserrat, sans-serif;border: 2px solid #eee;border-radius: 2px;}
.plist > a:hover {color: white;border-color: #2a2a2a;background-color: #2a2a2a;}
.pgSwchA {color: white;border-color: var(--mcol);background-color: var(--mcol);}
.pprev > a, .pnext > a {display: inline-block;margin: 0 12px;line-height: 44px;color: var(--mcol);font-size: 14px;}
.pprev > a:hover, .pnext > a:hover {transform: translateX(6px);}

body > .contacts {background-color: #eee;}
.contacts .cnt {position: relative;}
.contacts h1 {margin: 0 0 26px 0;}
.contacts .box {float: right;width: 43%;padding: 50px 30px 80px 30px;box-sizing: border-box;background-color: white;}
.contacts .form h2 {margin: 0 0 22px;font-size: 15px;font-weight: 600;font-family: Montserrat, sans-serif;}
.contacts .form-name {float: left;width: 49%;margin-bottom: 18px;}
.contacts .form div:nth-child(2n) {margin-left: 2%;}
.contacts .form div:nth-child(5) {width: 100%;}
.contacts .form .label {display: block;margin: 0 0 -27px 14px;color: #aeaeae;font-size: 14px;}
.contacts .form input[type="text"] {width: 100%;height: 64px;padding: 22px 12px 6px 14px;font-size: 16px;text-align: left;background-color: transparent;}
.contacts .form textarea {width: 100%;height: 150px;font-size: 16px;color: black;}
.contacts .recaptcha-wrapper {width: 100%!important;margin-top: 18px;}
.contacts .form input[type="submit"] {width: 100%;height: 55px;margin-top: 18px;font-size: 13px;border-radius: 0;}
.contacts .map {position: absolute;width: 57%;height: 100%;left: 0;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

.faq-page {min-height: 300px;padding: 80px 0;}
.faq-top {position: relative;padding-bottom: 80px;text-align: center;}
.faq-top h1 {margin: 0;color: black;font-size: 32px;font-weight: 600;font-family: Montserrat, sans-serif;}
.faq-top > a {display: inline-block;position: relative;z-index: 2;margin-top: 12px;padding: 0 16px;line-height: 42px;color: white;border-radius: 2px;background-color: var(--mcol);}
.faq-top > a i {position: relative;top: 2px;margin-right: 5px;font-size: 17px;}
.faq-top > a:hover {color: black;background-color: #eee;box-shadow: 0 2px 28px rgb(0 0 0 / 0.07);transform: translateY(-4px);}
.faq-top > .las {position: absolute;top: calc(50% - 140px);right: calc(50% - 70px);color: var(--mcol);font-size: 140px;opacity: 0.07;}
.faq-content {width: 100%;max-width: 660px;margin: auto;}
.faq-content .fastLinks {display: none!important;}
.faq-content #allEntries > div {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;cursor: pointer;}
.faq-content #allEntries > div:last-child {border-bottom: 0;}
.faq-content .line {position: relative;padding: 0 42px 14px 0;}
.faq-content .line a {font-size: 17px;}
.faq-content .line a:hover {color: var(--mcol);}
.faq-content .line i {position: absolute;top: 0;right: 0;width: 25px;height: 25px;line-height: 25px;color: #c2c2c2;font-size: 18px;transition: all 0.2s ease;}
.faq-content #allEntries > div:hover .line i {color: black;}
.faq-content #allEntries > div.active .line i {color: var(--mcol);}
.faq-content #allEntries > div.active .line i:before {display: inline-block;transform: rotate(180deg);transition: all 0.2s ease;}
.faq-content .message {height: 0;padding-left: 18px;color: #6a6a6a;line-height: 23px;border-left: 3px solid var(--mcol);overflow: hidden;transition: all 0.4s ease;}
.faq-content #allEntries > div.active .message {height: max-content;margin: 14px 0 28px 0;}
.faq-content .data {color: #aaaaaa;font-size: 12px;}
.faq-content .data b {display: inline-block;margin-right: 10px;font-weight: 400;width: 32px;height: 32px;line-height: 32px;color: var(--mcol);text-align: center;border-radius: 5px;background-color: #f4f4f4;}

footer {padding: 55px 0;color: #9a9a9a;background-color: #202020;}
footer .copy a {color: white;font-weight: 600;border-bottom: 1px solid #434343;}
footer p {display: table;float: left;margin: 0 0 0 40px;}
footer .col4 {width: 22%;}
footer .col4:nth-child(1) {width: 34%;}
footer .site-logo {float: left;min-width: auto;}
footer .site-logo a {color: white; line-height: 30px;}
footer .site-logo a:first-letter {color: var(--mcol);}
footer ul {padding: 10px 20px;border-radius: 4px;background-color: #242424;border: 2px solid transparent;}
footer ul li {border-bottom: 1px solid rgb(46 46 46);}
footer ul li:last-child {border-bottom: none}
footer ul li a {display: block;position: relative;padding: 12px 0;color: #9a9a9a;}
footer ul li a:before {content: "\f105";margin-right: 8px;color: #373737;font-weight: 600;font-family: "Font Awesome 5 Free";transition: all 0.2s ease 0s;}
footer ul li a:hover {color: white;}

.payments {display: table;float: right;}
.payments span {display: block;float: left;margin-right: 10px;width: 38px;height: 38px;border-radius: 3px;background-color: #262626;background-position: center;background-repeat: no-repeat;background-size: contain;}
.payments span:last-child {margin-right: 0;}
.payments span.visa {background-image: url('/img/template/visa.svg');}
.payments span.mastercard {background-image: url('/img/template/mastercard.svg');}
.payments span.mir {background-image: url('/img/template/mir.svg');}
.payments span.apple {background-image: url('/img/template/apple.svg');background-color: black;}
.payments span.google {background-image: url('/img/template/google.svg');}

body > #bg {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}

.section-items .list {display: table; width: 100%; margin-bottom: 60px;}

.mobile-button {margin: 27.5px 0;padding: 0 18px;line-height: 55px;color: black;font-weight: 600;text-transform: uppercase;font-family: Montserrat, sans-serif;border-radius: 4px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);background-color: #f8ea00;cursor: pointer;}
.mobile-button i {position: relative;top: 1px;margin-right: 12px;font-size: 17px;}

.mobile-line-bottom {position: fixed;z-index: 100;bottom: 0;width: 100%;border-top: 1px solid #eee;background-color: white;}
.mobile-line-bottom .b-link {position: relative;float: left;width: 20%;height: 57px;box-sizing: border-box;color: #808d9a;text-align: center;}
.mobile-line-bottom .b-link a {display: block;height: 57px;color: #808d9a;}
.mobile-line-bottom .b-link i {display: block;position: relative;z-index: 2;padding-top: 8px;font-size: 24px;}
.mobile-line-bottom .b-link span {position: relative;z-index: 2;font-size: 10px;}
.mobile-line-bottom .b-link.basket a {color: white;}
.mobile-line-bottom .b-link.basket:after {content: '';position: absolute;top: 4px;left: 0;width: 100%;height: 49px;border-radius: 4px;background-color: var(--mcol);}
.mobile-line-bottom .b-link.basket i span {position: absolute;width: 16px;height: 16px;line-height: 16px;color: black;font-weight: 400;border-radius: 4px;background-color: #f8ea00;}

body.mobile-active-menu .mobile-right-menu {display: block!important;}
body.mobile-active-menu #bg {display: block!important;}
.mobile-right-menu {position: fixed;z-index: 101;top: 0;right: -315px;width: 315px;height: 100%;background-color: white;overflow: hidden;animation: m-menu-active 0.5s ease 1 forwards;}
@keyframes m-menu-active {from {right: -315px;} to {right: 0;}}
.mobile-right-menu .box {position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 58px);overflow: auto;}
.mobile-right-menu .box:hover {z-index: 2;}
.mobile-right-menu .left {padding: 0 17px 22px 17px;color: #767676;}
.mobile-right-menu .left span {display: block;margin-bottom: 12px;line-height: 18px;font-size: 12px;}
.mobile-right-menu .left span:last-child {margin-bottom: 0;}
.mobile-right-menu #phone {display: block;padding: 22px 20px;}
.mobile-right-menu #phone a {color: black;font-weight: 600;font-size: 17px;font-family: Montserrat, sans-serif;}
.mobile-right-menu #phone span {margin-left: 8px;font-size: 12px;color: var(--mcol);text-decoration: underline;}

.mobile-right-menu ul > li {border-bottom: 1px solid #eee;}
.mobile-right-menu ul > li > a {display: block;padding: 14px 20px;color: black;font-size: 15px;}
.mobile-right-menu .menu > div > ul > li > a:before {display: inline-block;content: '\f105';margin-right: 14px;font-size: 17px;font-weight: 900;font-family: 'Line Awesome Free';transform: scale(1.3);}
.mobile-right-menu i {margin-right: 14px;font-size: 17px;}
.mobile-right-menu i.las {transform: scale(1.3);}

.mobile-right-menu .search {position:absolute;left: 0;top: 0;width: 100%;height: 58px;box-shadow: 0 -20px 40px rgb(255 255 255);}
.mobile-right-menu .search input[type="text"] {width: 100%;height: 58px;padding: 0 20px;font-size: 15px;border: none;background-color: #eee;}
.mobile-right-menu .left i, .mobile-right-menu .menu > div > ul > li ul, .mobile-right-menu .search input[type="submit"] {display: none;}

/* mobile */
@media screen and (max-width: 1180px) {
 .cnt {width: 88%;}
 #categs, .user-link > a > span, .c-body {display: none;}
 #categs.open {display: block;box-shadow: 0px 8px 76px rgb(0 0 0 / 20%);}
 .user-link {width: 55px;padding-left: 0;}
 .user-link > a {text-align: center;pointer-events: none;}
 .user-link > a .las {margin-right: 0;}
 .search-top {width: calc(100% - 465px);}
 .banner .text-1 {font-size: 17px;}
 .banner p {margin: 0.5rem 0;font-size: 12px;}
 .user-link ul::after {left: auto;right: 22px;}
 .subscribe-block .box {display: table;margin: auto;}
 .form-email {display: table;float: none;width: 60%;margin: 20px auto 0;}
 .subscribe-block .cnt::before {left: calc(50% - 100px);bottom: -30px;}
 .form-email input[type="text"] {width: calc(100% - 152px);}
 .lastv .list-item .image {width: 80px;height: 88px;}
 .lastv .list-item .i-content {padding: 14px 0;}
 *::-webkit-scrollbar {height: 0;}
}

@media screen and (min-width: 1100px) and (max-width: 1180px) {
 #shop-basket > a .value, #categs, .user-link > a > span {display: none;}
 .slider {width: 70%!important;margin-left: 0;}
 .products {width: 30%;}
 .list-item, .lastv .list-item {width: 23.0769231%;margin-right: 2.56410256%;}
 .list-item .image > a {height: 230px;}
 .list-item img {max-height: 160px;}
 .review {width: 31.6239316%; margin-right: 2.56410256%;}
 .shop-checkout:after {right: calc(50% - 66.5%);}
}

@media screen and (max-width: 1099px) {
 .head-navigation .mobile-button {display: inline-block!important;}
 .top, .head-navigation > .uMenuV, .shop-checkout:after {display: none;}
 .scroll, .items .list, .lastv .list, .items-tabs #tabs .content-tabs {display: flex;overflow: auto;}
 .scroll > div, .brands .b-list, .items .list > div, .reviews .container, .lastv .list > div {display: flex!important;width: auto;gap: 0!important;}
 .items-carousel > div {margin-left: 0;}
 .items-tabs #tabs .content-tabs > div.active {display: flex!important;}
 .slider {width: 70%!important;margin-left: 0;}
 .products {width: 30%;}
 .brands .b-card {width: 210px;margin-right: 30px;}
 .items-tabs #tabs .title-tabs {display: flex;width: auto!important;}
 .items-tabs #tabs .title-tabs span {width: max-content;}
 .checkout-container, .order-details {width: 100%;float: none;}
 .order-details {position: static;max-width: 400px;width: 100%;margin: auto;}
 .order-details ul {padding: 30px 0;}
}

@media screen and (min-width: 650px) and (max-width: 1099px) {
 .site-logo {min-width: auto;margin-right: 60px;}
 .head-navigation .mobile-button {display: inline-block!important;}
}

@media screen and (max-width: 1040px) {
 .i-button {display: none;}
 .banners .banner {width: 580px;float: none;margin: 18px auto!important;}
 .banner .text-1 {font-size: 19px;}
 footer .site-logo, footer p {float: none;margin: auto;text-align: center;}
 footer p {margin: 30px auto;}
 footer .payments {float: none;margin: auto;clear: both;}
 .catalog-page .list-item {width: 48.8095238%;}
 .catalog-page .list-item:nth-child(3n) {margin-right: 2.38095238%!important;}
 .catalog-page .list-item:nth-child(2n) {margin-right: 0!important;}
 .catalog-page .list-item:nth-child(3n+1) {clear: none;}
 .catalog-page .list-item:nth-child(2n+1) {clear: both!important;}
}

@media screen and (min-width: 880px) and (max-width: 1040px) {
 .slider {width: 65%!important;}
 .products {width: 35%;}
 .sidebar {width: 32%;}
 .content {width: 65%;}
}

@media screen and (max-width: 880px) {
 .slider, .products, .subscribe-block .e-title, .subscribe-content, .form-email input[type="text"], .form-email input[type="submit"], .image-list, .item-page .column, .image-list .main, .quick-call .contacts, .methods-list tr, .order-fields, .sidebar, .content {width: 100%;}
 .subscribe-block .e-title, .subscribe-content, .image-list, .item-page .column, .image-list .main, .quick-call .contacts, .methods-list tr {float: none;}
 #nav .right, .image-list .sub {display: none;}
 .search-top {width: 50%;}
 #categ-link {width:50%;}
 .slider {width: 100%!important;height: 320px;}
 .slide {height: 320px;padding: 30px 22px;}
 .slide-text-1 {font-size: 32px}
 .slide .button {margin-top: 7%;padding: 10px 16px;font-size: 12px;}
 .brands .b-card {width: 150px;margin-right: 18px;}
 .brands .b-card a {height: 55px;padding: 12px 0;}
 .products {height: auto;}
 .products .item {width: 50%;float: left;}
 .list-item {width: 220px;margin-right: 18px;}
 .list-item .image > a {height: 220px;}
 .list-item img {max-height: 172px;}
 .subscribe-block .e-title {text-align: center;}
 .subscribe-content {max-width: 80%;margin: auto;padding: 0;border-left: 0;text-align: center;}
 .form-email {width: 100%;}
 .form-email input[type="text"] {margin-bottom: 8px;}
 .subscribe-block .cnt::before {bottom: 75px;}
 .image-list {padding-right: 0;}
 .image-list .main {display: block;}
 .item-page .column {margin-top: 22px;padding-left: 0;}
 .g-vertical {display: block;}
 .g-vertical .owl-item {background-color: #f6f6f6;}
 .owl-item.active .img-item {display: table!important;}
 .img-item > div {display: table-cell;height: 570px;vertical-align: middle;}
 .g-vertical .owl-dots {position: absolute;left: 0;bottom: 4%;width: 100%;text-align: center;}
 .g-vertical .owl-dots button {margin: 0 4px;width: 8px;height: 8px;height: 8px;border-radius: 6px;background-color: #dad9d9;}
 .g-vertical .owl-dots button.active {width: 36px;background-color: #808d9a;opacity: 0.5;}
 #tabs .images img {width: 32%;margin-right: 2%;}
 #tabs .images img:nth-child(3n) {margin-right: 0;}
 .quick-call {top: calc(50% - 209px);left:6%;width: 88%;height: 418px;}
 .quick-call .item {position: static;width: 100%;height: auto;padding: 14px 80px;}
 .quick-call .item img {float: left;height: 68px;margin-right: 20px;}
 .quick-call .item .info {margin-top: 6px;}
 .quick-call .contacts {margin-left: 0;padding: 50px 80px;}
 .checkout-body #order-table .order-item td {padding: 12px;}
 .methods-list tr:nth-child(2n) {margin-left: 0;}
 .order-details {max-width: 100%;}
 .order-fields form div.hidden {overflow: hidden;}
 .c-catalog table.catalog {display: flex;overflow: auto;}
 .c-catalog table.catalog > * {display: flex;}
 .c-catalog table.catalog h3 > a {width: max-content;}
}

@media screen and (max-width: 650px) {
 .search-top, .head .right, .mobile-button b, .products, .checkout-body #order-table .order-head, #order-total-line input[type="button"], .path .cnt > span > span::after {display: none;}
 .mobile-button:hover + div {display: none!important;}
 .products .item, .name-and-catalog .num, .mobile-right-menu .left, .mobile-right-menu .right {float: none;}
 .mobile-line-bottom {display: block!important;}
 .site-logo a {line-height: 90px;font-size: 30px;}
 .mobile-button {width: 48px;height: 48px;line-height: 48px;margin: 21px 0;padding: 0;text-align: center;}
 .mobile-button i {top: 4px;margin-right: 0;font-size: 24px;}
 .head-navigation {float: right;}
 #categ-link, .slider-block .cnt, .products .item, .item-page .column .button > div.basket-button, .item-page #tabs .title-tabs, .basket-button .basket, .basket-button a, .item-page .column .button > div.wish > .wish, .item-page .column .button .compare-widget, .path .cnt > span, .order-fields form div, .order-item-cnt input, .checkout-body table {width: 100%;}
 #categ-link:hover #categs.data-home {box-shadow: 0 8px 76px rgb(0 0 0 / 7%)!important;}
 .slider {height: auto;}
 .slide {padding: 42px 6%;}
 .slide-text-1 {font-size: 21px;}
 .slide a.teg {padding: 6px 10px;font-size: 9px;}
 .brands {margin-top: 0;}
 .banners .banner {width: 100%;}
 .list-item {width: 190px;}
 .lastv .list-item {width: 220px;}
 .list-item .image > a {height: 200px;padding: 14px;}
 .list-item img {max-height: 172px;}
 .list-item .image .label {font-size: 9px;line-height: 22px;}
 .list-item .num {margin: 18px 0 6px 0;}
 .list-item .name a {font-size: 12px;}
 .review {flex: 0 0 calc(100% - 100px);width: auto;margin-right: 18px;}
 .name-and-catalog .num {margin-left: 0;clear: both;}
 footer {padding-bottom: 112px;}
 .back_to_top-show {bottom: 80px;}
 .item-box {padding: 22px 0;}
 .g-vertical {height: 360px;padding: 0 22px;}
 .img-item > div {height: 360px;}
 .image-list .main img {max-height: 300px;}
 .name h1 {font-size: 18px;line-height: 23px;}
 .item-page .price-box > span {font-size: 23px;}
 .item-page .price-box s, .quick-call .item .q-price s {font-size: 16px;}
 #quick-order {width: 100%;margin-right: 0;margin-bottom: 10px;text-align: center;}
 .item-page .column .button > div.basket-button {margin-right: 0;margin-bottom: 10px;}
 .item-page #tabs .title-tabs span {display: block;float: none;width: 100%;padding: 0 22px;box-sizing: border-box;}
 .item-page #tabs .content-tabs {padding: 30px 22px;}
 #tabs .images img {width: 100%;margin-right: 0!important;}
 .quick-call {top: auto;bottom: 0;left: 0;width: 100%;height: auto;}
 .quick-call .item {padding: 12px 70px 12px 22px;}
 .quick-call .item img {height: 50px;}
 .quick-call .item .info {margin-top: 0;}
 .quick-call .item .name {margin-top: 6px;font-size: 12px;}
 .quick-call .contacts {padding: 40px 22px;}
 .item-page .column .button > div.wish {width: 49%;margin-right: 2%;clear: both;}
 .item-page .column .button > div.compare {width: 49%;margin: 0;}
 .path {padding: 0;background-color: #f6f6f6;}
 .path .cnt > span > span {display: none!important;width: 100%;float: none;padding-right: 0;}
 .path span > span:last-child {display: block!important;width: 100%;}
 .path span span > a {display: block;padding: 16px 0;color: var(--mcol);font-size: 14px;}
 .path span span > a:before {content: "\f060";position: relative;top: 2px;margin-right: 6px;font-size: 17px;font-weight: 900;font-family: 'Line Awesome Free';}
 
 .catalog-page .path span > span:last-child {display: none!important;}
 .catalog-page .path span > span:nth-last-child(2) {display: block!important;}
 
 .checkout-body #order-table .order-item {display: block;margin-bottom: 22px;text-align: center;border: 2px solid #eee;border-radius: 4px;}
 .checkout-body #order-table .order-item td {display: inline-block;width: 100%;padding: 14px 22px;box-sizing: border-box;border: none;}
 .checkout-body #order-table .order-item td.order-item-del {background-color: #eee;}
 .checkout-body #order-table .order-item td.order-item-sum {font-size: 16px;font-weight: 600;}
 .order-item-del i {width: 100%;padding: 14px 0;font-size: 24px;}
 .order-fields form div:nth-child(2n) {margin-left: 0;}
 .methods-list tr {height: auto;}
}

@media screen and (max-width: 540px) {
 .banners .banner .box {display: block;position: static;padding: 22px;text-align: center;background-color: #f6f6f6;}
 .item-page .options li {width: 100%;margin-right: 0;margin-bottom: 22px;}
 .item-page .options li:last-child {margin-bottom: 0;}
}