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

/* main style */
@-moz-document url-prefix() {@font-face {font-family: 'Comfortaa';font-weight: 900;font-style: normal;src: url('/template/Comfortaa-VariableFont_wght.ttf');}}
::selection {color: white;background-color: var(--mcol);}
:root {--yellow: #ffe110;}
#loading{display: flex;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;background: white;justify-content: center;align-items: center;transition: all 1s ease;}#loading .box{height: 15px; width: 105px; display: flex; position: relative;}#loading .circle{width: 15px; height: 15px; border-radius: 50%; background-color: var(--mcol); animation: move 500ms linear 0ms infinite; margin-right: 30px;}#loading .circle:first-child{ position: absolute; top:0; left:0; animation: grow 500ms linear 0ms infinite;}#loading .circle:last-child{position: absolute; top: 0; right: 0; margin-right: 0; animation: grow 500ms linear 0s infinite reverse;} @keyframes grow { from {transform: scale(0,0); opacity: 0;} to {transform: scale(1,1); opacity: 1;} } @keyframes move { from {transform: translateX(0px)} to {transform: translateX(45px)}}
#loading.remove {opacity: 0;visibility: hidden;}
html, body {margin: 0;padding: 0;height: 100%!important;}
body {font-size: 13px;color: #3e3e3e;letter-spacing: 0.2px;font-family: 'Roboto', sans-serif;overflow-x: hidden;}
img, a img {border: none;outline: none;max-width: 100%;}
a {text-decoration: none;color: #3e3e3e;transition: all 0.4s ease;}
a:hover {color: black;}
b {font-weight: 500;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
hr {margin: 12px 0;border: none;height: 1px;background: #f6f6f6;}
input {outline: none;resize: none;box-sizing: border-box;}
select {height: 44px;padding: 0 24px 0 12px;color: #464646;font-size: 12px;font-family: 'Roboto', 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: 'Roboto', 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 14px;color: #3b3b3b;font-family: "Roboto", sans-serif;border: 1px solid #eee;border-radius: 2px;transition: all 0.4s 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: #2a2a2a;font-size: 12px;font-weight: 500;font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 0.8px;border: none;border-radius: 5px;background-color: #f6f6f6;cursor: pointer;transition: all 0.4s ease;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {color: black;background-color: #e7e7e7;}
h1,h2,h3,h4,h5,h6 {color: #333;font-weight: 500;}
.cnt {max-width: 1170px;width: 100%;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;width: 100%;position: relative;z-index: 1;margin-bottom: 22px;padding-bottom: 12px;color: #333;font-size: 14px;font-weight: 600;font-family: 'Comfortaa', cursive;font-size: 18px;border-bottom: 2px solid #f6f6f6;}
.circle-button {display: inline-block;position: relative;width: 60px;height: 60px;line-height: 60px;color: var(--mcol);font-size: 42px;text-align: center;border-radius: 50%;border: 3px solid var(--yellow);opacity: 0.7;transition: all 0.4s ease;cursor: pointer;}
.circle-button i {position: relative;left: 2px;color: inherit;transition: all 0.4s ease;}
.circle-button i:after {content: '';position: absolute;top: 48.5%;right: 3px;width: 70px;border-bottom: 3px solid;}
.circle-button:hover {opacity: 1;transform: translateX(-6px);}
.circle-button:hover i {left: 12px;}
body > #bg {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);cursor: pointer;}
#back-to-top {position: fixed;z-index: 100;bottom: 70px;right: 24px;width: 40px;height: 40px;line-height: 0;color: black;transform: rotate(-90deg);opacity: 0;}
#back-to-top.show {opacity: 1;}
#back-to-top i {top: -2px;}
#back-to-top i:after {top: 49%;width: 50px;}
#back-to-top:hover {transform: rotate(-90deg) translateX(8px);}
#back-to-top:hover i{left: 6px;}
#fancybox-overlay {opacity: 0.7!important;}
.xw-plain {box-shadow: 0 6px 22px rgb(0 0 0 / 25%)!important;}
.xw-plain .xw-bl, .xw-plain .xw-ml, .xw-plain .xw-tl {background-color: #f6f6f6!important;}
.xw-hdr-text {color: #333!important;font-size: 18px!important;font-family: 'Comfortaa', cursive;}
.myWinCont b {color: #333!important;}

header {position: relative;z-index: 10;background-color: var(--mcol);}
header .cnt {position: relative;z-index: 3;}

.top {color: rgb(255 255 255 / 95%);}
.top .left span {display: inline-block;float: left;line-height: 55px;margin-right: 48px;}
.top .left span:last-child {margin-right: 0;}
.top .left span > i {position: relative;top: 3px;margin-right: 12px;font-size: 23px;color: var(--yellow);}

#searchtop {float: right;padding: 9.5px 0;}
#searchtop input {float: left;height: 35px;line-height: 34px;}
#searchtop input[type="text"] {width: 350px;letter-spacing: 0.4px;border-radius: 6px 0 0 6px;border: none;}
#searchtop input[type="submit"] {width: 34px;padding: 0;color: #333;font-size: 17px;font-family: FontAwesome;border-radius: 0 6px 6px 0;box-shadow: none;background-color: var(--yellow);} 

.head {position: relative;z-index: 10;box-shadow: 0 5px 12px rgb(0 0 0 / 20%);}
.head:after {content: '';position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background-color: white;opacity: 0.1;}
.head > .cnt {position: relative;z-index: 2;}

#sitelogo {float: left;}
#sitelogo a {display: inline-block;line-height: 85px;color: white;font-size: 30px;font-weight: 800;font-family: 'Comfortaa', cursive;}

.main-menu {float: right;}
.head .uMenuV ul {display: table;}
.head .uMenuV ul li {display: inline-block;float: left;}
.head .uMenuV ul li > a {display: inline-block;position: relative;height: 85px;line-height: 85px;padding: 0 24px;color: white;font-size: 14px;font-weight: 500;text-transform: uppercase;}
.head .uMenuV ul li:hover > a {color: white;background-color: var(--mcol);}
.head .uMenuV ul li > a.uMenuItemA {color: #333;background-color: var(--yellow);cursor: no-drop;}
.head .uMenuV ul li.uWithSubmenu {position: relative;z-index: 100;}
.head .uMenuV ul li.uWithSubmenu > a::after {content: "\f107";display: inline-block;position: relative;top: 1px;margin-left: 8px;font-size: 18px;font-family: FontAwesome;transition: all 0.2s ease 0s;}
.head .uMenuV ul li.uWithSubmenu ul {position: absolute;z-index: 100;top: 95px;left: 0;min-width: 260px;padding: 12px;box-sizing: border-box;border-radius: 0 16px 16px;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.4s ease;}
.head .uMenuV ul li.uWithSubmenu:hover ul {top: 85px;opacity: 1;visibility: visible;}
.head .uMenuV ul li.uWithSubmenu:hover > a::after {top: 0;transform: rotate(180deg);}
.head .uMenuV ul li.uWithSubmenu:last-child ul {left: auto;right: 0;border-radius: 16px 0 16px 16px;}
.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: 14px 12px;color: #333;font-size: 14px;font-weight: 400;text-transform: none;}
.head .uMenuV ul li.uWithSubmenu ul li a:hover {color: var(--mcol);background-color: #fdfdfd;}

.head-user {float: right;}
.head-user .userbox {position: relative;float: left;}
.head-user .userbox > i {height: 85px;line-height: 85px;padding: 0 16px;color: white;font-size: 42px;cursor: pointer;transition: all 0.4s ease;}
.head-user .userbox:hover > i, .head-user .userbox:hover .avatar {background-color: var(--mcol);}
.head-user .userbox .avatar {padding: 24.5px 18px;cursor: pointer;transition: all 0.4s ease;}
.head-user .userbox .avatar > img {display: block;height: 30px;border-radius: 50%;border: 3px solid white;}
.head-user .userbox:hover ul {top: 85px;opacity: 1;visibility: visible;}
.head-user .userbox ul {position: absolute;z-index: 10;top: 95px;right: 0;width: 310px;padding: 26px 18px;box-sizing: border-box;border-radius: 0 0 16px 16px;box-shadow: rgb(0 0 0 / 14%) 0 7px 38px;background-color: white;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
.head-user .userbox ul a {display: inline-block;width: 100%;padding: 20px 12px;box-sizing: border-box;font-size: 14px;border-radius: 10px;}
.head-user .userbox ul a:hover {color: var(--mcol);background-color: #f7f7f7;}
.head-user .userbox ul li.login-in {padding: 8px;background-color: #f7f7f7;}
.head-user .userbox ul li.login-in a {width: auto;padding: 10px 18px;border-radius: 5px;}
.head-user .userbox ul li.login-in a:nth-child(1) {color: white;background-color: var(--mcol);}
.head-user .userbox ul li.login-in a:nth-child(1):hover {background-color: #2a2a2a;}
.head-user .userbox 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;}
.head-user .userbox a:hover i {color: var(--mcol);}
.head-user .userbox ul i.las {transform: scale(1.3);}
.c-body:after, .head-user .userbox ul:after, .order-details .outcome .box:after {content: "";position: absolute;top: -5px;right: 32px;width: 10px;height: 10px;transform: rotate(45deg);background-color: white;}

#shop-basket {position: relative;float: right;}
#shop-basket:hover > a {background-color: var(--mcol);}
#shop-basket > a {display: block;height: 85px;line-height: 85px;padding: 0 16px;color: white;font-size: 42px;}
#shop-basket > a i span {display: block;position: absolute;z-index: 2;bottom: 18px;right: 12px;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;}
.c-body {position: absolute;z-index: 10;top: 95px;right: 0;width: 310px;padding: 26px 18px;box-sizing: border-box;border-radius: 0 0 16px 16px;box-shadow: rgb(0 0 0 / 14%) 0 7px 38px;background-color: #ffffff;opacity: 0;visibility: hidden;transition: all 0.4s ease;}
#shop-basket:hover .c-body {top: 85px;opacity: 1;visibility: visible;}
.c-body > a {display: block;margin-top: 20px;line-height: 54px;color: #333;font-size: 14px;font-weight: 500;text-align: center;text-transform: uppercase;letter-spacing: 0.8px;border-radius: 5px;box-shadow: 0 7px 25px rgb(255 225 16 / 20%);background-color: var(--yellow);}
.c-body > a:hover {box-shadow: none;background-color: #f6f6f6;}
.c-body .summ {font-size: 14px;line-height: 20px;}
.c-body .summ b {float: right;color: black;font-size: 19px;font-weight: 600;font-family: 'Comfortaa', sans-serif;letter-spacing: 0.5px;}
.c-body ul {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #f6f6f6;}
.c-body li {display: flex;position: relative;width: 100%;margin-bottom: 14px;align-content: center;justify-content: center;align-items: center;}
.c-body li:last-child {margin-bottom: 0;}
.basket-item-icon {float: left;margin-right: 16px;padding: 6px;box-sizing: border-box;border-radius: 4px;background-color: #f6f6f6;}
.basket-item-icon img {display: block;height: 72px;mix-blend-mode: darken;}
.basket-item-name .cost {color: black;font-size: 14px;font-weight: 600;font-family: 'Comfortaa', sans-serif;letter-spacing: 0.5px;}
.basket-item-name {float: left;width: calc(100% - 74px);padding-right: 22px;box-sizing: border-box;}
.basket-item-name .name {margin-bottom: 5px;}
.basket-item-name .name a {display: -webkit-box;max-height: 32px;line-height: 16px;color: gray;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.basket-item-name .name a:hover {color: var(--mcol);}
.basket-item-button {position: absolute;top: 0;right: 16px;height: 100%;}
.basket-item-button i {position: absolute;top: 0;right: -23px;padding: 4px;color: #e2e2e2;font-size: 17px;cursor: pointer;transition: all 0.2s ease 0s;}
.basket-item-button i:hover {color: red;}

.service {margin: 40px 0 18px 0;}
.service .col3 {position: relative;width: 31.6239316%;margin-right: 2.56410256%;margin-bottom: 22px;padding: 24px 22px;box-sizing: border-box;border-radius: 10px;background-color: #fefee6;}
.service .col3:nth-child(3n) {margin-right: 0;}
.service .col3:nth-child(3n+1) {clear: both;}
.service .col3 i {position: relative;z-index: 2;margin-right: 20px;float: left;font-size: 38px;color: #333;}
.service .col3 .name {position: relative;z-index: 2;margin: 3px 0 5px 0;color: black;font-size: 14px;font-weight: 900;font-family: 'Comfortaa', cursive;text-transform: uppercase;}
.service .col3 .text {color: gray;}

#slider {margin-bottom: 30px;background-color: #f6f6f6;}
.slide {display: table;width: 100%;height: 477px;border-radius: 2px;background-size: cover;background-position: center;}
.slide-content {height: 477px;padding: 70px 44px;box-sizing: border-box;}
.slide-content > span { font-weight: 500;font-size: 14px;color: black;letter-spacing: 1px;text-transform: uppercase;}
.slide-content > span.price {color: var(--mcol);font-size: 22px;text-transform: none;}
.slide-content > .text {width: 60%;margin: 18px 0;line-height: 44px;color: black;font-size: 38px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.slide-content > p {margin: 30px 0;color: gray;font-size: 14px;}
.slide-content .circle-button {margin-top: 7%;margin-left: 33px;}
#slider .owl-dots {position: absolute;top: 18px;left: 44px;}
#slider .owl-dots button {width: 10px;height: 10px;margin-right: 6px;background-color: rgb(0 0 0 / 15%);border-radius: 50%;box-shadow: none;}
#slider .owl-dots button.active {width: 56px;border-radius: 64px;opacity: 0.8;background-color: var(--mcol);}

.block-categs {margin-bottom: 30px;box-shadow: 0 6px 38px rgb(0 0 0 / 5%);}
.cat-title {padding: 18px 20px;color: #333;font-size: 15px;font-weight: 900;font-family: 'Comfortaa', cursive;border-radius: 6px 6px 0 0;background-color: var(--yellow);}
.cat-title i {float: right;margin-right: 12px;opacity: 0.4;transform: scale(1.7);}
.cat-tree u, .cat-tree i, #categs ul ul, #categs b {display: none;}
#categs {width: 100%;background-color: #fdfdfd;transition: all 0.4s ease 0s;}
#categs.hidden > ul > li {height: 0;opacity: 0;}
#categs.hidden > ul > li:nth-child(-n+7), #categs.hidden > ul > li.plus {height: auto;opacity: 1;}
#categs.hidden.open > ul > li:nth-child(n+7) {height: 52px;opacity: 1;}
#categs > ul > li.plus a {color: var(--mcol);font-weight: 600;}
#categs > ul > li.plus a:before {content: "\f0fe";color: var(--mcol);transform: scale(1.5);}
#categs.open > ul > li.plus a:before {content: "\f146";}
#categs > ul > li.plus a:hover:before {right: 12px;}
#categs ul.cat-tree {padding: 0;}
#categs li {position: relative;margin: 0 20px!important;box-sizing: border-box;transition: all 0.4s ease 0s;}
#categs li:last-child a, #categs.hidden li:nth-child(8) a {border-bottom: none;}
#categs > ul > li:after {content: '';position: absolute;z-index: 1;top: 4px;left: -5%;width: 110%;height: 44px;border-radius: 8px;background-color: #f6f6f6;opacity: 0;transition: all 0.2s ease 0s;}
#categs a {display: block;position: relative;z-index: 2;height: 44px;line-height: 44px;padding: 4px 0;/* color: #2a2a2a;*/font-weight: 500;text-transform: none;border-bottom: 1px solid #f6f6f6;}
#categs a:hover {color: var(--mcol);}
#categs a:before {content: "\f105";position: absolute;top: calc(50% - 23px);right: 12px;line-height: 47px;color: #c9c9c9;font-weight: 600;font-family: 'Line Awesome Free';transition: all 0.2s ease 0s;}
#categs a:hover:before {right: 8px;color: var(--mcol);}
#categs li:hover:after {opacity: 1;}
#categs ul ul {display: block;position: absolute;z-index: 100;top: 0;left: 260px;width: 270px;padding: 9px 0!important;box-sizing: border-box;border-radius: 0 10px 10px 10px;box-shadow: 16px 6px 22px 0 rgb(0 0 0 / 12%);background-color: white;opacity: 0;visibility: hidden;transition: all 0.4s ease 0s;}
#categs li:hover > ul {left: 250px;opacity: 1;visibility: visible;}
#categs ul ul a {height: min-content;line-height: initial;padding: 13px 0;font-weight: normal;}

/* main middle */
.middle {margin: 30px 0 80px 0;}
#content {float: right;width: calc(100% - 300px);padding-bottom: 40px;}
#sidebar {float: left;width: 270px;}

.index h1.title {margin-top: 0;font-size: 23px;border-bottom: 3px solid #f6f6f6;}

.block {margin-bottom: 30px;padding: 12px 20px 38px 20px;box-sizing: border-box;border: 3px solid #f6f6f6;}
.b-title {padding: 16px 0;margin-bottom: 16px;line-height: 22px;color: #333;font-size: 15px;font-weight: 900;font-family: 'Comfortaa', cursive;border-bottom: 2px solid #f6f6f6;}

.block.hot-sale {border-color: var(--yellow);border-radius: 8px;}
.block.hot-sale .b-title {border-color: #f6f6f6;}
.block.hot-sale .list-item {float: none;width: 100%;margin-bottom: 0;}
.block.hot-sale .list-item .image {background-color: transparent;}
.block.hot-sale .list-item .image a {height: auto;}
.block.hot-sale .list-item .image img {height: auto;max-height: max-content;mix-blend-mode: normal;}
.block.hot-sale .list-item .label {left: 8px;width: 62px;height: 62px;line-height: 62px;font-size: 16px;}
.block.hot-sale .list-item .price {font-size: 19px;}

.block.best .list-item {display: table;position: relative;float: none;width: 100%;margin: 0 0 12px 0;padding-bottom: 12px;border-bottom: 1px solid #f6f6f6;}
.block.best .list-item:last-child {margin: 0;padding: 0;border-bottom: 0}
.block.best .list-item .image {float: left;width: auto;margin-right: 14px;border-radius: 4px;}
.block.best .list-item .image a {height: auto;}
.block.best .list-item img {padding: 0 5px;height: 66px;}
.block.best .list-item .box {position: static;margin: 15px 0 3px 0;}
.block.best .list-item .pricebox > .price, .block.best .list-item .pricebox > .price.new {font-size: 14px;}
.block.best .list-item .pricebox > .price.old {font-size: 12px;}
.block.best .list-item .name {display: -webkit-box;font-size: 13px;height: 15px;line-height: 15px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;}
.block.best .list-item .name:after {content: '';position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;}
.block.best .basket, .block.best .label, .block.best .wish, .block.best .categ {display: none!important;}

.path .cnt {border-radius: 5px;background-color: #fdfdfd;}
.path .cnt > span {display: table;margin: auto;}
.path span > span {display: inline-block;position: relative;float: left;margin-right: 26px;}
.path span > span:last-child {margin-right: 0;}
.path span > span:after {display: inline-block;content: "\f105";margin-left: 22px;padding-left: 25px;color: var(--mcol);font-family: 'FontAwesome';}
.path span > span:last-child:after, .path span > span:last-child:before {display: none;}
.path span > span:before {content: '';position: absolute;top: 49%;right: 2px;width: 26px;height: 1px;background-color: var(--mcol);}
.path span > span a {display: inline-block;padding: 12px 0;color: gray;}
.path span > span a:hover {color: var(--mcol);}

/* tabs */
.title-tabs {display: table;margin-bottom: 22px;}
.title-tabs span {display: inline-block;position: relative;float: left;margin-right: 12px;padding: 17px 24px;color: #333;font-size: 14px;font-weight: 600;font-family: 'Comfortaa', cursive;border-radius: 1px;background-color: #f6f6f6;cursor: pointer;transition: all 0.4s ease;}
.title-tabs .TabsSpanActive {border-radius: 4px;background-color: var(--yellow);}
.title-tabs .TabsSpanActive:after {content: '';position: absolute;z-index: 1;left: calc(50% - 5px);bottom: -4px;width: 10px;height: 10px;background-color: inherit;border-radius: 2px;transform: rotate(45deg);}
.tabs-body > div {display: none;}
.tabs-body > div.active {display: block!important;animation: tabs-active 2s ease 1 forwards;}

.list-item {float: left;width: 204px;margin-right: 18px;margin-bottom: 40px;}
.list-item:nth-child(4n) {margin-right: 0;}
.list-item:nth-child(4n+1) {clear: both;}
.list-item .image {position: relative;width: 100%;border-radius: 8px;background-color: #f6f6f6;}
.list-item .image > a {display: flex;width: 100%;height: 255px;align-items: center;justify-content: center;}
.list-item .image img {max-height: 255px;mix-blend-mode: darken;}
.list-item .image .wish {position: absolute;z-index: 2;top: 10px;right: 6px;width: 40px;height: 40px;padding: 0!important;background-image: none!important;font-family: 'FontAwesome';cursor: pointer;}
.list-item .image .wish:hover {transform: scale(1.07);}
.list-item .image .wish:before {content: "\f08a";display: block;line-height: 32px;color: #dedede;font-size: 17px;text-align: center;font-family: 'FontAwesome';}
.list-item .image .wait:before {color: black;content: "\f21e";font-weight: 900;}
.list-item .image .wdel {transform: scale(1.07);transition: all 0.4s ease;}
.list-item .image .wdel:before {content: "\f004";color: #f8006a;font-weight: 900;}
.list-item .label.sale {display: block;position: absolute;z-index: 2;left: 11px;bottom: 8px;width: 50px;height: 50px;line-height: 50px;color: #333;font-weight: 500;text-align: center;border-radius: 50%;background-color: #fefee6;}
.list-item .categ {display: table;margin-bottom: 4px;color: #a6a6a6;}
.list-item .name {display: table;line-height: 19px;font-size: 14px;}
.list-item .name:hover {color: var(--mcol);}
.list-item .box {position: relative;margin: 18px 0 12px 0;}
.list-item .button > .basket {position: absolute;top: calc(50% - 14px);right: 0;width: auto;height: auto;color: #a6a6a6;font-size: 23px;font-weight: 900;font-family: 'Line Awesome Free';background-image: none!important;cursor: pointer;}
.list-item .button > .basket:after { 
border-radius: 30px;
 color: white;
 background-color: #40a7e3;
 padding: 10px 20px;
 font-size: 14px;
 content: "В корзину";
 display: block;
}
.list-item .button > .basket.wait:after {content: "\f2f9";animation: rotate 1s linear 0s infinite;}
.list-item .button > .basket.done {display: none;}
.list-item .button > .basket.done + .done {display: block;cursor: default;}
.list-item .button > .basket.done + .done:after {content: "\f14a";color: var(--mcol);}
.list-item .pricebox > .price {display: inline-block;color: black;font-size: 16px;font-weight: 600;font-family: 'Comfortaa', sans-serif;letter-spacing: 0.5px;}
.list-item .pricebox > .price.new {margin-right: 6px;color: var(--mcol);}
.list-item .pricebox > .price.old {position: relative;color: #707070;font-size: 13px;font-weight: 400;text-decoration: none;}
.list-item .pricebox > .price.old:after {content: '';position: absolute;z-index: 2;top: 6px;left: -6%;width: 112%;height: 2px;background-color: var(--yellow);transform: rotate(355deg);}

.items-carousel {cursor: move;}
.items-carousel > div {width: calc(100% + 18px);margin-left: -18px;}
.items-carousel .owl-item {padding-left: 18px;box-sizing: border-box;}
.items-carousel .list-item {width: 100%;margin: 0!important;}
.items-carousel .owl-nav {position: absolute;top: -58px;right: -4px;}
.items-carousel .owl-nav button {width: 51px;margin-left: 22px;color: var(--yellow);opacity: 0.7;background-color: transparent;box-shadow: none;}
.items-carousel .owl-nav button.owl-prev {color: black;}
.items-carousel .owl-nav button:hover {color: var(--mcol);opacity: 1;}
.items-carousel .owl-nav button span {display: block;position: relative;color: inherit;font-size: 21px;text-align: left;}
.items-carousel .owl-nav button span:before {content: "\f104";font-family: 'FontAwesome';font-weight: 900;color: inherit;}
.items-carousel .owl-nav button span:after {content: '';position: absolute;top: 45.8%;left: 1px;width: 50px;height: 1px;border-bottom: 2px 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: 4px;}

/* item page */
.item-page, .index {margin-top: 30px;}
.name h1 {display: table;margin: 0;color: black;line-height: 27px;font-size: 19px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.name h3 {margin: 6px 0 0;font-weight: normal;color: #7a7a7a;font-size: 13px;}
.item-box {position: relative;z-index: 2;}
.image-list {width: 48%;float: left;}
.item-page .column {float: right;width: 48%;}
.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: 500;color: #333;border-radius: 3px;background-color: #f6f6f6;}
.item-page .column .info span.stock.no {background-color: #fae7ec;}
.item-page .column .info span.sale {background-color: rgb(254 254 230);}
.item-page .price-box {margin: 26px 0;}
.item-page .price-box > span {color: var(--mcol);font-size: 23px;font-weight: 600;font-family: 'Comfortaa', cursive;letter-spacing: 0.5px;}
.item-page .price-box s, .quick-call .item .q-price s {position: relative;margin-left: 12px;color: gray;font-size: 18px;font-weight: 400;text-decoration: none;letter-spacing: 0.5px;}
.item-page .price-box s::after, .quick-call .item .q-price s::after {content: '';position: absolute;z-index: 2;top: 9px;left: -6%;width: 112%;height: 2px;background-color: var(--yellow);transform: rotate( 355deg);}
.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;}

.item-page .column .basket-button {float: left;background: #40a7e3;border-radius: 27px;}
.item-page .column .button .basket, .basket-button a {display: inline-block;position: relative;width: 170px;padding: 0 30px 0 58px;box-sizing: border-box;line-height: 48px;/*color: var(--mcol);*/color: #fff;font-size: 14px;/*font-weight: 600;*/font-family: 'Comfortaa', cursive;border-radius: 48px;border: 2px solid #f6f6f6;transition: all 0.4s ease;cursor: pointer;}
.item-page .column .button .basket:before, .basket-button a:before {content: "\f290";position: absolute;top: -2px;left: 28px;font-size: 23px;font-weight: 900;font-family: 'Line Awesome Free';}
.item-page .column .button .basket.wait:before {content: "\f2f9";animation: rotate 1s linear 0s infinite;}
.item-page .column .button .basket:hover, .basket-button a:hover {border-color: var(--mcol);}

.item-page .column .button .basket.done, .basket-button a {display: none;}
.item-page .column .button .basket.done + a {display: block;}
.basket-button a:before {content: "\f00c";}


#quick-order {float: left;height: 52px;padding: 0 26px;line-height: 52px;color: var(--mcol);font-size: 11px;letter-spacing: 1.4px;text-transform: uppercase;cursor: pointer;transition: all 0.4s ease 0s;}
#quick-order:hover {color: #333;}
.item-page .column .brief {display: -webkit-box;max-height: 69px;padding-left: 15px;box-sizing: border-box;line-height: 23px;color: #858585;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;}
.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: #858585;}
.item-page .column .more li:last-child {margin-bottom: 0;}
.item-page .column .more li b {padding-left: 5px;color: #333;}
.image-list .main {position: relative;width: 85%;float: right;}
.g-vertical {display: flex!important;height: 477px;padding: 0 18px;box-sizing: border-box;}
.img-item {display: flex;height: 100%;align-content: center;align-items: center;justify-content: center;}
.image-list .main img {display: table;max-height: 477px;margin: auto;mix-blend-mode: darken;cursor: zoom-in;}
.image-list .main .owl-stage img {display: table!important;}
.image-list .sub {float: left;width: 15%;}
.image-list .sub .gphoto {display: table;width: 100%;margin-bottom: 13px;padding: 6px;box-sizing: border-box;border: 2px solid #f6f6f6;border-radius: 4px;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);}

.image-list .main > span {display: inline-block;position: absolute;z-index: 2;left: calc(50% - 55px);bottom: 16%;width: max-content;line-height: 30px;padding: 0 14px;color: white;font-size: 12px;border-radius: 30px;background-color: var(--mcol);opacity: 0;transform: scale(0.85);transition: all 0.3s ease;}
.image-list .main > span i {position: relative;top: 1px;margin-right: 4px;font-size: 16px;}
.image-list .main > div:hover + span {opacity: 0.85;transform: scale(1);}

.image-list .main .wish {position: absolute;z-index: 2;top: -4px;right: 6px;width: 40px;height: 40px;padding: 0!important;background-image: none!important;font-family: 'FontAwesome';cursor: pointer;}
.image-list .main .wish:before {content: "\f08a";display: block;line-height: 40px;color: #dedede;font-size: 23px;text-align: center;font-family: 'FontAwesome';} {}
.image-list .main .wish:hover {transform: scale(1.07);}
.image-list .main .wait:before {content: "\f08a";}
.image-list .main .wait:before {color: black;content: "\f21e";font-weight: 900;}
.image-list .main .wdel {transform: scale(1.07);transition: all 0.4s ease;}
.image-list .main .wdel:before {content: "\f004";color: #f8006a;font-weight: 900;}

.description {position: relative;margin: 30px 0 40px;}
.description .cnt {position: relative;z-index: 2;}
.description h2 {margin-top: 0;}
.description p {line-height: 26px;}
.description p:nth-child(1) {margin-top: 0;}
.product-smile-text {margin-top: 20px;}
.product-smile-text p {margin: 0;line-height: 17px;color: #d6d6d6;font-size: 11px;}
.product-smile-text mark {display: inline-block;color: #d6d6d6;background-color: transparent;}
.product-smile-text mark:first-letter {text-transform: lowercase;}

.comm .ucf-start-content textarea {height: 70px;max-height: fit-content;padding: 12px 14px!important;font-size: 13px!important;letter-spacing: 0.2px;}
.comm-no {margin-bottom: 22px;font-size: 14px;line-height: 26px;}

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

/* order fast */
#order-fast {display: none;position: fixed;z-index: 9999;top: calc(50% - 210px);left: calc(50% - 205px);width: 410px;height: 420px;border-radius: 6px;background-color: white;animation: order-fast 0.4s ease 1 forwards;}
#order-fast .item {display: flex;width: 100%;padding: 18px 50px;box-sizing: border-box;background-color: #f6f6f6;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;border-radius: 6px 6px 0 0;}
#order-fast .item > * {float: left;}
#order-fast .item img {height: 54px;margin-right: 24px;mix-blend-mode: darken;}
#order-fast .item h2 {display: -webkit-box;max-width: 180px;font-size: 14px;font-weight: 600;font-family: 'Comfortaa', cursive;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
#order-fast .item span {margin-left: auto;color: var(--mcol);font-size: 16px;font-weight: 600;font-family: 'Comfortaa', cursive;}
#order-fast .text {color: black;font-size: 19px;font-weight: 600;font-family: 'Comfortaa', cursive;}
#order-fast .form p {margin: 30px 0;line-height: 21px;color: #858585;font-size: 14px;}
#order-fast .form {padding: 50px 40px;box-sizing: border-box;}
#order-fast input[type="tel"] {width: 100%;height: 54px;margin-bottom: 12px;padding: 0 22px;font-size: 17px;}
#order-fast i {position: absolute;top: -19px;right: -19px;width: 38px;height: 38px;line-height: 38px;color: white;font-size: 23px;text-align: center;box-shadow: 0 0 8px rgb(0 0 0 / 12%);background-color: #333;transition: all 0.2s ease;cursor: pointer;}
#order-fast i:hover {color: #333;background-color: #f6f6f6;}
body.order-active {overflow: hidden;}
body.order-active #order-fast, body.order-active #bg {display: block!important;}

/* catalog page */
.categs-panel {margin-top: 20px;}
.categs-panel table.catalog tr {display: block;position: relative;float: left;margin-right: 16px;padding: 12px 22px;border-radius: 4px;background-color: #f6f6f6;transition: all 0.4s ease;}
.categs-panel table.catalog tr:hover {background-color: #e7e7e7;}
.categs-panel table.catalog td {padding-bottom: 0;}
.categs-panel table.catalog td > div {display: none;}
.categs-panel table.catalog h3 {margin: 0;font-size: 15px;font-weight: 500;}
.categs-panel table.catalog h3 a:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}
.categs-panel table.catalog tr:hover a {color: var(--mcol);}

.cat-name {display: table;width: 100%;margin: 15px 0 22px 0;}
.cat-name h1 {display: table;float: left;max-width: 80%;margin: 0;color: #333;font-size: 23px;font-weight: 900;font-family: 'Comfortaa', cursive;}
.sort {display: table;width: 100%;padding: 0 22px;box-sizing: border-box;margin-bottom: 22px;}
.sort > span {display: inline-block;line-height: 25px;float: left;color: gray;}
.sort > span.slist {float: right;}
.sort > span.slist a {margin: 0 6px;}
.sort > span.slist a.active {color: var(--mcol);font-weight: 500;}
.catalog-page #content .list-item {width: 31.0344828%;margin-right: 3.44827586%;}
.catalog-page #content .list-item:nth-child(4n) {margin-right: 30px;}
.catalog-page #content .list-item:nth-child(3n) {margin-right: 0;}
.catalog-page #content .list-item:nth-child(4n+1) {clear: none;}
.catalog-page #content .list-item .image > a {height: 320px;}
.catalog-page #content .list-item .image img {max-height: 320px;}

span.flist {display: block;margin-bottom: 30px;}
#flist-label-price {display: none;}
.flist-item {display: inline-block;position: relative;}
.flist-label {display: inline-block;padding: 16px 20px;font-weight: 500;border-radius: 50px;border: 2px solid #f6f6f6;transition: all 0.4s ease;cursor: pointer;}
.flist-label:after {content: "\f107";display: inline-block;position: relative;top: 1px;margin-left: 10px;font-family: FontAwesome;transform: scale(1.5);}
.flist-values {position: absolute;z-index: 10;top: 51px;left: 0;width: 240px;box-shadow: 0 6px 18px rgb(0 0 0 / 10%);border-radius: 6px;opacity: 0;visibility: hidden;background-color: white;transition: all 0.4s ease;}
.flist-item:hover .flist-label {color: black;border-color: var(--yellow);}
.flist-item:hover .flist-values {opacity: 1;visibility: visible;}
.flist-values > * {display: block;position: relative;padding: 14px 22px 14px 50px;border-bottom: 1px solid #f6f6f6;clear: both;}
.flist-values > * > span {float: right;color: #eee;}
.flist-values > *:last-child {border-bottom: 0;}
.flist-values > a:hover {color: var(--mcol);}
.flist-values .active {color: black!important;font-weight: 500!important;}
.flist-values .active:before {content: "\f00c";position: absolute;z-index: 2;top: 15px;left: 25px;color: var(--mcol);font-size: 11px;font-weight: 900;font-family: 'Line Awesome Free';}
.flist-values > *:after {content: '';position: absolute;top: 13px;left: 22px;width: 12px;height: 12px;border: 2px solid #f6f6f6;background-color: white;}
.flist-values .active:after {border-color: var(--mcol);}

input[type="text"].price_filter {width: 100px;}
#flist-item-price {float: right;margin-top: 3px;}
#flist-item-price > * {margin-left: 6px;}

.ppblock {margin-top: 30px;padding-top: 22px;border-top: 2px solid #f6f6f6;}
.shop-page-wrap {text-align: left!important;}
#shop-page-more > button {margin-bottom: 8px;line-height: 48px;width: 100%;color: #333;letter-spacing: 2px;}
.plist > * {display: inline-block;float: left;margin-right: 12px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: 500;border: 2px solid #f6f6f6;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);}

/* FAQ page */
.faq .fastLinks {display: none!important;}
.faq #allEntries {display: table;width: 100%;}
.faq #allEntries > div {margin-bottom: 40px;cursor: pointer;}
.faq #allEntries > div:last-child {border-bottom: 0;}
.faq .line {position: relative;padding: 0 42px 12px 0;}
.faq .line a {font-size: 17px;line-height: 21px;}
.faq .line i {position: absolute;top: -7px;right: 0;width: 34px;height: 34px;line-height: 34px;color: black;font-size: 18px;text-align: center;border-radius: 8px;background-color: rgb(255 225 16 / 5%);transition: all 0.2s ease;}
.faq #allEntries > div:hover .line i {color: black;}
.faq #allEntries > div.active .line i {color: white;background-color: var(--mcol);}
.faq #allEntries > div.active .line i:before {display: inline-block;transform: rotate(180deg);transition: all 0.2s ease;}
.faq .message {height: 0;padding: 0 20px;color: #555555;line-height: 23px;border-left: 3px solid var(--mcol);background-color: #fdfdfd;overflow: hidden;transition: all 0.4s ease;}
.faq .message p {margin: 22px 0;}
.faq #allEntries > div.active .message {height: max-content;margin: 12px 0 20px 0;}
.faq .data {color: #a6a6a6;font-size: 12px;}
.faq .data b {display: inline-block;margin-right: 10px;font-weight: 400;width: 32px;height: 32px;line-height: 32px;color: var(--mcol);font-family: 'Comfortaa', cursive;text-align: center;border-radius: 5px;background-color: #f6f6f6;}


/* checkout */
.checkout-container #order-table {position: relative;}
.checkout-body {width: 100%;max-width: 1100px;margin: 30px auto 0;}
.checkout-body table {border-spacing: 0;border-collapse: collapse;}
.checkout-body table tbody > tr:last-child, .order-item-nom {display: none!important;}
.order-head-name {opacity: 0;}
.checkout-body #order-table .order-head {background-color: #f6f6f6;;}
.checkout-body #order-table .order-head th {width: auto!important;padding: 0 30px;line-height: 80px;color: #333;font-size: 15px;font-weight: 400;border-bottom: none;}
.checkout-body #order-table .order-head .order-head-del {text-align: center;}
.checkout-body #order-table tr {border-bottom: 1px solid #f6f6f6;}
.checkout-body #order-table .order-item td {padding: 12px 30px;font-size: 16px;letter-spacing: 0.2px;border: none;}
.checkout-body #order-table .order-item-img a {display: block;padding: 4px;border-radius: 8px;background-color: #f6f6f6;}
.checkout-body #order-table .order-item-img img {display: block;width: 66px;max-width: 66px;mix-blend-mode: darken;}
.order-item-name a:hover {color: var(--mcol)!important;}
.checkout-body #order-table .order-item td.order-item-price, .checkout-body #order-table .order-item td.order-item-sum {color: black;font-weight: 600;font-family: 'Comfortaa', cursive;letter-spacing: 0.5px;}
.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: #a5a6aa;padding: 28px;cursor: pointer;transition: all 0.2s ease 0s;}
.order-item-del i:hover {color: red;}
.order-item-cnt > * {float: left;height: 52px;text-align: center;}
.order-item-cnt input {height: 52px;width: 120px;padding: 0 40px;box-sizing: border-box;color: gray;font-size: 15px;text-align: center;border-radius: 26px;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: 46px;line-height: 52px;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: -46px;}
.order-item-cnt span.plus {margin-left: -46px;}
.order-item-cnt span.plus:after {transform: rotate(-180deg);}
#order-total-line {margin-top: 20px;line-height: 44px;font-size: 14px;color: white;}
#order-total-line input {float: right;margin-left: 12px;}
#order-total-line.focus input[type="submit"] {color: white;background-color: var(--mcol);}
#order-table .MyWinGrid {display: none!important;}

.order-data .title span {display: inline-block;position: relative;top: -2px;margin-right: 10px;width: 30px;height: 30px;line-height: 30px;font-size: 12px;text-align: center;border-radius: 50%;background-color: #fefee6;}
.methods-list {width: 100%;border-spacing: 0;}
.methods-list tr {display: block;position: relative;float: left;width: 49%;/* height: 37px; */margin-bottom: 18px;padding: 6px 22px;box-sizing: border-box;color: gray;}
.methods-list tr:nth-child(2n) {margin-left: 2%;}
.methods-list tr:nth-last-child(-n+2) {margin-bottom: 0;}
.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: 2px;cursor: pointer;}
.methods-list th input:checked + div {border-color: var(--mcol);border-radius: 6px;}
.methods-list input {position: absolute;right: 10px;bottom: 10px;opacity: 0.6;}
.order-details .methods-list label {/* margin-bottom: 4px; */margin-top: 5px;color: black;font-size: 15px;font-weight: 400;}
.order-details .methods-list label:after {content: '';position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;}
.order-details .methods-list .label + div {padding-bottom: 0;}
.order-details .methods-list .label + div:first-letter {text-transform: lowercase;}

.order-fields form {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-last-child(-n+2) {margin-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 #f6f6f6;border-radius: 4px;background-color: transparent;opacity: 1;}
.order-fields input:focus {border-color: #d9d9d9;}

.order-details {display: table;position: relative;width: 100%;margin-top: 60px;}
.order-data {float: left;width: 71.7948718%;}
.order-data > div {margin-bottom: 40px;}
.order-data > div:last-child {margin-bottom: 0;}
.order-details .outcome {position: absolute;top: 0;right: 0;z-index: 5;width: 25.6410256%;height: 100%;}
.order-details .sticky {position: sticky;top: 22px;box-sizing: border-box;}
.order-details .sub-title {line-height: 23px;color: black;font-size: 14px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.order-details .outcome .box {position: relative;padding: 24px 18px;border-radius: 8px;background-color: #f6f6f6;}
.order-details .outcome .box:after {right: calc(50% - 10px);background-color: #f6f6f6;}
.order-details .outcome ul {display: table;width: 100%;box-sizing: border-box;background-color: #f6f6f6;}
.order-details .outcome li {position: relative;margin-bottom: 14px;line-height: 17px;}
.order-details .outcome li:last-child {margin-bottom: 0;}
.order-details .outcome li:after {content: '';position: absolute;z-index: 1;left: 0;bottom: 4px;width: 100%;border-bottom: 1px dashed #ececec;}
.order-details .outcome li > span {display: inline-block;position: relative;z-index: 2;letter-spacing: 0.2px;background-color: #f6f6f6;}
.order-details .outcome ul span.par {padding-right: 8px;color: gray;font-size: 14px;}
.order-details .outcome ul span.val {float: right;padding-left: 8px;font-size: 15px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.order-details .outcome ul span.val .order_discount {color: #ffc910;}
.order-details .outcome .to-pay {width: 100%;margin-bottom: 22px;padding-bottom: 22px;border-bottom: 2px solid #f6f6f6;}
.order-details .outcome .summ {margin-top: 16px;padding-top: 16px;line-height: 27px;font-size: 16px;color: black;border-top: 1px dashed #eee;}
.order-details .outcome .summ span {float: right;color: black;font-size: 19px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.order-details .outcome .to-pay #order-button {margin: 0;width: 100%;height: auto;line-height: 65px;color: white;font-size: 14px;letter-spacing: 2px;background-color: #40a7e3;}
.order-details .outcome .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: lightgray;}

.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: 50px;line-height: 44px;padding: 0 20px;}
.order-details .promocode input[type="text"] {width: 100%;letter-spacing: 0.4px;text-transform: uppercase;border-radius: 44px;}
.order-details .promocode input[type="text"]::placeholder {text-transform: initial;}
.order-details .promocode input[type="button"] {width: 120px;height: 36px;margin: 7px 0;line-height: 36px;margin-left: -120px;color: black;border-radius: 0;border-left: 1px solid #eee;background-color: transparent;}
.order-details .promocode input[type="button"]:hover {color: var(--mcol);}

/* 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;}
.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: 500;}
.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(/template/xml.png);}
.control #invoice-form-print {background-image: url(/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 {width: max-content;font-size: 13px!important;padding: 12px 18px;border: 1px solid #eee;}
.control #invoice-table td > small {font-size: 13px;}
.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: 500;}
.control #invoice-table .col_inv_id > a:before {content: '#';}
.control #invoice-table .col_inv_id small a {color: gray;font-size: 11px;}
.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 b {font-weight: 600;font-family: 'Comfortaa', cursive;}

.index #invoice_cont table {border-spacing: 0;}
.index #invoice_cont tr:first-child {background-color: aliceblue;}
.index #invoice_cont tr:first-child td {padding: 23px 18px;color: gray;font-size: 13px;background-color: #fdfdfd;}
.index #invoice_cont td {width: max-content;padding: 18px 18px;color: gray;font-size: 14px;box-sizing: border-box;border-bottom: 1px solid #f6f6f6;}
.index #invoice_cont td > small {font-size: 14px;}

.index #invoice_cont .col_inv_id > a {display: block;padding: 14px 21px;color: #333;font-size: 13px;font-weight: 500;border-radius: 41px;background-color: #f8f9fa;}
.index #invoice_cont .col_inv_id > a:before {content: '#';}
.index #invoice_cont .col_inv_id > a:hover {color: var(--mcol);background-color: #eaedf0f7f8;}
.index #invoice_cont .col_inv_id small a {display: block;margin-top: 5px;color: gray;font-size: 12px;text-align: center;}
.index #invoice_cont .col_inv_id small a:hover {color: #333;}

.index #invoice_cont .col_amount b {color: #333;font-size: 16px;font-weight: 600;font-family: 'Comfortaa', cursive;}

/* order checked */
.orderProcessed .shop-checkout:after {display: none;}
.processed {width: 100%;height: 100%;margin: 60px 0 120px 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: 36px;text-align: center;border-bottom: 0;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;font-weight: 400;font-family: 'Roboto';}
.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 22px;color: black;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;border: none;border-radius: 5px;background-color: #eee;cursor: pointer;}
.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;}

/* order page */
.order-section {position: relative;}
.order-section .cnt {position: relative;z-index: 2;}
.order-section .title {font-size: 23px;text-transform: none;}
.order-short {display: flex;padding: 8px 40px 30px;border-bottom: 1px solid #f6f6f6;align-items: center;align-content: center;justify-content: center;}
.order-short .date {margin-bottom: 10px;color: #7a7a7a;font-size: 14px;}
.order-short .status {display: table;padding: 0 14px;line-height: 32px;font-size: 11px;font-weight: 500;color: #333;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: 17px;}
.state {margin-bottom: 60px;}
.order-section .name {margin-bottom: 24px;color: #333;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: #333;}
.state .par {width: 100%;max-width: 220px;color: #858585;margin-right: 12px;}
.state .sum {color: var(--mcol);font-size: 16px;font-weight: 500;}
.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 #f6f6f6;}
.order-section #order-table tr:last-child {border-bottom: 1px solid #f6f6f6;}
.order-section #order-table .order-item td {width: max-content;text-align: left;border-bottom: none;}
.order-section .order-item-img {width: 62px!important;padding: 0;}
.order-section .order-item-img > a {display: block;padding: 5px; border-radius: 4px; background-color: #f8f8f8;}
.order-section #order-table td.order-item-img img {display: table;mix-blend-mode: darken;width: 62px;max-width: 62px;}
.order-section .order-item-name {padding-left: 30px;}
.order-section .order-item-name a {font-size: 15px;color: black;}
.order-section .order-item-cnt {color: #7a7a7a;}
.order-section .order-item-cnt:after {content: ' sht.';}
.order-section .order-item-sum {color: #333;font-size: 16px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.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;line-height: 44px;}
.order-section .num input {margin-right: 12px;}
.order-section .num .right {margin-top: 0;color: #858585;}

/* user page */
.lk-item {width: calc(62% - 30px);float: left;}
.lk-item .name {display: flex;flex-wrap: nowrap;align-items: center;width: max-content;margin-bottom: 32px;}
.lk-item .avatar {display: flex;position: relative;width: 90px;height: 90px;border: 3px solid #f6f6f6;border-radius: 50%;overflow: hidden;align-content: center;justify-content: center;align-items: center;}
.lk-item .avatar .la-user {width: 90px;height: 90px;line-height: 90px;color: gainsboro;font-size: 58px;text-align: center;}
.lk-item .avatar a {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;line-height: 17px;padding: 32px 20px;box-sizing: border-box;color: white;font-size: 12px;text-align: center;opacity: 0;background-color: rgb(0 0 0 / 45%);}
.lk-item .avatar:hover a {opacity: 1;}
.lk-item .username {margin-left: 28px;}
.lk-item .username span {color: #333;font-size: 23px;font-weight: 500;}
.lk-item .username span > a {margin-left: 8px;color: var(--mcol);}
.lk-item .soclinks {margin-top: 8px;}
.lk-item .soclinks a i {border-radius: 2px!important;}

.lk-comments {position: relative;margin-bottom: 32px;padding: 20px;color: #9c9c9c;font-size: 14px;border-radius: 8px;border: 2px solid #f6f6f6;}
.lk-comments:after {content: '';position: absolute;z-index: 2;top: -10px;left: 37px;width: 16px;height: 16px;border-top: 2px solid #f6f6f6;border-left: 2px solid #f6f6f6;border-radius: 3px;background-color: white;transform: rotate(45deg);}
.lk-comments i {margin-right: 10px;font-size: 24px;color: #a6a6a6;}
.lk-comments a {color: #333;}
.lk-comments a:hover {color: var(--mcol);border-bottom: 0;}

.lk-contacts li {margin-bottom: 38px;}
.lk-contacts span {font-size: 15px;}
.lk-contacts .par {max-width: 100%;margin-right: 0;margin-bottom: 10px;font-size: 14px;}
.lk-contacts i {margin-right: 12px;color: var(--mcol);font-size: 17px;transform: scale(1.4);}
.lk-contacts .warning {margin-left: 14px;color: orange;font-size: 13px;}
.lk-contacts .warning i {margin-right: 4px;}
.lk-item .session {margin: 0;color: gray;font-size: 11px;letter-spacing: 0.5px;}

.lk-right {float: right;width: 38%;}

.balance {display: flex;padding: 28px 0;box-sizing: border-box;margin-bottom: 30px;color: black;border-radius: 10px;background-color: #fefee6;flex-direction: column;align-items: center;}
.balance i {margin-bottom: 12px;font-size: 36px;}
.balance div {font-size: 23px;font-weight: 600;font-family: 'Comfortaa', sans-serif;letter-spacing: 0.5px;}
.balance span {display: block;margin-top: 6px;color: black;}
.balance span > a {display: inline-block;margin-left: 6px;color: black;border-bottom: 1px solid;}
.balance span > a:hover {color: var(--mcol);}

.lk-right .notice {padding: 18px;background-color: #fdfdfd;}
.lk-right .notice b {color: #333;font-size: 17px;}
.lk-right .notice span {display: flex;margin-top: 12px;font-size: 14px;flex-direction: row;align-items: center;}
.lk-right .notice span i {margin: -3px 12px 0 0;color: var(--mcol);font-size: 27px;}

.lk-message a {display: block;padding: 18px 0;text-align: center;border-radius: 43px;}
.lk-message a.message {color: #333;font-size: 15px;background-color: #f6f6f6;}
.lk-message a.mail {color: #a6a6a6;letter-spacing: 0.7px;}
.lk-message a.mail i {margin-right: 8px;transform: scale(1.4);}
.lk-message a:hover {color: var(--mcol);}

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

/* blog */
.blog #allEntries > div {width: 48.2758621%;float: left;margin-right: 3.44827586%;}
.blog #allEntries > div:nth-child(2n) {margin-right: 0;}
.blog #allEntries > div:nth-child(2n+1) {clear: both;}
.blog article.post {padding: 20px;box-sizing: border-box;border-radius: 12px;box-shadow: 0 3px 12px rgb(0 0 0 / 7%);}
.post-image {position: relative;width: 100%;height: 280px;margin-bottom: 24px;border-radius: 4px;background-position: center;background-size: cover;}
.post-image a {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.post-block .categ {display: table;margin-bottom: 12px;color: var(--mcol);font-size: 14px;font-weight: 500;}
.post-block .categ i {margin-right: 4px;}
.post-block .name {display: table;margin-bottom: 12px;color: #333;font-size: 15px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.post-message {line-height: 24px;}
.post-message p {margin: 0;}
.post-block .data {display: table;width: 100%;margin-top: 28px;}
.post-block .data span {display: inline-block;float: left;margin-right: 20px;color: gray;}
.post-block .data span:last-child {float: right;margin-right: 0;}
.post-block .data span i {margin-right: 8px;transform: scale(1.5);}

.blog-page h2 {margin: 0 0 30px 0;font-size: 26px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.blog-page h3 {margin: 0 0 30px 0;font-size: 23px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.blog-page h4 {margin: 0 0 30px 0;font-size: 21px;font-weight: 600;font-family: 'Comfortaa', cursive;}

.blog-post-name {display: table;max-width: 80%;margin: auto auto 40px auto;text-align: center;}
.blog-post-name h1 {margin: 10px 0 18px 0;font-size: 29px;font-weight: 600;font-family: 'Comfortaa', cursive;}
.blog-post-name span {color: #767676;font-size: 14px;}
.blog-post-name span a {color: var(--mcol);}
.post-big-image {margin-bottom: 40px;text-align: center;}

.blog-page .blog-message > p {display: table;max-width: 65%;margin: 30px auto;color: #525252;font-size: 16px;line-height: 28px;}
.blog-page blockquote {font-size: 20px;line-height: 1.5;color: black!important;padding: 20px 30px;border-left: 3px solid var(--mcol);margin-left: 35px;}

/* subscribe */
.subscribe-block {padding: 44px 0;background-color: var(--mcol);overflow: hidden;}
.subscribe-block .cnt {position: relative;}
.subscribe-block .cnt::before {content: "\f3fe";position: absolute;z-index: 1;left: 28px;top: -25px;font-size: 194px;color: rgb(255 255 255 / 20%);font-family: 'Line Awesome Brands';}
.subscribe-block .cnt > div {position: relative;z-index: 2;}
.subscribe-block .e-title {float: left;line-height: 1;font-size: 36px;color: white;font-weight: 300;letter-spacing: -0.6px;}
.subscribe-content {float: left;width: 350px;margin-left: 30px;line-height: 24px;color: rgb(255 255 255 / 95%);font-size: 14px;padding: 16px 0 16px 30px;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;height: 50px;border: none;background-color: white;}
.form-email input[type="text"] {width: 270px;margin-right: 10px;}
.form-email input[type="submit"] {background-color: #ffe110;}
.form-email input[type="submit"]:hover {color: black;background-color: #e7e7e7;}

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

footer {padding-top: 60px;border-top: 1px solid #f6f6f6;}
footer #sitelogo a {line-height: 40px;color: var(--mcol);}
footer .accordion-item {display: table;float: right;}
footer .accordion-item .text-block {display: table;float: left;margin-right: 48px;}
footer .accordion-item .text-block:last-child {margin-right: 0;}
footer .accordion-item .text-block i {float: left;margin-right: 18px;line-height: 40px;color: var(--yellow);font-size: 38px;}
footer .accordion-item .text-block .media-body {float: left;}
footer .accordion-item .text-block p {margin: 0;line-height: 20px;}
footer .cols {display: table;width: 100%;padding: 60px 0 40px 0;}
footer .cols .col4 {width: 17.0940171%;margin-right: 40px;}
footer .cols .col4:nth-child(4) {display: flex;width: 38.2051282%;height: 200px;margin-right: -1px;border: 2px solid #f6f6f6;border-radius: 8px;flex-direction: row;flex-wrap: wrap;align-items: center;align-content: center;}
.col-footer-name {margin-bottom: 18px;color: #333;font-size: 18px;font-weight: 500;}
footer .links li {border-bottom: 1px dotted rgba(0,0,0,0.07);}
footer .links li:last-child {border-bottom: 0;}
footer .links a {display: inline-block;width: 100%;padding: 14px 0;color: #666;}
footer .links a:hover {color: var(--mcol);}
footer .bottom {display: table;width: 100%;padding: 22px 0;color: gray;line-height: 40px;border-top: 1px solid #eee;}
footer .bottom a {color: var(--mcol);}

footer .mini-post {display: flex;width: 100%;flex-direction: row;align-content: center;justify-content: flex-start;align-items: center;margin: 0 16px;}
footer .mini-post:nth-child(1) {margin-bottom: 16px;padding-bottom: 16px;border-bottom: 2px solid #f6f6f6;}
footer .mini-post .image {float: left;}
footer .mini-post .image img {height: 54px;margin-right: 18px;border-radius: 4px;}
footer .mini-post .post-text a {display: table;color: #333;font-size: 14px;margin-bottom: 6px;}
footer .mini-post .post-text a:hover {color: var(--mcol);}
footer .mini-post span {display: table;font-size: 12px;color: gray;}
footer .mini-post span i {margin-right: 8px;transform: scale(1.4);}

.mobile-button {margin-top: 17px;margin-left: 50px;}
.mobile-button i {width: 50px;height: 50px;line-height: 51px;color: #333;font-size: 20px;text-align: center;border-radius: 2px;background-color: var(--yellow);}
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;}
.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;}


/* keyframes */
@keyframes tabs-active {from {opacity: 0.7;} to {opacity: 1;}}
@keyframes rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
@keyframes order-fast {from {opacity: 0.7;top: calc(50% - 220px);} to {opacity: 1;top: calc(50% - 200px);}}
@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;}}
@keyframes m-menu-active {from {right: -315px;} to {right: 0;}}

/* media */
@media (min-width: 1440px) {
 .cnt {max-width: 1380px;}
 #searchtop input[type="text"] {width: 380px;}
 .head .uMenuV ul li > a {padding: 0 28px;}
 .service .col3 {padding: 24px 26px;}
 #slider .owl-dots {left: 48px;}
 .slide-content {padding: 78px 48px;}
 .list-item {width: 201.6px;}
 .list-item:nth-child(4n) {margin-right: 18px;}
 .list-item:nth-child(4n+1) {clear: none}
 .list-item:nth-child(5n) {margin-right: 0;}
 .catalog-page #content .list-item {width: 22.9166667%;margin-right: 2.77777778%;}
 .catalog-page #content .list-item:nth-child(3n) {margin-right: 2.77777778%;}
 .catalog-page #content .list-item:nth-child(4n) {margin-right: 0;}
 .top .left span, footer .accordion-item .text-block {margin-right: 58px;}
 .subscribe-content {margin-left: 38px;padding: 16px 0 16px 38px;}
 .form-email input[type="text"] {width: 300px;}
}

@media (max-width: 1180px) {
 .main-menu nav, #searchtop {display: none;}
 .mobile-button {display: block!important;}
 .cnt {width: 88%;}
 .top .left {float: none;}
 .main-menu {float: left;}
 #shop-basket > a {margin-right: -16px;}
 #shop-basket > a i span {right: 0;}
 .service .col3 {padding: 18px 20px;text-align: center;}
 .service .col3 i {display: block;float: none;margin-right: 0;margin-bottom: 12px;opacity: 0.4;color: var(--mcol);}
 .service .col3 .name {font-size: 13px;}
 #content {width: 71.7948718%;}
 #sidebar {width: 25.6410256%;}
 #slider .owl-dots {left: 30px;}
 .slide-content {padding: 82px 30px;}
 .slide-content > .text {font-size: 33px;}
 .list-item {width: 32%;margin-right: 2%;}
 .list-item:nth-child(3n) {margin-right: 0;}
 .list-item:nth-child(4n) {margin-right: 2%;}
 .list-item:nth-child(4n+1) {clear: none;}
 .list-item:nth-child(3n+1) {clear: both;}
 .list-item .image > a {height: 280px;}
 .list-item .image img {max-height: 280px;}
 .subscribe-block .box {display: table;margin: auto;}
 .form-email {display: table;float: none;width: 60%;margin: 20px auto 0;}
 .form-email input[type="text"] {width: calc(100% - 152px);}
 .subscribe-block .cnt::before {left: calc(50% - 100px);top: auto;bottom: -30px;}
 footer .cols .col4 {width: 20%;margin-right: 10%;}
 footer .cols .col4:nth-child(4) {display: none;}
 .lastv .list {display: flex;overflow: auto;}
 .lastv .list > div {display: flex;}
 .lastv .list-item {width: 207px;margin-right: 18px;}
 .post-image {height: 200px;}
}

@media (max-width: 1024px) {
 .items-carousel, .tabs-body, .items-section .scroll {display: flex;overflow: auto;}
 .items-carousel > div, .items-section .scroll > div, .tabs-body > div.active {display: flex;width: auto;margin-left: 0;}
 .tabs-body > div.active {display: flex!important;}
 .items-carousel::-webkit-scrollbar, .tabs-body::-webkit-scrollbar, .items-section .scroll::-webkit-scrollbar {display: none;}
 .description .tabs-body > div.active {display: block!important;}
 .list-item {width: 207px;margin-right: 18px;}
 .items-carousel .list-item, .tabs-body .list-item {width: 207px;margin-right: 18px!important;}
 #content, #sidebar {float: none;width: 100%;}
 .block-categs, .block {float: left;width: 38%;margin: 0 4% 40px 4%;}
 .block:nth-child(2n+1) {clear: both;}
 .b-title {padding-top: 4px;padding-bottom: 12px;}
 footer #sitelogo {float: none;margin-bottom: 26px;text-align: center;}
 footer .accordion-item {float: none;margin: auto;}
 footer .cols .col4 {width: 28%;margin-right: 8%;}
 footer .cols .col4:nth-child(3) {margin-right: 0;}
 footer .cols .col4:nth-child(4) {width: 100%;height: 80px;margin-top: 32px;clear: both;}
 #shop-basket > a {pointer-events: none;}
 .order-data {width: 100%;float: none;}
 .order-details .outcome {display: table;position: static;width: 100%;max-width: 400px;margin: 40px auto 0;}
 .checkout-body #order-table .order-item td {padding: 12px;}
 .lk-right {display: none;}
 .post-image {height: 240px;}
}

@media (max-width: 920px) {
 header > .top, .block-categs, .image-list .sub {display: none;}
 footer .bottom .left, footer .bottom .payments, .image-list .main {float: none;}
 #slider {margin-top: 40px;}
 #sidebar {display: table;margin-bottom: 10px;}
 .block {width: 48%;margin: 0 4% 30px 0;}
 .block:nth-child(3n) {margin-right: 0;clear: none;}
 footer .bottom {text-align: center;}
 .payments {display: table;margin: 18px auto 0;}
 .image-list .main {width: 100%;}
 .owl-loaded .img-item {display: flex!important;}
 .g-vertical .owl-dots {position: absolute;left: 0;bottom: 6%;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: 48px;background-color: var(--mcol);opacity: 0.4;}
 .post-image {height: 220px;}
 #order-fast {top: auto;bottom: 0;}
}

@media (max-width: 760px) {
 .image-list, .item-page .column, .form-email input[type="text"], .form-email input[type="submit"] {width: 100%;}
 .image-list, .item-page .column, .subscribe-block .e-title, .subscribe-content {float: none}
 #slider .owl-dots {top: 8px;left: 22px;}
 .slide {height: 360px;}
 .slide-content {padding: 50px 22px;height: 360px;}
 .slide-content > span {font-size: 11px;}
 .slide-content > .text {margin: 12px 0;font-size: 27px;line-height: 30px;}
 .slide-content .circle-button {margin-top: 1%;}
 .list-item .image > a {height: 250px;}
 .list-item .image img {max-height: 250px;}
 .service .col3 {width: 100%;float: none;margin: 0 0 18px;padding: 16px 22px;text-align: left;border-radius: 6px;background-color: #f6f6f6;}
 .subscribe-block .e-title {margin-bottom: 12px;text-align: center;}
 .subscribe-content {max-width: 80%;margin: auto;width: auto;padding: 0;border-left: 0;text-align: center;}
 .subscribe-block .cnt:before {bottom: 56px;}
 .form-email {width: 100%;max-width: 400px;}
 .form-email input[type="text"] {margin-right: 0;margin-bottom: 12px;}
 footer #sitelogo {text-align: left;margin-bottom: 40px;}
 footer .cols {padding: 0;}
 .col-footer-name {margin-bottom: 12px;}
 footer .cols .col4 {width: 100%;float: none;margin: 0 0 40px 0;}
 footer .accordion-item {width: 100%;margin-bottom: 14px;}
 footer .accordion-item .text-block {width: 100%;float: none;margin-bottom: 26px;}
 footer .bottom {line-height: 22px;}
 .g-vertical {height: 370px;}
 .image-list .main img {max-height: 370px;}
 .image-list {margin-bottom: 30px;}
 .sort {padding: 0;}
 #flist-item-price {float: none;margin-top: 16px;}
 .catalog-page #content .list-item:nth-child(3n) {margin-right: 4%;}
 .catalog-page #content .list-item {width: 48%;margin-right: 4%;}
 .catalog-page #content .list-item:nth-child(2n) {margin-right: 0;}
 .catalog-page #content .list-item:nth-child(3n+1) {clear: none;}
 .catalog-page #content .list-item:nth-child(2n+1) {clear: both;}
 .checkout-body #order-table .order-head, .index #invoice_cont tr:first-child {display: none;}
 .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, .index #invoice_cont td {display: inline-block;/* width: 100%; *//* padding: 14px 22px; */box-sizing: border-box;border: none;}
 td[class="order-item-price nowrap"] {opacity: 0;}
 .order-item-cnt input, .order-fields form {width: 100%;}
 .checkout-body #order-table .order-item-img img {width: auto;max-width: max-content;height: 92px;}
 .post-image {height: 175px;}
}

@media (max-width: 650px) {
 #sidebar {margin-bottom: 10px;}
 .block {width: 100%;float: none;margin: 0;margin-bottom: 30px;}
 .b-title {padding: 16px 0;}
 #back-to-top {display: none;}
 .catalog-page #content .list-item .image > a {height: 250px;}
 .catalog-page #content .list-item .image img {max-height: 250px;}
 .methods-list tr {width: 100%;margin-left: 0!important;margin-bottom: 18px!important;}
 .methods-list tr:last-child {margin-bottom: 0!important;}
 .post-image {height: 145px;}
}

@media (max-width: 590px) {
 .head-user, .path span > span:before, .path span > span:after {display: none}
 #sitelogo a {font-size: 24px;}
 .main-menu {float: right;}
 #shop-basket {margin-left: 16px;}
 .mobile-button {margin-left: 32px;}
 #slider {margin-top: 30px}
 .slide, .slide-content {height: 280px;}
 .slide-content > .text {width: 80%;margin: 12px 0;font-size: 23px;line-height: 28px;}
 .slide-content > span.price {font-size: 17px;}
 .slide-content > p {max-width: 65%;margin: 8px 0;font-size: 12px;}
 .slide-content .circle-button {margin-left: 11px;transform: scale(0.7);}
 #slider .owl-dots {top: 10px;}
 #slider .owl-dots button {width: 8px;height: 8px;}
 .service {margin: 30px 0;}
 .service .col3 {margin: 0 0 14px;padding: 16px 18px;}
 .block {padding: 8px 18px;}
 .description .title-tabs {width: 100%;}
 .description .title-tabs span {float: none;width: 100%;margin: 0;box-sizing: border-box;}
 .path .cnt > span {width: 100%;}
 .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;width: 100%;padding-left: 16px;color: var(--mcol);font-size: 16px;}
 .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;}
 .processed .buttons > * {width:100%;float: none;box-sizing: border-box;margin: 0;margin-bottom: 8px;}
 .blog #allEntries > div {width: 100%;float: none;margin: 0 0 40px 0;}
 .post-image {height: 260px;}
 #order-fast {left: 0;width: 100%;}
}

@media (max-width: 470px) {
 .slide, .slide-content {height: 210px;}
 .slide-content {padding: 42px 18px;}
 #slider .owl-dots button {width: 6px;height: 6px;}
 #slider .owl-dots button.active {width: 42px;opacity: 0.4;}
 .slide-content > .text {margin: 10px 0;font-size: 16px;line-height: 21px;}
 .slide-content > span.price {font-size: 14px;}
 .slide-content > p {font-size: 10px;}
 .slide-content .circle-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;border: none;opacity: 0;transform: none;}
 .item-page .column .basket-button, #quick-order {width: 100%;float: none}
 .item-page .column .basket-button > *, #quick-order {width: 100%!important;text-align: center;padding: 0;}
 .item-page .column .button .basket:before, .basket-button a:before {left: calc(50% - 66px);}
 #quick-order {padding: 0;}
 .catalog-page #content .list-item .image > a {height: 210px;}
 .catalog-page #content .list-item .image img {max-height: 210px;}
 #flist-item-price > * {float: left;width: 48%;margin-left: 0;}
 #flist-item-price #price_max {margin-left: 4%;margin-bottom: 8px;}
 #flist-item-price > button:nth-last-child(2) {margin-left: 4%;}
 #order-total-line input, .order-fields form div {width: 100%;float: none;margin-left: 0;}
 #order-total-line input[type="button"] {margin-bottom: 8px;}
 .order-fields form div {margin-left: 0!important;}
 .post-image {height: 200px;}
}

.item-page .column .button .basket.done, .basket-button a {
 display: block;
}

a.button.color.big {
 background: #4d7600;
 color: #fff;
 padding: 10px 20px;
 border-radius: 10px;
}

a.button.color.big:hover {
 background: #000;
}

.list-item .name {
 min-height: 38px;
}

@media (max-width: 590px){
#sitelogo a {
 font-size: 18px;
}}


@media (max-width:768px) {
.m-none {display:none!important;}
}


.shop-header__name {
 flex: 1 1;
 font-size: 17px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: -.34px;
 line-height: 129%;
}

.shop-header__name {
 border: 1px solid #bebebe;
 border-radius: 8px;
 padding: 3px;
 text-align: center;
 font-size: 14px;
}

.blockbanner {
 display: grid;
 grid-template-columns: auto auto auto;
 grid-template-rows: auto auto;
 grid-auto-flow: row;
 gap: 9px;
 margin-bottom: 0px;
 margin-top: 8px;
}


.coupon-btn {
 border: 1px solid #bebebe;
 border-radius: 8px;
 padding: 3px;
 text-align: center;
 font-size: 14px;
}

.blockbanner .item1 {
 grid-column: span 2;
 background: #F8F7F5;
}

.blockbanner a {
 text-decoration: none;
 color: #000;
}


.item {
 border: 1px solid #bebebe;
 border-radius: 8px;
 padding: 3px;
 text-align: center;
 font-size: 14px;
}

.item {
 background: #F8F7F5;
 display: flex;
 justify-content: center;
 align-items: center;
}

.header1 {
 margin-top: 20px;
}
.chips-card__title, .chips-chip {
 font-size: 12px;
 font-weight: 700;
 line-height: 1.5;
 text-align: center;
}

.chips-chip {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.chips-chip {
 background-color: #f8f7f5;
 border-radius: 10px;
 cursor: pointer;
 max-width: 20rem;
 padding: 8px 12px;
 user-select: none;
}
.chips-menu__list {
 align-items: flex-start;
 display: flex;
 gap: 10px;
 justify-content: flex-start;
 padding-left: var(--tgs-indent);
 padding-right: var(--tgs-indent);
}

.chips-menu {
 display: flex;
 margin: 16px 0 0;
 overflow-x: auto;
 scrollbar-width: none;
}
.chips-menu--type_chip {
 min-height: 34px;
}
div#chips_cats {
 margin-top: 30px;
}


a.button.color1.big {
 background: #f07800;
 color: #fff;
 padding: 10px 20px;
 border-radius: 10px;
}


a.button.color1.big:hover {
 background: #000;
}

.hits-m {margin-top:30px;}


@media (max-width:768px) {
.hits-m .list-item {
 width: 48%;
 margin-right: 4%;
 }
 
.hits-m .list-item:nth-child(2n) {
 margin-right: 0;
}
 .hits-m .list-item:nth-child(3n+1) {
 clear: none;
}
 
 .hits-m .list-item:nth-child(2n + 1) {
 margin-right: 4%;
}
 .hits-m .list-item:nth-child(4n+1) {
 clear: none;
}
}


.serch {
 margin-top: 30px;
}
 
 
 .serch input[type="text"] {
 width: calc(100% - 80px);
 float: left;
 border-radius: 10px;
}

.serch input[type="submit"] {
 float: right;
 border-radius: 10px;
}
 
@media (min-width:768px) {
 .d-none {display:none!important;}
}
.state center a{
 background: #4d7600;
 color: #fff;
 padding: 10px 20px;
 border-radius: 10px;
}


.button-shop{
 margin: 12px 8px 0 8px;
 background-color: #40a7e3;
 border-radius:10px; 

 text-align: center;
}
.button-shop:hover{
 background-color: #1493dd;
}
.button-link-test{
 padding: 12px 0;
 color: white;
 display:inline-block;
 width:100%;
}
.text
{
 max-height: 57px;
 overflow: hidden;
 /* -webkit-mask-image: linear-gradient(to bottom,black 60%,transparent 80%);
 mask-image: linear-gradient(to bottom,black 60%,transparent 80%); */
}



/* Общие стили для формы */
.order-fields {
 width: 70%; /* Ширина формы */
 margin: 0; /* Снимаем центрирование */
 box-sizing: border-box;
}

.order-fields .title {
 margin-bottom: 20px;
 font-size: 18px;
 font-weight: bold;
 text-align: left; /* Выравнивание заголовка */
}

/* Стили для блоков полей */
.order-fields form {
 display: block; /* Блочная структура */
 width: 100%; /* Полная ширина формы */
}

.order-fields form div {
 /* width: 100%; */ /* Блоки на всю ширину */
 margin-bottom: 15px; /* Вертикальный отступ между блоками */
}

.order-fields form div label {
 display: block; /* Метки над полями */
 margin-bottom: 5px; /* Отступ до инпута */
 font-size: 14px;
 color: #333;
}

/* Стили для инпутов */
.order-fields input {
 all: unset; /* Полный сброс всех стилей инпута */
 display: block;
 width: 100%;
 /* height: 50px; */ /* Чёткая высота */
 padding: 10px; /* Внутренние отступы */
 font-size: 15px;
 color: #333;
 border: 1px solid #ddd; /* Граница */
 border-radius: 4px; /* Скруглённые углы */
 background-color: #fff; /* Белый фон */
 box-sizing: border-box; /* Учёт padding в общей ширине */
}

.order-fields input:focus {
 border-color: #007bff;
 outline: none;
 box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* Стили для скрытых элементов */
.order-fields form div.hidden {
 display: none;
}

/* Метки и подписи в других блоках */
.order-fields .methods-list .label {
 margin: 0 0 10px 14px;
 color: #777;
 font-size: 14px;
 font-weight: 400;
}