@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');

* {
 outline: none
}

::selection {
 color: var(--text-btn)
}

::-webkit-scrollbar {
 display: none;
}

html,
body {
 margin: 0;
 padding: 0;
 height: 100%
}

textarea,
input {
 outline: none;
 resize: none;
 box-sizing: border-box
}

img,
a img {
 border: none;
 outline: none
}

a {
 text-decoration: none;
 color: #7a7a7a;
 transition: all .3s ease
}

a:hover {
 color: var(--text-color)
}

b {
 font-weight: 600
}

body {
 font-size: 13px;
 line-height: 18px;
 color: #5a5a5a;
 font-weight: 400;
 font-family: "Montserrat", sans-serif !important; !important;
 --text-color: #040b21; 
 --background-color: #fff;
 --backg-btn: #f2f2f2;
 --text-btn: #fff; 
 --border: 1px solid #ededed; 
 --border-radius: 15px;
 --border-radius-min: 24px; 
}

body.noscroll {
 overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0 0 20px;
 padding: 0;
 color: var(--text-color);
 font-family: "Montserrat", sans-serif !important;;
 font-weight: 700;
 text-transform: uppercase;

}

h1 {
 font-size: 26px;
}

aside ul,
aside ol,
aside li {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none
}

textarea {
 overflow: auto;
 border: var(--border);
 background: transparent; 
 color: var(--text-color);
 min-height: 36px;
 padding: 6px 15px;
 font-size: 13px;
 font-family: "Montserrat", sans-serif !important;;
 box-sizing: border-box;
 transition: all .3s ease;
 font-weight: 400;
 border-radius: 0;
 -webkit-appearance: none
}

textarea:focus {
 border: 1px solid #040b21
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 font-size: 13px;
 border: var(--border);
 color: var(--text-color);
 height: 42px;
 padding: 0 20px;
 font-family: "Montserrat", sans-serif !important;;
 box-sizing: border-box;
 transition: all .2s ease;
 font-weight: 400;
 border-radius: 0;
 -webkit-appearance: none;
 background: transparent
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
 border: none;
 color: var(--text-btn);
 height: 36px;
 text-transform: uppercase;
 padding: 0 20px;
 font-family: "Montserrat", sans-serif !important;;
 cursor: pointer;
 font-size: 12px;
 box-sizing: border-box;
 transition: all .3s ease;
 -webkit-appearance: none
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
 background-color: var(--backg-btn);
 color: var(--text-color)
}

button .la {
 margin-right: 5px
}

select {
 display: flex;
 color: var(--text-color);
 background: var(--backg-btn);
 border: var(--border);
 cursor: pointer;
 font-size: 13px;
 font-family: "Montserrat", sans-serif !important;;
 height: 42px;
 padding: 0 20px;
 box-sizing: border-box;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNkFGNUM5QjJCNDkxMUU4QUY2MkQxNkZENzRCQzZFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkFEN0I5MjA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkFEN0I5MTA3MEYxMUVBQThDQkRGN0UyQTY1NzEzNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTRkOWRmNS00MTYxLTRhNGMtYjg3Ny0yMzE1MDM5MjJiZWUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDZBRjVDOUIyQjQ5MTFFOEFGNjJEMTZGRDc0QkM2RUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Zx2b3AAAAVUlEQVR42mJQVFQMZcABgHJKIPz//38GUjETUL8xUHMHNkOB1CoGMgHT/fv3K6AGdWAxNAwof48cgxmRDIMZPAvdUJDXSHYxjAFzORDspsSlMAAQYAAX00SOx3SJ8wAAAABJRU5ErkJggg==);
 background-position: right center;
 background-repeat: no-repeat;
 -ms-appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0;
 align-items: center;
}

select::-ms-expand {
 display: none
}

select:focus {
 outline: none
}

@supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) {
 input[type="checkbox"] {
 width: 13px;
 height: 13px;
 background-color: transparent;
 border: var(--border);
 border-radius: 0;
 cursor: pointer;
 position: relative;
 margin: 0 3px 4px 0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: 0;
 min-width: 13px;
 min-height: 13px;
 box-sizing: border-box !important;
 vertical-align: middle
 }

 input[type="checkbox"]:checked,
 input[type="checkbox"]:checked:hover {
 background-color: var(--text-color);
 border-color: var(--text-color)
 }

 input[type="checkbox"]:checked:before {
 content: '';
 display: block;
 width: 6px;
 height: 9px;
 background: transparent;
 border-radius: 0;
 border: 2px solid transparent;
 border-bottom-color: var(--text-btn);
 border-right-color: var(--text-btn);
 position: absolute;
 top: -3px;
 left: 0px;
 -webkit-transform: rotate(43deg);
 -ms-transform: rotate(43deg);
 transform: rotate(43deg);
 }
 
 .order-field input[type="checkbox"]:checked:before {
 width: 7px;
 height: 12px;
 top: -2px;
 left: 2px;
 }

 input[type="radio"] {
 display: inline-block;
 width: 13px;
 min-width: 13px;
 height: 13px;
 padding: 3px;
 border: var(--border);
 border-radius: 50%;
 cursor: pointer;
 vertical-align: middle;
 margin: 3px 3px 4px 0;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 outline: 0;
 position: relative;
 box-sizing: border-box !important
 }

 input[type="radio"]:hover,
 input[type="checkbox"]:hover {
 border: 1px solid #040b21
 }

 input[type="radio"]:checked {
 border-color: var(--text-color);
 background: transparent
 }

 input[type="radio"]:checked:before {
 content: '';
 display: block;
 height: 8px;
 width: 8px;
 border-radius: 50%;
 background-color: var(--text-color);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%)
 }

 input[type="checkbox"]:disabled,
 input[type="radio"]:disabled {
 cursor: default;
 opacity: .4;
 background-color: var(--backg-btn)
 }
}

@supports(-ms-ime-align:auto) {
 input[type="radio"] {
 -webkit-appearance: radio;
 width: auto;
 height: auto
 }

 input[type="checkbox"] {
 -webkit-appearance: checkbox;
 width: auto;
 height: auto;
 min-width: unset;
 min-height: unset
 }
}

p {
 margin: 0;
 padding: 0
}

.oh {
 overflow: hidden
}

.cnt {
 width: 1570px;
 margin: 0 auto
}

.clr:after {
 content: '';
 display: block;
 clear: both
}

.col2 {
 width: 49.044585%
}

.col3 {
 width: 32.059447%
}

.col4 {
 width: 23.566878%
}

.col5 {
 width: 18.471337%
}

.col6 {
 width: 15.074309%
}

#content .col2 {
 width: 48.799999%
}

#content .col3 {
 width: 31.733333%
}

#content .col4 {
 width: 23.199999%
}

#content .col5 {
 width: 18.079999%
}

#content .col6 {
 width: 14.666666%
}

.col2,
.col3,
.col4,
.col5,
.col6 {
 margin-bottom: 20px;
 margin-right: 1.910828%;
 float: left
}

#content .col2,
#content .col3,
#content .col4,
#content .col5,
#content .col6 {
 margin-right: 2.399999%
}

.col2:nth-child(2n),
.col3:nth-child(3n),
.col4:nth-child(4n),
.col5:nth-child(5n),
.col6:nth-child(6n) {
 margin-right: 0
}

#content .col2:nth-child(2n),
#content .col3:nth-child(3n),
#content .col4:nth-child(4n),
#content .col5:nth-child(5n),
#content .col6:nth-child(6n) {
 margin-right: 0
}

.col2:nth-child(2n+1),
.col3:nth-child(3n+1),
.col4:nth-child(4n+1),
.col5:nth-child(5n+1),
.col6:nth-child(6n+1) {
 clear: left
}

.col2 *,
.col3 *,
.col4 *,
.col5 *,
.col6 * {
 max-width: 100%
}

.button {
 display: inline-block;
 padding: 0 20px;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: 500;
 border-radius: 0;
 box-sizing: border-box
}

.button.small {
 height: 30px;
}

.button.medium {
 height: 36px;
}

.button.big {
 height: 40px;
}

.button.huge {
 height: 40px
}

.button i {
 margin-left: 10px;
 margin-right: -2px;
 font-size: 12px
}

.button span {
 font-size: 16px;
 vertical-align: sub;
 margin-right: 4px
}

.button.light {
 background: #ffa36a;
 color: var(--text-btn);
}

.button.light:hover {
 background: var(--backg-btn);
 color: var(--text-color);
}

.button.dark {
 background: #040b21;
 color: #ededed
}

.button.dark:hover {
 background: var(--backg-btn);
 color: var(--text-color)
}

.button.white {
 background: #fff;
 color: #a7a7a7;
 border: var(--border)
}

.button.white:hover {
 background: var(--backg-btn);
 color: var(--text-color)
}

.button.color {
 color: var(--text-btn);
 cursor: pointer
}

.button.color:hover {
 background: var(--backg-btn);
 color: var(--text-color)
}

.button.color2 {
 color: var(--text-btn);
 background: #ff9351
}

.button.color2:hover {
 background: var(--backg-btn);
 color: var(--text-color)
}

.button.color3 {
 color: var(--text-color)
}

.button.color3:hover {
 background: var(--backg-btn);
 color: var(--text-color)
}

.button.disabled {
 background: #f5f5f5 !important;
 color: #a7a7a7 !important;
 cursor: default !important
}

#wrapper {
 background: #fff;
 overflow: hidden;
 max-width: 1920px;
 margin: 0 auto
}

#header {
 min-height: 100px;
 position: relative;
 z-index: 999;
 transition: box-shadow .3s ease
}

#header.fixed {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 background: #fff;
 box-shadow: 0 0 20px #0000001a
}

.header-bottom {
 height: 100px;
 display: none
}

.h-cnt {
 position: relative;
 display: flex;
 align-items: center;
 gap: 16px
}

.h-cnt2 {
 position: relative;
 display: flex;
 align-items: center;
 gap: 30px;
 padding: 30px 0;
 margin-left: 30px
}

.logo {
 margin-left: 12px;
}

.shc {
 position: relative
}

.shc-button {
 display: flex;
 font-weight: 600;
 gap: 4px;
 color: var(--text-btn)fff;
 background: #ff9351;
 box-sizing: border-box;
 padding: 6px 10px;
 border-radius: var(--border-radius);
 overflow: hidden;
 position: relative;
 text-transform: uppercase;
 align-items: center;
}

.shc-button:hover {
 color: var(--text-btn) !important;
 background: #040b21; 
}

.shc-button i.las {
 font-size: 16px;
}

.shc-more {
 display: block;
 padding-top: 10px;
 padding-bottom: 10px;
 position: relative;
 z-index: 2;
 color: var(--text-color)
}

.shc-more:hover {
 padding-left: 10px
}

.shc-more i {
 float: right;
 font-size: 16px;
 position: relative;
 top: 2px
}

.shc-block .cat-tree {
 color: var(--text-color)
}

.shc-block .cat-tree a {
 color: var(--text-color)
}

.shc-block .cat-tree u {
 text-decoration: none !important
}

.shc-block>ul.cat-tree>li:last-child {
 border-bottom: none
}

.shc-block ul.cat-tree ul {
 display: none;
 padding-left: 10px;
 margin: 10px 0 0 10px;
 border-left: 1px solid
}

.shc-block ul.cat-tree b {
 display: none
}

.shc-block ul li,
.shc-block ul.cat-tree li {
 padding-top: 15px;
 padding-bottom: 15px;
 position: relative
}

.shc-block ul.cat-tree li {
 padding-top: 12px;
 padding-bottom: 12px;
 position: relative
}

.shc-block>ul.cat-tree>li {
 border: 0;
 margin-top: 1px
}

.shc-block ul.cat-tree li ul li {
 border-color: #ededed
}

.shc-block ul.cat-tree li ul li:last-child {
 border: none
}

.shc-block ul.cat-tree li ul li a {
 color: var(--text-color)
}

.shc-block ul.cat-tree a:hover {
 padding-left: 10px
}

.shc-block ul.cat-tree .plus:before,
.shc-block ul.cat-tree .minus:before {
 display: inline-block;
 font-family: 'Line Awesome Free';
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 font-size: 15px;
 float: right;
 color: var(--text-color);
 cursor: pointer;
 transition: color .2s ease;
 width: 28px;
 height: 28px;
 text-align: center;
 border-radius: 50%;
 padding: 0;
 color: var(--text-color);
 font-weight: 900;
 transition: all .3s ease
}

.shc-block>ul.cat-tree .plus:before,
.shc-block>ul.cat-tree .minus:before {
 color: var(--text-color)
}

 .shc-block ul.cat-tree .plus:before {
 content: "\f067"
 }

.shc-block ul.cat-tree .minus:before {
 content: "\f068"
}

.h-icons {
 display: flex;
 gap: 30px;
 position: absolute;
 right: 0;
 align-items: center
}

.s-block {
 float: left
}

.s-show {
 font-size: 20px;
 color: var(--text-color);
 cursor: pointer;
 padding: inherit;
 transition: all .3s ease
}

.s-form {
 display: none;
 position: absolute;
 left: 0;
 width: 100%;
 height: 60px;
 background: #fff;
 box-sizing: border-box;
 box-shadow: 0 0 20px #0000001a;
 z-index: 100;
 border-radius: var(--border-radius);
 overflow: hidden;
}

.s-select {
 float: left;
 margin-top: 18px;
 height: 24px;
 border: 0;
 background-color: var(--text-btn);
 border-right: 1px solid #ededed;
 padding: 0 45px 0 25px;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAHCAYAAABp0096AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNkFGNUM5QjJCNDkxMUU4QUY2MkQxNkZENzRCQzZFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QkJEODU3MzIzNTUxMUVBQURBQkQ4NjlBOTFGRTY4NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QkJEODU3MjIzNTUxMUVBQURBQkQ4NjlBOTFGRTY4NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMjc4OWE1OC1jNDdlLWM2NDYtOGQ3MC00N2YzMWIzNDVmYjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZBRDdCOTIwNzBGMTFFQUE4Q0JERjdFMkE2NTcxMzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76BXe7AAAAd0lEQVR42mL8//8/w0ACJoYBBkxKSkrGQLybkZGRARsGyoUC8UyaOeD+/ftngfRZRUXF3eiSQLFQINUBxJ00DwqgZR3IjgBZDsR3gVgJxAelFVpgRnRHACljIF4NxOVA7AoMoXswB9ACMGILCSAVimw5LR0AEGAAVN1k6RhIGDcAAAAASUVORK5CYII=)
}

.s-form form {
 float: left;
 width: calc(100% - 70px)
}

input.s-keyword {
 width: 100%;
 height: 60px;
 border: 0;
 box-shadow: none
}

span.s-close {
 float: right;
 height: 24px;
 padding: 0 20px;
 border-left: 1px solid #ededed;
 cursor: pointer;
 margin-top: 18px;
 font-size: 20px;
 color: var(--text-color);
 transition: color .3s ease
}

.u-block {
 float: left;
 position: relative
}

.u-show {
 font-size: 22px;
 color: var(--text-color);
 cursor: pointer;
 padding: inherit;
 transition: all .3s ease
}

.u-body {
 display: none;
 position: absolute;
 top: 36px;
 right: -20px;
 width: 270px;
 padding: 20px;
 background: #fff;
 box-sizing: border-box;
 box-shadow: 0 0 20px #0000001a;
 text-align: center;
 border-radius: var(--border-radius)
}

.u-body:before {
 content: '';
 display: block;
 width: 14px;
 height: 14px;
 position: absolute;
 top: -5px;
 right: 25px;
 background: #fff;
 transform: rotate(-45deg)
}

.u-photo {
 width: 70px;
 border-radius: 50%;
 margin-bottom: 10px
}

.u-body b {
 color: var(--text-color);
 font-weight: 600
}

.u-login {
 margin-top: 5px;
}

.u-login a {
 display: inline-block
}

.u-login span {
 padding: 0 5px
}

.u-list {
 list-style: none;
 border-top: 1px solid #ededed;
 margin: 20px 0 -6px;
 padding: 15px 0 0;
 text-align: left
}

.u-list li {
 display: flex;
 margin: 0;
 padding: 6px 0;
 color: var(--text-color);
 align-items: center;
}

.u-list li .la, .u-list li .las {
 width: 33px;
 font-size: 20px;
 color: #ff9351;
 vertical-align: middle
}

.u-list li a {
 color: var(--text-color)
}

.u-list #shop-currency,
.u-list #shop-currency form {
 display: inline
}

.u-list select {
 display: inline;
 height: 18px;
 border: 0;
 background-color: var(--text-btn);
 padding: 0 30px 0 2px;
}

#shop-basket {
 float: left;
 position: relative
}

.b-show {
 font-size: 20px;
 color: var(--text-color);
 cursor: pointer;
 transition: all .3s ease
}

.b-num {
 display: flex;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 font-size: 8px;
 font-weight: 600;
 color: var(--text-btn);
 text-align: center;
 position: absolute;
 top: -8px;
 right: -8px;
 align-items: center;
 justify-content: center;
}

.b-body {
 display: none;
 position: absolute;
 top: 36px;
 right: -22px;
 width: 370px;
 background: #fff;
 box-sizing: border-box;
 box-shadow: 0 0 20px #0000001a;
 max-height: 620px;
 border-radius: var(--border-radius);
 z-index: 999
}

.b-body:hover {
 display: block !important;
 visibility: visible !important;
}

.b-body:before {
 content: '';
 display: block;
 width: 14px;
 height: 14px;
 position: absolute;
 top: -5px;
 right: 25px;
 background: #fff;
 transform: rotate(-45deg)
}

.basket-goods {
 padding: 0;
 margin: 0;
 list-style: none
}

.basket-goods li {
 margin: 0;
 padding: 20px;
 overflow: hidden;
 position: relative;
 box-sizing: border-box
}

.basket-goods li:nth-child(even) {
 background: #fafafa
}

.basket-goods-image {
 float: left;
 width: 70px;
 border-radius: var(--border-radius);
 box-sizing: border-box
}

.basket-goods-body {
 margin-left: 90px;
 max-width: 200px
}

.basket-goods-body>a {
 display: inline-block;
 font-size: 13px;
 color: var(--text-color)
}

.basket-goods-options {
 font-size: 11px
}

.basket-goods-price {
 color: var(--text-color);
 font-size: 15px;
 font-weight: 600;
 display: inline-block;
 padding-top: 5px
}

i.basket-goods-remove {
 position: absolute;
 right: 15px;
 top: 20px;
 cursor: pointer;
 font-size: 20px;
 color: red;
 transition: all .3s ease
}

i.basket-goods-remove:hover {
 color: var(--text-color)
}

.basket-amount {
 border-top: 1px solid #fafafa;
 color: var(--text-color);
 padding: 30px 0 20px;
 text-align: center;
 font-size: 15px;
 font-weight: 600;
 text-transform: uppercase
}

.basket-buttons {
 display: flex;
 text-align: center;
 align-items: center;
 padding: 0 16px 30px;
 gap: 16px;
 justify-content: center
}

.basket-remove {
 margin-left: 2px
}

.slider-section {
 margin-bottom: 20px
}

#slider-wrap {
 width: 100%;
 position: relative;
 float: left;
 overflow: hidden;
 border-radius: 0
}

#slider-wrap:before {
 content: '';
 display: block;
 padding-top: 44.585987261%;
 overflow: hidden
}

#slider,
.slide,
.slide-content {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 width: 100%;
 height: 100%;
 z-index: 3
}

#slider {
 background: var(--backg-btn)
}

.slide * {
 max-width: 100%
}

.slide {
 background-size: cover;
 background-position: center
}

.slide-text {
 position: absolute;
 top: 185px;
 left: 100px
}

.slide-text-1 {
 margin-bottom: 25px
}

.slide-text-1 span {
 font-size: 18px;
 font-weight: 600;
 padding-left: 5px
}

.slide-text-2 {
 display: block;
 font-size: 48px;
 font-weight: 700;
 color: var(--text-color);
 text-transform: uppercase;
 margin-bottom: 40px
}

.slide-text-3 {
 margin-bottom: 50px;
}

.p-title {
 max-width: 800px;
 position: relative
}

.p-title p {
 margin-left: 40px;
}

.p-title>span {
 display: block;
 width: 24px;
 height: 1px;
 background: #040b21;
 position: absolute;
 top: 8px;
}

.p-title>span:before {
 content: '';
 display: block;
 width: 12px;
 height: 1px;
 background: #040b21;
 transform: rotate(45deg);
 position: absolute;
 top: -4px;
 right: -2px;
}

.p-title>span:after {
 content: '';
 display: block;
 width: 12px;
 height: 1px;
 background: #040b21;
 transform: rotate(-45deg);
 position: absolute;
 bottom: -4px;
 right: -2px;
}

span.slide-arrow {
 position: absolute;
 bottom: 30px;
 left: 50%;
 z-index: 10;
 font-size: 12px;
 cursor: pointer;
 color: var(--text-btn);
 width: 23px;
 height: 23px;
 line-height: 23px;
 border-radius: 50%;
 background: #040b21;
 text-align: center;
 transition: all .3s ease
}

span.slide-arrow.la-arrow-left {
 margin-left: -25px
}

span.slide-arrow.la-arrow-right {
 margin-left: 3px
}

span.slide-arrow:hover {
 color: var(--text-color);
 background: #fff !important
}

.banner {
 position: relative
}

.banner img {
 vertical-align: bottom;
 width: 100%
}

.banner-text {
 position: absolute;
 top: 60px;
 left: 60px;
 backdrop-filter: blur(2px)
}

.banner-text-1 {
 margin-bottom: 20px
}

.banner-text-2 {
 font-size: 20px;
 font-weight: 700;
 text-transform: uppercase;
 color: var(--text-color);
 line-height: normal;
 margin-bottom: 40px
}

.section {
 padding-top: 30px;
 padding-bottom: 30px
}

.section.no-padding {
 padding-top: 0;
 padding-bottom: 0
}

.title {
 padding-bottom: 40px
}

.new-goods .list-item {
 float: left;
 width: 100%;
 margin-bottom: 20px
}

.g-image {
 position: relative;
 overflow: hidden
}

.g-image img {
 max-width: 100%;
 vertical-align: bottom
}

.g-notes {
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 2
}

.g-notes>span {
 display: flex !important;
 width: max-content;
 margin-bottom: 4px;
 height: 20px;
 padding: 0 10px;
 text-transform: uppercase;
 text-align: center;
 color: var(--text-btn);
 font-size: 8px;
 font-weight: 500;
 align-items: center;
 justify-content: center;
 border-radius: var(--border-radius-min);
}

.g-notes>span.g-new {
 background: #94ff57;
 color: #000 !important
}

.g-notes>span.g-sale {
 background: red !important
}

.g-other5 {
 background: #294bc6
}

.g-buttons {
 position: absolute;
 z-index: 2;
 top: 5px;
 right: 5px;
 transition: all .3s ease
}

.g-button {
 position: relative
}

.g-compares {
 width: 30px;
 height: 30px;
 top: 55px;
 right: 10px;
 position: absolute;
 z-index: 9;
 transition: all .3s ease
}

.g-favorit {
 top: 10px;
 right: 10px;
 position: absolute;
 z-index: 9;
 transition: all .3s ease
}

.g-buttons .wish, .g-buttons .compare-widget {
 width: 36px !important;
 height: 36px !important;
 font-size: 18px !important
}

.g-buttons .g-favorit, .g-buttons .g-compares {
 width: 36px !important;
 height: 36px !important
}

.g-favorit-name, .g-button-name, .g-compares-name {
 position: absolute;
 display: flex;
 top: -9999px;
 right: 50px;
 padding: 0 12px;
 height: 20px;
 min-width: max-content;
 border-radius: var(--border-radius);
 background: #040b21;
 color: var(--text-btn);
 font-size: 8px;
 font-weight: 600;
 text-transform: uppercase;
 opacity: 0;
 white-space: nowrap;
 transition: right .3s ease, opacity .3s ease;
 justify-content: center;
 align-items: center
}

.g-favorit-name:after, .g-button-name:after, .g-compares-name:after {
 content: '';
 position: absolute;
 display: block;
 width: 5px;
 height: 5px;
 background: #040b21;
 transform: rotate(45deg);
 right: -2px;
 top: calc(50% - 2px)
}

.g-button:hover .g-button-name {
 top: 6px;
 right: 40px;
 opacity: 1;
 z-index: 9999
}

.g-favorit:hover .g-favorit-name,
.g-compares:hover .g-compares-name {
 top: 8px;
 right: 45px;
 opacity: 1;
 z-index: 9999
}

.list-item .g-favorit:hover .g-favorit-name, 
.list-item .g-compares:hover .g-compares-name {
 top: 2px;
 right: 35px;
 font-size: 7px;
}

.g-favorit .wish {
 display: flex;
 width: 25px;
 height: 25px;
 line-height: normal; 
 text-align: center;
 cursor: pointer;
 color: var(--text-color);
 background: #fff;
 border-radius: 50%;
 font-size: 15px;
 box-sizing: border-box;
 font-family: 'Line Awesome Free';
 box-shadow: 0 0 15px #0000000d;
 transition: all .3s ease;
 justify-content: center;
 align-items: center
}

.g-favorit .wish:hover {
 color: #ff9351
}

.g-favorit .wish.wadd:before {
 content: '\f004'
}

.g-favorit .wish.wdel:before {
 content: '\f004';
 color: red;
 font-weight: 900
}

.g-compares .compare-widget {
 display: flex;
 width: 30px;
 height: 30px;
 padding-top: 1px;
 text-align: center;
 cursor: pointer;
 color: var(--text-color);
 background: #fff;
 border-radius: 50%;
 font-size: 15px;
 box-sizing: border-box;
 font-family: 'Line Awesome Free';
 box-shadow: 0 0 15px #0000000d;
 transition: all .3s ease;
 justify-content: center;
 align-items: center
}

.g-compares .compare-widget:hover {
 color: #ff9351
}

.g-compares .compare-widget.compare-widget-add:before {
 content: '\f1de';
 font-weight: 900
}

.g-compares .compare-widget.compare-widget-remove:before {
 content: '\f00c';
 font-weight: 900
}

.g-button .g-basket-add {
 display: flex;
 width: 32px;
 height: 32px;
 padding: 0px;
 cursor: pointer;
 color: var(--text-color);
 background: var(--backg-btn);
 border-radius: 50%;
 transition: all .3s ease;
 justify-content: center;
 align-items: center;
}

.g-button .g-basket-add svg {
 height: 14px;
}

.g-button .g-basket-add svg:hover {
 fill: #fff
}

.g-button .g-basket-add a {
 color: var(--text-color)
}

.g-button .g-basket-add:hover a {
 color: var(--text-btn)
}

.g-info {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 8px
}

.g-name {
 color: var(--text-color);
 font-weight: 500;
 text-transform: uppercase; 
 display: block;
 height: 38px;
 overflow: hidden;
}

.g-brief {
 display: none;
}

.g-price {
 font-size: 15px;
 font-weight: 600;
}

.g-price s {
 padding-left: 3px;
 font-size: 11px;
 font-weight: 400;
 color: #a7a7a7
}

.text-block {
 padding-bottom: 30px
}

.text-block-left {
 float: left;
 width: 50%;
 vertical-align: bottom
}

.text-block-right {
 float: right;
 width: 50%;
 position: relative
}

.text-block-right img {
 width: 100%;
 vertical-align: bottom
}

.text-block-text {
 position: absolute;
 top: 125px;
 left: 100px
}

.gcarouselwrap {
 position: relative
}

.gcarouselbody {
 position: relative;
 z-index: 2
}

.gcarouselbody * {
 max-width: none !important
}

.gcarouselbody .list-item * {
 max-width: 100% !important
}

.gcarouselbody .list-item .g-button-name {
 max-width: none !important
}

.owl-item {
 padding-left: 16px;
 box-sizing: border-box
}

.owl-carousel {
 cursor: move
}

.gcarousel {
 margin-left: -20px
}

.gcarousel .list-item {
 width: auto !important;
 margin: 0 0 30px !important;
 float: none !important;
 clear: none !important
}

span.gcarouselarrow {
 background: var(--backg-btn);
 cursor: pointer;
 width: 30px;
 height: 30px;
 line-height: 30px;
 cursor: pointer;
 color: var(--text-color);
 font-size: 12px;
 transition: all .3s ease;
 position: absolute;
 top: -30px;
 margin-top: -30px;
 text-align: center;
 box-sizing: border-box;
 z-index: 5;
 border-radius: 0
}

.gcarouselarrow.prev {
 right: 33px
}

.gcarouselarrow.next {
 right: 0
}

span.gcarouselarrow:hover {
 color: var(--text-btn);
 background: #212121
}

.blog-informer span.gcarouselarrow {
 top: 30px
}

.post-image {
 float: left;
 width: 52.866242038%;
 padding: 30px;
 box-sizing: border-box;
 position: relative
}

.post-image img {
 width: 100%;
 position: relative;
 z-index: 2;
 vertical-align: bottom
}

.post-image:before,
.post-image:after {
 content: '';
 display: block;
 width: 24.096385542%;
 height: 34.48275862%;
 opacity: .3;
 position: absolute
}

.post-image:before {
 top: 0;
 left: 0
}

.post-image:after {
 bottom: 0;
 right: 0
}

.post-text {
 float: right;
 width: 42.675159235%;
 padding: 80px 70px 0 0;
 box-sizing: border-box
}

.post-date {
 margin-bottom: 16px;
 padding-bottom: 16px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 6px;
 border-bottom: var(--border);
}

.post-date span {
 display: flex;
 gap: 4px;
}

.post-date span .las, .pp-details span .las, .post-date span .lar {
 font-size: 18px;
}

.post .h-title a {
 color: var(--text-color)
}

#footer {
 margin-top: 20px;
 background: #040b21;
 padding-bottom: 50px;
 color: var(--text-btn)
}

#footer a {
 color: var(--text-btn)
}

.f-blocks {
 padding-top: 50px;
 padding-bottom: 20px;
 border-bottom: 1px solid #ffffff0d
}

.f-logo {
 vertical-align: bottom
}

.f-contact {
 overflow: hidden;
 margin-bottom: 8px;
}

.f-contact>i {
 float: left;
 font-size: 18px
}

.f-contact>p {
 margin-left: 30px
}

#footer a.f-soc {
 font-size: 24px;
 display: inline-block;
 margin-top: 10px;
 margin-right: 7px
}

#footer a.f-soc:hover {
 color: var(--text-btn)
}

.f-bottom {
 padding-top: 30px;
 padding-bottom: 30px;
 position: relative;
}

.f-copy {
 float: left
}

.f-author {
 float: right
}

.f-athemes i {
 font-size: 20px;
 vertical-align: middle;
 margin-top: -1px;
 padding-left: 5px;
 padding-right: 3px
}

.f-athemes a {
 text-decoration: underline
}

.f-athemes a:hover {
 text-decoration: none
}

.path {
 text-align: center;
 color: var(--text-color);
 position: relative;
 border: var(--border)
}

.path a {
 color: var(--text-color)
}

.path img {
 width: 100%;
 vertical-align: bottom
}

.path-text {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 30px;
 z-index: 2;
 padding: 0 30px;
 box-sizing: border-box;
 font-size: 12px;
 text-align: left
}

.path-text h1 {
 font-size: 30px;
 margin-bottom: 15px;
 letter-spacing: 6px;
 margin-block: 8px !important;
 font-family: "Poiret One", sans-serif !important
}

.path-text i {
 font-size: 12px;
 padding: 0 7px;
 vertical-align: middle
}

#content {
 float: right;
 width: 78.343949044%
}

#sidebar {
 float: left;
 width: 18.471337579%;
 border: var(--border);
 padding: 28px 28px 0;
 box-sizing: border-box
}

#sidebar:after {
 content: '';
 display: block;
 clear: both
}

.shop-page-descr {
 margin-bottom: 20px;
 padding: 15px;
 border: var(--border)
}

.shop-page-descr a {
 text-decoration: underline
}

.shop-page-descr a:hover {
 color: var(--text-color)
}

.goods-settings {
 overflow: hidden;
 padding-bottom: 30px;
}

.goods-sorter {
 display: flex;
 float: right;
 height: 38px;
 padding: 0px 16px;
 border: var(--border);
 align-items: center;
 justify-content: center;
}

.goods-sorter a.active {
 color: var(--text-color);
 font-weight: 500
}

.goods-view-mode {
 float: left
}

.goods-view-mode>span {
 display: block;
 float: left;
 margin-right: 6px;
 width: 48px;
 height: 38px;
 border: 1px solid #dadada;
 background-color: #dadada;
 cursor: pointer;
 transition: all .3s ease
}

.goods-view-mode>span.goods-view-mode-grid {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3REEyQjY3M0M0MzExRTk4Nzk5QUZENzI1Q0IxQ0ZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3REEyQjY4M0M0MzExRTk4Nzk5QUZENzI1Q0IxQ0ZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTdEQTJCNjUzQzQzMTFFOTg3OTlBRkQ3MjVDQjFDRkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTdEQTJCNjYzQzQzMTFFOTg3OTlBRkQ3MjVDQjFDRkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4HNWGzAAAAVklEQVR42uzXsQoAIAgFwIz+/5etsTlaxHtTLsGBbzDyZBTOHMUDAAAAAAAAANAZsD79E9c7H2YrVDZR/aDRAR3QAR3Qgd4dsEIAAAAAAAAAnQFbgAEAu9QcP8KWkT4AAAAASUVORK5CYII=)
}

.goods-view-mode>span.goods-view-mode-list {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNzAzNzEzM0M0MzExRTlBN0VGODMxRDQ4MDM1MDFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNzAzNzE0M0M0MzExRTlBN0VGODMxRDQ4MDM1MDFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM3MDM3MTEzQzQzMTFFOUE3RUY4MzFENDgwMzUwMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM3MDM3MTIzQzQzMTFFOUE3RUY4MzFENDgwMzUwMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6BvLWsAAAAVUlEQVR42uzTMQ4AEBAEQMT/v3yUQqGhELMVjWRiN0dPejglPR4AAAAAAAAAgJ8B9dA7eTjHdN8lVEiF1hqEDdiADdiADdiAHwAAAAAAAAAAuJsmwADcMxBOjQ7jeQAAAABJRU5ErkJggg==)
}

.goods-view-mode>span.goods-view-mode-active {
 cursor: default !important;
 background-color: var(--text-color);
 border-color: var(--text-color);
 cursor: default !important
}

.pages {
 overflow: hidden;
 padding-top: 30px;
 border-top: 1px solid #ededed
}

.sh-pages-left {
 float: left
}

.sh-pages-right {
 float: right
}

#shop-page-more button {
 color: var(--text-color);
 font-weight: 600;
 font-size: 11px;
 color: var(--text-btn)
}

#shop-page-more button i {
 margin-left: 10px;
 font-size: 11px
}

#shop-page-more button:hover {
 color: var(--text-color)
}

#content .list-item {
 float: left;
 width: 100%;
 margin-bottom: 20px
}

#content .list-item:nth-child(4n) {
 margin-right: 0
}

#content .list-item:nth-child(4n+1) {
 clear: left
}

#content .list-item-view-mode-list .list-item {
 float: none;
 width: 100%;
 margin-right: 0;
 overflow: hidden
}

#content .list-item-view-mode-list .list-item .g-image {
 float: left;
 width: 190px
}

#content .list-item-view-mode-list .list-item .g-info {
 margin-left: 220px;
}

#content .list-item-view-mode-list .list-item .g-name {
 font-size: 17px;
 margin-bottom: 15px;
 display: inline-block
}

#content .list-item-view-mode-list .list-item .g-brief {
 display: block;
 margin-bottom: 20px
}

#content .list-item-view-mode-list .list-item .g-price {
 font-size: 18px
}

#content .filters-block.for-mobile {
 width: 100%;
 float: none;
 padding: 30px;
 border: var(--border);
 box-sizing: border-box;
 margin-bottom: 20px
}

.block {
 padding-bottom: 30px
}

.block:after {
 content: '';
 display: block;
 clear: both
}

.block img {
 max-width: 100%;
 border-radius: var(--border-radius);
}

.block-title {
 font-size: 15px;
 color: var(--text-color);
 font-weight: 600;
 text-transform: uppercase;
 padding-bottom: 20px
}

.block-body .flist-item {
 margin-bottom: 5px
}

.block-body .flist-label {
 display: block;
 color: #212121;
 font-size: 12px;
 margin-bottom: 7px
}

.block-body select.flist-select {
 width: 100%
}

.block-body #price_min {
 width: 49%;
 float: left;
 margin-bottom: 12px
}

.block-body #price_max {
 width: 49%;
 float: right;
 margin-bottom: 12px
}

.block-body #flist-item-price button[onclick^="cancelPriceFilter"] {
 width: 100%;
 margin-top: 5px
}

.block-body #flist-item-price button[onclick^="setPriceFilter"] {
 width: 100%
}

.block-body #shop-currency-select {
 width: 100%
}

.lpop {
 overflow: hidden;
 padding-bottom: 20px;
 border-top: 1px solid #ededed;
 padding-top: 20px
}

.lpop:first-child {
 padding-top: 0;
 border-top: 0
}

.lpop img {
 float: left;
 border-radius: 8px;
 width: 50px
}

.lpop-name {
 margin-left: 65px;
 color: var(--text-color);
 display: block;
 font-size: 12px;
 font-weight: 500
}

.lpop-price {
 margin-left: 65px;
 margin-top: 10px;
 font-size: 15px;
 font-weight: 600
}

.lpop-price s {
 font-size: 11px;
 color: #a7a7a7;
 font-weight: 400;
 padding-left: 5px
}

.block-body li {
 position: relative;
 padding-left: 20px;
 margin-top: 15px
}

.block-body li:first-child {
 margin-top: 0
}

.block-body li:before {
 content: '\f061';
 font-family: 'Line Awesome Free';
 font-weight: 900;
 position: absolute;
 top: 1px;
 left: 0;
 color: var(--text-color);
 font-size: 12px
}

.block-body li a {
 color: #7a7a7a
}

.block-body li a:hover {
 color: var(--text-color)
}

.clear-filter {
 width: 100%;
 text-align: center;
 font-weight: 600
}

.gp {
 overflow: hidden;
 margin-bottom: 50px
}

.gp-images {
 float: left;
 width: 390px;
 position: relative;
 line-height: 0;
 border-radius: 0;
 overflow: hidden;
 text-align: center
}

.gp-images img {
 max-width: 100%;
 cursor: pointer;
 transition: all .3s ease;
 border-radius: var(--border-radius);
 box-sizing: border-box
}

.gp-images img:hover {
 opacity: .8
}

.gp-images .big {
 margin-bottom: 10px
}

.gp-images .small {
 float: left;
 width: 23.076923076%;
 margin-right: 2.564102564%;
 margin-bottom: 10px
}

.gp-images .small:nth-child(4n) {
 margin-right: 0
}

.gp-info {
 margin-left: 420px
}

.gp-title {
 font-size: 20px;
 font-weight: 700;
 color: var(--text-color);
 text-transform: uppercase;
 margin-bottom: 20px
}

.gp-more-spec {
 display: inline-block;
 text-decoration: underline;
 margin-top: 10px
}

.gp-rate-art {
 padding: 20px 0;
 border-bottom: 1px solid #ededed;
 overflow: hidden;
 margin-bottom: 20px
}

.gp-rate {
 float: left
}

.gp-rate span {
 display: flex;
 float: left;
 gap: 4px;
 margin-right: 15px;
}

.gp-art {
 float: right;
 color: var(--text-color);
 font-weight: 500
}

.gp-more {
 display: flex;
 margin-bottom: 20px;
 align-items: center;
}

.gp-price {
 float: left;
 margin-right: 20px;
 font-size: 24px;
 font-weight: 700;
 color: var(--text-color)
}

.gp-price s {
 font-size: 11px;
 font-weight: 400;
 color: #a7a7a7
}

.gp-stock {
 display: flex;
 color: var(--text-color);
 align-items: center
}

.g-info .gp-stock {
 margin: 8px 0;
 font-size: 11px
}

.g-info .gp-stock i {
 font-size: 13px
}

.gp-stock i {
 font-size: 16px;
 margin-right: 4px;
 vertical-align: top
}

.gp-wish {
 float: left;
 margin-right: 20px
}

.gp-wish .wish {
 cursor: pointer;
 color: var(--text-color)
}

.gp-wish .wish.wadd:before {
 font-family: 'Line Awesome Free';
 content: '\f004';
 display: inline-block;
 margin-right: 6px;
 font-size: 20px;
 vertical-align: top
}

.gp-wish .wish.wadd:after {
 content: 'В желания'
}

.gp-wish .wish.wdel:before {
 font-family: 'Line Awesome Free';
 content: '\f00d';
 font-weight: 900;
 display: inline-block;
 margin-right: 6px;
 font-size: 20px;
 vertical-align: top
}

.gp-wish .wish.wdel:after {
 content: 'Убрать'
}

.gp-compare {
 float: left
}

.gp-compare .compare-widget {
 cursor: pointer;
 color: var(--text-color)
}

.gp-compare .compare-widget.compare-widget-add:before {
 content: '\f1de';
 font-weight: 900;
 font-family: 'Line Awesome Free';
 display: inline-block;
 margin-right: 6px;
 font-size: 20px;
 vertical-align: top
}

.gp-compare .compare-widget.compare-widget-add:after {
 content: 'Сравнить'
}

.gp-compare .compare-widget.compare-widget-remove:before {
 content: '\f00d';
 font-weight: 900;
 font-family: 'Line Awesome Free';
 display: inline-block;
 margin-right: 6px;
 font-size: 20px;
 vertical-align: top
}

.gp-compare .compare-widget.compare-widget-remove:after {
 content: 'Не сравнивать'
}

.gp-options {
 margin-bottom: 20px
}

.gp-options .opt {
 display: block;
 font-size: 12px;
 color: var(--text-color)
}

.gp-options>ul>li {
 margin-bottom: 5px;
 overflow: hidden
}

.gp-options label {
 position: relative;
 padding: 10px 15px;
 float: left;
 margin-right: 5px
}

.gp-options label input[type="radio"] {
 width: 100%;
 border-radius: 0;
 position: absolute;
 top: 0;
 left: 0;
 height: 34px;
 transition: all .3s ease;
 border-width: 1px
}

.gp-options label input[type="radio"]:before {
 display: none
}

.gp-options .val select {
 float: left;
 width: 70%;
 box-sizing: border-box
}

.gp-buttons a {
 margin-right: 2px
}

.gp-buttons a span.las {
 font-size: 20px;
 vertical-align: middle;
 margin-top: -5px
}

.icon-block {
 float: left;
 padding: 30px 50px;
 box-sizing: border-box;
 border: var(--border);
 width: 31.707317073%;
 margin-right: 2.43902439%;
 margin-bottom: 20px;
 overflow: hidden;
 transition: all .3s ease
}

.icon-block .las {
 font-size: 20px;
}

.icon-block:nth-child(3n) {
 margin-right: 0
}

.icon-block:nth-child(3n+1) {
 clear: left
}

.icon-block>i {
 float: left;
 width: 30px;
 text-align: center;
 font-size: 30px;
 color: var(--text-color)
}

.icon-block>h4 {
 display: flex;
 gap: 8px;
 font-weight: 600;
 align-items: center;
}

a.more-arrow {
 display: inline-block;
 margin-top: 20px
}

a.more-arrow i {
 font-size: 20px;
 vertical-align: top;
 margin-right: 5px
}

.gp-more-goods {
 margin-top: 40px
}

.gp-title {
 font-size: 20px;
 font-weight: 700;
 color: var(--text-color);
 margin-bottom: 20px
}

.gp-descr {
 margin-top: 20px;
 margin-bottom: 40px
}

.gp-spec {
 padding-bottom: 30px
}

table.shop_spec {
 width: 100%;
 margin-top: -15px
}

.shop_spec_grp td {
 border-top: 0 !important;
 border-bottom: 1px dotted #dadada;
 font-weight: 400 !important;
 color: var(--text-color)
}

.shop_spec_grp_td_content {
 background: #fff;
 float: left;
 margin-bottom: -23px;
 padding: 15px 10px;
 margin-left: -10px
}

.shop_spec_grp td:last-child .shop_spec_grp_td_content {
 float: none
}

#gp-rev-anchor {
 margin-top: 20px
}

.gp-rev-head {
 display: flex;
 overflow: hidden;
 flex-direction: row-reverse;
 justify-content: space-between;
 align-items: center;
}

.gp-rev-head span {
 display: flex;
 gap: 4px;
}

.gp-rev-head .button {
 float: left
}

.gp-rev-head .gp-rev-head-rate {
 float: left;
 margin-left: 30px;
 color: var(--text-color);
 margin-top: -2px
}

.gp-rev-form {
 border: var(--border);
 padding: 26px;
 margin-top: 20px;
 border-radius: var(--border-radius);
}

.commReg {
display: flex;
 gap: 10px;
 flex-direction: column;
 align-items: center;
}

#fCode {
 text-align: center
}

.gp-rev-form {
 color: var(--text-color)
}

input.commFl,
textarea.commFl,
.prosFl,
.consFl,
.sidebox .loginField,
.postTextFl {
 width: 100%
}

.commTd2 b {
 color: var(--text-color)
}

.gp-rev-no-comments {
 text-align: center;
 padding: 20px;
 border: var(--border);
 border-radius: 0;
 margin-top: 20px;
 color: var(--text-color);
 font-size: 15px;
 font-weight: 500
}

.gp-rev-comment {
 margin-top: 20px
}

.gp-rev-comment-text {
 padding: 26px;
 border-radius: var(--border-radius);
 position: relative;
 color: var(--text-color);
 border: var(--border)
}

.gp-rev-comment-text:after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #ededed;
 position: absolute;
 bottom: -10px;
 left: 58px
}

.gp-rev-comment-text .shop-pros {
 display: block;
 padding: 16px 20px;
 border-radius: 0;
 background: #f0fef2
}

.gp-rev-comment-text .shop-pros>b {
 color: var(--text-color);
 display: block
}

.gp-rev-comment-text .shop-cons {
 display: block;
 padding: 16px 20px;
 border-radius: 0;
 background: #fff6f6
}

.gp-rev-comment-text .shop-cons>b {
 color: var(--text-color);
 display: block
}

.gp-rev-comment-bottom {
 overflow: hidden;
 padding-top: 15px
}

.gp-rev-comment-user {
 overflow: hidden;
 float: left
}

.gp-rev-comment-user>img {
 float: left;
 width: 30px;
 border-radius: 100px
}

.gp-rev-comment-user-name {
 margin-left: 45px;
 margin-top: 5px
}

.gp-rev-comment-user-name>b {
 font-size: 15px;
 color: var(--text-color)
}

.gp-rev-comment-rating {
 float: right
}

.gp-rev-comment-rating b {
 color: var(--text-color)
}

.gp-gp-rev-comment-rating-yes {
 display: inline-block;
 margin-left: 25px;
 margin-right: 10px;
 color: #15ba0c
}

.gp-gp-rev-comment-rating-no {
 display: inline-block;
 margin-left: 10px;
 color: #f33737
}

.block-body .catsTd {
 position: relative;
 padding-left: 20px;
 padding-top: 15px
}

.block-body .catsTd:before {
 content: '\f061';
 font-family: 'Line Awesome Free';
 font-weight: 900;
 position: absolute;
 top: 16px;
 left: 0;
 color: var(--text-color);
 font-size: 12px
}

.block-body .catsTd a {
 color: #7a7a7a
}

.block-body .catsTd a:hover {
 color: var(--text-color)
}

.block-body .catsTd .catNumData {
 float: right
}

.block-body .catsTable tr:first-child .catsTd {
 padding-top: 0
}

.block-body .catsTable tr:first-child .catsTd:before {
 top: 1px
}

.post-wrap {
 padding-bottom: 40px
}

.post-wrap .post-text {
 padding-top: 40px;
 padding-right: 0
}

.post-wrap:nth-child(even) .post-image {
 float: right
}

.post-wrap:nth-child(even) .post-text {
 float: left
}

.pp-image {
 line-height: 0;
 overflow: hidden;
 position: relative;
 display: block;
 border-radius: 0 0 0 0
}

.pp-image img {
 max-width: 100% !important
}

.pp-text {
 padding-top: 20px
}

.pp-name {
 font-size: 17px;
 color: var(--text-color);
 text-transform: uppercase;
 font-weight: 700;
 margin-top: 20px;
}

.pp-name a {
 color: var(--text-color)
}

.pp-details {
 display: flex;
 padding: 16px 0;
 border-top: var(--border);
 border-bottom: var(--border);
 margin-top: 16px;
 margin-bottom: 30px;
 justify-content: space-between;
}

.pp-details span, .pp-details span a {
 display: flex;
 align-items: center;
 gap: 4px;
}

.pp-brief {
 margin-bottom: 20px;
 display: flex;
 flex-direction: column;
}

.post-page {
 display: flex;
 flex-direction: column;
}

.post-page .post-image {
 width: 100% !important;
}

.pp-tags {
 border-top: var(--border);
 color: var(--text-btn);
 padding-top: 20px;
 margin-top: 20px;
 margin-bottom: -5px;
 margin-bottom: 50px
}

.pp-tags>b {
 display: block;
 margin-bottom: 10px;
 color: var(--text-color);
 font-size: 11px;
 text-transform: uppercase
}

.pp-tags .eTag {
 display: block;
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
 padding: 0 15px;
 font-size: 12px;
 color: var(--text-color);
 border-radius: 0;
 background: var(--backg-btn)
}

.pp-tags .eTag:hover {
 color: var(--text-btn);
 background: #040b21
}

.photo-list {
 list-style: none;
 padding: 0;
 margin: 0
}

.photo-wrap {
 margin-bottom: 40px
}

.photo {
 border-radius: 0
}

.photo-image img {
 vertical-align: bottom
}

.photo-name {
 font-size: 15px;
 color: var(--text-color);
 text-transform: uppercase;
 font-weight: 600;
 margin: 15px 0
}

.photo-name a {
 color: var(--text-color)
}

#phtOtherThumbs {
 position: relative
}

a#leftSwch {
 display: block;
 position: absolute;
 top: -42px;
 right: 35px;
 width: 30px;
 height: 30px;
 color: var(--text-btn) !important;
 text-align: center;
 background: #040b21;
 background-image: none !important;
 opacity: 1 !important;
 border-radius: 0
}

a#leftSwch:before {
 content: '\f104';
 font-family: 'Line Awesome Free';
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 text-align: center;
 font-size: 15px;
 font-weight: 900
}

a#rightSwch {
 position: absolute;
 top: -42px;
 right: 0;
 width: 30px;
 height: 30px;
 color: var(--text-btn) !important;
 text-align: center;
 background: #040b21;
 background-image: none !important;
 opacity: 1 !important;
 border-radius: 0
}

a#rightSwch:before {
 content: '\f105';
 font-family: 'Line Awesome Free';
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 text-align: center;
 font-size: 15px;
 font-weight: 900
}

a#leftSwch:hover,
a#rightSwch:hover {
 color: var(--text-color);
 background: var(--backg-btn) !important
}

.otherPhotoA img {
 opacity: 1 !important;
 box-sizing: border-box;
 transition: all .3s ease !important;
 border-radius: 0
}

.photoActiveA img {
 border: 5px solid #ededed;
 box-sizing: border-box;
 margin: -1px;
 border-radius: 0
}

.other-photos {
 font-size: 17px
}

.animate-wrap .ph-wrap {
 margin: 0 15px !important
}

#oldPhotos {
 margin: 0 -15px
}

span.ph-tc {
 display: block;
 padding: 1px 0
}

.about-image {
 float: left;
 width: 50.955414012%
}

.about-image img {
 max-width: 100%
}

.about-text {
 float: right;
 width: 44.585987261%
}

ul.circle {
 padding: 0;
 margin: 0;
 list-style: none
}

ul.circle li {
 position: relative;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 20px
}

ul.circle li:before {
 content: '';
 display: block;
 width: 5px;
 height: 5px;
 border-radius: 5px;
 background: #040b21;
 position: absolute;
 left: 0;
 top: 13px
}

ul.circle li.crossed-out {
 color: #dadada;
 text-decoration: line-through
}

ul.circle li.crossed-out:before {
 border-color: #dadada
}

.page-section {
 margin-top: 70px;
 margin-bottom: 70px
}

.about-text .p-title {
 max-width: none
}

ul.info-section-list {
 list-style: none;
 padding: 0;
 margin: 0
}

ul.info-section-list li {
 padding: 0 0 0 30px;
 margin: 0 0 30px;
 position: relative
}

ul.info-section-list li:before {
 content: '\f00c';
 font-family: 'Line Awesome Free';
 font-weight: 900;
 font-size: 15px;
 position: absolute;
 top: -2px;
 left: 0
}

ul.info-section-list li h3 {
 font-size: 15px;
 margin-bottom: 20px;
 color: var(--text-color)
}

.mail-form {
 margin-right: 420px
}

input.mf-field {
 box-sizing: border-box;
 height: 50px;
 float: left;
 width: 48.717948%;
 margin-right: 2.564102%;
 margin-bottom: 20px;
 border-color: #ededed;
 box-shadow: none
}

input.mf-field:nth-child(2n) {
 margin-right: 0
}

input.mf-field:nth-child(2n-1) {
 clear: left
}

textarea.mf-field {
 box-sizing: border-box;
 width: 100%;
 height: 142px;
 padding: 15px 20px;
 border-color: #ededed;
 margin-bottom: 20px;
 box-shadow: none
}

.contact-list {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 350px;
 color: var(--text-color);
 float: right
}

.contact-list a {
 color: var(--text-color)
}

.contact-list li {
 overflow: hidden;
 margin: 40px 0 0;
 padding: 0
}

.contact-list li:first-child {
 margin: 0
}

.contact-list li>i {
 float: left;
 display: inline-block;
 width: 36px;
 height: 36px;
 text-align: center;
 font-size: 36px
}

.contact-list li>span {
 display: block;
 margin-left: 60px
}

.contact-list li>span b {
 font-size: 15px;
 color: var(--text-color);
 display: inline-block;
 margin-bottom: 5px
}

.google-map {
 line-height: 0;
 margin-bottom: 20px
}

.google-map iframe {
 width: 100%;
 height: 350px;
 border-radius: 0
}

.section-404 {
 padding-top: 120px;
 padding-bottom: 160px;
 background: url(/img/bg-404.jpg) center bottom no-repeat
}

.er404 {
 text-align: center;
 font-size: 300px;
 line-height: 300px
}

.er404-title {
 text-align: center
}

.er404-title h2 {
 margin-bottom: 20px;
 font-size: 22px;
}

.er404-title p {
 max-width: 710px;
 margin: 0 auto
}

.f404 #footer {
 margin-top: 0
}

.fastLinks {
 display: none
}

.faq {
 margin-bottom: 15px;
 border-radius: 0;
 overflow: hidden
}

.faq-title {
 background: var(--backg-btn);
 padding: 20px;
 font-size: 15px;
 text-transform: uppercase;
 color: var(--text-color);
 overflow: hidden;
 cursor: pointer;
 position: relative;
 border-radius: 0 0 0 0;
 transition: all .3s ease
}

.faq-title b {
 display: block;
 padding-right: 40px;
 font-weight: 600
}

.faq-title span {
 position: absolute;
 top: 20px;
 right: 20px;
 display: block;
 float: right;
 width: 21px;
 height: 21px
}

.faq-title span:before {
 content: '';
 display: block;
 width: 21px;
 height: 1px;
 background: #040b21;
 position: absolute;
 top: 10px;
 left: 0
}

.faq-title span:after {
 content: '';
 display: block;
 width: 1px;
 height: 21px;
 background: #040b21;
 position: absolute;
 left: 10px;
 top: 0
}

.faq.opened .faq-title {
 color: var(--text-btn)
}

.faq.opened .faq-title span:before,
.faq.opened .faq-title span:after {
 background: #fff
}

.faq.opened .faq-title span:after {
 display: none
}

.faq-message {
 padding: 20px;
 background: #fff;
 border: 1px solid #f8f8f8;
 border-top: 0;
 display: none;
 border-radius: 0 0 0 0
}

.faq-title:hover {
 color: var(--text-btn)
}

.faq-title:hover span:before,
.faq-title:hover span:after {
 background: #fff
}

#tooltip {
 z-index: 9999;
 position: absolute;
 display: none;
 top: 0;
 left: 0;
 background: #fff;
 padding: 10px 20px;
 color: var(--text-color);
 box-shadow: 0 0 20px #0000001a
}

#order-table,
#order-table * {
 max-width: none;
 box-sizing: border-box
}

#order-table .order-item-nom {
 display: none;
 width: 0
}

#order-table {
 border-collapse: collapse;
 border-spacing: 0;
 box-sizing: border-box;
 border: var(--border);
 border-radius: 0 0 0 0
}

#order-table,
#order-table * {
 border-collapse: collapse;
 border-spacing: 0;
 box-sizing: border-box
}

#order-table td {
 padding: 8px;
 border: 1px solid #f4f4f4
} 

#order-table thead {
 background: #f1f1f1
}

#order-table thead th {
 text-align: center;
 padding: 0 15px;
 color: var(--text-color);
 font-weight: 500
}

#order-table tbody tr td:nth-child(2) {
 border-left: none
}

#order-table tbody tr td:last-child {
 border-right: none
}

#order-table td.order-item-img {
 line-height: 0
}

.order-item-name {
 max-width: 50% !important;
 width: 100%;
}

#order-table td.order-item-name,
#order-table td.order-item-name a {
 color: var(--text-color)
}

#order-table thead th.order-head-price {
 width: 120px
}

#order-table td.order-item-price {
 font-size: 13px;
 color: var(--text-color);
 max-width: none;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px
}

#order-table td.order-item-cnt {
 overflow: hidden
}

#order-table td.order-item-cnt>* {
 float: left;
 height: 36px;
 text-align: center
}

#order-table td.order-item-cnt input[type="text"] {
 width: 100px
}

.o-minus {
 display: flex;
 width: 36px;
 height: 36px;
 cursor: pointer;
 margin-right: -36px;
 position: relative;
 z-index: 2;
 text-align: center;
 font-size: 18px;
 color: var(--text-color);
 transition: color .3s ease;
 align-items: center;
 justify-content: center;
}

.o-plus {
 display: flex;
 width: 36px;
 height: 36px;
 cursor: pointer;
 margin-left: -36px;
 position: relative;
 z-index: 2;
 text-align: center;
 font-size: 18px;
 color: var(--text-color);
 transition: color .3s ease;
 align-items: center;
 justify-content: center;
}

.o-minus:hover,
.o-plus:hover {
 color: red
}

.o-minus::selection {
 background: #0000;
 color: inherit
}

.o-plus::selection {
 background: #0000;
 color: inherit
}

#order-table thead th.order-head-sum {
 width: 120px
}

#order-table td.order-item-sum {
 font-size: 13px;
 color: var(--text-color);
 max-width: none;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px
}

#order-table td.order-item-del .lar {
 font-size: 20px;
 color: var(--text-color);
 cursor: pointer;
 transition: all .3s ease
}

#order-table td.order-item-del .lar:hover {
 color: red !important
}

#order-table td.order-item-del input[type="checkbox"] {
 display: none
}

#order-table tbody tr:nth-last-child(2) td {
 border-bottom: 0
}

#order-table tbody tr:last-child {
 display: none
}

#order-table tbody tr:last-child td {
 border: none;
 padding: 20px
}

#order-but-continue {
 font-weight: 400;
 text-transform: uppercase;
 font-size: 11px;
 border: var(--border);
 background: #fafafa;
 color: var(--text-color);
 height: 36px;
 display: none
}

#order-but-continue:hover {
 background: #040b21;
 color: #f0f0f0;
 border-color: var(--text-color)
}

#order-but-recalc {
 height: 36px;
 margin-right: 30px;
 width: auto;
}

#order-table td.order-total:last-child {
 font-size: 16px;
 max-width: none;
 width: 150px;
 display: block;
 text-align: center;
 font-weight: 400;
 color: red;
 float: left
}

#order-total-line {
 padding: 10px;
 width: 99.9%;
 box-sizing: border-box;
 background: #fafafa;
 border: var(--border);
 border-top: 0;
 font-size: 16px;
 color: var(--text-color);
 text-align: right;
 overflow: hidden;
 margin-bottom: 10px;
 border-radius: 0 0 0 0
}

.order-page-title {
 margin-top: 40px;
 margin-bottom: 15px
}

#payments-list tr td,
#delivery-list tr td {
 padding-bottom: 10px
}

.payments-list-item {
 height: 16px;
 overflow: hidden
}

#payment-block-1 .payments-list-item {
 height: auto
}

.pl-text,
div[id^=delivery-descr] {
 background: #f4f4f4;
 box-sizing: border-box;
 padding: 20px !important;
 font-size: 12px;
 position: relative;
 margin-top: 12px;
 display: none;
 border-radius: var(--border-radius)
}

.pl-text:before,
div[id^=delivery-descr]:before {
 content: '';
 display: block;
 width: 12px;
 height: 12px;
 background: #f4f4f4;
 transform: rotate(-45deg);
 position: absolute;
 top: -5px;
 left: 15px
}

.label {
 cursor: pointer;
 font-weight: 500 !important;
 color: var(--text-color)
}

#checkout-form .label {
 cursor: default;
 margin-bottom: 2px;
 margin-top: 10px
}

#checkout-form textarea {
 height: 100px;
 width: 100% !important
}

#checkout-form select,
#checkout-form input[type="text"] {
 width: 100% !important
}

#checkout-form .checkbox {
 height: 20px;
 width: 20px;
 border-radius: 50%;
 margin-top: 10px !important;
 vertical-align: bottom !important;
}

hr.solid {
 background: none;
 border-top: 1px solid #ededed;
 margin: 15px 0
}

.order-total-span,
.order-total-sum-span {
 display: inline-block;
}

.order-total-sum-span {
 font-weight: 600;
 color: var(--text-color);
 font-size: 16px;
 padding-left: 3px
}

input#order-button {
 width: 100% !important;
 margin: 0 !important;
 text-align: center !important;
 box-sizing: border-box;
 height: 50px !important;
 font-size: 15px;
 font-weight: 500
}

.forumContent .gTable {
 border-radius: 0;
 background: #fcfcfc
}

.gTable {
 background: none;
 border-spacing: 0;
 overflow: hidden
}

.gTable td {
 padding: 5px 20px
}

.gTableTop {
 padding: 0 20px !important;
 color: var(--text-btn);
 text-decoration: none;
 font-size: 12px !important;
 text-transform: uppercase;
 background: #212121
}

.gTableTop a {
 color: var(--text-btn) !important;
 text-decoration: none;
 font-size: 12px
}

.gTableSubTop {
 padding: 5px 10px;
 font-size: 13px
}

.catLink {
 color: var(--text-btn) !important;
 font-size: 12px !important;
 text-transform: uppercase;
 font-weight: 500
}

.catLink:hover,
.gTableTop a:hover {
 color: var(--text-btn) !important
}

.funcBlock {
 padding-right: 10px
}

.forumIcoTd {
 text-align: center
}

.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
 padding: 5px 10px
}

.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd {
 vertical-align: middle;
 padding-left: 20px
}

.forumNameTd a {
 font-size: 12px;
 text-transform: uppercase;
 font-weight: 500
}

.forumNamesBar {
 padding-left: 10px !important
}

.frmBtns {
 text-align: right;
 padding-right: 10px
}

.legendTd {
 padding: 0 10px
}

.threadIcoTd,
.threadIcoTd {
 text-align: center;
 vertical-align: middle
}

.threadsDetails {
 padding: 5px
}

.postTdTop {
 text-align: center;
 padding: 5px
}

.postTdInfo {
 text-align: center
}

.posttdMessage {
 vertical-align: top;
 padding: 5px
}

.threadsDetails,
.postTdTop {
 background: none
}

.gTable tr {
 background: none
}

.gDivBottomRight {
 height: 50px
}

.pagesInfo {
 padding: 0 10px;
}

.switchActive {
 padding: 0 10px;
 color: var(--text-btn)
}

.postBottom {
 padding: 0 20px !important
}

#thread_search_form {
 position: relative;
 padding-bottom: 10px;
 overflow: hidden
}

#thread_search_button {
 position: absolute;
 top: 0;
 right: 0
}

.fNavLink {
 display: inline-block;
 margin-bottom: 20px
}

#forum_filter {
 text-align: right;
 padding-bottom: 10px;
 margin-top: -32px
}

#forum_filter form {
 display: inline-block
}

#filter_by {
 display: inline-block;
}

.postPreview,
#iplus,
.ucoz-editor-panel input,
.allUsersBtn,
.uSearchFlSbm {
 width: auto !important
}

#selectPhotosBtn,
#order-button {
 width: auto !important;
 height: auto !important
}

#thread_search_field {
 float: left !important;
 width: 165px !important
}

.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd,
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.postTdTop,
.postBottom {
 border-bottom: var(--border)
}

.postTdTop,
.postBottom {
 border-top: var(--border)
}

.gTableSubTop,
.pagesInfo {
 background: var(--backg-btn)
}

.gTableSubTop,
.gTableSubTop a {
 color: var(--text-color)
}

.postTdInfo {
 border-right: 1px solid #d8d8d8
}

.forumNameTd {
 color: #666
}

a.forum {
 color: var(--text-color)
}

.forumContent a:hover {
 color: var(--text-color)
}

.mobile-menu-container {
 display: none
}

@media (min-width:1280px) {
 .menu-icon {
 display: none
 }

 #menu {
 float: left;
 margin-top: 2px;
 text-align: center
 }

 #menu>div {
 display: inline-block;
 text-align: left
 }

 #menu .uMenuRoot {
 margin: 0;
 padding: 0;
 list-style: none;
 transition: margin .3s ease
 }

 #menu .uMenuRoot>li {
 float: left;
 position: relative
 }

 #menu .uMenuRoot>li>a {
 display: inline-block;
 position: relative;
 padding: 10px 20px;
 font-size: 13px;
 text-transform: uppercase;
 font-weight: 600;
 color: var(--text-color)
 }

 #menu .uMenuRoot>li>a>span {
 position: relative
 }

 #menu .uMenuRoot>li>a>span:after {
 content: '';
 display: block;
 width: 5px;
 height: 5px;
 position: absolute;
 bottom: -9px;
 left: calc(50% - 2px);
 background: #a7a7a7;
 border-radius: 5px;
 opacity: 0;
 transition: all .3s ease
 }

 #menu .uMenuRoot>li>a:hover>span:after,
 #menu .uMenuRoot>li>a.uMenuItemA>span:after {
 opacity: 1
 }

 #menu .uMenuRoot>li:first-child a {
 padding-left: 0
 }

 #menu .uMenuRoot>li>a>i {
 margin-left: 7px;
 font-size: 10px
 }

 #menu .uMenuRoot ul,
 #menu .uMenuRoot ul li {
 padding: 0;
 margin: 0;
 list-style: none;
 position: relative
 }

 #menu .uMenuRoot>li>ul {
 display: block;
 position: absolute;
 background: #fff;
 box-shadow: 0 0 20px #0000001a;
 padding: 20px 30px;
 top: 80px;
 left: -99999px;
 box-sizing: border-box;
 width: 240px;
 opacity: 0;
 transition: opacity .3s ease, top .3s ease;
 border-radius: 0
 }

 #menu .uMenuRoot>li.uWithSubmenu:hover>ul {
 top: 40px;
 left: -10px;
 opacity: 1
 }

 #menu .uMenuRoot>li>ul>li {
 padding: 10px 0
 }

 #menu .uMenuRoot>li>ul>li:last-child {
 border-bottom: 0
 }

 #menu .uMenuRoot>li>ul>li>a {
 display: block;
 color: var(--text-color)
 }

 #menu .uMenuRoot>li>ul>li>a:hover {
 padding-left: 10px
 }

 #menu .uMenuRoot>li>ul ul {
 display: block;
 position: absolute;
 background: #fff;
 box-shadow: 0 0 20px #0000001a;
 padding: 20px 30px;
 left: -99999px;
 box-sizing: border-box;
 width: 240px;
 transition: opacity .3s ease, top .3s ease;
 opacity: 0;
 top: 50px;
 border-radius: 0
 }

 #menu .uMenuRoot>li>ul li.uWithSubmenu:hover>ul {
 opacity: 1;
 top: -10px;
 left: 180px
 }

 #menu .uMenuRoot>li ul>li.uWithSubmenu:hover>a {
 padding-left: 10px;
 color: var(--text-color)
 }

 #menu .uMenuRoot>li>ul ul li {
 padding: 10px 0
 }

 #menu .uMenuRoot>li>ul ul li:last-child {
 border-bottom: 0
 }

 #menu .uMenuRoot>li>ul ul a {
 display: block;
 color: var(--text-color)
 }

 #menu .uMenuRoot>li>ul ul a:hover {
 padding-left: 10px
 }

 #menu .uMenuRoot>li>ul i {
 float: right;
 margin-right: 10px;
 font-size: 12px;
 color: var(--text-color)
 }

 #menu .uMenuRoot li>i {
 display: none
 }
}

@media (max-width:1650px) {
 .cnt {
 width: 1170px
 }

 .search {
 float: none;
 width: 100%;
 clear: both;
 top: 20px;
 margin-left: 3px
 }

 .header {
 min-height: 150px
 }


 #menu .uMenuRoot>li>a {
 padding-left: 13px;
 padding-right: 13px
 }

 .slide-text {
 top: 95px;
 left: 70px
 }

 .slide-text-2 {
 font-size: 36px;
 }

 .banner-text {
 top: 30px;
 left: 30px
 }

 .banner-text-1 {
 margin-bottom: 10px
 }

 .banner-text-2 {
 font-size: 18px;
 }

 .text-block-text {
 top: 70px;
 left: 50px;
 padding-right: 30px
 }

 .post-text {
 padding-top: 10px
 }

 #sidebar {
 width: 20.512820512%
 }

 #content {
 width: 75.213675213%
 }

 #content .list-item:nth-child(5n) {
 margin-right: 3.409090909%
 }

 #content .list-item:nth-child(5n+1) {
 clear: none
 }

 #content .list-item:nth-child(4n) {
 margin-right: 0
 }

 #content .list-item:nth-child(4n+1) {
 clear: left
 }

 .shc-block ul.cat-tree li ul li {
 border-color: var(--text-btn)fff26
 }
}

@media (max-width:1279px) {
 .cnt {
 width: 920px
 }

 #menu {
 position: relative;
 float: left
 }

 .menu-icon {
 display: flex;
 font-weight: 600;
 height: auto !important;
 width: auto !important;
 gap: 4px;
 color: var(--text-color);
 box-sizing: border-box;
 padding: 0px 4px;
 overflow: hidden;
 position: relative;
 text-transform: uppercase;
 align-items: center;
 cursor: pointer;
 pointer-events: auto !important;
 transition: all .3s ease !important;
 }
 
 .menu-icon i {
 font-size: 20px;
 margin-top: 1px;
 }

 #menu>div {
 display: none;
 position: absolute;
 top: 36px;
 left: 0;
 box-shadow: 0 0 20px #0000001a;
 width: max-content;
 height: max-content;
 box-sizing: border-box;
 background: #fff;
 padding: 16px 30px;
 border-radius: var(--border-radius)
 }

 #menu>div:before {
 content: '';
 display: block;
 width: 14px;
 height: 14px;
 position: absolute;
 top: -5px;
 left: 36px;
 background: #fff;
 transform: rotate(-45deg)
 }

 #menu .uMenuRoot li>a>i {
 display: none
 }

 #menu .uMenuRoot {
 list-style: none;
 margin: 0;
 padding: 0
 }

 #menu .uMenuRoot li {
 margin: 0;
 padding: 11px 0
 }

 #menu .uMenuRoot a {
 color: var(--text-color)
 }

 #menu .uMenuRoot li>i {
 float: right;
 font-size: 12px;
 cursor: pointer;
 color: var(--text-color)
 }

 #menu .uMenuRoot li ul {
 padding: 0 0 0 20px;
 margin: 10px 0 0;
 list-style: none;
 border-left: 1px solid #0000001a;
 display: none
 }

 #menu .uMenuRoot>li>a {
 padding-left: 0
 }

 .slide-text {
 left: 40px;
 top: 55px;
 max-width: 450px
 }

 .slide-text-2 {
 font-size: 28px;
 margin-bottom: 20px
 }

 .slide-text-3 {
 margin-bottom: 50px
 }

 .banner-text {
 top: 20px;
 left: 20px
 }

 .banner-text-2 {
 margin-bottom: 10px
 }

 .text-block-text {
 top: 30px;
 left: 30px
 }

 .post-image {
 width: 50%
 }

 .post-text {
 width: 45%
 }

 .col4 {
 width: 48.369565%;
 margin-right: 3.260869%
 }

 .col4:nth-child(2n) {
 margin-right: 0
 }

 .col4:nth-child(2n+1) {
 clear: left
 }

 #content {
 float: none;
 width: 100%;
 margin-bottom: 30px
 }

 #sidebar {
 float: none;
 width: 100%
 }

 #sidebar .block:nth-child(2n) {
 margin-right: 0
 }

 #sidebar .block:nth-child(2n+1) {
 clear: left
 }
}

@media (max-width:991px) {
 .cnt {
 width: 700px
 }

 .slide-text-1 {
 margin-bottom: 10px
 }

 .slide-text-2 {
 margin-bottom: 20px
 }

 .slide-text-3 {
 margin-bottom: 20px
 }

 .banners .col2 {
 width: 100%;
 float: none;
 margin-right: 0
 }

 .banner-text {
 top: 50px;
 left: 50px
 }

 .banner-text-1 {
 margin-bottom: 20px
 }

 .banner-text-2 {
 margin-bottom: 20px
 }

 .text-block-left {
 width: 100%;
 float: none
 }

 .text-block-right {
 width: 100%;
 float: none
 }

 .text-block-text {
 top: 110px;
 left: 70px
 }

 .post-image {
 width: 100%;
 float: none
 }

 .post-text {
 float: none;
 width: 100%
 }

 .blog-informer span.gcarouselarrow {
 top: 10px
 }

 #content .list-item:nth-child(5n) {
 margin-right: 4.285714285%
 }

 #content .list-item:nth-child(4n) {
 margin-right: 4.285714285%
 }

 #content .list-item:nth-child(4n+1) {
 clear: none
 }

 #content .list-item:nth-child(3n) {
 margin-right: 0
 }

 #content .list-item:nth-child(3n+1) {
 clear: left
 }

 .gp-images {
 float: none;
 margin: 0 auto 30px;
 max-width: 100%
 }

 .gp-info {
 margin-left: 0
 }

 #content .col3 {
 width: 48%;
 margin-right: 4%
 }

 #content .col3:nth-child(3n) {
 margin-right: 4%
 }

 #content .col3:nth-child(3n+1) {
 clear: none
 }

 #content .col3:nth-child(2n) {
 margin-right: 0
 }

 #content .col3:nth-child(2n+1) {
 clear: left
 }

 .about-image {
 float: none;
 width: 100%;
 margin-bottom: 20px
 }

 .about-text {
 float: none;
 width: 100%
 }

 .mail-form {
 margin-right: 0
 }

 .contact-list {
 float: none;
 width: 100%;
 margin-bottom: 40px
 }

 #order-table tbody tr:first-child td {
 border-top: 0
 }

 #order-table tbody tr:nth-child(odd) {
 background: #fafafa
 }

.order-item-name {
 font-size: 12px;
}
 
 .order-item-img img {
 width: 40px !important;
 height: 40px !important;
}

 #order-table td {
 border-bottom: 1px dotted #ededed !important
 }

 #order-table tr:nth-last-child(2) td:last-child {
 border-bottom: 0 !important
 }

 #order-table table {
 border: var(--border)
 }

 #order-total-line {
 border-width: 2px
 }

 .order-page-cols>.col2 {
 width: 100%;
 margin-right: 0;
 float: none
 }

 .path-text h1 {
 font-size: 18px;
 margin-bottom: 5px
 }

 .icon-block {
 margin-right: 0;
 float: none;
 width: 100%;
 }

 .icon-block:last-child {
 margin-bottom: 40px
 }
}

@media (max-width:767px) {
 .cnt {
 width: 500px
 }

 .gDivLeft {
 padding-top: 10px
 }

 .postTdTop,
 .postTable,
 .posttdMessage {
 display: block !important;
 text-align: left;
 width: auto !important
 }

 .postUser {
 font-size: 16px;
 color: #7a7a7a
 }

 .logo {
 display: flex;
 width: 100%;
 border-bottom: 1px solid #ededed;
 justify-content: center;
 line-height: 70px;
 margin-left: 0;
 }

 .h-cnt {
 display: flex;
 gap: 8px;
 flex-direction: column
 }

 .h-cnt2 {
 padding: 16px 0;
 margin-left: 0
 }
 
 .shc-button {
 margin-right: -10px;
 }

 #slider-wrap:before {
 padding-top: 530px
 }

 .slide {
 background-size: 100%;
 background-position: top center;
 background-repeat: no-repeat
 }

 span.slide-arrow {
 top: 180px
 }

 .slide-text {
 position: static;
 width: 100%;
 max-width: none;
 margin-top: 230px;
 padding: 30px;
 box-sizing: border-box
 }

 .banner-text {
 top: 20px;
 left: 20px
 }

 .text-block-text {
 top: 40px;
 left: 40px
 }

 .col2,
 .col3 {
 margin-right: 0;
 width: 100%;
 float: none
 }

 #content .col2,
 #content .col3 {
 width: 100%;
 margin-right: 0
 }

 #content .list-item:nth-child(5n) {
 margin-right: 6%
 }

 #content .list-item:nth-child(3n) {
 margin-right: 6%
 }

 #content .list-item:nth-child(3n+1) {
 clear: none
 }

 #content .list-item:nth-child(2n) {
 margin-right: 0
 }

 #content .list-item:nth-child(2n+1) {
 clear: left
 }

 .goods-sorter {
 float: none;
 margin-top: 60px
 }

 #content .list-item-view-mode-list .list-item .g-name {
 font-size: 17px
 }

 .commTd1,
 .commTd2 {
 display: block;
 width: 100%
 }

 .er404 {
 font-size: 200px;
 line-height: 200px;
 margin-bottom: 20px
 }

 .er404 span {
 font-size: 170px;
 margin: 0 15px
 }

 span.gcarouselarrow {
 top: -3px
 }

 .f-copy {
 float: none;
 margin-bottom: 10px
 }

 .f-author {
 float: none
 }
}

@media (max-width:567px) {
 .cnt {
 width: 350px
 }

 .path-text {
 text-align: center;
 left: 0;
 width: 100%;
 font-size: 10px
 }

 .b-body {
 width: 350px;
 max-height: none
 }

 .u-body {
 right: -20px
 }

 .path-text h1 {
 font-size: 14px
 }

 .gp-title {
 font-size: 14px
 }

 .col4 {
 margin-right: 0;
 width: 100%;
 float: none
 }

 input.mf-field {
 float: none;
 width: 100%;
 margin-right: 0
 }

 span.slide-arrow {
 top: 100px
 }

 .banner-text {
 position: static;
 background: var(--backg-btn);
 padding: 20px;
 margin-top: 0
 }

 #slider-wrap:before {
 padding-top: 340px
 }

 .slide-text {
 padding: 20px;
 margin-top: 150px
 }

 .slide-text-2 {
 font-size: 18px;
 }

 .banner-text-2 {
 font-size: 18px;
 }

 .text-block-right img {
 display: none
 }

 .text-block-text {
 position: static;
 padding: 30px 20px;
 background: #fafafa
 }

 .post-text {
 padding-right: 0
 }

 .post .h-title {
 font-size: 18px;
 }

 .footer-soc {
 margin-bottom: 10px
 }

 .sh-pages-left {
 float: none
 }

 .sh-pages-right {
 float: none;
 margin-top: 10px
 }

 #content .list-item-view-mode-list .list-item .g-image {
 float: none;
 width: 100%
 }

 #content .list-item-view-mode-list .list-item .g-info {
 margin-left: 0;
 margin-top: 20px
 }

 #content .list-item-view-mode-list .list-item .g-rate {
 display: block
 }

 .gp-name {
 font-size: 17px;
 }

 .gp-top-rate .wish {
 float: none;
 margin-top: 20px;
 margin-left: 0
 }

 .gp-title-1 {
 padding-right: 60px;
 font-size: 17px;
 }

 .gp-rev-head .button {
 float: none
 }

 .gp-rev-head .gp-rev-head-rate {
 float: none;
 margin-left: 0;
 margin-top: 20px
 }

 .gp-rev-comment-text {
 padding: 15px
 }

 .gp-rev-comment-user {
 float: none
 }

 .gp-rev-comment-rating {
 float: none;
 margin-top: 10px
 }

 .info-section-image {
 background-size: 100%;
 height: 350px
 }

 .er404 {
 font-size: 100px;
 line-height: 100px;
 margin-bottom: 20px
 }

 .er404 span {
 font-size: 90px;
 margin: 0 5px
 }

 .er404-title span {
 font-size: 15px;
 line-height: 30px
 }

 .er404-title h2 {
 font-size: 17px;
 line-height: 19px
 }

 #sh_promo_wraper, #sh_promo_wraper * {
 display: flex;
 gap: 8px;
 justify-content: center;
 }

 .path {
 border: var(--border);
 padding: 30px;
 height: 90px;
 box-sizing: border-box
 }

 .path img {
 display: none
 }

 #order-but-recalc {
 float: left;
 margin-left: 0;
 width: max-content
 }

 .sostav::before {
 font-size: 14px !important
 }

 .g-notes {
 top: 10px;
 left: 10px
 }

 .g-name {
 font-size: 12px
 }

 .goods-list {
 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important
 }

 .g-notes>span {
 font-size: 8px
 }

 .button,
 .quantity {
 font-size: 10px;
 height: 36px !important
 }

 .gcarousel {
 margin-left: -16px
 }

 .b-body {
 right: -16px
 }

 .b-body:before {
 right: 20px
 }

 .h-icons {
 right: 3px;
}
 
.shc {
 margin-left: 3px;
}
}

@media (min-width: 770px) {
 .bottom-bar {
 display: none !important
 }
 .header-home {
 display: block !important; 
}
}

@media (max-width: 367px) {
 .cnt {
 width: 320px;
 }

 .b-body {
 width: 320px;
 right: -10px;
 }

 .b-body:before {
 right: 14px;
 }
}

.bottom-bar {
 position: fixed;
 bottom: 16px;
 left: 16px;
 right: 16px;
 display: flex;
 padding: 0;
 height: 61px;
 background: #040b21;
 z-index: 99999;
 border-radius: var(--border-radius);
 box-shadow: 0 0 16px #1a1f3a8a;
 align-items: center;
 justify-content: space-around;
}

.bottom-bar a {
 display: flex;
 position: relative;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 font-size: 9px;
 width: 56px;
 height: 56px;
 color: var(--text-btn);
 text-decoration: none;
 transition: color .3s ease, background-color .3s ease
}

.bottom-bar .label {
 color: #dedede;
 margin-top: 1px;
 line-height: normal;
}

.basket-num, .favorit-num {
 display: flex;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 font-size: 8px;
 font-weight: 600;
 color: var(--text-btn);
 text-align: center;
 position: absolute;
 top: 3px;
 right: 10px;
 align-items: center;
 justify-content: center;
 background: #ff9351
}

.bottom-bar a:hover,
.bottom-bar a:focus {
 color: #ff9351;
 outline: none
}

.bottom-bar .la,
.bottom-bar .las {
 font-size: 24px;
}

.toast {
 position: absolute;
 top: -40px;
 left: 50%;
 transform: translateX(-50%);
 background: #040b21;
 color: white;
 padding: 8px 14px;
 border-radius: 15px;
 white-space: nowrap;
 z-index: 9999;
 opacity: 0;
 font-family: inherit;
 text-align: center;
 pointer-events: none;
 transition: opacity 0.3s ease, transform 0.3s ease;
 transform: translateX(-50%) translateY(-10px);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.h-logo {
 font-size: 24px;
 letter-spacing: 8px;
 color: var(--text-color);
 font-family: "Poiret One", sans-serif !important;
 font-weight: 500 !important
}

.f-logo {
 font-size: 24px;
 letter-spacing: 8px;
 color: var(--text-btn);
 font-family: "Poiret One", sans-serif !important;
 font-weight: 500 !important
}

.h-logo:hover,
.f-logo:hover {
 color: #ff9351
}

.col4-social {
 display: flex;
 align-items: center;
 gap: 16px;
 margin-left: 30px
}

.col4-social a {
 display: flex;
 align-items: center;
 gap: 3px
}

.product-variations {
 margin-block: 16px
}

.uv-name {
 margin-bottom: 12px;
}

.selected-color-name {
 color: var(--text-color);
 font-weight: 600;
}

.uv-items {
 align-items: center;
 display: flex;
 gap: 8px;
 justify-content: start;
 flex-wrap: wrap
}

:where(.uv-block .uv-chip:has(.uv-item-input:checked)) {
 border: 1px solid #ff9351 !important;
 background: #ff9351;
 color: var(--text-btn)
}

:where(.uv-block .uv-item-out:has(.uv-item-input:checked)) {
 border: 2px dashed #dddde1 !important;
}

:where(.uv-block .uv-chip.uv-item-out) {
 background: #f5f5f6 !important;
 border: 2px dashed #dddde1 !important;
 color: #9a9da7 !important;
 opacity: 0.8 !important;
}

.uv-item.uv-chip:hover {
 background: #ff9351;
 color: var(--text-btn)
}

.uv-chip {
 border: 1px solid #dddde1;
 border-radius: 0;
 background: transperent;
 cursor: pointer;
 padding: 6px 12px;
 transition: background .3s ease;
 min-width: 0
}

:where(.uv-block .uv-item) .uv-item-input {
 display: none !important
}

.uv-item-label {
 pointer-events: none;
 user-select: none;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 display: block
}

.uv-chip-color-swatch {
 display: inline-block;
 width: 50px;
 height: 50px;
 border: none;
 cursor: pointer;
 transition: transform 0.2s, border-color 0.2s;
 vertical-align: middle;
}

.uv-chip-color-swatch-color {
 background-size: cover;
 background-position: center;
}

.uv-chip-color-swatch-image {
 background-size: cover;
 background-position: center;
 background-color: #f0f0f0;
}

.uv-chip-color-swatch:hover {
 transform: scale(1.15);
}

.uv-item-label:has(+ .uv-chip-color-swatch) {
 display: none;
}

.uv-chip:has(.uv-chip-color-swatch) {
 padding: 0px;
 overflow: hidden;
 border-radius: 10px;
}

.props-list {
 display: flex;
 flex-direction: column;
 gap: 6px
}

.prop-val {
 color: var(--text-color);
 font-weight: 500;
}

ul {
 padding: 0;
 margin: 0;
 list-style: none !important
}

.g-buttonss {
 position: absolute;
 top: 12px;
 right: 20px
}

.slide-text .p-title p {
 margin-left: 0
}

.g-basked {
 display: flex;
 align-items: center;
 justify-content: space-between
}

.g-info .gp-rate span {
 margin-right: 4px;
 font-weight: 500;
 gap: 2px;
}

.g-info .gp-rate a {
 font-size: 12px;
 color: inherit;
}

.g-info .gp-rate {
 font-size: 12px;
}

.list-item-view-mode-list .goods-list {
 grid-template-columns: auto !important
}

.list-item .u-mpanel.up-right {
 position: absolute;
 height: 25px !important;
 width: 25px !important;
 bottom: 4px;
 left: 4px
}

.list-item {
 border: var(--border) !important;
 border-radius: var(--border-radius) !important;
 overflow: hidden !important
}

#cont-shop-checkout {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center
}

#cont-shop-checkout h3 {
 font-size: 12px;
 font-weight: 500;
 color: #a3a3a3
}

#order-form {
 width: 100%
}

#slider,
.slide,
.slide-content,
.banner,
.icon-block,
.path,
#sidebar,
.shop-page-descr,
#order-table td.order-item-img img {
 border-radius: var(--border-radius) !important;
 overflow: hidden
}

.button {
 display: flex;
 gap: 4px;
 border-radius: var(--border-radius-min);
 width: max-content;
 align-items: center;
 justify-content: center;
}

.button.dark svg {
 fill: #fff;
 height: 12px;
}

.button.dark svg:hover {
 fill: #000;
}

.post-image img,
.uv-chip,
#order-but-recalc,
input#order-button {
 border-radius: var(--border-radius-min)
}

span.gcarouselarrow {
 border-radius: 50%
}

.custom-container {
 margin: 16px 0;
 padding: 25px;
 border: var(--border);
 border-radius: var(--border-radius);
 color: var(--text-color)
}

.bottom-info-wrapper {
 background: #040b21 !important;
 bottom: 20px !important;
 color: var(--text-btn);
 font: menu !important;
 left: 50% !important;
 transform: translateX(-50%) !important;
 padding: 8px !important;
 width: 100% !important;
 max-width: 800px !important;
 border-radius: var(--border-radius) !important;
 z-index: 9999 !important
}

.bottom-info-wrapper .bottom-info-button-agree {
 background: #ff9351 !important;
 border-radius: var(--border-radius-min) !important;
 padding: 6px 12px !important;
 color: var(--text-btn) !important;
 font: status-bar !important;
 font-size: 10px !important
}

.bottom-info-wrapper.hidden {
 transform: translateY(150px) !important;
 opacity: 0 !important;
 pointer-events: none;
 transition: transform 0.3s ease, opacity 0.3s ease;
}

.notify-stock-btn {
 height: 40px;
 border-radius: var(--border-radius-min)
}

.u-list .la-wallet {
 width: 35px !important;
 font-size: 20px !important;
 vertical-align: middle !important;
 color: #ff9351 !important
}

.gp-buttons {
 display: flex;
 gap: 10px;
 margin-top: 30px;

}

.buy-box {
 display: flex;
 align-items: center;
 gap: 16px;
}

.hidden {
 display: none !important;
}

.quantity {
 border: var(--border);
 border-radius: var(--border-radius-min);
 display: flex;
 height: 40px;
 padding: 0 8px;
 width: auto;
 background-color: transparent;
 align-items: center;
 justify-content: center;
}

.gp-minus, .gp-plus {
 align-items: center;
 display: flex;
 height: 24px;
 justify-content: center;
 padding: 0;
 width: 24px;
 background: transparent;
 color: var(--text-color);
 font-size: 24px;
}

.qty-input {
 border: none !important;
 width: auto;
 appearance: textfield;
 text-align: center;
 outline-width: 0;
 box-shadow: none !important;
}

.button.blog, .button.slider {
 height: 40px;
}

.b-num, .basket-num, .favorit-num {
 animation: .3s linear both flip-scale-up-ver;
}

@-webkit-keyframes flip-scale-up-ver {
 0% {
 -webkit-transform: scale(1) rotateY(0);
 transform: scale(1) rotateY(0)
 }

 50% {
 -webkit-transform: scale(2) rotateY(180deg);
 transform: scale(2) rotateY(180deg);
 }

 to {
 -webkit-transform: scale(1) rotateY(0deg);
 transform: scale(1) rotateY(0deg);
 }
}

#image-list img {
 min-width: 200px !important;
 min-height: 200px !important;
 max-width: 200px !important;
 max-height: 200px !important;
}

* svg {
 height: 18px;
 width: 18px;
}

.header-home {
 display: none;
}

.header-home:hover {
 color: var(--text-color);
}

.header-home .la-home {
 font-size: 22px;
}

.u-show.la.la-cog {
 height: 20px;
 width: 20px;
 border-radius: 50%;
}

.btn-favorit svg {
 width: 20px !important;
 height: 20px !important;
}

.bottom-bar svg {
 fill: #fff !important;
}

.bottom-bar svg:hover, .bottom-bar .label:hover {
 fill: #ff9351 !important;
}

@media (max-width: 768px) {
.gp-buttons .button { 
 width: 100% !important;
 }
 
 #go-top {
 bottom: 90px !important;
 } 
 
 #footer {
 padding-bottom: 130px !important;
}
 
 .f-d-bottom {
 position: relative !important;
 gap: 10px;
 margin-top: 24px;
 flex-direction: column;
 align-items: flex-start !important;
}
 
.buy-box {
 gap: 24px !important;
 justify-content: space-between !important;
}
 .gp-buttons {
 position: fixed !important;
 left: 0 !important;
 right: 0 !important;
 bottom: 0px !important;
 background: #fff !important;
 width: auto !important;
 display: flex !important;
 gap: 10px !important;
 border-radius: 25px 25px 0 0 !important;
 padding: 12px 16px 86px !important;
 z-index: 99999 !important;
 box-shadow: 0 0px 30px #00000026;
 margin-top: 0px !important;
 }
 
.gp-buttons .button.color {
 display: none !important;
 }
 
.button.dark:hover {
 background: #040b21 !important;
 color: #ededed !important;
}
 
.gp-buttons {
 flex-direction: column !important;
} 
 
.tabs-content {
 margin-top: -50px !important;
}
 
input[type="button"], input[type="submit"], input[type="reset"], button {
 width: 100%;
} 

.g-info .gp-rate a {
 font-size: 10px;
}

.g-info .gp-rate {
 font-size: 11px;
}
 
 .g-notes>span {
 font-size: 7px !important;
 }
 
 .tabs-scrollable {
 justify-content: space-between !important;
 }
 
 .pp-details {
 flex-wrap: wrap !important;
 gap: 16px;
 }
}

@media (min-width: 1279px) {
.filters-btn {
 display: none; 
}
}

@media (max-width: 1279px) {
 #menu-toggle {
 position: fixed;
 left: 0;
 bottom: 180px;
 background-color: var(--text-color);
 color: white;
 padding: 0;
 width: 20px;
 display: flex;
 height: 50px;
 cursor: pointer;
 font-size: 20px;
 z-index: 99999;
 border-radius: 0 5px 5px 0;
 box-shadow: 0 0 16px #1a1f3a8a;
 align-items: center;
 justify-content: center;
 }

 #sidebar {
 position: fixed;
 left: -100%;
 top: 0;
 height: 100vh;
 width: 100%;
 max-width: 300px;
 overflow-y: auto;
 background-color: var(--background-color);
 transition: left 0.3s ease;
 z-index: 9999999;
 padding: 20px 20px 90px;
 border: none !important;
 border-radius: 0 5px 5px 0 !important;
 }
 
 #menu-overlay:before {
 width: 3px;
 top: 50%;
 transform: translateX(-50%);
 position: absolute;
 left: 305px;
 content: "";
 height: 50px;
 background-color: var(--text-color);
 border-radius: 25px;
 }

 #menu-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.3);
 z-index: 999999;
 overflow: hidden;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease;
 pointer-events: none !important;
 }
 
 .filters-block .block-title, .filters-mobile {
 display: none;
 }
 
.filters-mobile.open {
 display: block
 }
 
.filters-btn.filters-btn__js.active {
 background: #ff9351;
 color: #fff;
 }
 
 .filters-btn {
 display: flex;
 align-items: center;
 float: left;
 gap: 5px;
 height: 38px;
 border: 1px solid #dadada;
 background-color: #ffffff;
 color: #212121;
 cursor: pointer;
 border-radius: 4px;
 padding: 0 10px;
 }
 
 .filters-btn .las {
 font-size: 18px;
 }
 
 .bottom-info-wrapper {
 bottom: 90px !important;
 max-width: 350px !important;
}
}

.otzvy {
 gap: 8px;
 display: flex;
 overflow: auto;
 margin-bottom: 30px;
}

.comm-answer {
 padding: 16px;
 border-radius: 0px;
 margin-top: 12px;
 position: relative;
 color: var(--text-color);
 background: #f6f6f6;
}

.comm-answer:after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #f6f6f6;
 position: absolute;
 top: -8px;
 left: 16px;
}

.tabs-scrollable {
 display: flex;
 width: 100%;
 gap: 40px;
 padding: 20px 0;
 border-bottom: var(--border);
}

.tab-pane.active {
 display: block;
}

.tabs-link.active {
 font-weight: 800;
 color: var(--text-color);
}

.tabs-link {
 text-transform: uppercase;
 cursor: pointer;
 width: auto;
}

#sostav-content {
 margin-top: 20px;
 margin-bottom: 40px;
}

.f-d-bottom {
 display: flex;
 align-items: center;
 position: absolute;
 right: 0px;
}

.f-d-bottom .link_agreement {
 margin-right: 16px;
}

.f-d-bottom .f-contact>p {
 margin-left: 24px;
}

.f-d-bottom .f-contact {
 margin-bottom: 0px;
}

.custom-container .contact-social {
 display: flex;
 flex-direction: column;
 gap: 12px;
 font-size: 15px;
}

.custom-container .contact-social a {
 display: flex;
 color: var(--text-color);
 align-items: center;
}

.custom-container .contact-social a:hover {
 color: #ff9351;
}

.custom-container .contact-social a svg {
 height: 30px !important;
 width: 30px !important;
}

:where(.module-shop .invoices-layout) :is(.invoices-filters-list,.filter-category) {
 background-color: #f9f9f9 !important;
}

.toggle-btn {
 background-color: #ff9351 !important;
 color: #fff !important;
}

#shop-currency-select {
 width: 100%;
 max-width: fit-content !important;
}

:where(.module-shop .checkout-layout) :where(#sh_promo_wraper .promo-code-input,#sh_promo_wraper), :where(.module-shop) .checkout-layout .methods-list :is(.fw,[type=file],select) {
 width: auto !important;
}

[type=radio]:before, [type=checkbox]:after, [type=checkbox]:before, .shop-more-scroll-close, .tab-pane, .sostav {
 display: none;
}

.__ymDebuggerOpener {
 opacity: 0 !important;
 bottom: -10px !important;
}

#cid-139 {
 display: none;
}

.u-mpanel.up-right {
 margin: 0 5px 5px 0px !important;
}