@charset "UTF-8";
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
}

*,
body,
html {
  position: relative;
  margin: 0;
  padding: 0;
}

body,
html {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: var(--body-color);
  font-size: 14px;
  line-height: 1.6;
  overflow-x: hidden;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

::-webkit-input-placeholder {
  color: #a6a6a6;
}

:-moz-placeholder,
::-moz-placeholder {
  color: #a6a6a6;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #a6a6a6;
}

:focus::-webkit-input-placeholder {
  color: transparent;
}

:focus:-moz-placeholder,
:focus::-moz-placeholder {
  color: transparent;
}

:focus:-ms-input-placeholder {
  color: transparent;
}

b,
strong {
  font-weight: 700;
}

a {
  outline: 0;
  color: var(--body-color);
  text-decoration: underline;
}

a:focus,
a:hover {
  color: var(--link-color);
  text-decoration: none;
}

a:focus {
  outline: 0;
}

s {
  position: relative;
  color: #505151;
  font-weight: 600;
  text-decoration: none;
}

s:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  transform: rotate(0deg);
  border-bottom: 1px solid red;
  content: "";
}

label,
label.checkbox,
label.radio {
  cursor: pointer;
}

div.h1,
h1 {
  position: relative;
  font-size: 26px;
  font-weight: 600;
}

@media screen and (max-width: 900px) {
  div.h1,
  h1 {
    font-size: 22px;
  }
}
div.h1 .arrow,
h1 .arrow {
  margin-left: 10px;
  font-size: 22px;
}

div.h1 .arrow a,
h1 .arrow a {
  display: inline-block;
  padding: 0 7px;
}

/* div.h1 span,
h1 span {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 500;
} */
div.h1 span.edit,
h1 span.edit {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

div.h1 span.edit a:hover,
h1 span.edit a:hover {
  color: var(--link-color);
}

div.h1 i,
h1 i {
  font-style: normal;
}

div.h2,
h2 {
  font-size: 24px;
}

div.h2,
div.h3,
h2,
h3 {
  position: relative;
  font-weight: 600;
}

div.h3,
h3 {
  font-size: 22px;
}

div.h4,
h4 {
  font-size: 20px;
}

div.h4,
div.h5,
h4,
h5 {
  position: relative;
  font-weight: 600;
}

div.h5,
h5 {
  font-size: 18px;
}

div.h6,
h6 {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: 100;
}

.responsive-table {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

div.header {
  position: relative;
  z-index: 9;
}

.container-shadow-box {
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
  background: var(--color-white);
  overflow: hidden;
}

.container-shadow-box iframe,
.container-shadow-box img {
  max-width: 100%;
}

.green {
  color: #2aa854;
}

.red {
  color: #b72724;
}

.bold {
  font-weight: 700;
}

.lager {
  font-size: 16px !important;
}

.nobr {
  white-space: pre;
}

.margin {
  margin: 15px 0;
}

.error-code {
  display: block;
  margin-bottom: 50px;
  color: #eee;
  font-size: 150px;
  font-weight: 700;
}

.hint {
  color: #363636;
}

.row-some-height {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.col-some-height {
  display: flex;
  flex-direction: column;
}

.alert-success {
  margin: 20px 0;
  padding: 20px;
  border: 1px dashed #218321;
  border-radius: var(--border-radius);
  color: #218321;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background: rgba(34, 139, 34, 0.05);
}

.alert-success i {
  display: block;
  margin-bottom: 10px;
  font-size: 40px;
}

.alert-moderate {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px dashed #83080a;
  border-radius: var(--border-radius);
  color: #83080a;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: rgba(131, 8, 10, 0.05);
}

.alert-moderate i {
  display: block;
  margin-bottom: 10px;
  font-size: 40px;
}

.hidden-block {
  display: none;
}

.scroll-top-wrapper {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 13;
  width: 40px;
  height: 40px;
  padding-top: 2px;
  border: 1px solid #e1e1e1;
  border-radius: var(--border-radius);
  color: #6e6e6e;
  font-size: 20px;
  text-align: center;
  background-color: var(--color-white);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.scroll-top-wrapper i.fa {
  line-height: inherit;
}

.scroll-top-wrapper:hover {
  color: var(--color-white);
  background: var(--button-color);
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}

@media screen and (max-width: 900px) {
  .scroll-top-wrapper.show {
    display: none;
  }
}
.sorting {
  display: flex;
  z-index: 1;
  padding: 0;
  overflow: unset;
}

.sorting .menu-h {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  width: auto;
}

@media screen and (max-width: 900px) {
  .sorting .menu-h {
    display: flex;
    flex: 1;
  }
}
.sorting .menu-h li {
  border-right: 0;
}

@media screen and (max-width: 900px) {
  .sorting .menu-h li {
    width: 100%;
  }
}
.sorting .menu-h li a {
  color: var(--body-color);
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
}

.sorting .menu-h li a:hover {
  background: transparent;
}

.sorting .menu-h .tree {
  padding: 10px 25px 10px 20px;
}

.sorting .menu-h .tree:hover:after {
  color: var(--body-color);
}

.sorting .menu-h .tree span {
  font-weight: 700;
}

.sorting .menu-h .tree:after {
  top: 11px !important;
  right: 10px;
  color: var(--body-color);
}

.sorting .menu-h ul {
  z-index: 10;
  width: 200px;
}

.sorting .menu-h ul li {
  width: 200px;
}

.sorting .menu-h ul a {
  font-weight: 300;
}

.sorting .menu-h li:hover > a {
  color: var(--body-color);
  background: #eee;
}

.showtype {
  justify-content: space-between;
  float: right;
  width: 100%;
  text-align: right;
}

@media screen and (max-width: 900px) {
  .showtype {
    display: none;
  }
}
.showtype .active {
  color: var(--button-color);
}

.showtype span {
  display: inline-block;
  position: relative;
  top: 0;
  height: 42px;
  padding: 0 15px;
  color: #7c7d7f;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 1;
  border-left: 1px solid #ebebeb;
  cursor: pointer;
}

.showtype span:hover {
  z-index: 6;
  background: #eee;
  opacity: 0.9;
}

.table-viewed {
  display: flex;
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #ebebeb;
}

.table-viewed a {
  text-decoration: none;
}

.table-viewed .viewed-img {
  width: 40%;
}

@media screen and (max-width: 900px) {
  .table-viewed .viewed-img {
    width: 20%;
  }
}
.table-viewed .viewed-img img {
  max-height: 100px !important;
}

.table-viewed .viewed-desc {
  flex: 1;
  margin: 0 10px;
}

.table-viewed .viewed-desc .rating-big {
  padding: 0 !important;
}

.table-viewed .viewed-desc .rating-big a {
  color: var(--color-grey);
}

.table-viewed .viewed-desc .name {
  margin-top: 5px;
  font-weight: 700;
  line-height: 16px;
  word-wrap: normal;
  word-break: break-all;
}

.table-viewed .viewed-desc__priceunits {
  margin-top: 10px;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.table-viewed .viewed-desc__priceunits > span {
  display: inline-block;
}

.table-viewed .viewed-desc__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.table-viewed .viewed-desc s {
  display: inline-block;
  font-size: 14px;
  opacity: 0.5;
  font-weight: 400;
}

.clear-list {
  position: absolute;
  top: 5px;
  right: 17px;
}

@media screen and (max-width: 900px) {
  .clear-list {
    right: 2px;
  }
}
.clear-list .icon-close {
  display: inline-block;
  position: absolute;
  top: 4px;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  color: #a8a8a8;
  text-align: center;
  background-image: url(img/close.svg);
  background-size: 12px;
  background-repeat: no-repeat;
}

.clear-list a {
  margin-left: 20px;
  color: var(--body-color);
  font-size: 14px;
  text-decoration: underline;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th {
  color: var(--body-color);
  background: #f0f0f0;
}

.table td,
.table th {
  vertical-align: middle;
  padding: 10px 20px;
}

table td:not(table.features-table td) {
  border-bottom: 1px solid var(--border-color);
}

.table th,
.table thead th {
  vertical-align: bottom;
  font-size: 16px;
}

.table tbody + tbody {
  border-top: 2px solid #ebebeb;
}

.icon32 {
  display: inline-block;
  width: 14px;
  height: 13px;
  background-repeat: no-repeat;
}

.icon32.star,
.icon32.star-hover {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=");
}

.icon32.star-half {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTA4LjUsMTcxLjVsLTE0Ni40LTIxLjNMMjk2LjgsMTcuOEMyOTAuOSw2LDI3OS40LDAsMjY4LDBjLTExLjQsMC0yMi44LDUuOS0yOC43LDE3LjhsLTY1LjQsMTMyLjRMMjcuNSwxNzEuNQ0KCWMtMjYuMywzLjgtMzYuOCwzNi4xLTE3LjcsNTQuNmwxMDUuOSwxMDNMOTAuNSw0NzQuNWMtMy42LDIwLjgsMTMsMzcuNSwzMS42LDM3LjVjNC45LDAsMTAtMS4yLDE0LjktMy44TDI2OCw0MzkuNmwxMzAuOSw2OC43DQoJYzQuOSwyLjUsOS45LDMuNywxNC44LDMuN2MxOC42LDAsMzUuMi0xNi42LDMxLjctMzcuNGwtMjUtMTQ1LjVsMTA1LjktMTAzQzU0NS4zLDIwNy42LDUzNC44LDE3NS4zLDUwOC41LDE3MS41TDUwOC41LDE3MS41eg0KCSBNMzg2LjgsMjk0LjdsLTE4LjEsMTcuNmw0LjMsMjQuOWwxOS41LDExMy40bC0xMDIuMS01My42TDI2OCwzODUuM2wwLTMxNy4ybDUxLDEwMy4zbDExLjIsMjIuNmwyNSwzLjZsMTE0LjIsMTYuNkwzODYuOCwyOTQuN3oiLz4NCjwvc3ZnPg0K");
}

.icon32.star-empty {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzlDOUM5O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=");
}

i.icon16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(img/icons.png) no-repeat;
  background-size: 210px 160px;
  text-indent: -9999px;
}

* i.icon16,
i.icon16 {
  text-decoration: none !important;
}

* i.icon16 {
  vertical-align: top;
  margin: 0.1em 0.1em 0 0;
}

.icon16.rss {
  background-position: -16px 0;
}

.icon16.facebook {
  background-position: -32px 0;
}

.icon16.twitter {
  background-position: -48px 0;
}

.icon16.vk {
  background-position: -64px 0;
}

.icon16.google {
  background-position: -80px 0;
}

.icon16.userpic20 {
  border-radius: 50%;
  background-position: -2px -2px;
  background-size: auto;
}

.icon16.color {
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background-image: none;
}

.icon16.loading {
  background: url(img/loader/loading.svg) 0 0;
  background-size: 16px 16px;
}

.loading-svg {
  width: 50px !important;
  height: 50px !important;
  background-size: 50px 50px !important;
}

.loading_icon {
  margin: 10px 0;
}

.icon16.star,
.icon16.star-full {
  background-position: -16px -16px;
}

.icon16.star-half {
  background-position: -32px -16px;
}

.icon16.star-empty {
  background-position: -48px -16px;
}

.icon16.star-hover {
  background-position: -64px -16px;
}

.icon16.remove {
  background-position: -96px -16px;
}

.icon16.saved {
  background-position: -112px -16px;
}

.icon16.stock-red {
  background-position: -128px -16px;
}

.icon16.stock-yellow {
  background-position: -144px -16px;
}

.icon16.stock-green {
  background-position: -160px -16px;
}

.icon16.stock-transparent {
  background-position: -176px -16px;
}

.to-table {
  display: table;
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.to-cell {
  display: table-cell;
  float: none;
  padding-right: 0;
  padding-left: 0;
  vertical-align: middle;
}

.z-ind50 {
  z-index: 9 !important;
}

.tags a {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 2px 4px;
  border-radius: var(--border-radius);
  text-decoration: none !important;
  background: #ececec;
}

.tags a:hover {
  color: #fff !important;
  background: var(--main-color);
}

img.lazy {
  display: block;
  width: 100%;
  height: auto;
  background: url(img/loader/loading.svg) no-repeat 50%;
}

.row-flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.is-vertical-align {
  display: flex;
  align-items: center;
}

.is-center {
  display: flex;
  justify-content: center;
}

.is-right {
  display: flex;
  justify-content: flex-end;
}

.flex-rows-break {
  display: none;
  order: 3;
  flex-basis: 100%;
}

@media screen and (max-width: 900px) {
  .flex-rows-break {
    display: block;
  }
}
.hidden-md-up,
.hidden-sm-up {
  display: none;
}

@media screen and (max-width: 900px) {
  .hidden-md-up,
  .hidden-sm-up {
    display: block;
  }
}
.hidden-sm-down,
.hidden-xs-down {
  display: block;
}

@media screen and (max-width: 900px) {
  .hidden-sm-down,
  .hidden-xs-down {
    display: none;
  }
}
.select_quantity {
  width: 65px;
}

.select_quantity .fa {
  cursor: pointer;
  color: var(--color-grey) !important;
}

.select_quantity .fa:hover {
  color: var(--link-color);
}

.input-group {
  display: flex;
  position: relative;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.input-group input {
  border: 0 !important;
  text-align: center;
}

.input-group .btn {
  height: 100%;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group-addon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35px;
  border-left: 1px solid black;
  border-radius: 0;
  background: transparent;
}
.input-group-addon .spin-up {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
}
.input-group-addon .spin-up img {
  transform: rotate(180deg);
}
.input-group-addon .spin-down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
}

.lazyload-icon {
  margin-bottom: var(--grid-gutter);
}

.left-block {
  margin-top: 15px;
  margin-bottom: 0;
}

.field-group-flex {
  display: flex;
}

.field-group-flex .field-group {
  margin-right: var(--grid-gutter);
}

.padding-2x {
  padding: 20px;
}

.padding {
  padding: 10px;
}

.error-text {
  margin: 30px 0;
}

.error-text__button {
  margin-bottom: 20px;
}

.container {
  width: 100%;
  max-width: initial;
  padding: 0 0;
  background-color: transparent;
}

.wrap {
  flex: 1 0 auto;
}

h1.top-header {
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
}

div.layout,
h1.top-header {
  display: flex;
  width: 100%;
}

div.layout {
  min-height: 300px;
  margin: 0 0 0 0;
  margin-right: auto;
  margin-left: auto;
}

.layout.category {
  max-width: 1484px;
}

@media screen and (max-width: 900px) {
  div.layout {
    flex-direction: column;
  }
}
div.layout aside {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 228px;
  border-right: 1px solid black;
  padding-bottom: 113px;
}

div.layout main.empty-filter {
  width: 100%;
}

div.layout.empty {
  margin-top: 0;
}

div.layout.empty main {
  display: flex;
  flex-direction: column;
  float: none;
  width: 100%;
}

.category.layout main .breadcrumbs .container,
.staticpage.layout main .breadcrumbs .container {
  padding-right: 0;
  padding-left: 0;
}

div.layout-2 {
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--grid-maxWidth);
}

div.layout-2,
div.layout-2 aside {
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

div.layout-2 aside {
  flex-direction: column;
  position: sticky;
  top: 10px;
  float: left;
  width: 32%;
  height: 100%;
  padding-right: 15px;
}

@media screen and (max-width: 900px) {
  div.layout-2 aside {
    position: static;
    width: 100%;
    padding-right: 0;
  }
}
div.layout-2 main {
  display: flex;
  flex-direction: column;
  float: left;
  width: 68%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
}

@media screen and (max-width: 900px) {
  div.layout-2 main {
    width: 100%;
    padding-right: 0;
  }
}
div.layout-2.empty main {
  width: 100% !important;
}

div.header .inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-right: auto;
  margin-left: auto;
  padding: 20px 15px;
}

div.header .leftside {
  width: 22%;
  padding-right: 15px;
}

div.header .leftside,
div.header .rightside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
}

div.header .rightside {
  width: 78%;
}

div.header:after {
  content: "";
  display: table;
  clear: both;
}

div.product .container-description {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

div.product .container-description .sidebar-on {
  display: flex;
  flex-direction: column;
  float: left;
  width: 77%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
}

@media screen and (max-width: 900px) {
  div.product .container-description .sidebar-on {
    width: 100%;
    padding-right: 0;
  }
}
div.product .container-description .sidebar-on .container-shadow-box {
  height: 100%;
}

div.product .container-description .description-aside {
  display: flex;
  flex-direction: column;
  float: left;
  width: 23%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 900px) {
  div.product .container-description .description-aside {
    width: 100%;
  }
}
div.product.layout {
  margin-top: 0;
}

div.product.layout .container {
  padding: 0;
}

div.product.layout .container-product {
  padding: 0;
  border-radius: var(--border-radius);
}

div.product.layout .product-gallery .left-padding {
  margin-left: 0;
}

div.product.layout #product-core-image {
  min-height: auto;
}

div.product.layout #product-core-image img {
  max-height: 280px;
}

div.product.layout .more-images {
  position: static;
  text-align: center;
}

div.product.layout .more-images .image {
  display: inline-block;
}

div.orderpage {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 900px) {
  div.orderpage {
    flex-direction: column;
  }
}
div.orderpage aside {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 10px;
  float: left;
  width: 45%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 0 0 44px;
}
@media (max-width: 470px) {
  div.orderpage aside {
    padding: 40px 0 0 0;
  }
}

@media screen and (max-width: 900px) {
  div.orderpage aside {
    order: 1;
    position: static;
    width: 100%;
    margin-bottom: calc(var(--grid-gutter) * 2);
    padding-right: 0;
  }
}
div.orderpage main {
  display: flex;
  flex-direction: column;
  float: left;
  width: 55%;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 44px 122px 0;
  border-right: 1px solid black;
}

@media screen and (max-width: 900px) {
  div.orderpage main {
    order: 2;
    width: 100%;
    padding-right: 0;
  }
}
div.orderpage main.empty-filter {
  float: none;
  width: 100%;
}

div.orderpage:after {
  content: "";
  display: table;
  clear: both;
}

div.orderpage.emptypage main {
  width: 100%;
}

.shadow .category .category_description,
.shadow .product-prev-next-wrap .prev-next:hover,
.shadow .product-prev-next-wrap .product-wrap,
.shadow .product-prev-next-wrap .product-wrap .product-info,
.shadow .promo-icons .row,
.shadow .s-slider .arrow-next:focus,
.shadow .s-slider .arrow-next:hover,
.shadow .s-slider .arrow-prev:focus,
.shadow .s-slider .arrow-prev:hover,
.shadow .thumbnail-catalog,
.shadow .thumbnail-catalog .preview-block:hover,
.shadow ul.menu-m {
  box-shadow: none;
}

.shadow .menu-h ul,
.shadow .menu-t ul,
.shadow ul.menu-m ul {
  border: 1px solid transparent;
  box-shadow: none;
}

.shadow ul.menu-m ul ul {
  box-shadow: none !important;
}

.shadow .container-product,
.shadow .container-shadow-box,
.shadow .menu-t,
.shadow .profile-card {
 box-shadow: none;
}

.shadow .product ul.product-nav li {
  margin-left: -1px;
}
.thumbnail-catalog .one-product {
    box-shadow: none !important;
}
.border .container-product,
.shadow .c-pagination a,
.shadow .subcategory-images a,
.shadow .subcategory-text a {
  box-shadow: var(--box-shadow);
}

.border .container-product {
  border-left: 0;
  border-right: 0;
}

.border .category .category_description,
.border .menu-h ul,
.border .menu-h ul ul,
.border .menu-t ul,
.border .menu-t ul ul,
.border .product-prev-next-wrap .prev-next:hover,
.border .product-prev-next-wrap .product-wrap .product-info,
.border .promo-icons .row,
.border .s-slider .arrow-next:focus,
.border .s-slider .arrow-next:hover,
.border .s-slider .arrow-prev:focus,
.border .s-slider .arrow-prev:hover,
.border .thumbnail-catalog,
.border .thumbnail-catalog .preview-block:hover,
.border ul.menu-m,
.border ul.menu-m ul,
.border ul.menu-m ul ul,
.border ul.menu-t {
  box-shadow: var(--box-shadow);
}

.border ul.menu-m ul ul {
  border: 0 !important;
}

.border .c-pagination a,
.border .container-shadow-box,
.border .menu-t,
.border .profile-card,
.border .subcategory-images .s-inner,
.border .subcategory-text a {
  box-shadow: var(--box-shadow);
}

.border .c-pagination a {
  line-height: 29px;
}

.grid-header1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 900px) {
  .grid-header1 {
    -moz-column-gap: calc(var(--grid-gutter));
         column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a b c" "b b";
  }
}
.grid-header1__container {
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(var(--grid-gutter));
}

.grid-header1__logo {
  grid-area: a;
}

.grid-header1__phone {
  grid-area: c;
}

.grid-header1__search {
  grid-area: b;
}

.grid-header1__cart .popup {
  top: 30px;
  border-radius: 0;
}

.grid-header2 {
  display: grid;
  grid-template-columns: 260px auto 290px;
  -moz-column-gap: calc(var(--grid-gutter) * 2);
       column-gap: calc(var(--grid-gutter) * 2);
  grid-template-areas: "a c d" "a b d";
}

@media screen and (max-width: 900px) {
  .grid-header2 {
    -moz-column-gap: calc(var(--grid-gutter));
         column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a c" "b b";
  }
}
.grid-header2__container {
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(var(--grid-gutter));
}

.grid-header2__logo {
  grid-area: a;
}

.grid-header2__phone {
  grid-area: c;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1100px) {
  .grid-header2__phone {
    flex-direction: column;
    align-items: self-start;
  }
}
.grid-header2__phone .header__numbers i {
  display: inline !important;
}

@media screen and (max-width: 900px) {
  .grid-header2__phone .header__numbers i {
    display: block !important;
  }
}
.grid-header2__phone .header__callback {
  flex: 1;
  justify-content: end;
}

.grid-header2__search {
  grid-area: b;
}

.grid-header2__cart {
  grid-area: d;
  justify-content: flex-end;
}

@media screen and (max-width: 900px) {
  .grid-header2__cart {
    display: none;
  }
}
.grid-header3 {
  display: grid;
  grid-template-columns: 260px auto 230px;
  -moz-column-gap: calc(var(--grid-gutter) * 2);
       column-gap: calc(var(--grid-gutter) * 2);
  grid-template-areas: "a c d" "a b d";
}

@media screen and (max-width: 900px) {
  .grid-header3 {
    -moz-column-gap: calc(var(--grid-gutter));
         column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a c" "b b";
  }
}
.grid-header3__container {
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(var(--grid-gutter));
}

.grid-header3__logo {
  grid-area: a;
}

.grid-header3__phone {
  grid-area: c;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1100px) {
  .grid-header3__phone {
    flex-direction: column;
    align-items: self-start;
  }
}
.grid-header3__phone .header__numbers i {
  display: inline !important;
}

@media screen and (max-width: 900px) {
  .grid-header3__phone .header__numbers i {
    display: block !important;
  }
}
.grid-header3__phone .header__callback {
  flex: 1;
  justify-content: end;
}

.grid-header3__search {
  grid-area: b;
}

.grid-header3__cart {
  grid-area: d;
  justify-content: flex-end;
}

@media screen and (max-width: 900px) {
  .grid-header3__cart {
    display: none;
  }
}
.grid-header3 .popup {
  top: 50px;
}

.header svg {
  fill: var(--link-color);
}

.header svg:hover {
  fill: var(--color-primary);
}

.header__logo {
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
}

.header__logo img {
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .header__logo img {
    max-width: 200px;
  }
}
.header__logo a {
  color: var(--header-logo);
  text-transform: uppercase;
}

.header__logo a,
.header__logo a:focus,
.header__logo a:hover {
  text-decoration: none;
}

@media screen and (max-width: 900px) {
  .header__contacts {
    flex-direction: column;
    align-items: flex-end;
  }
}
.header__numbers {
  color: var(--header-phone);
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 900px) {
  .header__numbers {
    font-size: 16px;
    line-height: 18px;
    text-align: right;
  }
}
.header__numbers a {
  text-decoration: none;
}

.header__numbers i {
  display: block;
  color: var(--color-grey);
  font-size: 12px;
  font-style: normal;
}

.header__numbers .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 3px;
  border-radius: 50%;
  background: var(--button-color);
  vertical-align: middle;
  content: " ";
}

@media screen and (max-width: 900px) {
  .header__numbers .dot {
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
  }
}
.header .js-mini-cart {
  position: relative;
}

.header__callback {
  display: flex;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
}

@media screen and (max-width: 900px) {
  .header__callback {
    flex-direction: column;
  }
}
.header__callback-item {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  white-space: nowrap;
}

.header__callback a {
  color: var(--header-links);
  font-weight: 300;
}

.header__callback .fas {
  margin-right: 5px;
  color: var(--header-links-icon);
}

.header__callback .call_back {
  margin-right: 15px;
}

@media screen and (max-width: 900px) {
  .header__callback .call_back {
    margin-right: 0;
  }
}
.header__search {
  position: relative;
  width: 100%;
  min-width: 200px;
}

@media screen and (max-width: 900px) {
  .header__search {
    margin-top: var(--grid-gutter);
  }
}
.header__search button {
  position: absolute;
  top: 0;
  right: -3px;
  height: 41px;
  padding: 0 20px;
  font-size: 16px;
  text-align: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}

.header__search .hint {
  margin: 5px 0 0;
  color: var(--header-hint);
  font-size: 12px;
}

@media screen and (max-width: 900px) {
  .header__search .hint {
    display: none;
  }
}
.header__search .hint a {
  text-decoration: none;
}

.header__search .hint a,
.header__search .hint a:hover {
  border-bottom: 1px dotted var(--header-hint-link);
  color: var(--header-hint-link);
}

.header__search input[type=text] {
  width: 100%;
  height: 41px;
  padding: 10px;
  border: 1px solid var(--input-style);
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.header__search input[type=text]:focus {
  border: 1px solid var(--input-style-focus);
}

.header__search form .search-popup {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  left: 0;
  z-index: 18;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  box-shadow: 0 64px 64px 0 rgba(0, 0, 0, 0.05), 0 32px 32px 0 rgba(0, 0, 0, 0.05), 0 16px 16px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  color: var(--body-color);
  background: var(--color-white);
}

.header__search .loading_ajax {
  display: block;
  position: absolute;
  top: 9px;
  right: 94px;
  width: 25px;
  height: 25px;
  background-image: url(img/loader/tail-spin.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.header__search .icon-close {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  color: #a8a8a8;
  text-align: center;
  background-image: url(img/close.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.header__search .hint-text {
  position: absolute;
  top: 10px;
  left: 10px;
  color: var(--header-hint-link);
  font-size: 12px;
}

.header__cart-item {
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
  margin-right: calc(var(--grid-gutter) * 3);
}

.header__cart-item._withtext {
  flex-direction: column;
  align-items: start;
  margin-right: 0;
}

.header__cart-item._withtext .cart-total {
  color: var(--link-color);
  font-weight: 700;
}

.header__cart-item:hover i {
  color: var(--header-main);
}

.header__cart-item:hover .i-cart-color {
  stroke: var(--header-main);
}

.header__cart-item a.icon-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.header__cart-item-count {
  position: absolute;
  top: 7px;
  right: -15px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  color: var(--color-white);
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  background: var(--color-primary);
}

.header__cart-item i {
  color: var(--color-primary);
}

.header__cart-item .cart-icon {
  margin-top: 7px;
}

.header__cart-item svg {
  width: 33px;
}

.header .btn-gray {
  width: 100%;
  padding: 8px 14px;
  font-size: 13px;
}

.header-cart {
  display: flex;
  position: relative;
  width: 30px;
  height: 30px;
  background: var(--color-white);
}

.header-cart svg {
  height: 24px;
}

.header-cart__inner {
  display: flex;
  align-items: center;
  padding: 0;
  flex: 1;
}

.header-cart__inner:hover {
  color: var(--color-white);
}

.header-cart__inner:hover .cart-text {
  color: var(--color-white);
}

.header-cart__fav {
  position: relative;
  min-width: 48px;
  max-width: 48px;
  color: var(--main-color);
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid var(--main-color);
}

.header-cart__fav a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header-cart__fav:hover {
  background: var(--main-color);
}

.header-cart__fav:hover svg {
  fill: var(--color-white);
}

.header-cart .cart-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.header-cart .empty {
  padding: 10px;
}

.header-cart .cart-text {
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
}

.header-cart .cart-icon {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 30px;
  padding: 0 10px;
  vertical-align: middle;
}

.header-cart .cart-icon svg {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 28px;
}

.header-cart .cart-label {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
}

.header-cart .cart-count {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  background: var(--button-color);
}

.header-cart .cart-text {
  padding: 0 5px;
  color: var(--main-color);
  font-size: 16px;
}

header .popup {
  display: none;
  position: absolute;
  right: -1px;
  z-index: 18;
  width: 300px;
  border-radius: var(--border-radius);
  box-shadow: 0 7px 10px -9px rgba(50, 50, 50, 0.54);
  color: var(--body-color);
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  background: var(--color-white);
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}

header .popup.show {
  display: block;
  border-radius: 0;
}

header .popup .cart-popup {
  border: 1px solid black;
  border-radius: 0;
}

header .popup .cart-popup .cart-product-one {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 24px;
}
header .popup .cart-popup .cart-product-one .row {
  flex-flow: row nowrap;
}
header .popup .cart-popup .cart-product-one .row .col-8 {
  max-width: none;
  flex: 0 0 70%;
}

header .popup .cart-popup .row {
  padding: 24px 0;
}
header .popup .cart-popup .row .col-4 {
  display: flex;
  margin: 0 !important;
}
header .popup .cart-popup .row .col-8 {
  margin: 0 !important;
}

header .popup .cart-popup__action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

header .popup .cart-popup__action svg {
  position: relative;
  top: 5px;
  height: 22px;
  stroke: var(--color-grey);
}

header .popup .cart-popup .product-qty {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

header .popup .cart-popup .input-group {
  height: 34px;
  border: 1px solid black;
}

header .popup .cart-popup .popup-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--grid-gutter) * 1);
}

header .popup .cart-popup .is-right {
  align-items: baseline !important;
}

header .popup .item-total {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

header .popup .name {
  font-size: 14px;
  font-weight: 500;
}

header .popup .total {
  margin: 10px 0;
  font-size: 17px;
  line-height: 18px;
}

header .popup .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 173px;
  height: 36px;
  padding: 0;
  border-radius: 0;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  background: #1e5513;
}

header .popup .btn:hover {
  border: 1px solid var(--button-hover-color);
  color: var(--button-text) !important;
  text-decoration: none;
  background: var(--button-hover-color);
}

header .popup a:hover {
  text-decoration: underline;
}

.topline {
  min-height: 34px;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}

.topline .menu-h-top a {
  color: var(--body-color);
  font-weight: 300;
}

.topline p {
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #686868;
  font-size: 13px;
  line-height: 15px;
}

.topline .mobile-hamburger {
  position: relative;
  top: 5px;
  left: 7px;
  z-index: 7;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.topline .mobile-hamburger .block-title {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 22px;
}

.topline .mobile-hamburger .block-title .before span {
  position: absolute;
  top: 9px;
  right: 0;
  left: 0;
  width: 20px;
  margin: auto;
  border-bottom: 2px solid;
}

.topline .mobile-hamburger .block-title .before span:first-child,
.topline .mobile-hamburger .block-title .before span:nth-child(3) {
  transition: top 0.15s ease 0.15s, transform 0.15s ease;
}

.topline .mobile-hamburger .block-title .before span:first-child {
  top: 4px;
}

.topline .mobile-hamburger .block-title .before span:nth-child(2) {
  transition: width 0.15s ease;
}

.topline .mobile-hamburger .block-title .before span:nth-child(3) {
  top: 14px;
}

.search-popup .ajax_block {
  position: relative;
  padding-top: 30px;
}

.search-popup .ajax_block .ajax_search {
  border-bottom: 1px solid #e0e0e0;
}

.search-popup .ajax_block .ajax_search__price {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__price {
    font-size: 16px;
  }
}
.search-popup .ajax_block .ajax_search__price s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.search-popup .ajax_block .ajax_search__priceunits {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__priceunits {
    font-size: 16px;
  }
}
.search-popup .ajax_block .ajax_search__priceunits s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__priceunits s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.search-popup .ajax_block .ajax_search__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.search-popup .ajax_block .ajax_search_link {
  margin: 10px 20px;
  text-align: center;
}

.search-popup .ajax_row .image {
  width: 80px;
  height: 70px;
  padding: 10px;
  text-align: center;
}

.search-popup .ajax_row .image img {
  max-width: 100%;
  max-height: 60px;
  padding: 6px;
}

.search-popup .ajax_row .name {
  padding: 10px;
  line-height: 14px;
}

.search-popup .ajax_row .name a {
  display: block;
  margin-bottom: calc(var(--grid-gutter) / 2);
  color: var(--body-color);
  font-weight: 500;
  text-decoration: none;
}

.search-popup .ajax_row .name a:hover {
  color: var(--link-color);
}

.search-popup .ajax_cell {
  display: table-cell;
  vertical-align: middle;
}

nav {
  position: relative;
  z-index: 8;
  margin-bottom: 15px;
  background: var(--header-main);
}

nav.inversion {
  background: var(--color-white);
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

@media screen and (max-width: 900px) {
  nav.inversion {
    background: var(--link-color);
  }
}
nav.inversion .menu-h ul {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
}

nav.inversion .menu-h li a {
  color: var(--body-color);
  background: transparent;
}

.menu-h.open {
  display: block !important;
  position: fixed;
  top: 37px;
  left: 0;
  z-index: 7;
  width: 100%;
  background: #fafafa;
}

.menu-h.open:after {
  position: absolute;
  bottom: 100%;
  left: 32px;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: solid transparent;
  border-width: 6px;
  border-color: hsla(0, 0%, 100%, 0);
  content: " ";
  pointer-events: none;
  border-bottom-color: #fff;
}

.menu-h.open ul:after {
  display: none;
}

.menu-h.open li:hover > a {
  color: #181818;
  background: transparent;
}

.menu-h.open li {
  float: none;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}

.menu-h.open li a {
  padding: 8px 20px;
  color: #181818;
  font-size: 14px;
  font-weight: 300;
}

.menu-h.open li a:hover {
  color: var(--link-color);
}

.menu-h.open li ul {
  position: static;
  left: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
}

.menu-h.open li ul li a {
  display: block;
  padding: 10px 30px;
  text-transform: none;
}

.menu-h.open li ul ul {
  top: 0;
  margin-left: 0;
}

.menu-h.open .mobile-tree {
  position: absolute;
  top: 4px;
  right: 5px;
  z-index: 7;
  width: 36px;
  height: 33px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: #fff;
  background: var(--color-white);
  cursor: pointer;
}

.menu-h.open .mobile-tree:after {
  display: block;
  margin-top: 8px;
  color: var(--link-color);
  font-family: Font Awesome\5 Free;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  content: "\f067";
  font-style: normal;
}

.menu-h.open .mobile-tree.open-minus:after {
  content: "\f068" !important;
}

.menu-h.open .open {
  display: block !important;
  opacity: 1;
}

.mobile-top-open .main-nav {
  z-index: 10;
}

.mobile-top-open .b-nav-shadow {
  display: block !important;
}

.main-nav.sticky {
  position: sticky;
  top: 0;
}

@media screen and (max-width: 900px) {
  .main-nav .menu-h {
    display: none;
  }
}
.main-nav .icon-mobile-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 33px;
  height: 33px;
  margin-left: 5px;
}

.main-nav .icon-mobile-item:last-child {
  width: 25px;
  margin-left: 0;
}

.main-nav .cart-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
}

.main-nav .cart-label {
  display: inline-block;
  vertical-align: middle;
}

.main-nav .cart-count {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  background: var(--button-color);
}

.main-nav .icon-mobile {
  display: none;
  position: absolute;
  top: 11px;
  right: 10px;
  z-index: 7;
  font-size: 22px;
}

@media screen and (max-width: 900px) {
  .main-nav .icon-mobile {
    display: flex;
  }
}
.main-nav .icon-mobile svg {
  fill: var(--color-white);
  height: 24px;
}

.mobile-mm-open .menu-m .mobile-tree:after {
  display: block;
  margin-top: 7px;
  color: var(--link-color);
  font-family: Font Awesome\5 Free;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  content: "\f067";
  font-style: normal;
}

.mobile-mm-open .icon-mobile {
  opacity: 0;
}

.mobile-mm-open .menu-m .mobile-tree.open-minus:after {
  content: "\f068" !important;
}

nav.add-shadow {
  z-index: 8;
}

.container-menu-h {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0;
}

.container-menu-h .menu-h {
  flex: 1;
}

.menu-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.vertical-menu {
  position: relative;
  width: 275px;
  min-width: 275px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vertical-menu .before {
  position: relative;
  float: left;
  width: 25px;
  height: 20px;
  margin: 2px 15px 2px 0;
  border-radius: 4px;
  overflow: hidden;
}

.vertical-menu .block-title {
  width: 100%;
  padding: 15px 20px;
  color: var(--button-text);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  background: var(--link-color-hover);
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 900px) {
  .vertical-menu .block-title {
    padding-left: 5px;
    background: transparent;
  }
}
.vertical-menu .block-title .before span {
  position: absolute;
  top: 9px;
  right: 0;
  left: 0;
  width: 20px;
  margin: auto;
  border-bottom: 2px solid;
}

.vertical-menu .menu-m .img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15px;
  width: 50px;
  max-width: 42px;
  height: 50px;
  max-height: 42px;
}

@media screen and (max-width: 900px) {
  .vertical-menu .menu-m .img {
    display: none;
  }
}
.vertical-menu .menu-m .img img {
  max-width: 100%;
  max-height: 32px;
  border-radius: var(--border-radius);
}

.vertical-menu .menu-m .img_link {
  display: block;
  padding-left: 60px;
}

@media screen and (max-width: 900px) {
  .vertical-menu .menu-m .img_link {
    padding-left: 10px;
  }
}
.vertical-menu .menu-t .img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 15px;
  width: 42px;
  max-width: 42px;
  height: 42px;
  max-height: 42px;
  padding: 5px;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .vertical-menu .menu-t .img {
    display: none;
  }
}
.vertical-menu .menu-t .img img {
  max-width: 100%;
  max-height: 32px;
  border-radius: var(--border-radius);
}

.vertical-menu .menu-t .img_link {
  display: block;
  padding-left: 60px;
}

@media screen and (max-width: 900px) {
  .vertical-menu .menu-t .img_link {
    padding-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  .vertical-menu ul ul .img_link {
    padding-left: 0;
  }
}
.vertical-menu .block-title .before span:first-child,
.vertical-menu .block-title .before span:nth-child(3) {
  transition: top 0.15s ease 0.15s, transform 0.15s ease;
}

.vertical-menu .block-title .before span:first-child {
  top: 4px;
}

.vertical-menu .block-title .before span:nth-child(2) {
  transition: width 0.15s ease;
}

.vertical-menu .block-title .before span:nth-child(3) {
  top: 14px;
}

.vertical-menu.has-open .block-title .before span:first-child,
.vertical-menu.has-open .block-title .before span:nth-child(3) {
  top: 9px;
  left: -3px;
  width: 21px;
  transition: top 0.15s ease, transform 0.15s ease 0.15s;
}

.vertical-menu.has-open .block-title .before span:first-child {
  transform: rotate(45deg);
}

.vertical-menu.has-open .block-title .before span:nth-child(2) {
  width: 0;
  transition: width 0.15s ease 0.15s;
}

.vertical-menu.has-open .block-title .before span:nth-child(3) {
  transform: rotate(-45deg);
}

.vertical-menu:not(.has-open) .block-content {
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
}

.vertical-menu.has-open > ul {
  display: block !important;
}

.vertical-menu.has-open > ul:after {
  position: absolute;
  bottom: 100%;
  left: 33px;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: solid transparent;
  border-width: 6px;
  border-color: hsla(0, 0%, 100%, 0);
  content: " ";
  pointer-events: none;
  border-bottom-color: var(--color-white);
}

.vertical-menu.locked > ul {
  display: block !important;
}

@media screen and (max-width: 900px) {
  .vertical-menu.locked > ul {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .vertical-menu.has-open > ul {
    display: block !important;
  }
}
.right-banner__item {
  display: flex;
}

.right-banner__leftside {
  flex: 1;
}

.right-banner__rightside {
  width: 200px;
  max-width: 200px;
  padding-left: 50px;
  text-align: center;
}

.right-banner__rightside a:after {
  content: "" !important;
}

@media screen and (max-width: 900px) {
  .right-banner__rightside {
    display: none;
  }
}
.right-banner__rightside img {
  max-width: 100%;
}

.menu-m ul.open {
  display: block !important;
  position: static;
  width: auto;
  min-height: auto !important;
  padding: 0 10px 10px;
  border: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) !important;
}

.menu-m ul.open .right-banner-block {
  display: none;
}

.menu-m ul.open li {
  width: 100% !important;
}

.menu-m ul.open li a {
  display: block;
  padding-bottom: 0;
  color: var(--body-color) !important;
  font-size: 14px !important;
}

.menu-m ul.open .tree {
  margin-bottom: 5px !important;
}

.menu-m ul.open ul {
  display: block !important;
  font-size: 14px !important;
}

@media screen and (max-width: 900px) {
  .menu-m ul.open ul {
    padding-left: 10px;
  }
}
.menu-m ul.open ul a {
  color: var(--body-color);
}

@media screen and (max-width: 900px) {
  .vertical-menu.has-open {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 14;
    width: 98%;
    height: calc(100vh - 20px);
    overflow: auto;
  }
}
.vertical-menu.has-open .block-title {
  padding-left: 20px;
  background: var(--link-color-hover);
}

ul.menu-m {
  display: none;
  position: absolute;
  left: 0;
  z-index: 6;
  margin-top: 0;
  padding: 0;
  font-size: 15px;
  text-align: left;
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  list-style: none;
}

ul.menu-m,
ul.menu-m .cols-1 {
  width: 100%;
}

ul.menu-m .cols-2 {
  width: 50%;
}

ul.menu-m .cols-3 {
  width: 33%;
}

ul.menu-m .cols-4 {
  width: 25%;
}

ul.menu-m [class*=" cols-"] li {
  display: block;
}

@media screen and (max-width: 900px) {
  ul.menu-m .mobile-tree {
    position: absolute;
    top: 4px;
    right: 15px;
    z-index: 7;
    width: 36px;
    height: 33px;
    border-radius: var(--border-radius);
    box-shadow: none;
    color: #fff;
    background: var(--color-white);
    cursor: pointer;
  }
}
ul.menu-m li {
  position: relative;
  z-index: 6;
  width: 100%;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
}

@media screen and (max-width: 900px) {
  ul.menu-m li {
    display: block;
    position: relative;
  }
}
ul.menu-m li a {
  display: block;
  margin: 0;
  padding: 10px 35px 10px 20px;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}

@media screen and (max-width: 900px) {
  ul.menu-m li a {
    padding-left: 10px;
  }
}
ul.menu-m li a:hover {
  color: var(--main-color);
}

ul.menu-m li:hover {
  background: #f5f5f5;
}

ul.menu-m li:last-child {
  border-bottom: 0;
}

ul.menu-m li:last-child:hover {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

ul.menu-m .img-text-padding {
  padding-left: 51px;
}

@media screen and (max-width: 900px) {
  ul.menu-m .img-text-padding {
    margin-top: unset;
    padding-left: unset;
  }
}
ul.menu-m ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 1020px;
  min-height: 400px;
  padding: 10px 15px;
  box-shadow: none !important;
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  ul.menu-m ul {
    box-shadow: none;
    border-top: 1px solid var(--border-color);
  }
}
ul.menu-m ul li {
  display: inline-block;
  width: 100%;
  border: 0;
  vertical-align: top;
}

ul.menu-m ul li a {
  display: inline-block;
  padding-left: 7px;
  color: var(--main-color);
}

@media screen and (max-width: 900px) {
  ul.menu-m ul li a {
    padding-left: 0;
  }
}
ul.menu-m ul li:hover {
  background: transparent;
}

ul.menu-m ul .tree {
  position: relative;
  margin-bottom: 20px;
}

ul.menu-m ul:after {
  border: none;
  border-width: 0;
}

ul.menu-m ul ul {
  display: block;
  position: static;
  left: 0;
  width: 100%;
  min-height: auto;
  padding: 0;
  box-shadow: none;
}

ul.menu-m ul ul li {
  display: inline-block;
  width: 100%;
}

ul.menu-m ul ul li a {
  padding: 2px 0 2px 7px;
  color: var(--body-color);
  font-size: 14px;
  font-weight: 300;
}

@media screen and (max-width: 900px) {
  ul.menu-m ul ul li a {
    padding-left: 0;
  }
}
ul.menu-m ul ul .tree {
  margin-bottom: 0;
}

ul.menu-m ul ul ul {
  display: none !important;
}

ul.menu-m .tree a {
  position: relative;
}

ul.menu-m .tree a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--color-grey);
  font-family: Font Awesome\5 Free;
  font-size: 15px;
  font-weight: 600;
  transform: translate(-50%, -50%);
  content: "\f105";
}

@media screen and (max-width: 900px) {
  ul.menu-m .tree a:after {
    display: none;
  }
}
ul.menu-m .tree:hover a:after {
  color: var(--main-color);
}

ul.menu-m .tree li a:after {
  content: " " !important;
}

ul.menu-m li:hover > a {
  color: var(--main-color);
}

ul.menu-m li:hover > ul {
  display: inline-block;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease;
}

@media screen and (max-width: 900px) {
  ul.menu-m li:hover > ul {
    display: none;
    transition: none;
  }
}
.menu-h {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: left;
  z-index: 7;
  width: 100%;
  min-height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  text-align: left;
  visibility: hidden;
}

.menu-h,
.menu-h li {
  position: relative;
  list-style: none;
}

.menu-h li {
  float: left;
  transition: all 0.3s ease;
  border-right: 1px solid hsla(0, 0%, 100%, 0.15);
}

.menu-h li a {
  display: block;
  padding: 15px 20px;
  color: var(--button-text);
  font-weight: 500;
  text-decoration: none;
}

.menu-h ul {
  display: none;
  position: absolute;
  left: -1px;
  z-index: 7;
  width: 300px;
  padding: 0;
  text-align: left;
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  opacity: 0;
}

.menu-h ul li {
  z-index: 7;
  width: 300px;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
}

.menu-h ul li a {
  display: block;
  margin: 0;
  padding: 9px 10px;
  color: var(--body-color);
  text-transform: none;
}

.menu-h ul li:hover {
  background: #f5f5f5;
}

.menu-h ul li:last-child {
  border-bottom: 0;
}

.menu-h ul li:last-child:hover {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.menu-h ul:after {
  position: absolute;
  bottom: 100%;
  left: 30px;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: solid transparent;
  border-width: 6px;
  border-color: hsla(0, 0%, 100%, 0);
  content: " ";
  pointer-events: none;
  border-bottom-color: var(--color-white);
}

.menu-h ul ul {
  top: -1px;
  left: 100%;
  margin-top: 0;
  margin-left: -10px;
}

.menu-h ul ul:after {
  border: none;
  border-width: 0;
}

.menu-h .tree a {
  padding-right: 25px;
}

.menu-h .tree:after {
  position: absolute;
  top: 18px;
  right: 8px;
  color: var(--color-white);
  font-family: Font Awesome\5 Free;
  font-size: 13px;
  font-weight: 600;
  transition: 0.1s ease-in-out;
  content: "\f107";
}

.menu-h .tree:hover:after {
  top: 18px;
  transform: rotate(180deg);
  transition: 0.1s ease-in-out;
}

.menu-h .tree ul .tree:hover:after {
  color: var(--main-color);
  transform: none;
}

.menu-h .tree ul .tree:after {
  position: absolute;
  top: 10px;
  right: 20px;
  color: var(--color-grey);
  font-family: Font Awesome\5 Free;
  font-size: 15px;
  font-weight: 600;
  content: "\f105";
}

.menu-h .tree:hover:after,
.menu-h li:hover > a {
  color: var(--color-white);
}

.menu-h li:hover > a {
  background: var(--link-color-hover);
}

.menu-h li ul li:hover > a {
  color: var(--main-color);
  background: transparent;
}

.menu-h:not(.open) li:hover > ul {
  display: block;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease;
}

.menu-h.auth-type,
.menu-h.visibility {
  visibility: visible;
}

.menu-h.auth-type li:hover > a {
  background: transparent !important;
}

.menu-h.auth-type a {
  color: var(--body-color);
  font-size: 14px;
  font-weight: 300;
}

.menu-h.auth-type a:hover {
  color: var(--body-color);
  background: transparent;
}

.menu-t {
  display: none;
  position: absolute;
  left: 0;
  z-index: 6;
  width: 100%;
  min-width: 240px;
  margin-top: 0;
  padding: 0;
  font-size: 15px;
  text-align: left;
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  list-style: none;
}

.menu-t .header {
  padding: 10px 5px 10px 15px;
  font-size: 16px;
  font-weight: 500;
  background: #f5f5f5;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  .menu-t .header {
    padding: 0;
    box-shadow: none !important;
    background: transparent !important;
  }
}
.menu-t li {
  display: table !important;
  position: relative;
  z-index: 6;
  width: 100%;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
}

.menu-t li a {
  display: block;
  margin: 0;
  padding: 10px 35px 10px 20px;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
}

.menu-t li a:hover {
  color: var(--main-color);
}

.menu-t li:hover {
  background: #f5f5f5;
}

.menu-t li:last-child {
  border-bottom: 0;
}

.menu-t li:last-child:hover,
.menu-t ul {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.menu-t ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  margin: 0 0 0 -10px;
  padding: 0;
  box-shadow: none;
  background: var(--color-white);
  border-top: 1px solid #e9e9e9;
}

.menu-t ul li {
  display: block;
  width: 260px;
}

.menu-t ul:after {
  border: none;
  border-width: 0;
}

.menu-t .tree > a {
  position: relative;
}

.menu-t .tree > a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  color: var(--color-grey);
  font-family: Font Awesome\5 Free;
  font-size: 15px;
  font-weight: 600;
  transform: translate(-50%, -50%);
  content: "\f105";
}

.menu-t li:hover > a {
  color: var(--main-color);
}

.menu-t li:hover > ul {
  display: block;
  height: auto;
  opacity: 1;
  transition: all 0.3s ease;
}

.menu-t.menu-open,
ul.menu-m.menu-open {
  display: block;
  position: relative;
  z-index: 7;
  margin-top: -21px;
}

.menu-t.static {
  display: block;
  position: relative;
  margin-bottom: var(--grid-gutter);
  border-radius: var(--border-radius);
}

.menu-t.static .selected > a {
  color: var(--main-color);
}

@media screen and (max-width: 900px) {
  .menu-t.static {
    box-shadow: none;
    background: transparent;
  }
  .menu-t.static li {
    display: inline-block !important;
    width: auto;
    margin-right: calc(var(--grid-gutter) / 2);
    margin-bottom: calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    background: var(--color-white);
  }
  .menu-t.static li a {
    padding: 2px 15px;
    font-size: 13px;
  }
  .menu-t.static li.header {
    display: none !important;
  }
  .menu-t.static .tree a:after {
    content: " " !important;
  }
  .menu-t.static ul {
    display: none !important;
  }
}
.menu-h-top {
  min-height: 24px;
  margin: 0;
  padding: 0;
}

.menu-h-top li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding: 7px 0;
}

.menu-h-top li span {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-white);
}

.menu-h-top li.divider {
  position: relative;
  width: 20px;
}

.menu-h-top li a {
  display: block;
  color: #222;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.menu-h-top li a .icon {
  margin-right: 5px;
}

.menu-h-top li a .icon,
.menu-h-top li a:hover {
  color: var(--link-color);
}

.menu-h-top li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: -20px;
  z-index: 23;
  width: 200px;
  margin: 0;
  padding: 0 10px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  background: var(--color-white);
}

.menu-h-top li ul:after {
  position: absolute;
  bottom: 100%;
  left: 30px;
  width: 0;
  height: 0;
  margin-left: -8px;
  border: solid transparent;
  border-width: 8px;
  border-color: hsla(0, 0%, 100%, 0);
  content: " ";
  pointer-events: none;
  border-bottom-color: var(--color-white);
}

.menu-h-top li ul li {
  display: block;
  position: relative;
  margin-right: 0;
  padding: 0;
}

.menu-h-top li ul li a {
  display: block;
  padding: 5px 5px 5px 10px;
}

.menu-h-top li ul li a:hover {
  border: 0;
  color: var(--link-color);
}

.menu-h-top li ul li ul {
  position: absolute;
  top: 0;
  left: 100%;
  padding-top: 0;
}

.menu-h-top li ul li ul:after {
  content: "";
  border: none;
}

.menu-h-top li:last-child {
  margin-right: 0;
}

.menu-h-top li:hover > ul {
  display: block;
  animation: c 0.5s;
}

.b-nav-shadow {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.3);
}

.b-nav-shadow.show {
  display: block;
}

input[type=number] {
  padding: 0 !important;
  font-size: 13px !important;
}

.btn.disabled,
.btn:disabled,
.btn:disabled:focus,
button.disabled,
button:disabled,
button:disabled:focus,
input[type=button]:disabled,
input[type=button]:disabled:focus,
input[type=submit].disabled,
input[type=submit]:disabled,
input[type=submit]:disabled:focus {
  border: 1px solid #ccc !important;
  background: #ccc !important;
  cursor: not-allowed !important;
  pointer-events: auto;
}

.btn.disabled:hover,
button.disabled:hover,
input[type=submit].disabled:hover {
  border: 1px solid #ccc !important;
  font-size: 14px;
}

.btn-transparent,
.btn-transparent:focus {
  color: var(--button-color) !important;
  background: transparent;
}

.btn-gray {
  border: 1px solid #9b9b9b !important;
  color: #9b9b9b !important;
  background: transparent;
}

.btn-gray:focus {
  background: transparent !important;
}

.btn-gray:focus,
.btn-gray:hover {
  border: 1px solid var(--body-color) !important;
  border-color: var(--body-color) !important;
  color: var(--body-color) !important;
}

.btn-gray:hover {
  background: transparent;
}

.wa-auth-adapters {
  margin-bottom: 10px;
  padding: 10px;
}

.wa-auth-adapters ul {
  min-height: 16px;
  margin: 0;
  padding: 0;
}

.wa-auth-adapters ul li {
  list-style: none;
  display: inline-flex;
  padding: 0 15px 0 0;
}

.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span {
  display: flex;
  align-items: center;
  padding: 0 5px;
  color: var(--link-color);
}

.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.wa-auth-adapters p {
  margin-top: 10px;
  margin-bottom: 0;
  color: #6e6e6e;
  font-size: 0.9em;
}

.wa-auth-adapters.wa-connect {
  margin-top: 20px;
}

.wa-form {
  margin: 10px 0;
}

.wa-form:after {
  display: block;
  content: " ";
  clear: both;
}

.wa-form .wa-field {
  clear: left;
  margin: 0;
  padding-top: 3px;
}

.wa-form .wa-field .wa-name {
  float: left;
  width: 155px;
  margin-top: 7px;
  padding-top: 0.52em;
  padding-bottom: 10px;
  color: var(--body-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

@media screen and (max-width: 900px) {
  .wa-form .wa-field .wa-name {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
  }
}
.wa-form .wa-field.wa-separator {
  height: 10px;
}

.wa-form .wa-field .wa-value {
  position: relative;
  max-width: 300px;
  margin-bottom: 5px;
  margin-left: 180px;
}

@media screen and (max-width: 900px) {
  .wa-form .wa-field .wa-value {
    max-width: 100%;
    margin-left: 0;
  }
}
.wa-form .wa-field .wa-value input.wa-error {
  border: 1px solid red;
}

.wa-form .wa-field .wa-value .wa-error-msg {
  display: table;
  width: auto;
  margin: 5px 0;
  padding: 1px 0;
  color: red;
  font-style: normal;
}

.wa-form .wa-field .wa-value input[type=email],
.wa-form .wa-field .wa-value input[type=password],
.wa-form .wa-field .wa-value input[type=text] {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0;
}

@media screen and (max-width: 900px) {
  .wa-form .wa-field .wa-value input[type=email],
  .wa-form .wa-field .wa-value input[type=password],
  .wa-form .wa-field .wa-value input[type=text] {
    max-width: 100%;
    margin-left: 0;
  }
}
.wa-form .wa-field .wa-value .show-password {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  color: var(--color-grey);
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  .wa-form .wa-field .wa-value .show-password {
    top: 36px;
  }
}
.wa-form .wa-captcha-section input {
  margin-bottom: var(--grid-gutter);
}

.wa-form .wa-field .wa-value textarea {
  min-width: 300px;
  height: 70px;
}

.wa-form .wa-field .wa-value input.wa-captcha-input {
  width: 100px;
  min-width: 0;
}

.wa-form .wa-field .wa-value .wa-captcha p {
  margin-bottom: 5px;
}

.wa-form .wa-field .wa-value label {
  display: block;
}

.wa-form .wa-field .wa-value .errormsg,
.wa-form .wa-field .wa-value .wa-captcha img {
  margin-left: 0;
}

.wa-form .wa-field .wa-value.wa-submit {
  margin-top: 10px;
}

.wa-form .wa-field .wa-value p label {
  display: block;
  margin: 0;
}

.wa-form .wa-field .wa-value p {
  position: relative;
  margin-bottom: 23px;
  line-height: 1.6em;
}

.wa-form .wa-field .wa-value p span {
  display: block;
  color: #777;
}

.wa-form .wa-field .wa-value p i.icon16 {
  position: absolute;
  left: -20px;
  float: left;
  margin-top: 2px;
}

.wa-form .wa-field .wa-value p input {
  display: block;
  margin-bottom: 2px;
}

.wa-form .wa-field .wa-value p input[type=checkbox],
.wa-form .wa-field .wa-value p input[type=radio] {
  display: inline;
}

.wa-form .wa-field.wa-required .wa-name:after,
.wa-form .wa-field .wa-value p .field.wa-required span:after {
  content: " *";
  color: #faa;
}

.wa-signup-form .wa-form .wa-field.wa-field-email {
  margin-top: 20px;
}

.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input {
  min-width: 300px;
}

.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input {
  width: 200px;
  min-width: 200px;
}

.wa-signup-form-wrapper .wa-adapters-section {
  margin: 0 0 20px;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-header {
  margin: 0 0 10px;
  color: #888;
  font-size: 14px;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider {
  margin: 2.14285714em 0 0;
  color: #bbb;
  overflow: hidden;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text {
  position: relative;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text:before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 230px;
  height: 1px;
  margin-left: 10px;
  background: #efefef;
  content: "";
}

.user-auth-provider,
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list {
  margin: 0;
  padding: 0;
}

.user-auth-provider li,
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li {
  display: inline-block;
  vertical-align: top;
  width: 2.14285714em;
  margin: 0 1.07142857em 0 0;
  padding: 0;
  list-style: none;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li:last-child {
  margin-right: 0;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li a {
  display: inline-block;
  vertical-align: top;
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li img {
  width: 100%;
  vertical-align: top;
}

.wa-captcha {
  padding: 7px 0 10px;
}

.wa-captcha p {
  margin: 0;
}

.wa-captcha strong {
  font-size: 1.2em;
}

.wa-captcha p img {
  float: left !important;
  margin-top: 0;
  margin-right: 5px;
}

.wa-captcha .wa-captcha-refresh {
  color: #767676;
  font-size: 0.8em;
  text-decoration: underline;
}

.wa-captcha .wa-captcha-input {
  display: inline !important;
  width: 100px !important;
  margin-bottom: 5px;
}

.wa-captcha .errormsg {
  display: block;
}

input.error,
textarea.error {
  border: 1px solid red !important;
}

.errormsg {
  display: table;
  width: auto;
  margin: 5px 0;
  margin-left: 170px;
  padding: 1px 0;
  color: red;
  font-style: normal;
}

.wa-login-form-wrapper input[type=email],
.wa-login-form-wrapper input[type=password],
.wa-login-form-wrapper input[type=text] {
  padding: 8px !important;
  border: 1px solid #bababa !important;
  border-radius: 2px !important;
  color: var(--body-color) !important;
  background: #fff !important;
}

input[type=email],
input[type=password],
input[type=text],
select,
textarea {
  padding: 8px;
  border: 1px solid var(--input-style);
  color: var(--body-color);
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
  border: 1px solid var(--input-style-focus);
}

input[type=email],
input[type=password],
input[type=text],
textarea {
  -webkit-appearance: none;
}

.wa-auth-adapters:before {
  display: block;
  clear: both;
  content: " ";
}

.wa-adapters-section {
  margin: 0 0 20px;
}

.wa-adapters-section .wa-section-header {
  margin: 0 0 10px;
  color: #888;
  font-size: 14px;
}

.wa-adapters-section .wa-section-divider {
  margin: 2.14285714em 0 0;
  color: #bbb;
  line-height: 1.16666667em;
  overflow: hidden;
}

.wa-adapters-section .wa-section-divider .wa-text {
  position: relative;
}

.wa-adapters-section .wa-section-divider .wa-text:before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 230px;
  height: 1px;
  margin-left: 10px;
  background: #efefef;
  content: "";
}

.wa-adapters-section .wa-adapters-list {
  margin: 0;
  padding: 0;
}

.wa-adapters-section .wa-adapters-list li {
  display: inline-block;
  vertical-align: top;
  width: 2.14285714em;
  margin: 0 1.07142857em 0 0;
  padding: 0;
  list-style: none;
}

.wa-adapters-section .wa-adapters-list li:last-child {
  margin-right: 0;
}

.wa-adapters-section .wa-adapters-list li a {
  display: inline-block;
  vertical-align: top;
}

.wa-adapters-section .wa-adapters-list li img {
  width: 100%;
  vertical-align: top;
}

.breadcrumbs {
  padding: 20px 0;
  color: var(--breadcrumbs-text);
  font-size: 12px;
}

@media screen and (max-width: 900px) {
  .breadcrumbs {
    z-index: 10;
    padding: 10px 0 13px;
  }
}
.breadcrumbs .container {
  position: relative;
  background: transparent;
}

.breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 900px) {
  .breadcrumbs ul {
    display: flex;
    width: calc(100% + 8px);
    max-height: 50px;
    padding-right: 4px;
    padding-left: 4px;
    flex-flow: row nowrap;
    overflow-x: auto;
    visibility: visible;
  }
}
.breadcrumbs ul li {
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 900px) {
  .breadcrumbs ul li {
    white-space: nowrap;
  }
}
.breadcrumbs ul li a {
  color: var(--breadcrumbs-link);
  text-decoration: none;
}

.breadcrumbs ul li + li:before {
  position: relative;
  top: -1px;
  padding: 0 12px 0 10px;
  color: var(--color-grey);
  font-family: Font Awesome\5 Free;
  font-size: 8px;
  font-weight: 700;
  content: "\f054";
  font-style: normal;
}

@media screen and (max-width: 900px) {
  .breadcrumbs ul li + li:before {
    padding: 0 7px 0 5px;
  }
}
.breadcrumbs ul li:hover ul {
  display: block;
  animation: c 0.5s;
}

.home-header {
  padding: 20px 80px 0 0;
}

.s-slider {
  position: relative;
}

.s-slider .slick-track {
  height: 100%;
  margin-right: unset;
  margin-left: unset;
}

.s-slider .slick-arrow {
  position: absolute;
  top: 17px;
  right: 0;
}

/* .s-slider .arrow-next,
.s-slider .arrow-prev {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: var(--border-radius);
    color: #6e6e6e;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    background-color: var(--color-white);
    cursor: pointer;
    content: " ";
} */
.s-slider .arrow-next:focus,
.s-slider .arrow-next:hover,
.s-slider .arrow-prev:focus,
.s-slider .arrow-prev:hover {
  border-color: var(--color-white);
  color: var(--link-color);
  font-size: 18px;
}

.s-slider .arrow-prev {
  right: 42px;
}

.s-slider .arrow-next {
  right: 0;
}

aside .promos-block {
  margin-top: 0;
}

.promos-block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}

.promos-block > [class*=col-] {
  display: flex;
  flex-direction: column;
}

.promos-block .promos {
  position: relative;
  margin-bottom: 10px;
}

.promos-block .promos .countdown {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  color: #000;
  font-size: 12px;
  background: var(--color-white);
  opacity: 0.9;
}

.promos-block .promos a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.promos-block .promos .title {
  margin-bottom: 0 !important;
  padding: 15px;
  color: var(--body-color);
  overflow: unset !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0 !important;
}

.promos-block .promos .title .promo-title {
  margin-bottom: 2px;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 700;
}

.promos-block .promos .title .promo-text {
  min-height: 40px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .promos-block .promos .title .promo-text {
    min-height: unset;
  }
}
.promos-block .col-lg-3,
.promos-block .col-lg-12 {
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

.promos-block .col-lg-3 a,
.promos-block .col-lg-12 a {
  display: block;
  position: relative;
  height: 250px;
  background-position: 50%;
  background-size: cover;
}

.promo-icons {
  width: 100%;
  border-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  .promo-icons {
    overflow-x: scroll;
  }
}
.promo-icons .row {
  min-height: 65px;
  margin: 0;
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
  background: var(--color-white);
}

@media screen and (max-width: 900px) {
  .promo-icons .row {
    width: 750px;
  }
}
.promo-icons__header {
  margin-bottom: 2px;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 900px) {
  .promo-icons__header {
    font-size: 14px;
  }
}
.promo-icons p {
  margin-bottom: 0;
  padding-right: calc(var(--grid-gutter) * 2);
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .promo-icons p {
    padding-right: calc(var(--grid-gutter));
    font-size: 12px;
    line-height: 16px;
  }
}
.promo-icons .icon {
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: var(--border-radius);
  color: var(--badge-color);
  font-size: 26px;
  background: var(--promo-icons);
}

.promo-icons__p-one {
  position: relative;
  min-height: 40px;
  margin-bottom: 40px;
  padding-left: 50px;
}

@media screen and (max-width: 900px) {
  .promo-icons__p-one {
    width: 200px;
  }
}
.promo-icons__p-one a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.promo-icons__p-one:last-child {
  margin-bottom: 0;
}

.home-slider-four {
  margin-top: -10px !important;
}

.home-slider {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (max-width: 900px) {
  .home-slider {
    margin-bottom: 20px;
  }
}
.home-slider .slick-disabled {
  opacity: 0 !important;
}

.home-slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.home-slider ul li {
  position: relative;
}

.home-slider ul li .full-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.home-slider ul .slick-dots {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .home-slider ul .slick-dots {
    position: relative;
    bottom: -5px;
  }
}
.home-slider ul .slick-dots li {
  display: inline-block;
  margin: 0 3px;
}

.home-slider ul .slick-dots .slick-active button {
  border: 2px solid var(--button-color);
  background: var(--button-color);
}

.home-slider ul .slick-dots button {
  width: 15px;
  height: 15px;
  padding: 0;
  border: 1px solid var(--button-color);
  border-radius: 50%;
  font-size: 0;
  background: transparent;
}

@media screen and (max-width: 900px) {
  .home-slider ul .slick-dots button {
    width: 8px;
    height: 8px;
  }
}
.home-slider ul .slick-arrow {
  position: absolute;
  z-index: 7;
  height: 100%;
  color: var(--color-white);
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 1;
}

.home-slider ul .slick-arrow i {
  position: relative;
  top: 50%;
  padding: 30px 10px;
  border: 1px solid #e1e1e1;
  border-radius: var(--border-radius);
  color: #6e6e6e;
  font-size: 18px;
  background: var(--color-white);
  transform: translateY(-50%);
}

@media screen and (max-width: 900px) {
  .home-slider ul .slick-arrow i {
    top: calc(50% - 10px);
    padding: 10px;
  }
}
.home-slider ul .slick-arrow i:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: var(--link-color);
}

.home-slider ul .slick-arrow.right {
  top: 0;
  right: 5px;
  width: 40px;
}

.home-slider ul .slick-arrow.left {
  top: 0;
  left: 5px;
  width: 40px;
}

.home-slider ul:hover > .slick-arrow {
  visibility: visible;
  opacity: 1;
}

.home-slider ul .s-desciprtion-four {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  font-size: 44px;
  font-weight: 600;
  line-height: 44px;
  transform: translateY(-50%);
}

.home-slider ul .s-desciprtion-four p {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.home-slider ul .s-desciprtion-four a {
  display: inline-block;
  margin-top: 30px;
  padding: 0 10px;
  border: 1px solid var(--button-color);
  border-radius: var(--border-radius);
  color: var(--button-color-text);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  background: var(--button-color);
  transition: all 0.3s;
  outline: 0;
  cursor: pointer;
}

.home-slider ul .s-desciprtion-four a:hover {
  border: 1px solid var(--button-hover-color);
  color: var(--button-text);
  text-decoration: none;
  background: var(--button-hover-color);
}

.home-slider ul .s-desciprtion-four a:disabled {
  border: 1px solid #ccc !important;
  background: #ccc !important;
  cursor: not-allowed;
  pointer-events: auto;
}

.home-slider ul .s-desciprtion {
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 7;
  width: 50%;
  font-size: 44px;
  font-weight: 600;
  line-height: 44px;
  transform: translateY(-50%);
}

@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    padding: 10px 20px 20px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    transform: unset;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}
.home-slider ul .s-desciprtion p {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
  }
}
.home-slider ul .s-desciprtion a {
  display: inline-block;
  margin-top: var(--grid-gutter);
  padding: 0 15px;
  border: 1px solid var(--button-color);
  border-radius: var(--border-radius);
  color: var(--button-text);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  background: var(--button-color);
  transition: all 0.3s;
  outline: 0;
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion a {
    padding: 10px 15px;
  }
}
.home-slider ul .s-desciprtion a:hover {
  border: 1px solid var(--button-hover-color);
  color: var(--button-text);
  text-decoration: none;
  background: var(--button-hover-color);
}

.home-slider ul .s-desciprtion a:disabled {
  border: 1px solid #ccc !important;
  background: #ccc !important;
  cursor: not-allowed;
  pointer-events: auto;
}

.home-slider .full-width img {
  width: 100%;
}

.home-slider .slider-background {
  background: var(--color-white);
}

.home-slider .slick-list {
  border-radius: var(--border-radius);
}

.home-slider .main-slider-product .inner {
  display: table;
  width: 100%;
  height: 300px;
  margin-bottom: 0;
  padding: 20px;
  background-size: cover;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner {
    display: block;
    height: auto;
    text-align: center;
  }
}
.home-slider .main-slider-product .inner .slider-image {
  display: table-cell;
  position: relative;
  width: 40%;
  margin-right: 5%;
  text-align: center;
  vertical-align: middle;
}

.home-slider .main-slider-product .inner .slider-image .badge-block {
  position: absolute;
  top: var(--grid-gutter);
  right: var(--grid-gutter);
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-image {
    display: block;
    width: 100%;
    margin-right: unset;
  }
}
.home-slider .main-slider-product .inner .slider-image img {
  max-width: 80%;
  max-height: 250px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-image img {
    max-height: 150px;
  }
}
.home-slider .main-slider-product .inner .slider-text {
  display: table-cell;
  left: 45%;
  color: #000;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text {
    display: block;
    left: unset;
    width: 100%;
    text-align: center;
  }
}
.home-slider .main-slider-product .inner .slider-text .h4 {
  margin-bottom: 5px;
  font-size: 22px;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text .h4 {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 3) 0;
    font-size: 18px;
  }
}
.home-slider .main-slider-product .inner .slider-text .description {
  padding-right: 130px;
  font-size: 14px;
}

.home-slider .main-slider-product .inner .slider-text .price {
  margin-top: var(--grid-gutter);
  color: var(--link-color);
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text .price {
    margin-top: 5px;
  }
}
.home-slider .main-slider-product .inner .slider-text .slider-text__button a {
  display: inline-block;
  margin-top: var(--grid-gutter);
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  background: var(--button-color);
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text .slider-text__button a {
    margin-top: 0;
  }
}
.home-slider .main-slider-product .inner .slider-text .slider-text__button a:hover {
  background: var(--button-hover-color);
}

.home-slider .main-slider-product .inner .slider-text .button a:focus,
.home-slider .main-slider-product .inner .slider-text .button a:hover {
  text-decoration: none;
}

.home-slider .main-slider-product .slick-dots {
  bottom: 10px;
}

@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .slick-dots {
    bottom: -10px;
  }
}
.home-slider .main-slider-product .slick-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
}

.home-slider .main-slider li {
  position: relative;
  float: left;
  width: 100%;
  border: 0 !important;
}

.home-slider .main-slider li img {
  width: 100%;
  height: auto;
}

.home-slider .slider_select {
  margin: 25px 0;
  text-align: center;
}

.home-slider .slider_select a {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 20px;
  border: 1px solid #f84c48;
  border-radius: 4px;
}

.home-slider .slider_select a:focus,
.home-slider .slider_select a:hover,
.home-slider .slider_select a:link {
  text-decoration: none;
}

.home-slider .slider_select .active {
  color: var(--color-white);
  background: #f84c48;
}

.brands .slick-slider {
  margin: 20px -5px 0;
  text-align: center;
}

.brands .slick-list {
  padding-bottom: 0 !important;
}

.brands img {
  display: inline-block;
}

.news .single-news {
  margin-bottom: 0;
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.news .single-news:last-child {
  border-bottom: 0;
}

.news .media-center {
  margin: 0 0 5px;
}

.news .media-center img {
  max-width: 100%;
}

.news .date {
  color: #979797;
  font-size: 12px;
}

.news .title {
  font-weight: 500;
  line-height: 16px;
}

.news .title a {
  text-decoration: none;
}

.main-block {
  margin-top: 15px;
}

.promo-banner {
  position: relative;
  margin-top: calc(var(--grid-gutter) * 2);
}

.promo-banner a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.promo-banner img {
  border-radius: var(--border-radius);
}

.promo-banner img.container-shadow-box {
  padding: 0;
}

.promotions {
  padding: 0 !important;
  color: var(--color-white);
}

.promotions .color-one .inner {
  border-radius: var(--border-radius);
  background: var(--badge);
}

.promotions .color-two .inner {
  padding: 20px 10px;
  border-radius: var(--border-radius);
  background: var(--button-color);
}

.promotions .color-two .btn {
  background: var(--link-color) !important;
}

.promotions .h1 {
  margin-top: 0;
  padding: 10px 15px;
  font-size: 16px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
}

.promotions .name {
  margin-bottom: 20px;
  padding: 0 var(--grid-gutter);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  overflow-y: hidden;
  word-wrap: break-word;
}

.promotions .price {
  padding-bottom: 20px;
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

.promotions .price s {
  margin-right: 10px;
  color: var(--color-white);
  font-size: 16px;
  opacity: 0.7;
}

.promotions .price s:after {
  border-bottom: 1px solid var(--color-white);
}

.promotions__button {
  padding-bottom: 20px;
}

.promotions__button .btn-gray {
  border: 1px solid #fff !important;
  color: #fff !important;
  background: transparent;
}

.promotions img {
  max-width: 100%;
  max-height: 170px;
  margin: 10px 0 20px;
}

.promotions a {
  color: var(--color-white);
  text-decoration: none;
}

.promotions .countdown {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 100px;
  padding: 0 5px;
  border-radius: var(--border-radius);
  font-weight: 400;
  text-align: center;
  background: #ffbc00;
}

.promotions .countdown,
.promotions .countdown span {
  color: #000 !important;
  font-size: 10px !important;
}

.promotions .countdown .size_lg {
  position: relative;
  margin-top: -5px;
}

.popural .container-shadow-box {
  margin-bottom: 5px;
}

@media screen and (max-width: 900px) {
  .popural .s-inner:nth-child(n+6) {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner {
    display: table;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-image {
    display: table-cell;
    width: 50px;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-image img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 50px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-name {
    display: table-cell;
    width: 100%;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-name:after {
    position: absolute;
    top: 50%;
    right: 10px;
    color: var(--color-grey);
    font-family: Font Awesome\5 Free;
    font-size: 21px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    content: "\f105";
  }
}
#product-list,
.category {
  position: relative;
  width: 100%;
  max-width: 1110px;
}

.category__empty {
  margin: 40px 0;
}

.category .h3 {
  cursor: pointer;
  color: var(--color-grey);
}

.category .nothing p {
  font-size: 20px;
}

.category .filter-count {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  background: var(--button-color);
}

.category-desc {
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
  padding: 20px;
  border-radius: var(--border-radius);
  background: var(--color-white);
  overflow: hidden;
}

.category-desc .read-more {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  color: #888;
  font-size: 16px;
  background: var(--color-white);
}

.category-desc .read-more .fa {
  margin-right: 5px;
  font-size: 10px;
}

.category-desc .read-more span {
  display: block;
  position: relative;
  margin-top: 10px;
  padding: 10px 0;
  color: var(--body-color);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  background: var(--color-white);
  border-top: 1px solid #ebebeb;
  cursor: pointer;
}

.category-desc .read-more span i {
  font-style: normal;
  position: relative;
}

.category-desc .read-more span i:after {
  right: -18px;
}

.category-desc .read-more span i:after,
.category-desc .read-more span i:before {
  position: absolute;
  top: -1px;
  color: var(--body-color);
  font-family: Font Awesome\5 Free;
  font-size: 13px;
  font-weight: 600;
  content: "\f107";
}

.category-desc .read-more span i:before {
  left: -18px;
}

.category-desc .read-more span:hover,
.category-desc .read-more span:hover i:after,
.category-desc .read-more span:hover i:before {
  color: var(--link-color);
}

.category-desc img {
  max-width: 100%;
}

.category-desc .category-bottom {
  margin-top: 30px;
}

.category-name img {
  margin-right: 10px;
}

.category-badge {
  padding: 2px 5px;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--link-color);
}

.subcategory-text {
  margin: 0 0 15px;
  font-size: 16px;
}

.subcategory-text a {
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 2px 15px;
  border-radius: var(--border-radius);
  font-weight: 600;
  text-decoration: none;
  background: var(--color-white);
  transition: all 0.3s;
}

@media screen and (max-width: 900px) {
  .subcategory-text a {
    font-size: 13px;
  }
}
.subcategory-text a:hover {
  color: var(--link-color);
  background: #eee;
}

.subcategory-images {
  min-height: 75px;
  margin: 0 0 3px;
  font-size: 16px;
}

.subcategory-images .s-inline {
  display: inline-block;
}

.subcategory-images .s-inner {
  display: table;
  position: relative;
  margin: 5px 10px 0 0;
  padding: 2px 15px 2px 5px;
  border-radius: var(--border-radius);
  text-decoration: none;
  background: var(--color-white);
}

.subcategory-images .s-inner:hover {
  color: var(--link-color);
}

.subcategory-images .s-inner .s-image,
.subcategory-images .s-inner .s-name {
  display: table-cell;
  vertical-align: middle;
}

.subcategory-images .s-inner .s-image {
  max-width: 75px;
  padding: 5px;
}

.subcategory-images .s-inner .s-image img {
  max-width: 100%;
  max-height: 40px;
}

.subcategory-images .s-inner .s-name {
  font-weight: 600;
}

.subcategory-images .s-inner .s-name .s-count {
  margin-top: -2px;
  color: grey;
  font-size: 12px;
  font-weight: 300;
}

.subcategory-images .s-inner a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.subcategory-big .s-inner {
  position: relative;
  text-align: center;
}

.subcategory-big .s-inner:hover .container-shadow-box {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.subcategory-big .s-inner:hover .s-name {
  color: var(--link-color);
}

.subcategory-big .s-image {
  display: flex;
  align-items: center;
  width: 100%;
  height: 150px;
  line-height: 150px;
}

.subcategory-big .s-image img {
  max-width: 100%;
  max-height: 140px;
  margin: 0 auto;
}

.subcategory-big a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.subcategory-big .s-name {
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.subcategory-big .s-count {
  margin-top: calc(var(--grid-gutter) / 2);
  color: grey;
  font-size: 12px;
  font-weight: 300;
}

.show-filter-mobile {
  display: none;
  position: fixed;
  bottom: 13px;
  left: 50%;
  z-index: 7;
  margin: 0 auto;
  padding: 8px 15px 8px 3px;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background: var(--main-color);
  transform: translateX(-50%);
}

@media screen and (max-width: 900px) {
  .show-filter-mobile {
    display: flex;
  }
}
.show-filter-mobile img {
  display: flex;
  width: 40px;
  max-height: 21px;
}

.show-filter-mobile:focus,
.show-filter-mobile:hover {
  color: var(--color-white);
  text-decoration: none;
}

.show-filter {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: var(--border-radius);
  color: #000;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
  background: var(--color-white);
}

.show-filter:focus,
.show-filter:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.8;
}

.activate-filter aside {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100% !important;
  max-width: calc(100vw - 40px) !important;
}

.activate-filter aside,
.activate-filter aside .filter,
.activate-filter aside .header {
  display: block !important;
  border-radius: 0 !important;
}

.activate-filter aside .filters {
  overflow-y: scroll;
  height: calc(100vh - 100px);
  min-height: 300px;
  -webkit-overflow-scrolling: touch;
}

.filter {
  margin-top: 52px;
  padding: 0;
}
.filter li {
  display: flex;
  align-items: center;
  height: 60px;
}
.filter li a:hover {
  color: black;
}
.filter li a.menu_links.active {
  font-weight: 700;
}

.filter .panel-price {
  display: inline-flex !important;
}

.filter__unit {
  position: relative;
  z-index: 6;
  margin-left: calc(var(--grid-gutter) / 2);
  color: var(--color-grey);
  font-weight: 500;
}

.filter__unit-item.selected {
  color: var(--link-color);
}

.filter__unit label {
  display: block;
}

.filter__unit:hover .filter__unit-tree {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.filter__unit-tree {
  position: absolute;
  left: calc(var(--grid-gutter) * -1);
  z-index: 7;
  width: 120px;
  padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  background: var(--color-white);
  transform: translateY(20px);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
}

.filter__unit-tree label {
  cursor: pointer;
}

.filter__unit-tree label input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -3000px;
}

.filter__unit:after {
  position: absolute;
  top: 5px;
  right: -15px;
  font-family: Font Awesome\5 Free;
  font-size: 10px;
  font-weight: 600;
  content: "\f0d7";
}

.filter .header {
  padding: 10px 5px 10px 15px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.filter .header,
.filter .header:hover {
  background: var(--main-color);
}

.filter .header .close-icon {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url(img/close_white.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.filter .header .loading-filter {
  display: none;
  position: absolute;
  top: 2px;
  right: 6px;
}

.filter .filtergroup {
  position: relative;
  padding: 5px 15px;
  border-bottom: 1px solid #ebebeb;
}

.filter .filtergroup .panel-body {
  display: inline-block;
  padding: 5px 0;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.filter .filtergroup .panel-body .icon {
  position: absolute;
  top: 13px;
  right: 15px;
  width: 20px;
  color: #aaa;
  font-size: 18px;
  text-align: right;
}

.filter .filtergroup .panel-body:hover,
.filter .filtergroup .panel-body:hover .icon {
  color: var(--link-color);
}

.filter .filtergroup .filtergroup,
.filter .filtergroup .group-filter,
.filter .filtergroup .slideblock {
  display: none !important;
}

.filter .filtergroup .slider {
  font-size: 14px;
}

.filter .filtergroup .slider .pricehint {
  margin: 10px 0 -10px;
  color: #707070;
  font-size: 12px;
  text-align: left;
}

.filter .filtergroup .slider .max,
.filter .filtergroup .slider .min {
  width: 40%;
  margin-bottom: 0;
}

.filter .filtergroup .slider input[type=text] {
  color: var(--body-color);
  font-weight: 600;
  text-align: center;
}

.filter .filtergroup label {
  color: var(--body-color);
  font-size: 14px;
}

.filter .group-filter .checkboxfilter:last-child {
  margin-bottom: 10px;
}

.filter .filtergroup.open .filtergroup,
.filter .filtergroup.open .group-filter,
.filter .filtergroup.open .slideblock {
  display: block !important;
}

.filter .filtergroup.open .fa-angle-down:before {
  content: "\f106";
}

.filter .checkboxfilter {
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .filter .checkboxfilter {
    display: inline-block;
    margin-right: var(--grid-gutter);
  }
}
.filter .checkboxfilter .color {
  margin: 2px 5px 0 0 !important;
}

.filter .checkboxfilter input {
  margin-right: 5px;
}

.filter .checkbox,
.filter .radio {
  position: relative;
  margin: 2px 0;
  padding: 0;
}

.filter .unit {
  margin-left: 5px;
}

.filter .diaposon {
  margin: 10px 0;
}

.filter .closefilter {
  margin: 15px 5px;
}

.filter .filtersubmit {
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter .filtersubmit .clearfilter {
  margin: 15px;
}

.ui-slider {
  position: relative;
  width: calc(100% - 20px);
  height: 3px;
  margin: 25px 5px 30px;
  background: #ccc;
}

.ui-slider .ui-slider-handle {
  display: block;
  position: absolute;
  top: -10px;
  z-index: 2;
  width: 24px;
  height: 22px;
  margin-left: -5px;
  cursor: pointer;
  outline: 0;
}

.ui-slider .ui-slider-handle:after {
  position: absolute;
  left: 0;
  z-index: 3;
  width: 23px;
  height: 23px;
  border: 4px solid var(--button-color);
  border-radius: 50%;
  background-color: var(--color-white);
  content: " ";
}

.ui-slider .ui-slider-handle:hover:after {
  border: 4px solid var(--button-hover-color);
}

.ui-slider .ui-slider-handle:focus {
  outline: 0;
}

.ui-slider .ui-slider-range {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  background: var(--button-color);
  overflow: hidden;
}

.ui-slider .ui-slider-range-min {
  left: 0;
}

.ui-slider .ui-slider-range-max {
  right: 0;
}

.lazyloading-paging-stop {
  margin: 0 0 20px;
  text-align: center;
}

.lazyloading-paging-stop span.show-more {
  display: block;
  margin-bottom: 20px;
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  background: var(--color-white);
  cursor: pointer;
}

.lazyloading-paging-stop span.show-more:hover {
  color: var(--link-color);
}

.c-pagination {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.c-pagination .prev .fa {
  margin-left: -3px;
}

.c-pagination .next .fa {
  margin-left: 3px;
}

.c-pagination li {
  display: inline-block;
  margin-right: 5px;
}

.c-pagination .selected a {
  color: var(--color-white);
  background: var(--link-color);
}

.c-pagination a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: var(--body-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 35px;
  text-decoration: none;
  background: var(--color-white);
}

.c-pagination a:hover {
  color: var(--color-white);
  background: var(--link-color);
}

.search__query {
  margin-bottom: var(--grid-gutter);
}

.staticpage .pages-nav {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.staticpage .pages-nav li {
  display: inline-block;
  position: relative;
  margin: 10px 0;
}

.staticpage .pages-nav .separator {
  margin: 0 10px;
  color: var(--color-grey);
}

.staticpage .pages-nav a {
  font-size: 14px;
  line-height: 20px;
}

.staticpage main .page-content ul {
  margin: 30px;
}

@media screen and (max-width: 900px) {
  .staticpage aside {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
  }
}
.badge-price {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 0;
}

@media screen and (max-width: 900px) {
  .badge-price {
    top: 5px;
    right: unset;
    left: 5px;
  }
}
.badge-block {
  vertical-align: middle;
}

.badge,
.badge-block {
  display: inline-block;
}

.badge {
  margin-right: 5px;
  padding: 2px 10px;
  border-radius: var(--border-radius);
  font-size: 13px;
  line-height: 20px;
  background: var(--badge);
}

.badge,
.badge span {
  color: var(--badge-color);
}

.badge.bestseller,
.badge.hits,
.badge.low-price,
.badge.new {
  color: var(--badge-color);
  background: var(--badge);
}

.badge.discount {
  display: block;
  top: 0;
  right: 10px;
  z-index: 6;
  width: 45px;
  height: 45px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
  background: var(--discount);
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .badge.discount {
    width: 35px;
    height: 35px;
    font-size: 10px;
    line-height: 35px;
  }
}
.container-catalog .cards-4,
.container-catalog .cards-5 {
  margin-bottom: var(--grid-gutter);
}

.thumbnail-catalog {
  position: relative;
  top: 0;
  height: 100%;
  margin: 0 0 10px;
  text-align: left;
  background: var(--color-white);
  transition: all 0.3s ease;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .loading-cart-icon:after {
    top: 13px;
  }
}
.thumbnail-catalog .image-block a {
  display: block;
}

.thumbnail-catalog .name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: nowrap;
}

.thumbnail-catalog .name a {
  display: inline;
  text-decoration: none;
}

.thumbnail-catalog .name .edit {
  margin-left: 10px;
  color: var(--color-grey);
}

.thumbnail-catalog .rating-big {
  position: relative;
  height: 35px;
  padding: 8px 0;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .rating-big {
    display: flex;
  }
}
.thumbnail-catalog .rating-big a {
  display: inline-block;
  margin-top: 5px;
  color: #979797;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .rating-big a {
    font-size: 0;
  }
}
.thumbnail-catalog .preview-block {
  display: inline;
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  width: 130px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  background: var(--color-white);
  background: hsla(0, 0%, 100%, 0.7);
  opacity: 0;
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .preview-block {
    display: none;
  }
}
.thumbnail-catalog .image-block .photo-array {
  position: absolute;
  top: calc(50% - 16px);
  width: 100%;
  opacity: 0;
}

.thumbnail-catalog .image-block .photo-array .photo-btn.prev {
  position: absolute;
  left: 0;
  margin-left: 5px;
  cursor: pointer;
}

.thumbnail-catalog .image-block .photo-array .photo-btn.next {
  position: absolute;
  right: 0;
  margin-right: 5px;
  cursor: pointer;
}

.thumbnail-catalog .image-block .photo-array .fa-chevron-left {
  display: inline-block;
  left: 0;
  width: 35px;
  height: 35px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 16px;
  line-height: 32px;
  background: hsla(0, 0%, 100%, 0.7);
  vertical-align: middle;
}

.thumbnail-catalog .image-block .photo-array .fa-chevron-left:hover {
  color: var(--button-color);
}

.thumbnail-catalog .image-block .photo-array .fa-chevron-right {
  display: inline-block;
  right: 0;
  width: 35px;
  height: 35px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 16px;
  line-height: 32px;
  background: hsla(0, 0%, 100%, 0.7);
  vertical-align: middle;
}

.thumbnail-catalog .image-block .photo-array .fa-chevron-right:hover {
  color: var(--button-color);
}

.thumbnail-catalog .image-block:hover .photo-array {
  opacity: 1;
}

.thumbnail-catalog .image-block:hover .image-bar {
  display: block;
}

.thumbnail-catalog .image-block .image-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.thumbnail-catalog .image-block .image-bar .inner {
  margin: 0 5px;
  line-height: 0;
}

.thumbnail-catalog .image-block .image-bar .inner .inner-bar {
  display: inline-block;
  height: 2px;
  line-height: 0;
  background: #ccc;
  border-right: 2px solid var(--color-white);
}

.thumbnail-catalog .image-block .image-bar .inner .active {
  background: var(--main-color);
}

.thumbnail-catalog__price {
  height: 20px;
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog__price {
    font-size: 16px;
  }
}
.thumbnail-catalog__price s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.thumbnail-catalog__priceunits {
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog__priceunits {
    font-size: 16px;
  }
}
.thumbnail-catalog__priceunits s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog__priceunits s {
    display: inline-block;
    margin-left: 0;
    font-size: 11px;
  }
}
.thumbnail-catalog__ratio {
  font-size: 13px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog__ratio {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .input-group {
    height: 35px;
  }
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .input-group span {
    height: 12px;
  }
}
.thumbnail-catalog .expand-content {
  color: #434343;
  font-size: 12px;
  line-height: 14px;
}

.thumbnail-catalog .expand-content dd {
  width: 53%;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .expand-content dd {
    width: auto;
  }
}
.thumbnail-catalog .expand-content .icon16.color {
  margin-top: 1px !important;
}

.thumbnail-catalog .addtocart {
  position: relative;
  padding-right: var(--grid-gutter);
  padding-left: var(--grid-gutter);
  flex: 1;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .addtocart {
    font-size: 13px;
  }
}
.thumbnail-catalog .compare-favorite-icon {
  display: flex;
  align-items: center;
  height: 45px;
  margin-left: calc(var(--grid-gutter) / 2);
  padding: 0 calc(var(--grid-gutter) / 2);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  color: #bcbcbc;
  font-size: 20px;
  cursor: pointer;
}

.thumbnail-catalog .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .compare-favorite-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    background: var(--color-white);
  }
}
.thumbnail-catalog .compare-favorite-icon.active {
  border: 1px solid var(--button-color);
  color: var(--button-hover-color-text);
  background: var(--button-color);
}

.thumbnail-catalog .compare-favorite-icon.active svg {
  fill: var(--color-white);
}

.thumbnail-catalog:hover .preview-block {
  opacity: 1;
}

.thumbnail-catalog .one-click {
  margin: 5px -10px -5px;
  padding: 5px 0;
  text-align: center;
  border-top: 1px solid #ebebeb;
}

.thumbnail-catalog .one-click input {
  margin-bottom: 10px;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  color: var(--button-color) !important;
  font-size: 14px;
  font-weight: 600;
  background: none;
  background: var(--color-white);
  border-bottom: 1px dotted var(--button-color) !important;
  cursor: pointer;
}

.thumbnail-catalog .one-click input:hover {
  opacity: 0.8;
}

.thumbnail-catalog .one-click input:disabled {
  border: 0 !important;
  background: inherit !important;
}

.thumbnail-catalog .add-to-cart {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .add-to-cart {
    display: none;
  }
}
.thumbnail-catalog .one-outstock {
  pointer-events: none;
  cursor: not-allowed;
}

.thumbnail-catalog .one-outstock input {
  border: 0;
  color: #ccc !important;
  border-bottom: 1px dotted #ccc !important;
}

.thumbnail-catalog .btn.disabled {
  height: 43px;
  font-size: 14px;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .btn.disabled {
    height: 35px;
  }
}
.thumbnail-catalog .hovergalery .preview-block {
  display: none !important;
}

.thumbnail-catalog .image-block.loading .main-photo {
  opacity: 0.2;
}

.thumbnail-catalog .image-block img {
  display: inline;
  width: auto;
  max-width: 100%;
  max-height: 500px;
  padding: 10px;
  text-align: center;
  transition: all 0.3s;
}

@media screen and (max-width: 900px) {
  .thumbnail-catalog .image-block img {
    max-height: auto;
  }
}
.thumbnail-catalog .add-to-cart.disabled-button {
  display: inline-block;
}

.flex-height {
  display: flex;
  flex-wrap: wrap;
}

.flex-height .thumbnail-catalog {
  width: 100%;
}

.flex-height form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.flex-height .adaptive {
  display: flex;
}

.flex-height .add-to-cart {
  display: flex;
  align-self: flex-start;
  margin-top: auto;
}

.flex-height .name {
  height: auto;
  margin-bottom: 10px;
}

.hover-active .thumbnail-catalog:hover {
  position: relative;
  z-index: 6;
}

.list-catalog {
  position: relative;
  width: 100%;
  margin-top: 10px;
  border-radius: var(--border-radius);
}

.list-catalog .loading-cart-icon:after {
  top: 13px;
}

.list-catalog__inner {
  display: flex;
}

@media screen and (max-width: 900px) {
  .list-catalog__inner {
    flex-direction: column;
  }
}
.list-catalog__leftside {
  width: 200px;
  margin-right: var(--grid-gutter);
}

@media screen and (max-width: 900px) {
  .list-catalog__leftside {
    width: 100%;
  }
}
.list-catalog__center {
  flex: 1;
  margin-right: var(--grid-gutter);
}

.list-catalog__rightside {
  display: flex;
  flex-direction: column;
  width: 250px;
  text-align: right;
}

.list-catalog__rightside .compare-favorite-icon {
  display: flex;
  align-items: center;
}

.list-catalog__rightside .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}

@media screen and (max-width: 900px) {
  .list-catalog__rightside {
    width: 100%;
    margin-top: var(--grid-gutter);
  }
}
.list-catalog .add-to-cart {
  display: flex;
  justify-content: flex-end;
  height: 45px;
  margin-top: var(--grid-gutter);
}

.list-catalog .features-table {
  width: 100%;
  margin-top: var(--grid-gutter);
  font-size: 12px;
}

.list-catalog .features-table tr.divider {
  display: none;
}

.list-catalog .features-table td {
  position: relative;
  z-index: 6;
  padding: 1px 0;
  padding-left: 10px;
  color: #383838;
  background: var(--color-white);
}

.list-catalog .features-table td span i {
  margin-top: 3px;
  margin-right: 5px;
}

.list-catalog .features-table td:first-child {
  width: 50%;
  padding-left: 0;
  font-weight: 700;
  vertical-align: top;
}

.list-catalog .features-table td:first-child:after {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 1.1em;
  margin-left: 10px;
  content: "";
  border-bottom: 1px dotted #bababa;
}

.list-catalog .features-table tr:hover {
  background: transparent !important;
}

.list-catalog .features-table tr:nth-child(n+20) {
  display: none;
}

.list-catalog tr.divider td:first-child:after {
  border-bottom: 0;
}

.list-catalog__name {
  margin-bottom: var(--grid-gutter);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  overflow-y: hidden;
  word-wrap: break-word;
}

.list-catalog__name a {
  text-decoration: none;
}

.list-catalog .zoom-image {
  text-align: center;
}

.list-catalog .zoom-image img {
  max-height: 200px;
}

.list-catalog__code {
  color: #828282;
  font-size: 12px;
}

.list-catalog__price {
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .list-catalog__price {
    font-size: 16px;
  }
}
.list-catalog__price s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .list-catalog__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.list-catalog__priceunits {
  height: 20px;
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .list-catalog__priceunits {
    font-size: 16px;
  }
}
.list-catalog__priceunits s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .list-catalog__priceunits s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.list-catalog__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.list-catalog__rating {
  position: relative;
  padding: 0 0 8px;
}

.list-catalog__rating a {
  display: inline-block;
  color: #979797;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}

.list-catalog .compare-favorite-icon {
  display: flex;
  align-items: center;
  height: 45px;
  margin-left: calc(var(--grid-gutter) / 2);
  padding: 0 calc(var(--grid-gutter) / 2);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  color: #bcbcbc;
  font-size: 20px;
  cursor: pointer;
}

.list-catalog .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}

.list-catalog .compare-favorite-icon.active {
  border: 1px solid var(--button-color);
  color: var(--button-hover-color-text);
  background: var(--button-color);
}

.list-catalog .compare-favorite-icon.active svg {
  fill: var(--color-white);
}

.list-catalog .expand-content {
  margin-top: 20px;
}

.list-catalog .expand-content dd {
  width: 60% !important;
}

.list-catalog .expand-content .icon16.color {
  margin-top: 4px;
  margin-right: 3px;
  margin-left: 5px;
}

.text-catalog {
  position: relative;
  width: 100%;
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
}

.text-catalog .loading-cart-icon:after {
  top: 13px;
}

.text-catalog__inner {
  display: flex;
  align-items: center;
}

.text-catalog__img {
  display: none;
  width: 100px;
  max-height: 100px;
  margin-right: var(--grid-gutter);
}

.text-catalog__name {
  flex: 1;
  margin-right: var(--grid-gutter);
}

.text-catalog__price {
  margin-right: var(--grid-gutter);
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .text-catalog__price {
    font-size: 16px;
  }
}
.text-catalog__price s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .text-catalog__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.text-catalog__unitblock {
  display: flex;
  flex-direction: column;
  margin-right: calc(var(--grid-gutter) * 2);
  text-align: right;
}

.text-catalog__priceunits {
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .text-catalog__priceunits {
    font-size: 16px;
  }
}
.text-catalog__priceunits s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .text-catalog__priceunits s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.text-catalog__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.text-catalog__button {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 500px;
}

.text-catalog__button button {
  height: 45px;
  font-size: 14px;
}

.text-catalog__code {
  color: #828282;
  font-size: 12px;
}

.text-catalog__text {
  overflow-y: hidden;
  word-wrap: break-word;
  font-weight: 500;
}

.text-catalog__text a {
  text-decoration: none;
}

.text-catalog__image {
  text-align: center;
}

.text-catalog__image img {
  max-height: 100px;
}

.text-catalog__rating {
  position: relative;
}

.text-catalog__rating a {
  display: inline-block;
  margin-top: 5px;
  color: #979797;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}

.text-catalog .compare-favorite-icon {
  display: flex;
  align-items: center;
  height: 45px;
  margin-left: calc(var(--grid-gutter) / 2);
  padding: 0 calc(var(--grid-gutter) / 2);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  color: #bcbcbc;
  font-size: 20px;
  cursor: pointer;
}

.text-catalog .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}

.text-catalog .compare-favorite-icon.active {
  border: 1px solid var(--button-color);
  color: var(--button-hover-color-text);
  background: var(--button-color);
}

.text-catalog .compare-favorite-icon.active svg {
  fill: var(--color-white);
}

.loading-cart-icon {
  position: relative;
}

.loading-cart-icon,
.loading-cart-icon:hover {
  color: transparent !important;
}

.loading-cart-icon:after {
  position: absolute;
  top: 18px;
  right: 0;
  left: 0;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  color: var(--color-white);
  background-image: url(img/loader/loading_three_dots.svg) !important;
  background-size: 36px;
  background-repeat: no-repeat;
  content: " " !important;
}

.compare-favorite-icon:hover {
  opacity: 0.7;
}

.product,
.product .product-gallery {
  position: relative;
}

.product .product-gallery a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product .container-shadow-box {
  padding: 0;
}

.product .container-product {
  padding: 0 0;
  background: var(--color-white);
}

@media screen and (max-width: 900px) {
  .product .container-product {
    padding-top: 10px;
    border-radius: 7px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
}
.product__ratio {
  font-size: 14px;
  opacity: 0.7;
}

.product .product-header {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border-color);
}

.product .product-header .icons-compare-favorite a {
  margin-left: 20px;
  text-decoration: none;
  white-space: nowrap;
}

.product .product-header .icons-compare-favorite a:hover {
  color: var(--link-color);
}

.product .product-header .compare-compare-icon svg {
  height: 20px;
  margin-right: var(--grid-gutter);
  fill: var(--color-grey);
}

.product .product-header .compare-compare-icon.active svg {
  fill: var(--link-color);
}

.product .product-header span.active a {
  color: var(--link-color);
}

.product .product-header .far,
.product .product-header .fas {
  margin-right: 5px;
}

.product .product-header a {
  color: var(--color-grey);
}

/* .product h1 {
    width: 85%;
    margin: 0;
    margin-bottom: var(--grid-gutter);
    font-size: 26px;
    font-weight: 600;
}
@media screen and (max-width: 900px) {
    .product h1 {
        width: 100%;
        margin-bottom: 0;
        font-size: 22px;
        line-height: 26px;
    }
}
.product h1 a {
    color: var(--body-color);
    text-decoration: none;
} */
.product .articul {
  display: inline-block;
  margin: 0 20px 0 0;
  color: var(--color-grey);
  font-size: 14px;
}

.product .articul .fas {
  margin-right: 5px;
  color: var(--badge);
}

.product .articul span {
  font-weight: 700;
}

.product .badge {
  font-size: 13px;
}

.product .summary {
  margin: var(--grid-gutter) 0;
  font-size: 14px;
}

.product .card-product-inner {
  position: sticky;
  top: 20px;
  padding: 20px 20px 0;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  .product .card-product-inner {
    padding: var(--grid-gutter);
  }
}
.product .expand-content .icon16.color {
  margin-top: 4px;
  margin-right: 9px;
}

.product .promo-icons {
  margin: 10px 0 0;
  padding: 0;
}

.product__price span {
  font-size: 26px;
  font-weight: 700;
}

.product__price s {
  display: inline-block;
  margin-left: 15px;
  color: #505151;
  opacity: 0.5;
}

.product__price s span {
  font-size: 16px;
}

.product .delivery-block {
  margin: 10px 0;
  font-weight: 700;
}

.product .delivery-block .delivery-header {
  margin-bottom: 10px;
  font-size: 16px;
}

.product .delivery-block .delivery-inner {
  position: relative;
  margin: 3px 0;
  color: var(--main-color);
  cursor: pointer;
}

.product .delivery-block i {
  width: 25px;
  margin-right: 5px;
  color: var(--body-color);
  font-size: 14px;
  text-align: center;
  opacity: 0.4;
}

.product .delivery-block span {
  margin-left: 5px;
  color: #717171;
  font-size: 12px;
  font-weight: 300;
}

.product .delivery-block .product-tooltips {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 6;
  width: 240px;
  padding: 15px;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: var(--body-color);
  font-size: 13px;
  font-weight: 300;
  background: var(--color-white);
  border-top: 1px solid #ebebeb;
}

.product .delivery-block .product-tooltips:after,
.product .delivery-block .product-tooltips:before {
  position: absolute;
  top: 100%;
  left: 40px;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.product .delivery-block .product-tooltips:after {
  margin-left: -7px;
  border-width: 7px;
  border-color: hsla(0, 0%, 100%, 0);
  border-top-color: var(--color-white);
}

.product .delivery-block .product-tooltips:before {
  margin-left: -9px;
  border-width: 9px;
  border-color: hsla(0, 0%, 90%, 0);
  border-top-color: #dcdcdc;
}

.product .cart-group {
  display: flex;
  width: 100%;
}

.product .cart-group .cart-btn-group {
  flex: 1;
}

.product .cart-group .cart-btn-group .btn {
  width: 100%;
  height: 100%;
}

.product .cart-group .compare-compare-icon,
.product .cart-group .compare-favorite-icon {
  display: flex;
  align-items: center;
  height: 45px;
  margin-left: calc(var(--grid-gutter) / 2);
  padding: 0 calc(var(--grid-gutter) / 2);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  color: #bcbcbc;
  font-size: 20px;
  background: var(--color-white);
  cursor: pointer;
}

.product .cart-group .compare-compare-icon svg,
.product .cart-group .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}

.product .cart-group .compare-compare-icon.active,
.product .cart-group .compare-favorite-icon.active {
  border: 1px solid var(--button-color);
  color: var(--button-hover-color-text);
  background: var(--button-color);
}

.product .cart-group .compare-compare-icon.active svg,
.product .cart-group .compare-favorite-icon.active svg {
  fill: var(--color-white);
}

.product .qty {
  display: block;
  position: relative;
  width: 90px;
  margin: 15px 0;
  margin-right: auto;
  margin-left: auto;
  color: #686868;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.product .qty input[type=text] {
  width: 34px;
  margin: 0 20px;
  padding: 5px;
  border: 0;
  border-radius: 4px;
  line-height: 1.75;
  text-align: center;
}

.product .qty .plus {
  right: 7px;
}

.product .qty .minus,
.product .qty .plus {
  position: absolute;
  top: 7px;
  cursor: pointer;
  font-size: 12px;
}

.product .qty .minus {
  left: 7px;
}

.product .image-hint {
  padding: var(--grid-gutter) 0;
  color: #858585;
  font-size: 12px;
  font-weight: 300;
}

.product .image-hint .fa {
  margin-right: 5px;
}

@media screen and (max-width: 900px) {
  .product .rating-compare {
    margin-top: calc(var(--grid-gutter) / 2);
  }
  .product .rating-compare a {
    margin-left: 0 !important;
  }
}
.product .rating-block {
  display: inline-block;
  position: relative;
  color: var(--color-grey);
  font-size: 14px;
}

.product .rating-block:focus,
.product .rating-block:hover {
  color: var(--link-color);
  text-decoration: none;
}

.product .rating-block a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product .rating-block a:focus,
.product .rating-block a:hover {
  text-decoration: none;
}

.product .rating-block i:last-child {
  margin-right: 10px;
}

.product .rating-block .review-count {
  margin-left: 10px;
}

.product .promo {
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  text-align: center;
}

.product .promo .header {
  margin-bottom: 0;
  color: var(--body-color);
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
}

.product .promo .icon {
  display: block;
  margin-bottom: 10px;
  color: var(--link-color);
  font-size: 40px;
}

@media screen and (max-width: 900px) {
  .product .promo .p-one {
    width: 200px;
  }
}
.product .promo .p-one a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.product .promo .p-one:last-child {
  margin-bottom: 0;
}

.product .promo p {
  margin-bottom: 20px;
  color: #6f6f6f;
}

.product .purchase {
  padding: 0;
}

@media screen and (max-width: 900px) {
  .product .purchase {
    padding: 0;
  }
}
.product .select_quantity .input-group.spinner {
  max-width: 60px;
}

.product .goto-cart {
  margin-top: 10px;
  text-align: center;
}

.product .goto-cart a {
  color: var(--line-color);
  font-size: 12px;
  text-decoration: underline;
}

.product .share-social {
  margin: 20px 0;
}

.inversion .product-header {
  padding: 0 0 10px !important;
}

.description-aside {
  padding: 0;
}

.description-aside .header {
  display: block;
  padding: 10px 20px;
  color: #181818;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid #e0e0e0;
}

.description-aside .inner {
  padding: 20px 20px 10px;
}

.description-aside .border-top {
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}

.description-aside .list-catalog {
  padding-bottom: 0 !important;
}

.description-aside .body {
  padding: 20px;
}

.product .stocks {
  min-height: 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.product .stocks .fa {
  padding-right: 5px;
  font-size: 14px;
}

.product .stocks .red {
  color: #e00 !important;
}

.product .stocks .stock-critical,
.product .stocks .stock-low {
  color: #a80;
}

.product .stocks .stock-high {
  color: var(--stock-color-hi);
}

.product .stocks .stock-none {
  color: #aaa;
  white-space: normal;
}

.product .stocks .icon16 {
  margin-top: 0.1em;
}

.product .show-price {
  position: relative;
  min-height: 40px;
  margin-bottom: 10px;
  color: var(--body-color);
  font-size: 24px;
  line-height: 28px;
}

.product .show-price .compare-at-price {
  display: inline-block;
  margin-left: 10px;
  color: #505151;
  font-size: 18px;
  opacity: 0.5;
}

.product .show-price .compare-at-price:before {
  top: 0;
}

.product .add2cart .icons-compare-favorite {
  display: inline-block;
  margin-left: 10px;
  font-size: 24px;
  cursor: pointer;
  vertical-align: middle;
}

.product .add2cart .icons-compare-favorite a {
  display: block;
  color: #8c8c8c;
}

.product .add2cart .icons-compare-favorite a:focus,
.product .add2cart .icons-compare-favorite a:hover {
  text-decoration: none;
}

.product .add2cart .icons-compare-favorite span {
  display: inline-block;
}

.product .add2cart .icons-compare-favorite .active .far {
  color: var(--button-color);
}

.product .add2cart .add2cart .btn {
  position: relative;
  width: 150px;
  padding: 10px;
  border: 1px solid var(--button-color);
  color: var(--button-color-text);
  font-size: 17px;
  background: var(--button-color);
  outline: none;
}

.product .add2cart .add2cart .btn .icon {
  margin-right: 7px;
}

.product .add2cart .add2cart .btn:hover {
  color: var(--button-text);
  background: var(--button-hover-color);
}

.product .add2cart .add2cart .btn.disabled {
  border: 1px solid #ccc !important;
}

.product .services .checkbox input[type=checkbox] {
  position: relative;
  margin-right: 5px;
  margin-left: 0;
}

.product .more-images {
  position: absolute;
  top: 10px;
  left: 15px;
  text-align: left;
  visibility: hidden;
}

@media screen and (max-width: 900px) {
  .product .more-images {
    display: flex;
    justify-content: center;
    position: relative;
    top: 10px;
    left: 0;
    margin-top: var(--grid-gutter);
    text-align: left;
    visibility: hidden;
  }
}
.product .more-images .video a {
  display: block;
  position: relative;
}

.product .more-images .video a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 17px;
  color: var(--color-white);
  font-family: Font Awesome\5 Free;
  font-size: 17px;
  font-weight: 900;
  content: "\f04b";
}

.product .more-images .image {
  width: 52px;
  height: 52px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  line-height: 46px;
  text-align: center;
}

.product .more-images .image a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.product .more-images .image img {
  max-width: 48px;
  max-height: 48px;
  padding: 2px;
}

.product .more-images .more-hide {
  width: 52px;
  height: 52px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  line-height: 52px;
  text-align: center;
}

.product .more-images .more-hide a {
  display: block;
  color: var(--body-color);
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: zoom-in;
}

.product .more-images .more-hide a:focus,
.product .more-images .more-hide a:hover {
  color: var(--link-color);
  text-decoration: none;
}

.product .video-container {
  text-align: center;
}

.product .video-container iframe {
  border: 0;
}

.product .product-gallery .left-padding {
  margin-left: 60px;
}

@media screen and (max-width: 900px) {
  .product .product-gallery .left-padding {
    margin-left: 0;
  }
}
.product .product-image-mobile img {
  max-width: 100%;
}

.product .home-slider ul li {
  text-align: center;
}

.product .home-slider img {
  max-height: 350px;
  margin: 0 auto;
}

.product .home-slider .slick-dots {
  position: relative;
  bottom: unset;
  margin: 10px 0;
}

.product #product-gallery .selected {
  position: relative;
  border: 2px solid var(--main-color);
}

.product #product-core-image {
  position: relative;
  min-height: 350px;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .product #product-core-image {
    min-height: auto;
  }
}
.product #product-core-image img {
  max-width: 90%;
  max-height: 330px;
}

.product.layout .container-description .sidebar-on {
  width: 72%;
}

.product.layout .container-description .description-aside {
  width: 28%;
}

.product.layout ul.product-nav li a {
  padding: 10px 15px;
}

.product.layout .delivery-block i {
  width: 15px;
}

.product.layout .delivery-block span {
  margin-left: 0;
}

.product .tags {
  color: var(--color-grey);
  font-size: 12px;
}

.product .tags a {
  margin-right: 5px;
  color: var(--color-grey);
  text-decoration: underline;
}

.product .tags a:hover {
  color: var(--link-color);
}

.product .skus-name {
  margin-left: 8px;
}

.product ul.skus {
  padding-left: 0;
  list-style: none;
}

.product ul.skus span.price {
  font-size: 16px;
  font-weight: 200;
}

.product ul.skus .articul {
  font-weight: 300;
}

.product ul.skus li .price s {
  top: 0;
  margin-left: 8px;
  color: #505151;
  opacity: 0.5;
}

.product ul.skus li .price s:before {
  top: 0;
}

.product .add-review a {
  font-size: 13px;
  text-decoration: none;
  border-bottom: 1px dotted var(--link-color);
}

.product .options {
  margin-bottom: 20px;
  line-height: 2em;
}

.product .options .name {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 20px;
}

.product .options .name .sku-selectable {
  font-weight: 600;
}

.product .options label.name {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  color: #111;
  font-size: 14px;
}

.product .options select {
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  font-size: 14px;
  text-transform: none;
  background: var(--color-white);
}

.product .options .inline-select {
  margin-bottom: 15px;
}

.product .options .inline-select a {
  display: inline-block;
  position: relative;
  min-width: 55px;
  margin: 0 5px 5px 0;
  padding: 3px 7px;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  color: #454545;
  text-align: center;
  text-decoration: none;
  background: var(--color-white);
}

.product .options .color-fix a {
  width: 45px;
  height: 36px;
  padding: 5px 15px !important;
  border: 1px solid transparent !important;
}

.product .options .inline-select a .color_name {
  display: none;
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 10px;
  font-weight: 600;
}

.product .options .inline-select a .color_checkmark {
  display: none;
  position: absolute;
  top: 10px;
  left: 20px;
}

.product .options .inline-no-color a.selected {
  position: relative;
  padding: 3px 7px 3px 31px;
  border: 1px solid var(--main-color) !important;
}

.product .options .inline-no-color a.selected:before {
  position: absolute;
  top: 3px;
  left: 11px;
  font-family: Font Awesome\5 Free;
  font-size: 10px;
  font-weight: 900;
  content: "\f00c";
}

.product .options .inline-no-color a.selected {
  color: var(--color-white);
  background: var(--main-color);
}

.product .options .inline-select a.selected .color_checkmark,
.product .options .inline-select a.selected .color_name {
  display: block;
}

.product .services {
  margin: var(--grid-gutter) 0;
  line-height: 1.4em;
}

.product .services select {
  max-width: 100%;
  margin-bottom: var(--grid-gutter);
  padding: 5px;
}

.product .services label {
  margin-right: 5px;
  margin-left: 0;
}

.product #product-image {
  max-width: 90%;
  cursor: zoom-in;
}

.product .card-product-inner .one-click {
  width: 100%;
  margin: 10px 0;
  font-size: 16px;
  text-align: center;
}

.product .card-product-inner .one-click input {
  width: 100%;
  padding: 12px 15px;
  border: 0;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-weight: 500;
  background: none;
  background: var(--main-color);
  cursor: pointer;
  vertical-align: middle;
}

.product .card-product-inner .one-click input:hover {
  background: var(--link-color);
}

.product ul.product-nav {
  position: relative;
  z-index: 5;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  background: var(--color-white);
  list-style: none;
  border-bottom: 1px solid #e0e0e0;
}

.product ul.product-nav li {
  display: inline-block;
  position: relative;
  border-right: 1px solid #e0e0e0;
  font-size: 0;
}

.product ul.product-nav li a {
  display: block;
  padding: 10px 30px;
  color: #232323;
  font-size: 16px;
  text-decoration: none;
}

.product ul.product-nav li a:hover {
  color: var(--button-color);
}

.product ul.product-nav .selected {
  position: relative;
}

.product ul.product-nav .selected a {
  color: var(--button-color);
  background: #f3f3f3;
}

.product-prev-next-wrap {
  position: absolute;
  top: -8px;
  right: 0;
}

@media screen and (max-width: 900px) {
  .product-prev-next-wrap {
    display: none;
  }
}
.product-prev-next-wrap .fa-chevron-left {
  margin-right: 3px !important;
}

.product-prev-next-wrap .fa-chevron-right {
  margin-right: 0 !important;
}

.product-prev-next-wrap .product-wrap {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.product-prev-next-wrap .product-wrap .product-info {
  display: table;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius);
  line-height: 16px;
  text-align: left;
  background: var(--color-white);
  vertical-align: middle;
}

.product-prev-next-wrap .product-wrap .product-info .product-title {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  padding: 10px;
  font-weight: 500;
}

.product-prev-next-wrap .product-wrap .product-info .product-title b {
  display: block;
  margin: 5px 0 0;
  color: var(--main-color);
}

.product-prev-next-wrap .product-wrap .product-info .product-image {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.product-prev-next-wrap .product-wrap .product-info .product-image img {
  max-width: 90px;
  max-height: 90px;
  padding: 5px 10px;
  vertical-align: middle;
}

.product-prev-next-wrap .product-wrap .product-info s {
  margin-left: 10px;
  color: #505151;
  opacity: 0.5;
}

.product-prev-next-wrap .prev-next {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  margin-left: 5px;
  border: 1px solid #e1e1e1;
  border-radius: var(--border-radius);
  line-height: 40px;
  text-align: center;
  background-color: var(--color-white);
  cursor: pointer;
}

.product-prev-next-wrap .prev-next a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-prev-next-wrap .prev-next:hover {
  border-color: var(--color-white);
}

.product-prev-next-wrap .prev-next:hover .product-wrap {
  opacity: 1;
  visibility: visible;
}

.product-prev-next-wrap .prev-next:hover .arrow-next,
.product-prev-next-wrap .prev-next:hover .arrow-prev {
  color: var(--link-color);
}

.product-prev-next-wrap .product-wrap {
  position: absolute;
  top: 52px;
  right: -1px;
  bottom: 0;
  z-index: 6;
  width: 300px;
  color: #000;
  font-size: 14px;
  background: var(--color-white);
}

.product-prev {
  position: relative;
}

.product-prev .arrow-prev {
  color: #6e6e6e;
  font-size: 18px;
}

.product-prev .arrow-prev:hover {
  color: #b2b2b2;
}

.product-next {
  position: relative;
}

.product-next .arrow-next {
  color: #6e6e6e;
  font-size: 18px;
}

.product-next .arrow-next:hover {
  color: #b2b2b2;
}

.product-next .arrow-next:hover .product-wrap {
  display: block;
}

.h4.features {
  margin-bottom: 25px;
}

.expand-content dt.divider {
  margin-top: 15px;
  color: #787878;
  font-size: 16px;
}

.expand-content dt.divider:after {
  border-bottom: 0;
}

.expand-content {
  margin: 0;
  padding: 0;
}

.expand-content dt {
  display: inline-block;
  position: relative;
  width: 45%;
  margin-right: 0;
  margin-bottom: 5px;
  font-weight: 600;
  background: var(--color-white);
  vertical-align: top;
}

@media screen and (max-width: 900px) {
  .expand-content dt {
    width: auto;
  }
}
.expand-content dt:after {
  position: absolute;
  width: 100%;
  height: 1.1em;
  margin-left: 10px;
  content: "";
  border-bottom: 1px dotted #bababa;
}

@media screen and (max-width: 900px) {
  .expand-content dt:after {
    border-bottom: 0;
  }
}
.expand-content .clear-dt:after {
  border-bottom: 1px dotted transparent;
}

.expand-content .clear-dt a {
  font-weight: 300;
}

.expand-content dd {
  display: inline-block;
  position: relative;
  width: 51%;
  margin-bottom: 5px;
  padding-left: 10px;
  background: var(--color-white);
  vertical-align: bottom;
  overflow: hidden;
}

.expand-content .icon16.color {
  margin-top: 7px;
  margin-right: 5px;
}

.show-all-features {
  display: inline-block;
  margin: 10px 0 15px;
  color: #858585;
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer;
}

.panel-heading {
  padding: 0;
}

.panel-heading:hover {
  opacity: 0.9;
}

.panel {
  box-shadow: none;
}

.panel .tags {
  margin-top: calc(var(--grid-gutter) * 2);
}

.panel-default {
  margin: 0;
  border: 0;
}

.panel-default .col-lg-6,
.panel-default .col-lg-12 {
  padding: 0 5px;
}

.panel-default .panel-body img {
  max-width: 100%;
}

.panel-default > .panel-heading {
  margin-bottom: 1px;
  color: var(--color-white);
  background: #f5f5f5;
}

.panel-default > .panel-heading a {
  color: var(--body-color);
  font-size: 16px;
  font-weight: 500;
}

.panel-default > .panel-heading.selected {
  margin-bottom: 0;
  border-bottom: 0;
}

.panel-default > .panel-heading.selected a {
  color: var(--main-color);
  background: #f1f1f1;
}

.panel-group {
  position: relative;
  z-index: 4;
  padding: calc(var(--grid-gutter) * 3);
  background: var(--color-white);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  .panel-group {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .panel-group .panel-body {
    padding: calc(var(--grid-gutter) * 3) var(--grid-gutter);
  }
}
.panel-group ul {
  margin: 20px;
}

.panel-title {
  margin-bottom: 0;
}

.panel-title > a {
  display: block !important;
  position: relative;
  padding: 11px 13px 12px;
  color: var(--color-white);
  font-size: 16px;
  text-decoration: none;
}

.panel-title > a:focus {
  color: var(--body-color);
}

.panel-default div a.collapsed:after {
  position: absolute;
  top: 16px;
  right: 15px;
  font-family: Font Awesome\5 Free;
  font-size: 12px;
  font-weight: 600;
  content: "\f077";
}

.panel-default .selected .collapsed:after {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: Font Awesome\5 Free;
  font-size: 12px;
  content: "\f078";
}

.panel-body table:not(.rating-distribution) {
  width: 100%;
  border-collapse: collapse;
}

.panel-body table:not(.rating-distribution) thead {
  background: #f5e8d0;
}

.panel-body table:not(.rating-distribution) td,
.panel-body table:not(.rating-distribution) th {
  padding: 10px;
  border: 1px solid #eaeaea;
}

.panel-body table:not(.rating-distribution) tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.page-content iframe,
.page-content img,
.panel-body iframe {
  max-width: 100%;
}

.related-cart div.h3 {
  margin-bottom: 10px;
  padding: 0 50px !important;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.product .product-small-features {
  display: flex;
}

.product .product-small-features td {
  display: inline-flex;
  border-bottom: 0;
  padding: 2px 0;
}

.product .product-small-features td span {
  display: flex;
  align-items: center;
}

.product .product-small-features td span i {
  margin-right: 5px;
}

.product .product-small-features td:first-child {
  margin-right: 10px;
  font-weight: 700;
}

.product .product-small-features tr:nth-child(n+9) {
  display: none !important;
}

.product .product-small-features tr.divider {
  display: none;
}

.product .product-big-features {
  width: 100%;
}

.product .product-big-features tr.divider td {
  padding-top: 20px !important;
  padding-bottom: 0;
  color: gray;
  font-size: 18px;
}

@media screen and (max-width: 900px) {
  .product .product-big-features tr.divider td {
    padding-top: 10px !important;
  }
}
.product .product-big-features td {
  position: relative;
  z-index: 6;
  padding: 5px 5px 0 !important;
  padding-left: 10px;
  border: 0 !important;
  background: var(--color-white);
}

.product .product-big-features td span i {
  margin-top: 3px;
  margin-right: 5px;
}

.product .product-big-features td:first-child {
  width: 50%;
  padding-left: 0;
  font-weight: 700;
  vertical-align: top;
}

.product .product-big-features td:first-child:after {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 1.1em;
  margin-left: 10px;
  content: "";
  border-bottom: 1px dotted #bababa;
}

.product .product-big-features tr:hover {
  background: transparent !important;
}

.product .product-big-features tr.divider td:first-child:after {
  border-bottom: 0;
}

.panel-default .collapse {
  display: none;
}

.panel-default .in {
  display: block;
}

#compare-table .rating-big a {
  display: inline-block;
  color: #979797;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
}

#compare-table td {
  padding: 5px 10px;
}

#compare-table .name {
  padding: 5px 0;
  line-height: 18px;
}

#compare-table .name a {
  color: var(--body-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  word-wrap: break-word;
}

#compare-table .name a:focus,
#compare-table .name a:hover {
  color: var(--link-color);
}

#compare-table td.feature {
  font-size: 14px;
}

#compare-table p {
  color: #000;
  line-height: 16px;
}

#compare-table h5 {
  margin: 0;
}

#compare-table .image {
  position: relative;
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

#compare-table .image .badge {
  position: absolute;
  z-index: 6;
}

#compare-table .image_fix img {
  max-width: 100px;
  max-height: 100px;
}

#compare-table .white-td td {
  border-top: 0;
  padding-bottom: 20px;
}

#compare-table td {
  vertical-align: top;
}

.compare-table__price {
  height: 20px;
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

.compare-table__price s {
  display: inline-block;
  margin-left: 15px;
  color: #505151;
  font-size: 16px;
  opacity: 0.5;
}

.compare-table__price s .price-wrapper {
  margin-right: 0;
}

.compare-table__priceunits {
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
}

.compare-table__priceunits s {
  display: inline-block;
  color: #505151;
  font-size: 16px;
  opacity: 0.5;
}

.compare-table__priceunits s .price-wrapper {
  margin-right: 0;
}

.compare-table__priceunits .price-wrapper {
  margin-right: 10px;
}

.compare-table__ratio {
  font-size: 13px;
  opacity: 0.5;
}

#compare-table tr:last-child td {
  padding: 30px 10px 0;
  border-bottom: 0;
}

#compare-table h5 {
  margin-top: 10px;
  font-weight: 700;
}

.compare-scroll {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

ul.compare-diff-all {
  width: 170px;
  margin: 0 0 0 -7px;
  padding: 0;
  list-style: none;
}

ul.compare-diff-all li {
  display: block;
  margin-bottom: 10px;
}

ul.compare-diff-all li a {
  padding: 5px 10px;
  color: var(--body-color);
  font-size: 14px;
  text-decoration: none;
}

ul.compare-diff-all li.selected a {
  border-radius: var(--border-radius);
  color: var(--color-white);
  text-decoration: none;
  background: var(--main-color);
}

ul.compare-diff-all li.selected a b {
  border: none;
}

.dialog {
  display: none;
}

.dialog .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url(img/close_white.svg);
  background-size: 20px;
  background-repeat: no-repeat;
}

.dialog .loading {
  position: fixed;
  top: 30%;
  left: 50%;
  z-index: 20;
  width: 70px;
  height: 70px;
  background-image: url(img/loader/tail-spin.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  transform: translate(-50%);
}

.dialog .product .purchase {
  margin: 0;
}

.dialog .product h1 {
  width: 100%;
  padding-bottom: var(--grid-gutter);
  border-bottom: 0;
}

.dialog #product-core-image .product-dialog-image {
  display: block;
  position: relative;
}

.dialog #product-core-image .product-dialog-image .owl-item img {
  max-width: 100%;
}

.dialog #product-core-image .owl-theme .owl-controls {
  position: relative;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

.dialog-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 19;
  background: rgba(0, 0, 0, 0.38);
}

.dialog-cart-header {
  display: none;
  height: 40px;
  padding: 10px 5px 10px 15px;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  background: var(--main-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

@media screen and (max-width: 900px) {
  .dialog-cart-header {
    display: block;
    margin: 0 -20px;
  }
}
.dialog-window .close-block {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 17;
  width: 40px;
  height: 40px;
  background: var(--link-color);
  cursor: pointer;
}

.dialog-window .close-block:hover {
  opacity: 0.7;
}

.dialog-window .alert {
  margin-top: 30px;
}

.dialog-window .dialog-cart {
  display: block;
  position: fixed;
  top: 10%;
  right: 0;
  left: 0;
  z-index: 21;
  width: 900px;
  max-height: 90%;
  margin: 0 auto;
  padding: 30px 20px 20px;
  border-radius: var(--border-radius);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  text-align: left;
  background: var(--color-white);
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 1;
}

@media screen and (max-width: 900px) {
  .dialog-window .dialog-cart {
    top: 0;
    width: 100%;
    padding: 0 20px 40px;
  }
}
.dialog-window .dialog-cart .product-cart-gallery {
  padding: 0;
  overflow: hidden;
}

@media screen and (max-width: 900px) {
  .dialog-window .product {
    padding-top: var(--grid-gutter) !important;
  }
}
.dialog-window .product .more-images {
  left: 0;
}

.dialog-window .product .summary {
  margin: var(--grid-gutter) 0 0;
}

.dialog-window .product #product-core-image {
  position: relative;
  height: 350px;
  min-height: 350px;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .dialog-window .product #product-core-image {
    height: unset;
    min-height: unset;
    margin-bottom: var(--grid-gutter);
  }
}
.dialog-window .product #product-core-image img {
  cursor: unset;
  max-width: 90%;
  max-height: 350px;
}

.review-table {
  margin-bottom: 20px;
  color: #878787;
  font-size: 14px;
}

.review-table a {
  color: #878787;
}

.review-table table.rating-distribution td {
  padding: 0 15px 0 0;
  border: none;
}

.review-table table.rating-distribution td .bar {
  width: 200px;
  height: 13px;
  background: #eee;
}

.review-table table.rating-distribution td .bar .filling {
  height: 13px;
  background: var(--link-color);
}

ul.reviews-branch .wa-field-rate {
  display: none;
}

ul.reviews-branch > li li {
  position: relative;
  margin-bottom: 5px;
}

.rating .hint {
  margin-left: 5px;
}

.review .staff {
  margin: 0 10px;
  padding: 1px 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  color: #345;
  font-size: 0.9em;
  white-space: nowrap;
  background: #eeb;
}

.reviewpage {
  margin: 20px;
}

.reviewpage main ul {
  padding: 0 !important;
}

.review {
  margin-bottom: 10px;
  padding: 10px 20px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: #fbfbfb;
}

.review .summary {
  margin: 0;
  color: #878787;
  font-size: 0.9em;
}

.review .summary h6,
.review .title {
  margin-bottom: 0.3em;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.review .description {
  margin: 20px 0 5px;
}

.review .summary {
  display: flex;
}

.review .avatar img {
  display: inline-block;
  margin-right: 10px;
  padding: 2px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
}

.review .review-avatar {
  display: table-cell;
  width: 70px;
  min-width: 70px;
  vertical-align: middle;
}

.review .review-username {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.review .username {
  color: var(--body-color);
  font-size: 14px;
  font-weight: 300;
}

.review .staff {
  display: inline-block;
  margin: 2px 0;
}

.review .date {
  display: block;
}

#clear-review-rate {
  display: none !important;
}

.wa-field-rate {
  width: 215px;
  margin: calc(var(--grid-gutter) * 2) 0;
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  text-align: center;
}

.wa-field-rate .icon32 {
  width: 36px;
  height: 32px;
}

.wa-field-rate p {
  margin-bottom: 0;
}

.wa-field-rate #review-rate {
  margin-top: 0 !important;
}

.review .summary a.username:hover {
  color: var(--link-color);
}

.review .summary a {
  display: inline;
  padding: 0;
}

.review .summary .date {
  color: #aaa;
}

.review .summary .date .divider {
  margin: 0 10px;
}

.review p {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.3em;
}

.review .actions a {
  padding: 0 !important;
  color: var(--body-color);
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dotted var(--body-color);
}

.reviews .h6 {
  font-weight: 700;
}

.reviews #review-rate {
  display: inline-block;
  margin-top: 12px;
}

@media screen and (max-width: 900px) {
  .reviews #review-rate {
    margin-top: 0;
  }
}
.reviews #review-rate:hover {
  text-decoration: none;
}

.reviews .profile-review {
  display: flex;
  margin-top: 10px;
}

@media screen and (max-width: 900px) {
  .reviews .profile-review {
    display: block;
  }
}
.reviews .profile-review img {
  margin-right: var(--grid-gutter);
}

.reviews .profile-review a {
  margin-left: var(--grid-gutter);
}

.reviews ul {
  margin: var(--grid-gutter) 0 0;
  padding: 0;
  list-style: none;
}

.reviews .hint {
  font-size: 11px;
}

.reviews ul li ul {
  padding-left: 35px;
}

@media screen and (max-width: 900px) {
  .reviews ul li ul {
    padding-left: 15px;
  }
}
.reviews ul li ul li .review h6 {
  color: var(--body-color);
}

.reviews ul li .review-form {
  padding: 10px 0 0;
}

.reviews ul li .review-form textarea {
  min-height: 100px;
}

.reviews ul .in-reply-to {
  position: relative;
}

.reviews ul .new {
  background: #ffc;
}

.reviews ul.menu-h.auth-type {
  margin-left: -5px;
  padding: 0 0 40px;
}

.reviews ul.menu-h.auth-type li {
  padding-right: 10px;
}

.reviews ul.menu-h.auth-type li a {
  padding: 5px 6px;
}

.reviews ul.menu-h.auth-type li a img {
  top: 0;
}

.reviews textarea {
  height: 100px;
  min-height: 100px;
  margin-top: 0;
}

.review-form h4 {
  margin: 0 0 20px;
  font-weight: 400;
}

.review-form-fields p {
  margin: 0 0 10px;
}

.review-form-fields .review-field {
  min-height: 30px;
}

.review-form-fields .review-field:after {
  content: " ";
  display: block;
  clear: both;
}

.review-form-fields p.review-field a {
  display: inline;
  padding: 0;
  font-size: 14px;
  text-decoration: none;
}

.review-form-fields p.review-field a.logout {
  border-bottom: 1px dotted var(--main-color);
}

.review-form-fields p.review-field a.rate-clear {
  margin-top: 7px;
  color: var(--body-color);
  font-size: 14px;
  border-bottom: 1px dotted var(--body-color);
}

.review-form-fields p.review-field #review-rate i {
  margin-top: 10px;
}

.review-form-fields label {
  display: block;
  float: left;
  width: 160px;
  margin: 0 10px 0 0;
  color: #373a3c;
}

.review-form .review-submit {
  padding: 0 0 20px 180px;
}

@media screen and (max-width: 900px) {
  .review-form .review-submit {
    padding-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .review-form .review-submit input[type=submit] {
    width: 100%;
  }
}
.review-form .review-submit .cancel {
  border-bottom: 1px dotted var(--main-color);
  margin-left: 10px;
  font-size: 14px;
}

.review-form .review-submit .cancel:focus,
.review-form .review-submit .cancel:hover {
  text-decoration: none;
}

.review-form .userpic {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 50%;
}

.review-form ul.menu-h.auth-type li a img {
  position: relative;
  top: 2px;
  float: left;
  margin-right: 3px;
}

.review-form ul.menu-h.auth-type {
  padding-bottom: 20px;
}

.review-form label {
  float: left;
  width: 155px;
  margin-top: 5px;
  margin-right: 23px;
  padding-top: 0.52em;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-align: right;
}

.reviews span.rate {
  display: block;
  margin: 0.5em 0;
  line-height: 1.3em;
}

.reviews span.rate a {
  text-decoration: none !important;
}

.review-submit .wa-captcha .errormsg {
  float: none;
  margin-left: 0;
}

.comments div.h3 {
  padding-top: 0;
}

.comment-form .center-form {
  padding: 0 !important;
}

.comments .credentials .date {
  margin: 0 5px;
  padding-top: 1px;
}

.comments .credentials .userpic {
  margin-right: 5px;
}

.comments .credentials .userpic.icon16 {
  width: 16px;
  min-width: 0;
  height: 16px;
  margin: 7px 4px 0;
}

.comments textarea {
  width: 75%;
  height: 100px;
  min-height: 100px;
  margin-top: 0;
}

.comments ul,
.comments ul li {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.comments ul li ul {
  margin: 20px 0 0;
}

.comments ul li span.hint a {
  color: #aaa;
  text-decoration: underline;
}

.comments .text {
  margin: 5px 0 5px 28px;
}

.comments .actions {
  margin: 0 0 5px 28px;
  font-size: 0.9em;
}

.comments .actions .comment-reply {
  padding: 0 !important;
  color: var(--body-color);
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dotted var(--body-color);
}

.comments ul li a.comment-delete {
  margin: 0 0 0 5px;
  padding: 0;
  color: #d99;
  text-decoration: underline;
}

.comments ul li a.comment-delete:hover {
  color: #fff;
  background: red;
}

.comments ul li ul {
  padding-left: 25px;
}

.comment.in-reply-to {
  position: relative;
  margin: -8px -8px -13px;
  padding: 8px 35px 8px 8px;
  background: var(--color-white);
}

.comment.in-reply-to .container-shadow-box {
  border: 0 !important;
  box-shadow: none !important;
}

.comment.new {
  margin: -8px -8px -13px;
  padding: 8px 35px 8px 8px;
  background: #ffc;
}

#product-review-form input[type=email],
#product-review-form input[type=password],
#product-review-form input[type=text],
#product-review-form textarea {
  margin-bottom: 0;
}

ul#user-auth-provider {
  padding-left: 0 !important;
}

.review-form-fields label.service-agreement-wrapper {
  float: none !important;
  width: auto;
  margin-bottom: 20px;
}

.s-review-images-section {
  padding: 15px 20px;
  border: 1px dashed #bfbfbf;
  transition: background 0.2s linear;
}

@media screen and (max-width: 900px) {
  .s-review-images-section {
    margin-top: 40px;
  }
}
.s-review-images-section.is-highlighted {
  background: #fafadf;
}

.s-review-images-section .s-image-form-section {
  position: relative;
}

.s-review-images-section .s-image-form-section .s-description .s-icon {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 19px;
  margin-right: 10px;
  vertical-align: -3px;
}

.s-review-images-section .s-image-form-section .s-description .s-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s-review-images-section .s-image-form-section .s-file-field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  text-indent: -100%;
  font-size: 0;
}

.s-review-images-section .s-attached-files-section:not(:empty) {
  margin: -20px 0 0;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper {
  display: inline-block;
  position: relative;
  margin: 40px 40px 0 0;
  vertical-align: top;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-image-wrapper {
  width: 200px;
  height: 200px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f7 50% no-repeat;
  background-size: contain;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper {
  min-height: 55px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.15384615em;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper.is-extended .s-visible,
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper:not(.is-extended) .s-hidden {
  display: none;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper .s-visible {
  padding: 5px;
  text-align: center;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper .s-textarea {
  display: block;
  width: 100%;
  min-width: auto;
  height: 55px;
  min-height: auto;
  box-sizing: border-box;
  padding: 4px 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 13px;
  line-height: 15px;
  resize: none;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -10px);
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action {
  position: relative;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.33);
  border-radius: 50%;
  background: var(--color-white);
  cursor: pointer;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action:not(:first-child) {
  margin-top: 10px;
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action .s-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action .s-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s-review-images-section .s-errors-section:not(:empty) {
  margin: 20px 0 0;
}

.s-review-images-section .s-errors-section .s-error {
  color: red;
  font-size: 12px;
  line-height: 1.16666667em;
}

.s-review-images-section .s-errors-section .s-error:not(:first-child) {
  margin-top: 5px;
}

.s-review-images-section,
.s-review-notice-section {
  vertical-align: top;
  width: 70%;
  box-sizing: border-box;
}

.s-images-list .s-image {
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
}

@media (max-width: 760px) {
  .s-review-images-section,
  .s-review-notice-section {
    width: 100%;
  }
}
.h1__order-date {
  margin: 0 var(--grid-gutter);
  font-weight: 300 !important;
}

.h1__order-status {
  padding: 0 10px;
  border-radius: var(--border-radius);
  color: #fff !important;
  font-size: 12px !important;
}

.h1__order-back {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: var(--grid-gutter);
  border: 1px solid #e1e1e1;
  border-radius: var(--border-radius);
  line-height: 40px;
  text-align: center;
  background-color: var(--color-white);
  cursor: pointer;
}

.h1__order-back a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
}

.orders__green {
  background: var(--stock-color-hi);
}

.orders__red {
  background: #e00;
}

@media screen and (max-width: 900px) {
  .orders .row {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .orders__confrimation {
    display: block;
  }
}
.orders__confrimation-block {
  padding: 20px;
  border-radius: var(--border-radius);
}

.orders__confrimation-block:first-child {
  margin-left: 0;
}

@media screen and (max-width: 900px) {
  .orders__confrimation-block:first-child {
    margin-right: 0;
    margin-left: 0;
  }
}
.orders__confrimation-block:last-child {
  margin-right: 0;
}

@media screen and (max-width: 900px) {
  .orders__confrimation-block:last-child {
    margin-right: 0;
    margin-left: 0;
  }
}
.orders__confrimation-block .plugin-payment {
  color: var(--color-error);
}

@media screen and (max-width: 900px) {
  .orders__confrimation-block {
    margin-bottom: 20px;
  }
}
.orders__confrimation-block-price {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.orders__confrimation-block .icon {
  margin-bottom: 20px;
  color: var(--color-primary);
  font-size: 50px;
}

.orders__list-price {
  font-size: 16px;
  font-weight: 500;
}

.orders__list-price .ruble {
  margin-left: 4px;
}

.orders__detail {
  display: none;
  margin-top: var(--grid-gutter);
  line-height: 18px;
}

.orders__detail-image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}

.orders__detail-total {
  font-size: 16px;
  font-weight: 500;
}

.orders__detail-total .ruble {
  margin-left: 4px;
}

.orders__detail-count {
  color: var(--color-grey);
}

@media screen and (max-width: 900px) {
  .orders__detail-count {
    display: flex;
    justify-content: flex-end;
  }
}
.orders__detail-item {
  margin-top: calc(var(--grid-gutter) / 2);
  padding-top: calc(var(--grid-gutter) / 2);
  border-top: 1px solid var(--border-color);
}

.orders__detail-button {
  margin: calc(var(--grid-gutter) * 2) 0 0;
}

.orders__detail-button .btn {
  font-size: 14px;
}

.orders__detail a {
  text-decoration: none;
}

.orders__detail img {
  max-width: 50px;
  max-height: 50px;
}

.orders__item-bottom .orders__detail {
  margin-top: 0;
}

.orders__item-bottom .orders__detail-item {
  border-top: 0;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: calc(var(--grid-gutter) / 2);
  padding-bottom: calc(var(--grid-gutter) / 2);
}

.orders__item.is-show i {
  transform: rotate(90deg);
}

.orders__item.is-show .orders__detail {
  display: block;
}

.orders__item-show {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}

.orders__item-number {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 20px;
  font-weight: 500;
}

.orders__item-number i {
  margin-right: var(--grid-gutter);
  color: var(--link-color);
  font-size: 12px;
}

.orders__item-date {
  margin-left: var(--grid-gutter);
  color: var(--color-grey);
  font-weight: 300;
}

.orders__item-status {
  font-size: 12px;
}

.orders__item-status span {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--border-radius);
  color: var(--color-white);
}

.orders__item-total {
  font-size: 20px;
  font-weight: 500;
}

.orders__item-total .ruble {
  margin-left: 4px;
}

.profile-card {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: var(--border-radius);
  background: var(--color-white);
}

.profile-card__photos {
  width: 75px;
}

.profile-card__photos span {
  display: inline-block;
  border-radius: 50%;
}

.profile-card__photos img {
  display: inline;
  margin: 2px;
  margin-right: var(--grid-gutter);
  padding: 2px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
}

.profile-card__text {
  flex: 1;
}

.profile-card__text p:first-child {
  margin-bottom: 10px;
}

.profile-card__text p:last-child {
  margin-bottom: 0;
}

.profile-card__text .name {
  font-weight: 700;
}

.account {
  flex: 1 0 auto;
}

.account table a {
  text-decoration: none;
}

.account .empty-order {
  padding: 30px 0 !important;
  text-align: center;
}

@media screen and (max-width: 900px) {
  .account aside {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
  }
}
.account-nav {
  display: block !important;
  position: relative;
  border-radius: var(--border-radius);
}

.account-nav .selected a {
  color: var(--link-color);
}

.auth-form .show-password {
  position: absolute;
  top: 13px;
  z-index: 6;
  margin-left: -25px;
  color: #888;
  cursor: pointer;
}

.wa-form .wa-login-url,
.wa-form .wa-signup-url {
  margin: 20px 0;
}

.wa-form .wa-forgotpassword-button {
  margin: 5px 0;
}

.wa-form .wa-buttons-wrapper {
  margin-left: 180px;
}

@media screen and (max-width: 900px) {
  .wa-form .wa-buttons-wrapper button,
  .wa-form .wa-buttons-wrapper input {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .wa-form .wa-buttons-wrapper {
    margin-left: 0;
  }
}
.wa-form .wa-captcha-code,
.wa-form .wa-captcha-img-wrapper {
  display: inline;
}

.cartpage form {
  width: 100%;
}

.cartpage .articul {
  margin: 10px 0;
  font-size: 12px;
}

.cartpage .name {
  font-weight: 500;
  line-height: 18px;
}

.cartpage .name a {
  text-decoration: none;
}

.cartpage .one-product__price {
  margin-right: var(--grid-gutter);
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .cartpage .one-product__price {
    font-size: 16px;
  }
}
.cartpage .one-product__price s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .cartpage .one-product__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.cartpage .one-product__unitblock {
  display: flex;
  flex-direction: column;
  margin-right: calc(var(--grid-gutter) * 2);
  text-align: right;
}

.cartpage .one-product__priceunits {
  color: var(--main-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 900px) {
  .cartpage .one-product__priceunits {
    font-size: 16px;
  }
}
.cartpage .one-product__priceunits s {
  margin-left: 10px;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .cartpage .one-product__priceunits s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.cartpage .one-product__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.cartpage .list-catalog {
  margin-top: 0;
  padding: 10px;
}

.cartpage .list-catalog .extra {
  display: inline;
  color: var(--body-color);
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px dotted var(--body-color);
}

.cartpage .list-catalog .extra:focus,
.cartpage .list-catalog .extra:hover {
  text-decoration: none;
  opacity: 0.8;
}

.cartpage .list-catalog .price {
  margin-top: 10px;
}

.cartpage .list-catalog .services {
  margin: 10px 0;
}

.cartpage .delete-item {
  display: block;
  margin-top: 10px;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
}

.cartpage .select_quantity {
  width: 70px;
}

.cartpage .affiliate-block {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 40px 5px 20px;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  color: var(--body-color);
  background: var(--color-white);
}

.cartpage .affiliate-block .icon-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url(img/close.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cartpage .affiliate-block .icon-info {
  position: absolute;
  top: 15px;
  left: 25px;
  color: var(--main-color);
  font-size: 50px;
}

.cartpage .affiliate-text {
  padding-left: 80px;
  font-size: 14px;
}

.cartpage .affiliate-text .btn-accept {
  margin-bottom: 10px;
}

.cartpage .affiliate-text .affiliate-discount-available,
.cartpage .affiliate-text strong {
  color: var(--main-color);
  font-weight: 700;
}

.cartpage .row-some-height {
  display: flex;
  flex-wrap: wrap;
}

.cartpage .col-some-height {
  display: flex;
  flex-direction: column;
}

.cartpage .checkout-sticky {
  position: sticky;
  top: 15px;
  z-index: 1;
  box-sizing: border-box;
}

.cartpage .checkout-block {
  margin: 0 0 10px;
  padding: 5px 20px 20px;
  border-radius: 4px;
  font-size: 20px;
}

.cartpage .checkout-block .price {
  color: var(--main-color);
  font-weight: 700;
}

.cartpage .checkout-block table {
  width: 100%;
  font-weight: 700;
}

.cartpage .checkout-block table tr:first-child {
  border-bottom: 1px solid #e1e1e1;
}

.cartpage .checkout-block table td {
  padding: 15px 0;
}

.cartpage .checkout-block table td:nth-child(2) {
  text-align: right;
}

.cartpage .checkout-block .btn {
  width: 100%;
  margin-bottom: 5px;
}

.cartpage .delete-item {
  color: #707070;
}

.cartpage .delete-item:hover {
  color: var(--link-color);
}

.cartpage .delete-item .icon-close {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  margin-bottom: 2px;
  text-align: center;
  background-image: url(img/close.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.cartpage .cupon {
  margin: var(--grid-gutter) 0;
}

.cartpage .cupon input[type=text] {
  width: 100%;
  height: 42px;
}

.cartpage .cupon .wa-error-msg {
  color: red;
}

.cartpage .cupon .cupon-delete {
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 120px;
  z-index: 6;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: 2px;
  text-align: center;
  background-image: url(img/close.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer;
}

.cartpage .cupon-text {
  margin-bottom: 10px;
}

.cartpage .cupon-text a {
  color: var(--main-color);
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px dotted var(--main-color);
}

.related-cart {
  margin-top: 30px;
}

.s-order-column .cart-header {
  margin: 10px 0 30px;
}

.s-order-column .clear-cart {
  font-weight: 300;
}

.s-order-column .clear-list {
  top: 0;
  right: 0;
}

.s-order-column .clear-list .icon-close {
  top: 9px;
}

.wa-dropdown > .wa-dropdown-toggle {
  padding: 10px !important;
}

.wa-dropdown > .wa-dropdown-toggle:after {
  right: 14px !important;
  width: 10px !important;
  height: 10px !important;
  border: solid var(--body-color) !important;
  border-width: 0 2px 2px 0 !important;
}

.s-styled-select {
  height: 45px;
}

.wa-field-wrapper .wa-select {
  height: 45px !important;
  border: 1px solid;
  border: 1px solid var(--form-border);
  border-radius: 0;
  outline: 0;
  box-shadow: 0 !important;
}

.wa-order-form-wrapper .wa-step-section.is-locked:after {
  left: -20px !important;
  width: 120% !important;
}

.wa-order-form-wrapper .wa-step-auth-section > .wa-section-header .wa-contact-name {
  margin-right: 0 !important;
  margin-left: 12px;
  color: #fff !important;
  font-size: 18px !important;
}

.wa-order-form-wrapper .wa-step-auth-section > .wa-section-header a {
  margin-left: auto;
  color: #fff !important;
  font-size: 16px;
  font-weight: 200;
  text-decoration: underline;
}

.wa-order-form-wrapper .wa-step-section:first-child {
  padding-top: 0 !important;
}

.wa-order-form-wrapper .wa-step-section > .wa-section-header > .wa-header {
  margin: 0;
  font-size: 18px !important;
}

.wa-step-auth-section .wa-header:after {
  content: "";
}

.wa-step-auth-section .wa-header:after,
.wa-step-region-section .wa-header:after {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--color-white);
  font-family: Stroke-Gap-Icons;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  font-style: normal;
  font-variant: normal;
}

.wa-step-region-section .wa-header:after {
  content: "";
}

.wa-step-payment-section .wa-header:after {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--color-white);
  font-family: Stroke-Gap-Icons;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  font-style: normal;
  font-variant: normal;
  content: "\e653";
}

.s-section-body.container-shadow-box {
  padding-top: 0 !important;
}

.wa-order-form-wrapper .wa-step-section > .wa-section-header {
  display: flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  padding: 0 12px;
  color: #fff !important;
  background: #1E5513;
}
.wa-order-form-wrapper .wa-step-section > .wa-section-header .wa-header {
  font-weight: 500;
}

.wa-form-content {
  display: flex;
  flex-direction: column;
}

.wa-step-auth-section {
  order: 1;
}

.wa-step-region-section {
  order: 2;
}

.wa-step-shipping-section {
  order: 3;
}

.wa-step-details-section {
  order: 4;
}

.wa-step-payment-section {
  order: 5;
}

.wa-step-confirm-section {
  order: 6;
}

.wa-form-content .wa-header:first-child {
  border-top: 0 !important;
}

.wa-product-edit-dialog .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-close-wrapper {
  padding-right: 35px !important;
}

.wa-product-edit-dialog .wa-icon.size-10 {
  position: absolute !important;
  right: 20px;
  width: 15px !important;
  height: 15px !important;
}

.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper:not(.color) .wa-variants-list .wa-variant {
  background-color: #fff !important;
}

.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-title {
  margin-bottom: 5px !important;
  color: var(--body-color) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-variants-list .wa-variant.selected {
  position: relative;
  padding-left: 35px !important;
  border: 1px solid var(--main-color) !important;
  color: #fff !important;
  text-shadow: none !important;
  background: var(--main-color) !important;
}

.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-variants-list .wa-variant.selected:before {
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  content: "\f00c";
}

.cart-product-one .cart-name {
  overflow-y: hidden;
  font-size: 16px;
  word-wrap: break-word;
  font-weight: 300;
}

.cart-product-one .cart-name a,
.cart-product-one .cart-name a:hover {
  text-decoration: none;
}

.cart-product-one__price {
  color: black;
  font-size: 12px;
  font-weight: 200;
  line-height: 126%;
}

@media screen and (max-width: 900px) {
  .cart-product-one__price {
    font-size: 16px;
  }
}
.cart-product-one__price s {
  display: inline-block;
  font-size: 14px;
  opacity: 0.5;
}

.wa-tooltip.bottom.custom .tooltip-text, .wa-tooltip.bottom:not(.custom):after {
  left: 0 !important;
}

.wa-tooltip {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 200;
}

.wa-field-wrapper.size-medium > .wa-label {
  display: inline-block;
  position: relative;
  font-size: 16px !important;
  font-weight: 200 !important;
}

input.wa-input {
  height: 45px;
  border-radius: 0 !important;
  font-size: 18px !important;
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=color]):not([type=button]):not([type=reset]):not([type=file]):focus, select:focus, textarea:focus, textarea[type=text]:focus {
  border: 1px solid;
  border-color: #1E5513;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

@media screen and (max-width: 900px) {
  .cart-product-one__price s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.cart-product-one__priceunits {
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 900px) {
  .cart-product-one__priceunits {
    font-size: 16px;
  }
}
.cart-product-one__priceunits s {
  display: inline-block;
  font-size: 14px;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .cart-product-one__priceunits s {
    margin-left: 5px;
    font-size: 11px;
  }
}
.cart-product-one__ratio {
  font-size: 13px;
  opacity: 0.5;
}

.cart-product-one .quanty {
  opacity: 0.5;
}

.cart-product-one img {
  max-height: 75px;
}

.checkoutpage .cart-product-one {
  margin-bottom: 15px;
}

.orderpage .wa-quantity-cart-section .wa-field-wrapper .wa-field {
  width: 40px !important;
  text-align: center !important;
}

.orderpage .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
  display: flex;
  white-space: nowrap;
}

.orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-price-section .wa-price-total,
.orderpage .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item.wa-item-total .wa-value .wa-price {
  color: var(--main-color);
}

.orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-price-section .wa-price-total {
  font-weight: 700;
}

.orderpage button {
  height: 45px;
  border-radius: 0;
  color: white;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  text-shadow: none !important;
}

.button, [type=button], [type=reset], [type=submit], button {
  color: white;
}

.orderpage input[type=email],
.orderpage input[type=tel],
.orderpage input[type=text] {
  padding: 6px !important;
  font-size: 14px !important;
  line-height: unset !important;
}

.orderpage .wa-quantity-box input[type=text] {
  text-align: center !important;
}

.orderpage .wa-field-wrapper .wa-label,
.orderpage .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item .wa-name,
.orderpage .wa-order-form-wrapper .wa-step-details-section .wa-details-rates-section .wa-table > .wa-row > .wa-cell.wa-cell-name .wa-name {
  color: var(--body-color) !important;
  font-size: 14px;
  font-weight: 600;
}

.orderpage .wa-payment-name {
  font-weight: 600;
}

.orderpage .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input {
  max-width: 50%;
}

.orderpage .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
  font-size: 16px;
  line-height: unset;
}

.orderpage .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper.is-active .wa-method-body .wa-payment-name a,
.orderpage .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper:hover .wa-method-body .wa-payment-name a,
.orderpage .wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper.is-active .wa-name a,
.orderpage .wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper:hover .wa-name a {
  font-weight: 600;
}

.orderpage .wa-order-form-wrapper .wa-step-region-section .wa-required {
  color: red !important;
}

.orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body > .wa-column-image {
  width: 70px !important;
}

.orderpage .wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total {
  margin-top: 3px !important;
}

.orderpage .wa-products .wa-icon.size-11 {
  width: 22px !important;
  height: 23px !important;
}

.orderpage .wa-products .wa-name {
  display: block !important;
}

.orderpage .wa-products .wa-actions {
  display: block;
  margin: 5px 0;
}

.orderpage .wa-products .wa-details {
  line-height: 18px !important;
}

.orderpage .wa-products .wa-name,
.orderpage .wa-products .wa-sku {
  font-size: 14px !important;
  text-decoration: none;
}

.orderpage .wa-order-cross_selling-wrapper .wa-product-wrapper .wa-details-wrapper {
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  word-wrap: break-word;
}

.orderpage .wa-order-cross_selling-wrapper .wa-product-wrapper .wa-details-wrapper a {
  text-decoration: none;
}

.orderpage .wa-error-text {
  font-size: 14px;
}

.orderpage .wa-input.wa-error {
  border: 1px solid #d02d14 !important;
}

.orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-variant {
  margin-left: 0 !important;
}

.orderpage button.wa-button.transparent,
.orderpage input.wa-button.transparent {
  height: 38px !important;
  border: 1px solid #bcbcbc;
  border-color: var(--color-white) !important;
  color: var(--color-white) !important;
  background: var(--link-color);
}

.orderpage button.wa-button.transparent:focus,
.orderpage input.wa-button.transparent:focus {
  border: 1px solid var(--body-color) !important;
  border-color: var(--body-color) !important;
  color: var(--body-color) !important;
  background: transparent !important;
}

.orderpage button.wa-button.transparent:hover,
.orderpage input.wa-button.transparent:hover {
  border: 1px solid var(--body-color) !important;
  border-color: var(--body-color) !important;
  color: var(--body-color) !important;
  background: transparent;
}

@media screen and (max-width: 900px) {
  .orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body > .wa-column-quantity {
    width: 180px !important;
  }
}
.orderpage .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body > .wa-column-quantity .wa-product-fractional-prices {
  margin: 5px auto !important;
  font-size: 12px !important;
  text-align: center !important;
}

@media screen and (max-width: 900px) {
  .orderpage .wa-order-cart-wrapper.with-adaptive .wa-products .wa-product .wa-product-body > .wa-column-quantity {
    padding-left: 64px !important;
  }
}
.wa-tooltip:not(.custom):after {
  font-size: 14px !important;
}

.table-confirmation__qty {
  width: 200px;
}

.table-confirmation__name {
  font-weight: 500;
}

.table-confirmation__total {
  width: 200px;
  height: 20px;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 500;
}

.table-confirmation__tax {
  width: 200px;
}

.checkout blockquote {
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 14px;
  background: var(--color-white);
}

.checkout blockquote img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.checkout blockquote p {
  margin-bottom: 5px;
  margin-left: 70px;
}

.checkout .inline {
  display: inline-block;
  margin: 0;
  padding: 20px 0;
  list-style: none;
}

.checkout .inline li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}

.checkout-order {
  padding: 15px;
}

.checkout-order .btn {
  display: inline-block;
  margin-top: 20px;
  border-color: #ccc;
  color: #575757;
}

.checkout-order .change {
  margin-top: 0 !important;
}

.checkout-order .btn-bordered:focus {
  text-decoration: none;
}

.checkout-order .btn-bordered:hover {
  border-color: #ddd;
  text-decoration: none;
}

.container-fix {
  padding-left: 0;
}

.checkout form {
  margin: 0 !important;
}

.checkout-header {
  margin: 0;
  padding: 20px;
  color: #999;
  background: var(--color-white);
}

.checkout-header h3 {
  margin-bottom: 0;
}

.checkout-header h3 a {
  color: #777;
  font-weight: 400;
  text-decoration: none;
}

.checkout-header strong {
  color: #666;
}

.checkout ul.checkout-options.shipping li {
  display: table;
  width: 100%;
}

.checkout ul.checkout-options.shipping h3 {
  display: table-cell;
  float: none;
  width: 70%;
}

.checkout ul.checkout-options.shipping .rate {
  display: table-cell;
  float: none;
  width: 30%;
  line-height: 14px;
}

.checkout ul.checkout-options li {
  position: relative;
  clear: both;
  margin-bottom: 30px;
  list-style: none;
}

.checkout ul.checkout-options li p {
  padding-left: 80px;
  color: var(--gray);
}

.checkout ul.checkout-options li:last-child {
  margin-bottom: 10px;
}

.checkout ul.checkout-options li label {
  margin-bottom: 0;
}

.checkout ul.checkout-options li h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300 !important;
}

.checkout ul.checkout-options li h3 select {
  width: 270px;
  height: 30px;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  border: 1px solid #b3b3b3;
  color: #000;
  font-size: 13px;
}

.checkout ul.checkout-options li h3 label {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.checkout ul.checkout-options li h3 label img {
  max-width: 50px;
}

.checkout ul.checkout-options li h3 label .text {
  margin-left: var(--grid-gutter);
  font-size: 14px;
  font-weight: 700;
}

.checkout ul.checkout-options li .rate {
  float: right;
  width: 250px;
  text-align: center;
}

.checkout ul.checkout-options li .rate .price {
  display: block;
  margin-bottom: 5px;
  color: #f84c48;
  font-size: 18px;
  font-weight: 700;
}

.icon-checkout {
  margin-right: 20px;
  color: #f84c48;
  font-size: 45px;
  vertical-align: middle;
}

.wa-label {
  margin-bottom: 4px;
}

.checkout ul.checkout-options li .rate .est_delivery {
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 400;
}

.checkout ul.checkout-options li p {
  margin: 0 0 10px;
  color: var(--color-grey);
  font-size: 14px;
}

.checkout ul.checkout-options li .wa-form {
  margin-top: 0;
  margin-bottom: 30px;
}

.checkout ul.checkout-options li .wa-form label input[type=radio] {
  position: static;
}

.checkout .checkout-result {
  padding: 60px 0 20px;
  text-align: center;
  background: var(--color-white);
}

.checkout .checkout-result h1 {
  margin-bottom: 50px;
  font-size: 4em;
  font-weight: 700;
}

.checkout .checkout-result.error h1 {
  color: red;
}

.checkout .checkout-result .wa-form {
  float: none;
  width: 400px;
  margin: 10px auto 20px;
  text-align: left;
}

.checkout .checkout-result .back {
  margin-top: 50px;
}

.checkout {
  padding: 0;
}

.checkout .wa-form .wa-field .wa-value p {
  margin-bottom: 0;
}

.checkout a {
  color: #333;
  text-decoration: underline;
}

.checkout h2 {
  position: relative;
  margin: 0;
  padding: 13px 20px 15px 0;
  font-weight: 400;
  background: var(--color-white);
  border-bottom: 1px solid #e0e0e0;
}

.checkout h2.upcoming {
  border-bottom: 0;
}

.checkout h2 a {
  padding-left: 45px;
  color: var(--link-color);
  font-size: 18px;
  text-decoration: none;
}

.checkout h2 a .far {
  position: absolute;
  top: 22px;
  left: 20px;
  font-size: 12px;
}

.checkout h2 a:hover {
  opacity: 0.7;
}

.checkout h2.upcoming a:hover {
  color: #000 !important;
  cursor: default;
}

.checkout h2 a.hint {
  margin: 7px 0 0;
  color: #6d6d6d;
  font-size: 12px;
}

.checkout h2 a.hint,
.checkout h2 a.hint strong {
  text-decoration: underline;
}

.checkout h2.is-done {
  position: relative;
}

.checkout h2.is-done:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background-size: 30px;
}

.checkout .checkout-step-content {
  padding: 20px;
}

.checkout ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.checkout ul li {
  margin-bottom: 5px;
}

.checkout ul li input[type=radio] {
  margin-right: 3px;
}

.checkout #login-form h1 {
  display: none;
}

.checkout input.large {
  font-size: 1.4em;
}

.checkout .comment {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
}

.checkout-step {
  padding: 0;
}

.checkout-step.is-done {
  position: relative;
}

.checkout-step.is-done h2 {
  border-bottom: 0 !important;
}

.checkout-step.is-done a {
  opacity: 0.5;
  color: var(--color-grey);
}

.checkout select {
  max-width: 300px;
}

.checkout-step.is-done:after {
  position: absolute;
  top: 12px;
  right: 20px;
  color: var(--button-color);
  font-family: Font Awesome\5 Free;
  font-size: 20px;
  font-weight: 700;
  content: "\f00c";
}

.checkout .errormsg.inline {
  display: inline;
  margin-left: 10px;
}

.checkout .last span.loading {
  left: -10px;
}

.checkout .wa-form .wa-field .wa-name {
  padding-top: 0.3em;
}

.checkout .wa-form .wa-field.wa-field-birthday .wa-value select {
  margin-right: 5px;
}

.checkout .wa-form .wa-field.wa-field-address .wa-field-address-zip input {
  width: 20%;
  min-width: 100px;
}

.checkout .float-right {
  float: right;
}

.footer {
  margin-top: calc(var(--grid-gutter) * 2);
  padding: 0 0 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
  background: var(--footer);
  flex: 0 0 auto;
  border-top: 1px solid var(--border-color);
}

@media screen and (max-width: 900px) {
  .footer {
    padding-bottom: 0;
  }
  .footer__contact {
    order: 1;
  }
}
.footer .row {
  margin-right: 0;
  margin-left: 0;
}

.footer .hint {
  margin: 20px 0 0;
  font-size: 12px;
  opacity: 0.8;
}

@media screen and (max-width: 900px) {
  .footer .hint {
    font-size: 10px;
  }
}
.footer #currency {
  width: auto;
  margin: 15px 0;
  font-size: 12px;
}

.footer .h5 {
  position: relative;
  width: 60%;
  margin: 25px 0 20px;
  padding-bottom: 25px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 900px) {
  .footer .h5 {
    margin: 20px 0 10px;
    padding-bottom: 10px;
  }
}
.footer .rules {
  margin-top: 5px;
}

.footer .mailer-subscribe .form-control {
  padding: 11px 10px;
  border-right: 0;
}

.footer #mailer-subscribe-thankyou {
  color: #ff003c;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.footer .fa:not(.social .fa),
.footer .far,
.footer .fas {
  margin-right: 10px;
  color: var(--main-color);
}

/* .footer .social {   
    padding: 0;
    list-style: none;
} */
.footer .social a {
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  transition: all 0.1s ease-in-out;
}

.footer .social a:hover {
  opacity: 0.6;
}

.footer .social a:hover .fa {
  color: var(--color-white);
}

.footer .menu-h-footer {
  display: flex;
  flex-flow: column;
}

@media screen and (max-width: 900px) {
  .footer .menu-h-footer {
    flex-flow: wrap;
    display: inline-flex;
  }
}
.footer .menu-h-footer li {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 5px;
  padding-left: calc(var(--grid-gutter) * 1.5);
}

@media screen and (max-width: 900px) {
  .footer .menu-h-footer li {
    margin-right: calc(var(--grid-gutter) * 1.5);
  }
}
.footer .menu-h-footer li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: grey;
  font-family: Font Awesome\5 Free;
  font-weight: 700;
  content: "\f105";
  font-style: normal;
}

.footer .menu-h-footer li a {
  color: var(--body-color);
  text-decoration: none;
}

.footer .menu-h-footer li:last-child:after {
  content: " ";
  margin: 0;
}

.footer .footer-phone .dot {
  display: block;
}

.footer .footer-phone i:not(.fa) {
  font-style: normal;
  font-size: 12px;
  opacity: 0.5;
}

.copyright {
  padding: 10px 0 20px;
  font-size: 12px;
  opacity: 0.8;
}

@media screen and (max-width: 900px) {
  .copyright {
    font-size: 10px;
  }
}
.bottom-bar {
  position: fixed;
  bottom: 0;
  z-index: 14;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 7px 20px 9px rgba(50, 50, 50, 0.15);
  font-size: 14px;
  text-align: center;
  background: var(--color-white);
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 900px) {
  .bottom-bar {
    display: none;
  }
}
.bottom-bar svg {
  height: 24px;
  fill: #b4b4b4;
  margin-right: var(--grid-gutter);
}

.bottom-bar a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-weight: 500;
  text-decoration: none;
}

.bottom-bar i {
  margin-right: 7px;
  color: #b4b4b4;
  font-size: 14px;
}

.bottom-bar div {
  border-right: 1px solid #dbdbdb;
}

.bottom-bar div:first-child {
  border-left: 0;
}

.bottom-bar div:last-child {
  border-right: 0;
}

.bottom-bar span {
  margin-left: 10px;
  padding: 1px 7px;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 300;
  background: var(--button-color);
}

.bottom-bar .b-cart,
.bottom-bar .b-compare,
.bottom-bar .b-favorite,
.bottom-bar .b-seen,
.bottom-bar span {
  display: inline-block;
}

.other-apps .breadcrumbs .container {
  padding-left: 0 !important;
}

@media screen and (max-width: 900px) {
  .other-apps {
    margin-top: var(--grid-gutter);
  }
}
.container-shadow-box.timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.comment-form,
.container-shadow-box.post {
  padding: calc(var(--grid-gutter) * 2);
}

.timeline ul {
  margin: 0;
  padding: 0;
  color: #888;
  font-size: 11px;
  font-weight: 400;
  list-style: none;
}

.search-blog {
  margin-bottom: 20px;
}

.search-blog input[type=search] {
  height: 42px;
}

.comment-form-fields .wa-auth-adapters {
  padding: 0;
}

.comment-form-fields .wa-auth-adapters ul {
  margin: 0;
}

.timeline ul a {
  color: #888;
}

.blog-sidebar .subcategory {
  margin: 0;
}

.blog-sidebar .subcategory li ul {
  display: block;
}

.blog-sidebar input[type=text] {
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  border: 0;
}

.blog-sidebar .h3 {
  padding: 50px 0 10px;
  color: var(--color-grey);
}

.post {
  margin-bottom: 20px;
}

.post .h3 {
  padding: 10px 0 0;
}

.post .btn {
  font-size: 14px;
}

.post img {
  height: auto !important;
}

.post iframe,
.post img {
  max-width: 100%;
}

.post .text {
  margin-top: 5px;
  margin-right: 10px;
}

.post textarea {
  width: 100%;
  height: 250px;
  min-height: 300px;
  margin-top: 10px;
}

.post.search-match {
  margin-top: 20px;
}

.post.search-match h3 {
  margin-bottom: 5px;
  font-size: 1.5em;
}

.post.search-match p {
  margin-top: 5px;
}

.credentials {
  font-size: 14px;
  font-weight: 300;
  overflow: hidden;
}

.credentials a,
.credentials span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
}

.credentials .userpic {
  display: block;
  float: left;
  min-width: 20px;
  margin-right: 2px;
  border-radius: 50%;
}

.credentials .username {
  margin: 0;
}

.credentials .date,
.credentials .icon16 {
  margin: 0 3px;
  color: #aaa;
  font-size: 0.9em;
}

.credentials img.userpic {
  width: 20px;
}

.post .credentials {
  margin-bottom: 20px;
}

.pageless-wrapper {
  font-style: italic;
}

html.realtime-preview,
html.realtime-preview body {
  background: var(--color-white);
}

html.realtime-preview .globalfooter,
html.realtime-preview .globalheader {
  display: none;
}

html.realtime-preview .content {
  margin-right: 0;
}

html.realtime-preview .page {
  top: 0;
  margin: 10px 0;
}

.photo-album-attachment ul.thumbs {
  padding-left: 0;
}

.photo-album-attachment ul.thumbs li {
  list-style: none;
  display: inline-block;
  margin: 0 20px 20px 0;
}

.photo-album-attachment .photo {
  margin-bottom: 20px;
}

.photo-album-attachment .photo img {
  max-width: 100%;
  margin-top: -10px;
}

.post .photo-album-attachment {
  padding-top: 10px;
}

.subalbums {
  margin-bottom: var(--grid-gutter);
}

.zoomOut {
  animation-name: a;
}

.zoomIn {
  animation-name: b;
}

@keyframes a {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes b {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes c {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home-slider .slick-slide img {
  display: block;
  max-width: 100%;
}

.slick-arrow.slick-disabled {
  opacity: 0.5;
}

.slick-slider .slick-list {
  width: 100%;
}

.slick-slider .cards-4,
.slick-slider .cards-5 {
  max-width: unset;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
}

.mask span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background-image: url(img/loader/tail-spin.svg);
  background-size: 60px 60px;
  background-repeat: no-repeat;
}

#noty_layout__topRight {
  width: 400px !important;
}

.noty_theme__sunset.noty_bar .noty_body {
  padding: 10px;
  padding-right: 26px;
  font-size: 12px;
  font-weight: 300;
  text-shadow: none;
}

.noty_theme__sunset.noty_bar .noty_body svg {
  height: 24px;
  fill: var(--color-white);
  margin-top: 8px;
}

.noty_theme__sunset.noty_bar .noty_body:after {
  position: absolute;
  top: calc(50% + 15px);
  right: 10px;
  color: var(--color-grey);
  font-family: Font Awesome\5 Free;
  font-size: 21px;
  font-weight: 600;
  transform: translate(-50%, -50%);
  content: "\f105";
}

.noty_theme__sunset.noty_bar .noty_body .product-add {
  margin-bottom: 10px;
  padding-bottom: 7px;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}

.noty_theme__sunset.noty_bar .noty_body .product-info {
  display: table;
}

.noty_theme__sunset.noty_bar .noty_body .product-info .action-text {
  margin-top: var(--grid-gutter);
  color: var(--color-grey);
  font-size: 12px;
  font-weight: 300;
}

.noty_theme__sunset.noty_bar .noty_body .product-info .product-title {
  display: table-cell;
  width: 70%;
  padding: 5px 25px 5px 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  text-align: left;
  vertical-align: middle;
}

.noty_theme__sunset.noty_bar .noty_body .product-info .product-title .price {
  margin-top: 10px;
  color: var(--main-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.noty_theme__sunset.noty_bar .noty_body .product-info .product-image {
  display: table-cell;
  width: 30%;
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
}

.noty_theme__sunset.noty_bar .noty_body .product-info .product-image img {
  max-width: 90%;
  max-height: 80px;
}

.noty_theme__sunset.noty_bar .noty_body s {
  opacity: 0.5;
  display: inline-block;
  margin-left: 10px;
}

.noty_theme__sunset.noty_bar .noty_body s,
.noty_theme__sunset.noty_bar .noty_body s .price {
  color: #798f9f !important;
  font-size: 14px !important;
}

.noty_theme__sunset {
  position: relative;
}

.noty_theme__sunset a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  color: var(--color-white);
}

.noty_theme__sunset.noty_bar .noty_body .goto-link {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  color: var(--color-white);
  font-size: 18px;
  line-height: 40px;
  background: var(--button-color);
}

.noty_theme__sunset.noty_type__error {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  color: var(--body-color);
  font-size: 12px !important;
  text-align: center;
  text-shadow: none;
  background: var(--color-white);
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  height: 3px;
  background-color: var(--button-color);
}

.noty_theme__sunset.noty_type__error .noty_progressbar {
  opacity: 1;
}

#noty_layout__bottom,
#noty_layout__bottomCenter,
#noty_layout__bottomLeft,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight,
#noty_layout__top,
#noty_layout__topCenter,
#noty_layout__topLeft,
#noty_layout__topRight,
.noty_layout_mixin {
  z-index: 11;
}

.fancybox-button[disabled] {
  opacity: 0;
}

.fancybox-thumbs .fancybox-thumbs-active {
  border: 1px solid var(--button-color) !important;
}

.fancybox-navigation button:focus,
.fancybox-navigation button:hover {
  border: 0 !important;
  outline: 0 !important;
  background: none !important;
}

.fancybox-news {
  font-size: 14px;
}

.fancybox-news .ajax {
  width: 50%;
  text-align: center;
}

.fancybox-news .ajax div.h1 {
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 24px;
  font-weight: 700;
}

.fancybox-news .fancybox-close-small:hover {
  border: 0 !important;
  background: none !important;
}

.fancybox-news .date {
  color: var(--color-grey);
  font-size: 12px;
}

.fancybox-buttons {
  position: absolute;
  right: 0;
  bottom: 100px;
  left: 0;
  z-index: 24;
  margin: 0 auto;
  text-align: center;
}

.fancybox-buttons .btn {
  width: 200px;
  padding: 5px 0 7px;
  font-size: 17px;
}

.fancybox-buttons .icon {
  position: relative;
  top: 1px;
  margin-right: 10px;
}

@media (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 95px;
    box-sizing: border-box;
    padding: 10px 10px 5px;
    background: rgba(0, 0, 0, 0.3);
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}
.fancybox-thumbs > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}

.fancybox-thumbs > ul {
  margin: 0 auto;
}

.fancybox-navigation button {
  width: 100px !important;
}

.fancybox-navigation button:before {
  background: transparent;
}

.checkout-block .storequickorder_cart_button {
  width: 100%;
  margin-bottom: 5px;
  padding: 10px;
  border: 1px solid var(--main-color) !important;
  border-radius: var(--border-radius);
  color: #fff !important;
  font-size: 18px;
  line-height: 25px;
  background: var(--main-color) !important;
  background: var(--color-white);
  vertical-align: middle;
  cursor: pointer;
}

.checkout-block .storequickorder_cart_button:hover {
  border: 1px solid var(--main-color) !important;
  color: #fff !important;
}

#storequickorder .dialog-background {
  z-index: 25 !important;
  background: rgba(0, 0, 0, 0.38) !important;
}

#storequickorder .dialog-window {
  z-index: 26 !important;
  max-width: 800px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

#storequickorder .dialog-content {
  min-width: 340px;
}

#storequickorder .dialog-content-indent {
  padding: 20px 20px 0 !important;
}

#storequickorder .dialog-buttons-gradient {
  text-align: center;
}

#storequickorder .dialog-buttons {
  height: 75px !important;
}

#storequickorder h1 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

#storequickorder .storequickorder-window-product_info-name {
  font-weight: 600;
}

#storequickorder .storequickorder-window-product_info-image {
  margin-right: 15px;
}

#storequickorder .dialog-window {
  border: 0 !important;
  border-radius: 0 !important;
}

#storequickorder .icon16.close {
  z-index: 16;
  margin-top: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  #storequickorder .dialog-window {
    right: 0 !important;
    left: 0 !important;
    z-index: 26 !important;
    width: 100% !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.flexdiscount-product-discount {
  width: 100%;
  margin-bottom: 10px;
}

.flexdiscount-pd-block {
  margin: 10px 0 !important;
  border: 1px solid #eaeaea !important;
  border-radius: 0 !important;
  background-color: var(--color-white);
}

#yourshop .flexdiscount-pd-block .flexdiscount-heading,
.flexdiscount-discounts-heading,
.flexdiscount-pd-block .flexdiscount-heading {
  background: var(--button-color) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.flexdiscount-discounts-heading .h3 {
  color: #fff !important;
  font-size: 16px !important;
}

.flexdiscount-discounts-body li {
  margin: 5px 0;
  padding: 10px 15px;
  background-color: #fff !important;
}

.flexdiscount-pd-block .flexdiscount-heading .h3 {
  font-size: 16px !important;
}

.flexdiscount-pd-block .flexdiscount-table {
  border-left: 1px solid #eaeaea !important;
  border-top: 1px solid #eaeaea !important;
}

.flexdiscount-pd-block .flexdiscount-table td,
.flexdiscount-pd-block .flexdiscount-table th {
  padding: 5px;
  border: 1px solid #eaeaea !important;
  color: #000;
  text-align: center;
}

.flexdiscount-max-affiliate,
.flexdiscount-max-discount {
  color: var(--link-color) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.flexdiscount-table {
  border-left: 1px solid #eaeaea !important;
  border-top: 1px solid #eaeaea !important;
  width: 100%;
  margin-bottom: 10px;
}

.flexdiscount-table td {
  width: 50%;
  padding: 5px;
  border: 1px solid #eaeaea !important;
  color: #000;
  text-align: center;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: var(--color-white);
}

#wa-my-info-cancel {
  margin-left: 10px;
  color: var(--body-color);
}

.plugin-payment {
  margin-bottom: 20px;
}

#ui-datepicker-div {
  display: none;
}

.service-agreement-wrapper .errormsg {
  margin-left: 0;
}

.wa-field-birthday select {
  margin-right: 5px;
}

#minimum-message {
  padding-left: 30%;
}

.topline .b-cityselect__wrapper {
  padding: 7px 0;
}

.topline .fa {
  color: var(--main-color);
}

.b-cityselect__change .fancybox-close-small:hover:after {
  top: 3px !important;
  right: 3px !important;
  color: #fff !important;
}

.shop-regions {
  padding: 7px 0 6px;
}

@media screen and (max-width: 900px) {
  .shop-regions {
    margin-left: 45px;
  }
}
#filters-count {
  z-index: 6 !important;
  margin-left: -5px !important;
  padding: 5px 20px !important;
  border: 0 !important;
  border-radius: var(--border-radius);
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600;
  background: #939393 !important;
}

.filters .ui-widget-content .ui-state-default {
  background: transparent !important;
}

.rangefilter.diaposon > .filter-slider {
  display: none;
}

.filtergroup .checkbox.disabled {
  opacity: 0.5;
}

.shop-brand-brands__brand-wrap {
  margin-left: 0 !important;
}

.border .shop-brand-brands__brand-link {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.shop-brand-brands__wrapper {
  margin: 0 !important;
}

.shop-brand-brands__brand-wrap:first-child {
  margin-left: 0;
}

.shop-brand-brands__brand-wrap {
  width: 18% !important;
  margin: 25px 25px 0;
}

.shop-brand-brands__brand-link {
  margin: 0 !important;
  background: var(--color-white);
}

.shop-brand-brands__brand-name {
  font-size: 16px !important;
}

.brand-plugin-catalog__header {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
  background: var(--color-white);
}

.brand-plugin-catalog-header__categories {
  margin-bottom: 5px !important;
}

.brand-plugin-catalog-brand-categories__item ul {
  list-style: none;
}

.cc_banner-wrapper {
  position: relative;
  z-index: 15;
}

.cc_container .cc_btn {
  font-size: 14px;
  line-height: 1em;
  transition: font-size 0.2s;
  cursor: pointer;
}

.cc_container .cc_message {
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.5em;
  transition: font-size 0.2s;
}

.cc_container .cc_logo:active,
.cc_container .cc_logo:hover {
  opacity: 1;
}

@media screen and (min-width: 500px) {
  .cc_container .cc_btn {
    font-size: 0.8em;
  }
  .cc_container .cc_message {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .cc_container .cc_btn {
    font-size: 1em;
  }
  .cc_container .cc_message {
    padding-bottom: 30px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1em;
  }
}
@media screen and (min-width: 992px) {
  .cc_container .cc_message {
    font-size: 1em;
  }
}
@media print {
  .cc_banner-wrapper,
  .cc_container {
    display: none;
  }
}
.cc_container {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px 30px;
  overflow: hidden;
}

.cc_container .cc_btn {
  position: absolute;
  right: 15px;
  bottom: 10px;
  left: 15px;
  padding: 8px 16px;
  text-align: center;
  background-color: #f1d600;
}

@media screen and (min-width: 500px) {
  .cc_container {
    right: 20px;
    bottom: 20px;
    left: auto;
    width: 300px;
    padding-bottom: 77px;
  }
  .cc_container .cc_btn {
    right: 15px;
    bottom: 15px;
  }
  .cc_container .cc_logo {
    display: block;
    position: absolute;
    bottom: 8px;
    left: calc(50% - 50px);
  }
  .cc_container .cc_message {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .cc_container {
    padding-bottom: 60px;
  }
  .cc_container .cc_message {
    font-size: 14px;
  }
}
.cc_container {
  box-sizing: border-box;
  color: var(--color-white);
  font-size: 17px;
  background: #222;
}

.cc_container ::-moz-selection {
  color: var(--color-white);
  text-shadow: none;
  background: #ff5e99;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  border-radius: 5px;
  color: #000;
  background-color: #f1d600;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.cc_container .cc_btn:active,
.cc_container .cc_btn:hover {
  color: #000;
  background-color: var(--color-white);
}

.cc_container a,
.cc_container a:visited {
  color: #31a8f0;
  text-decoration: none;
  transition: color 0.2s;
}

.cc_container a:active,
.cc_container a:hover {
  color: #b2f7ff;
}

@keyframes d {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.cc_container {
  animation-name: d;
  animation-duration: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

.sk-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 14;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  overflow-x: hidden;
  overflow-y: auto;
}

.sk-popup._opened {
  display: block;
}

.sk-popup__body {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 500px;
  min-width: 320px;
  padding: 25px 35px;
  border-radius: 10px;
  background: var(--color-white);
}

.sk-popup__title,
.sk-popup h1 {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
}

.sk-popup h1._margin {
  margin-bottom: 26px;
}

.sk-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  opacity: 1;
  text-indent: 1px;
}

.sk-popup-contacts {
  font-size: 0;
}

.sk-popup-contacts__block {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-size: 14px;
  vertical-align: top;
}

.sk-popup-contacts__block-wrap {
  margin-right: 30px;
  margin-bottom: 20px;
}

.sk-popup-contacts__zag {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 700;
}

.sk-popup-contacts__line {
  line-height: 20px;
}

.sk-popup-contacts__line a {
  display: inline-block;
  margin-bottom: 4px;
  line-height: 14px;
  text-decoration: none;
  border-bottom: 1px dashed #000;
}

.sk-popup-content {
  position: relative;
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 20px 24px;
  border-radius: 10px;
  background: var(--color-white);
}

.sk-popup-content__custom {
  max-width: 800px;
  padding: 30px;
}

.sk-popup-content__custom .mfp-close {
  position: absolute;
  top: 13px;
  right: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  color: #000;
  font-family: Open Sans, serif;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  opacity: 1;
}

.sk-popup-content__custom .sk-popup__title {
  font-weight: 400;
}

.sk-popup-content__custom .mfp-close:hover {
  color: #3172b9;
}

.sk-popup-content__settings {
  max-width: 800px;
  padding: 30px;
}

.sk-popup-content__settings .mfp-close {
  top: 4px;
  right: 4px;
}

.sk-popup__loading._center {
  text-align: center;
}

.sk-popup-content__advert {
  max-width: 600px;
  padding: 30px 40px;
}

.sk-popup-content__advert .mfp-close {
  position: absolute;
  top: 13px;
  right: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  color: #000;
  font-family: Open Sans, serif;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  opacity: 1;
}

.sk-popup-content__advert .sk-popup__title {
  font-weight: 400;
}

.sk-popup-content__advert .mfp-close:hover {
  color: #3172b9;
}

@media only screen and (max-width: 728px) {
  .sk-popup-content__advert {
    padding: 20px;
  }
}
.sk-popup-content_dialog {
  max-width: 1300px;
  padding: 24px 24px 24px 28px;
}

.sk-popup-content_dialog .sk-product-general {
  margin-bottom: 0;
}

.sk-popup-content iframe,
.sk-popup-content img {
  max-width: 100%;
}

@media only screen and (max-width: 728px) {
  .sk-popup {
    transform: translateX(0);
  }
  .sk-popup__body {
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 20px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 480px) {
  .sk-popup-contacts__block {
    width: 100%;
  }
  .sk-popup-contacts__block-wrap {
    margin: 0;
  }
  .sk-popup-content_dialog {
    padding: 20px 10px;
  }
}
/* Для Chrome, Safari, Edge (WebKit) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  display: none; /* убираем элементы */
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield; /* превращает input[number] в обычное текстовое поле */
}/*# sourceMappingURL=style.css.map */