* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  /* prevent tap highlight color / shadow */
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--body-color);
  font-weight: 300;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
}
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 {
  color: #a6a6a6;
  opacity: 1;
}
::-moz-placeholder {
  color: #a6a6a6;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #a6a6a6;
}
:focus::-webkit-input-placeholder {
  color: transparent;
}
:focus::-moz-placeholder {
  color: transparent;
}
: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:hover {
  color: var(--link-color);
  text-decoration: none;
}
a:focus {
  outline: 0;
  color: var(--link-color);
  text-decoration: none;
}
s {
  position: relative;
  color: #505151;
  text-decoration: none;
  font-weight: 600;
}
s:after {
  border-bottom: 1px solid red;
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  transform: rotate(0deg);
  top: 0;
  left: 0;
}
/** Label checkbox radio **/
label.checkbox,
label.radio,
label {
  cursor: pointer;
}
/**
input[type="checkbox"],
input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.checkbox-custom,
.radio-custom {
  width: 16px;
  height: 16px;
  border: 1px solid #c8c8c8;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  top: -1px;
  left: 0;
  position: relative;
  border-radius: 2px;
}
input[type="checkbox"]:not(:checked) + .checkbox-custom:before,
input[type="radio"]:not(:checked) + .radio-custom:before {
  opacity: 0;
}
input[type="checkbox"]:checked + .checkbox-custom,
input[type="radio"]:checked + .radio-custom {
  border: 1px solid var(--button-color);
}
input[type="checkbox"]:checked + .checkbox-custom:before,
input[type="radio"]:checked + .radio-custom:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  width: 10px;
  background: var(--button-color);
  opacity: 1;
}
input[type="radio"]:checked + .radio-custom:before {
  border-radius: 50%;
}
.radio-custom,
.radio:checked + .radio-custom:before {
  border-radius: 50%;
}
.checkbox-custom,
.radio-custom,
.label {
  display: inline-block;
  vertical-align: middle;
  background: var(--color-white);
}
**/
h1,
div.h1 {
  font-size: 26px;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 900px) {
  h1,
  div.h1 {
    font-size: 22px;
  }
}
h1 .arrow,
div.h1 .arrow {
  font-size: 22px;
  margin-left: 10px;
}
h1 .arrow a,
div.h1 .arrow a {
  display: inline-block;
  padding: 0 7px;
}
h1 span,
div.h1 span {
  font-weight: 500;
  color: var(--color-grey);
  font-size: 16px;
}
h1 span.edit,
div.h1 span.edit {
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}
h1 span.edit a:hover,
div.h1 span.edit a:hover {
  color: var(--link-color);
}
h1 i,
div.h1 i {
  font-style: normal;
}
h2,
div.h2 {
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
h3,
div.h3 {
  font-size: 22px;
  font-weight: 600;
  position: relative;
}
h4,
div.h4 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
h5,
div.h5 {
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
h6,
div.h6 {
  font-weight: 100;
  position: relative;
  font-size: 20px;
  display: block;
}
/** Singe style **/
.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: 50;
}
.container-shadow-box {
  position: relative;
  z-index: 5;
  margin-bottom: 10px;
  background: var(--color-white);
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: var(--grid-gutter);
}
.container-shadow-box img,
.container-shadow-box iframe {
  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 {
  font-size: 150px;
  font-weight: 700;
  color: #eeeeee;
  display: block;
  margin-bottom: 50px;
}
.hint {
  color: #363636;
}
.row-some-height {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.col-some-height {
  display: flex;
  flex-direction: column;
}
/** Alert **/
.alert-success {
  background: rgba(34, 139, 34, 0.05);
  border: 1px dashed #218321;
  color: #218321;
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  font-size: 18px;
  border-radius: var(--border-radius);
  font-weight: 600;
}
.alert-success i {
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
}
.alert-moderate {
  background: rgba(131, 8, 10, 0.05);
  border: 1px dashed #83080a;
  color: #83080a;
  padding: 10px;
  text-align: center;
  margin: 0 0 10px;
  font-size: 14px;
  border-radius: var(--border-radius);
  font-weight: 600;
}
.alert-moderate i {
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
}
.hidden-block {
  display: none;
}
/** Scroll **/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 999;
  background-color: var(--color-white);
  color: #6e6e6e;
  border: 1px solid #e1e1e1;
  width: 40px;
  height: 40px;
  right: 15px;
  bottom: 10px;
  padding-top: 2px;
  font-size: 20px;
  transition: all 0.5s ease-in-out;
  border-radius: var(--border-radius);
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}
.scroll-top-wrapper:hover {
  background: var(--button-color);
  color: var(--color-white);
}
.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}
@media screen and (max-width: 900px) {
  .scroll-top-wrapper.show {
    display: none;
  }
}
/** Sorting **/
.sorting {
  overflow: unset;
  z-index: 10;
  padding: 0;
  display: flex;
}
.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;
  white-space: nowrap;
  font-weight: 300;
}
.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 {
  color: var(--body-color);
  right: 10px;
  top: 11px !important;
}
.sorting .menu-h ul {
  width: 200px;
  z-index: 100;
}
.sorting .menu-h ul li {
  width: 200px;
}
.sorting .menu-h ul a {
  font-weight: 300;
}
.sorting .menu-h li:hover > a {
  background: #eeeeee;
  color: var(--body-color);
}
.showtype {
  text-align: right;
  float: right;
  display: inline-block;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .showtype {
    display: none;
  }
}
.showtype .active {
  color: var(--button-color);
}
.showtype span {
  display: inline-block;
  color: #7c7d7f;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 1;
  position: relative;
  top: 0;
  border-left: 1px solid #ebebeb;
  cursor: pointer;
}
.showtype span:hover {
  z-index: 10;
  background: #eeeeee;
  opacity: 0.9;
}
.table-viewed {
  display: table;
  width: 100%;
}
.table-viewed a {
  text-decoration: none;
}
.table-viewed .viewed-img {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding: 0 20px;
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 900px) {
  .table-viewed .viewed-img {
    width: 20%;
  }
}
.table-viewed .viewed-img img {
  max-height: 100px !important;
  margin-bottom: 10px;
}
.table-viewed .viewed-desc {
  display: table-cell;
  width: 60%;
  vertical-align: top;
  padding-right: 10px;
  border-bottom: 1px solid #ebebeb;
}
.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 {
  word-wrap: normal;
  word-break: break-all;
  font-weight: 700;
  line-height: 16px;
}
.table-viewed .viewed-desc__priceunits {
  font-size: 16px;
  color: var(--main-color);
  font-weight: 700;
}
.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;
  margin-top: -5px;
}
.clear-list {
  position: absolute;
  right: 17px;
  top: 5px;
}
@media screen and (max-width: 900px) {
  .clear-list {
    right: 2px;
  }
}
.clear-list .icon-close {
  color: #a8a8a8;
  background-image: url("img/close.svg");
  width: 12px;
  height: 12px;
  background-size: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  top: 4px;
}
.clear-list a {
  font-size: 14px;
  color: var(--body-color);
  text-decoration: underline;
  margin-left: 20px;
}
/** Table **/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table th {
  background: #f0f0f0;
  color: var(--body-color);
}
.table th,
.table td {
  vertical-align: middle;
  padding: 10px 20px;
}
table td:not(table.features-table td) {
  border-bottom: 1px solid var(--border-color);
}
.table thead th,
.table th {
  vertical-align: bottom;
  font-size: 16px;
}
.table tbody + tbody {
  border-top: 2px solid #ebebeb;
}
/** Icon 32 **/
.icon32 {
  width: 14px;
  height: 13px;
  display: inline-block;
  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 {
  height: 16px;
  width: 16px;
  display: inline-block;
  text-indent: -9999px;
  text-decoration: none !important;
  background: url("img/icons.png") no-repeat;
  background-size: 210px 160px /* 50% of the original size for auto @2x optimization */;
}
* i.icon16 {
  text-decoration: none !important;
  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 {
  background-position: -2px -2px;
  border-radius: 50%;
  background-size: auto;
}
.icon16.color {
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 12px;
  height: 12px;
  background-image: none;
}
.icon16.loading {
  background: url('img/loader/loading.svg') 0 0;
  background-size: 16px 16px;
}
.loading-svg {
  background-size: 50px 50px !important;
  height: 50px !important;
  width: 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;
  vertical-align: middle;
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.z-ind50 {
  z-index: 50 !important;
}
.tags a {
  background: #ececec;
  border-radius: var(--border-radius);
  text-decoration: none !important;
  display: inline-block;
  padding: 2px 4px;
  margin: 0 5px 5px 0;
}
.tags a:hover {
  background: var(--main-color);
  color: #ffffff !important;
}
img.lazy {
  background: url(img/loader/loader.gif) no-repeat center;
  display: block;
  width: 100%;
  height: auto;
}
.row-flex {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.is-vertical-align {
  align-items: center;
  display: flex;
}
.is-center {
  justify-content: center;
  display: flex;
}
.is-right {
  justify-content: flex-end;
  display: flex;
}
.flex-rows-break {
  flex-basis: 100%;
  order: 3;
  display: none;
}
@media screen and (max-width: 900px) {
  .flex-rows-break {
    display: block;
  }
}
.hidden-sm-up,
.hidden-md-up,
.hidden-md-up {
  display: none;
}
@media screen and (max-width: 900px) {
  .hidden-sm-up,
  .hidden-md-up,
  .hidden-md-up {
    display: block;
  }
}
.hidden-xs-down,
.hidden-sm-down {
  display: block;
}
@media screen and (max-width: 900px) {
  .hidden-xs-down,
  .hidden-sm-down {
    display: none;
  }
}
.select_quantity {
  width: 55px;
  margin-right: calc(var(--grid-gutter) / 2);
}
.select_quantity .fa {
  cursor: pointer;
  color: var(--color-grey);
}
.select_quantity .fa:hover {
  color: var(--link-color);
}
.input-group {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius);
  position: relative;
  height: 45px;
}
.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 {
  background: #eceeef;
  width: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.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);
}
/** Layouts **/
.container {
  width: 100%;
  max-width: var(--grid-maxWidth);
  background-color: transparent;
}
.wrap {
  flex: 1 0 auto;
}
h1.top-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-left: auto;
  margin-right: auto;
}
/** Main **/
div.layout {
  margin: 0 0 15px 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--grid-maxWidth);
  margin-left: auto;
  margin-right: auto;
  min-height: 300px;
}
@media screen and (max-width: 900px) {
  div.layout {
    flex-direction: column;
  }
}
div.layout aside {
  display: flex;
  flex-direction: column;
  width: 22%;
  padding-right: 15px;
  float: left;
}
@media screen and (max-width: 900px) {
  div.layout aside {
    display: none;
    float: none;
    width: 100%;
  }
}
div.layout main {
  width: 78%;
  display: flex;
  flex-direction: column;
  float: left;
}
@media screen and (max-width: 900px) {
  div.layout main {
    width: 100%;
  }
}
div.layout main.empty-filter {
  width: 100%;
  float: none;
}
div.layout:after {
  content: "";
  display: table;
  clear: both;
}
div.layout.empty {
  margin-top: 0;
}
div.layout.empty main {
  width: 100%;
  display: flex;
  flex-direction: column;
  float: none;
}
.category.layout main .breadcrumbs .container,
.staticpage.layout main .breadcrumbs .container {
  padding-left: 0;
  padding-right: 0;
}
/** Cart & Checkout **/
div.layout-2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--grid-maxWidth);
}
div.layout-2 aside {
  display: flex;
  flex-direction: column;
  width: 32%;
  height: 100%;
  padding-right: 15px;
  float: left;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 10px;
}
@media screen and (max-width: 900px) {
  div.layout-2 aside {
    width: 100%;
    padding-right: 0;
    position: static;
  }
}
div.layout-2 main {
  width: 68%;
  display: flex;
  flex-direction: column;
  float: left;
  margin-left: auto;
  margin-right: 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-left: auto;
  margin-right: auto;
  padding: 20px 15px;
}
div.header .leftside {
  display: flex;
  flex-direction: column;
  width: 22%;
  padding-right: 15px;
  float: left;
  justify-content: center;
}
div.header .rightside {
  width: 78%;
  display: flex;
  flex-direction: column;
  float: left;
  justify-content: center;
}
div.header:after {
  content: "";
  display: table;
  clear: both;
}
div.product .container-description {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
div.product .container-description .sidebar-on {
  width: 77%;
  display: flex;
  flex-direction: column;
  float: left;
  margin-left: auto;
  margin-right: 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;
  width: 23%;
  height: 100%;
  float: left;
  margin-left: auto;
  margin-right: 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: 15px;
  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%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--grid-maxWidth);
}
@media screen and (max-width: 900px) {
  div.orderpage {
    flex-direction: column;
  }
}
div.orderpage aside {
  display: flex;
  flex-direction: column;
  width: 45%;
  height: 100%;
  padding-right: 15px;
  float: left;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 10px;
}
@media screen and (max-width: 900px) {
  div.orderpage aside {
    width: 100%;
    padding-right: 0;
    margin-bottom: calc(var(--grid-gutter) * 2);
    position: static;
    order: 1;
  }
}
div.orderpage main {
  width: 55%;
  display: flex;
  flex-direction: column;
  float: left;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
}
@media screen and (max-width: 900px) {
  div.orderpage main {
    width: 100%;
    padding-right: 0;
    order: 2;
  }
}
div.orderpage main.empty-filter {
  width: 100%;
  float: none;
}
div.orderpage:after {
  content: "";
  display: table;
  clear: both;
}
div.orderpage.emptypage main {
  width: 100%;
}
.shadow .category .category_description {
  box-shadow: var(--box-shadow);
}
.shadow .promo-icons .row {
  box-shadow: var(--box-shadow);
}
.shadow .s-slider .arrow-prev:hover,
.shadow .s-slider .arrow-next:hover,
.shadow .s-slider .arrow-prev:focus,
.shadow .s-slider .arrow-next:focus {
  box-shadow: var(--box-shadow);
}
.shadow .product-prev-next-wrap .product-wrap {
  box-shadow: var(--box-shadow);
}
.shadow .product-prev-next-wrap .product-wrap .product-info {
  box-shadow: var(--box-shadow);
}
.shadow .product-prev-next-wrap .prev-next:hover {
  box-shadow: var(--box-shadow);
}
.shadow .thumbnail-catalog {
  box-shadow: var(--box-shadow);
}
.shadow .thumbnail-catalog .preview-block:hover {
  box-shadow: var(--box-shadow);
}
.shadow ul.menu-m {
  box-shadow: var(--box-shadow);
}
.shadow ul.menu-m ul,
.shadow .menu-h ul,
.shadow .menu-t ul {
  box-shadow: var(--box-shadow);
}
.shadow ul.menu-m ul,
.shadow .menu-h ul,
.shadow .menu-t ul {
  box-shadow: var(--box-shadow);
  border: 1px solid transparent;
}
.shadow ul.menu-m ul ul {
  box-shadow: none !important;
}
.shadow .menu-t {
  box-shadow: var(--box-shadow);
}
.shadow .profile-card {
  box-shadow: var(--box-shadow);
}
.shadow .container-shadow-box {
  box-shadow: var(--box-shadow);
}
.shadow .container-product {
  box-shadow: var(--box-shadow);
}
.shadow .product ul.product-nav li {
  margin-left: -1px;
}
.shadow .subcategory-text a,
.shadow .subcategory-images a {
  box-shadow: var(--box-shadow);
}
.shadow .c-pagination a {
  box-shadow: var(--box-shadow);
}
.border .container-product {
  box-shadow: var(--box-shadow);
  border-left: 0;
  border-right: 0;
}
.border .category .category_description {
  box-shadow: var(--box-shadow);
}
.border .promo-icons .row {
  box-shadow: var(--box-shadow);
}
.border .s-slider .arrow-prev:hover,
.border .s-slider .arrow-next:hover,
.border .s-slider .arrow-prev:focus,
.border .s-slider .arrow-next:focus {
  box-shadow: var(--box-shadow);
}
.border .product-prev-next-wrap .product-wrap .product-info {
  box-shadow: var(--box-shadow);
}
.border .product-prev-next-wrap .prev-next:hover {
  box-shadow: var(--box-shadow);
}
.border .thumbnail-catalog {
  box-shadow: var(--box-shadow);
}
.border .thumbnail-catalog .preview-block:hover {
  box-shadow: var(--box-shadow);
}
.border ul.menu-m,
.border ul.menu-t {
  box-shadow: var(--box-shadow);
}
.border ul.menu-m ul,
.border .menu-h ul,
.border .menu-t ul {
  box-shadow: var(--box-shadow);
}
.border ul.menu-m ul ul,
.border .menu-h ul ul,
.border .menu-t ul ul {
  box-shadow: var(--box-shadow);
}
.border ul.menu-m ul ul {
  border: 0 !important;
}
.border .menu-t {
  box-shadow: var(--box-shadow);
}
.border .profile-card {
  box-shadow: var(--box-shadow);
}
.border .container-shadow-box {
  box-shadow: var(--box-shadow);
}
.border .subcategory-images .s-inner {
  box-shadow: var(--box-shadow);
}
.border .subcategory-text a {
  box-shadow: var(--box-shadow);
}
.border .c-pagination a {
  box-shadow: var(--box-shadow);
  line-height: 29px;
}
.grid-header1 {
  display: grid;
  grid-template-columns: 260px auto 340px 210px;
  column-gap: calc(var(--grid-gutter) * 3);
  grid-template-areas: "logo search phone cart";
}
@media screen and (max-width: 900px) {
  .grid-header1 {
    column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo phone" "search search";
  }
}
.grid-header1__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--grid-gutter));
  max-width: var(--grid-maxWidth);
}
.grid-header1__logo {
  grid-area: logo;
}
.grid-header1__phone {
  grid-area: phone;
}
.grid-header1__search {
  grid-area: search;
}
.grid-header1__cart {
  grid-area: cart;
}
@media screen and (max-width: 900px) {
  .grid-header1__cart {
    display: none;
  }
}
.grid-header1__cart .popup {
  top: 40px;
}
.grid-header2 {
  display: grid;
  grid-template-columns: 260px auto 290px;
  column-gap: calc(var(--grid-gutter) * 2);
  grid-template-areas: "logo phone cart" "logo search cart";
}
@media screen and (max-width: 900px) {
  .grid-header2 {
    column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo phone" "search search";
  }
}
.grid-header2__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--grid-gutter));
  max-width: var(--grid-maxWidth);
}
.grid-header2__logo {
  grid-area: logo;
}
.grid-header2__phone {
  grid-area: phone;
  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: search;
}
.grid-header2__cart {
  grid-area: cart;
  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;
  column-gap: calc(var(--grid-gutter) * 2);
  grid-template-areas: "logo phone cart" "logo search cart";
}
@media screen and (max-width: 900px) {
  .grid-header3 {
    column-gap: calc(var(--grid-gutter));
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo phone" "search search";
  }
}
.grid-header3__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--grid-gutter));
  max-width: var(--grid-maxWidth);
}
.grid-header3__logo {
  grid-area: logo;
}
.grid-header3__phone {
  grid-area: phone;
  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: search;
}
.grid-header3__cart {
  grid-area: cart;
  justify-content: flex-end;
}
@media screen and (max-width: 900px) {
  .grid-header3__cart {
    display: none;
  }
}
.grid-header3 .popup {
  top: 50px;
}
.header {
  padding: 20px 0;
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .header {
    padding: 10px 0;
  }
}
.header svg {
  fill: var(--link-color);
}
.header svg:hover {
  fill: var(--color-primary);
}
.header__logo {
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  align-items: center;
  display: flex;
}
.header__logo img {
  max-width: 100%;
}
.header__logo a {
  color: var(--header-logo);
  text-transform: uppercase;
  text-decoration: none;
}
.header__logo a:hover,
.header__logo a:focus {
  text-decoration: none;
}
@media screen and (max-width: 900px) {
  .header__contacts {
    align-items: flex-end;
  }
}
@media screen and (max-width: 900px) {
  .header__contacts {
    flex-direction: column;
  }
}
.header__numbers {
  font-size: 16px;
  font-weight: bold;
  color: var(--header-phone);
}
@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 {
  font-style: normal;
  font-size: 12px;
  color: var(--color-grey);
  display: block;
}
.header__numbers .dot {
  background: var(--button-color);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  content: " ";
  margin: 0 7px 3px 7px;
}
@media screen and (max-width: 900px) {
  .header__numbers .dot {
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
  }
}
.header .js-mini-cart {
  position: relative;
}
.header__callback {
  display: flex;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}
@media screen and (max-width: 900px) {
  .header__callback {
    flex-direction: column;
  }
}
.header__callback-item {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  white-space: nowrap;
}
.header__callback a {
  font-weight: 300;
  color: var(--header-links);
}
.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 {
  width: 100%;
  position: relative;
  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;
  padding: 0 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: center;
  outline: none;
  font-size: 16px;
  height: 41px;
}
.header__search .hint {
  font-size: 12px;
  color: var(--header-hint);
  margin: 5px 0 0;
}
@media screen and (max-width: 900px) {
  .header__search .hint {
    display: none;
  }
}
.header__search .hint a {
  text-decoration: none;
  border-bottom: 1px dotted var(--header-hint-link);
  color: var(--header-hint-link);
}
.header__search .hint a:hover {
  border-bottom: 1px dotted var(--link-color);
}
.header__search input[type="text"] {
  width: 100%;
  border: 1px solid var(--input-style);
  text-align: left;
  padding: 10px;
  font-size: 14px;
  font-weight: 300;
  height: 41px;
}
.header__search input[type="text"]:focus {
  border: 1px solid var(--input-style-focus);
}
.header__search form .search-popup {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--color-white);
  z-index: 10005;
  display: none;
  color: var(--body-color);
  margin: 0 auto;
  max-width: 1180px;
  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);
}
.header__search .loading_ajax {
  width: 25px;
  height: 25px;
  background-image: url("img/loader/tail-spin.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: block;
  right: 94px;
  top: 9px;
}
.header__search .icon-close {
  color: #a8a8a8;
  background-image: url("img/close.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.header__search .hint-text {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  color: var(--header-hint-link);
}
.header__cart-item {
  position: relative;
  margin-right: calc(var(--grid-gutter) * 3);
  align-items: center;
  display: flex;
  height: 60px;
}
.header__cart-item._withtext {
  align-items: start;
  margin-right: 0;
  flex-direction: column;
}
.header__cart-item._withtext span {
  font-weight: 700;
  color: var(--link-color);
}
.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 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
}
.header__cart-item-count {
  width: 25px;
  height: 20px;
  font-size: 11px;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 7px;
  right: -15px;
  border: 1px solid var(--color-white);
}
.header__cart-item i {
  font-size: 28px;
  color: var(--color-primary);
}
.header__cart-item .cart-icon {
  margin-top: 7px;
}
.header__cart-item svg {
  width: 33px;
}
.header .btn-gray {
  font-size: 13px;
  padding: 8px 14px;
  width: 100%;
}
.header-cart {
  display: flex;
  min-width: 200px;
  position: relative;
  cursor: pointer;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  height: 44px;
  background: var(--color-white);
}
.header-cart svg {
  height: 24px;
}
.header-cart__inner {
  padding: 6px 10px;
  flex: 1;
  align-items: center;
  display: flex;
}
.header-cart__inner:hover {
  background: var(--main-color);
  color: var(--color-white);
}
.header-cart__inner:hover svg {
  fill: var(--color-white);
}
.header-cart__inner:hover .cart-text {
  color: var(--color-white);
}
.header-cart__fav {
  min-width: 48px;
  max-width: 48px;
  cursor: pointer;
  position: relative;
  text-align: center;
  font-size: 20px;
  color: var(--main-color);
  border-left: 1px solid var(--main-color);
}
.header-cart__fav a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.header-cart__fav:hover {
  background: var(--main-color);
}
.header-cart__fav:hover svg {
  fill: var(--color-white);
}
.header-cart .cart-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-cart .empty {
  padding: 10px;
}
.header-cart .cart-text {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}
.header-cart .cart-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  height: 30px;
  width: 40px;
  position: relative;
}
.header-cart .cart-icon svg {
  width: 28px;
  position: absolute;
  top: 1px;
  left: 2px;
}
.header-cart .cart-label {
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px 0 8px;
}
.header-cart .cart-count {
  width: 20px;
  height: 20px;
  font-size: 11px;
  background: var(--button-color);
  color: var(--color-white);
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  display: inline-block;
}
.header-cart .cart-text {
  padding: 0 5px;
  font-size: 16px;
  color: var(--main-color);
}
header .popup {
  display: none;
  position: absolute;
  z-index: 10005;
  right: -1px;
  background: var(--color-white);
  color: var(--body-color);
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  width: 300px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 7px 10px -9px rgba(50, 50, 50, 0.54);
  border-radius: var(--border-radius);
}
header .popup.show {
  display: block;
}
header .popup .cart-popup {
  padding: var(--grid-gutter);
  border-radius: var(--border-radius);
}
header .popup .cart-popup .popup-total {
  text-align: center;
}
header .popup .cart-popup .icon-close {
  color: #a8a8a8;
  background-image: url("img/close.svg");
  width: 15px;
  height: 15px;
  background-size: 15px;
  display: block;
  background-repeat: no-repeat;
  margin-top: 5px;
}
header .popup .cart-popup .is-right {
  align-items: baseline !important;
}
header .popup .item-total {
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}
header .popup .name {
  font-size: 14px;
  font-weight: 500;
}
header .popup .total {
  font-size: 17px;
  line-height: 18px;
  margin: 10px 0;
}
header .popup .btn {
  color: var(--color-white);
  text-align: center;
}
header .popup .btn:hover {
  border: 1px solid var(--button-hover-color);
  background: var(--button-hover-color);
  color: var(--button-text) !important;
  text-decoration: none;
}
header .popup a:hover {
  text-decoration: underline;
}
.topline {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}
.topline .menu-h-top a {
  color: var(--body-color);
  font-weight: 300;
}
.topline p {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
  color: #686868;
  font-size: 13px;
  line-height: 15px;
}
.topline .mobile-hamburger {
  position: absolute;
  top: 5px;
  left: 17px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 20;
}
.topline .mobile-hamburger .block-title {
  left: 2px;
  top: 2px;
  position: absolute;
  height: 22px;
  width: 20px;
}
.topline .mobile-hamburger .block-title .before span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 9px;
  width: 20px;
  border-bottom: 2px solid;
}
.topline .mobile-hamburger .block-title .before span:nth-child(1),
.topline .mobile-hamburger .block-title .before span:nth-child(3) {
  -webkit-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  -moz-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  -o-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  transition: top 0.15s ease 0.15s, transform 0.15s ease;
}
.topline .mobile-hamburger .block-title .before span:nth-child(1) {
  top: 4px;
}
.topline .mobile-hamburger .block-title .before span:nth-child(2) {
  -webkit-transition: width 0.15s ease;
  -moz-transition: width 0.15s ease;
  -o-transition: width 0.15s ease;
  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 {
  font-size: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__price {
    font-size: 16px;
  }
}
.search-popup .ajax_block .ajax_search__price s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.search-popup .ajax_block .ajax_search__priceunits {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__priceunits {
    font-size: 16px;
  }
}
.search-popup .ajax_block .ajax_search__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .search-popup .ajax_block .ajax_search__priceunits s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.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;
  text-align: center;
  padding: 10px;
}
.search-popup .ajax_row .image img {
  padding: 6px;
  max-width: 100%;
  max-height: 60px;
}
.search-popup .ajax_row .name {
  line-height: 14px;
  padding: 10px;
}
.search-popup .ajax_row .name a {
  color: var(--body-color);
  font-weight: 500;
  display: block;
  margin-bottom: calc(var(--grid-gutter) / 2);
  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 {
  background: var(--header-main);
  position: relative;
  z-index: 30;
}
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 {
  background: transparent;
  color: var(--body-color);
}
/** Catalog **/
.menu-h.open {
  display: block !important;
  position: fixed;
  top: 37px;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #fafafa;
}
.menu-h.open:after {
  bottom: 100%;
  left: 32px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 6px;
  margin-left: -8px;
}
.menu-h.open ul::after {
  display: none;
}
.menu-h.open li:hover > a {
  background: transparent;
  color: #181818;
}
.menu-h.open li {
  float: none;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
.menu-h.open li a {
  color: #181818;
  font-weight: 300;
  font-size: 14px;
  padding: 8px 20px;
}
.menu-h.open li a:hover {
  color: var(--link-color);
}
.menu-h.open li ul {
  position: static;
  width: 100%;
  left: 0;
  border-radius: 0;
  border: 0;
}
.menu-h.open li ul li a {
  text-transform: none;
  display: block;
  padding: 10px 30px;
}
.menu-h.open li ul ul {
  top: 0;
  margin-left: 0;
}
.menu-h.open .mobile-tree {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 36px;
  z-index: 20;
  background: var(--color-white);
  border-radius: var(--border-radius);
  color: #ffffff;
  height: 33px;
  cursor: pointer;
  box-shadow: var(--box-shadow);
}
.menu-h.open .mobile-tree:after {
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  display: block;
  text-align: center;
  margin-top: 8px;
  font-style: normal;
  font-weight: 700;
  color: var(--link-color);
  font-size: 10px;
}
.menu-h.open .mobile-tree.open-minus:after {
  content: "\f068" !important;
}
.menu-h.open .open {
  display: block !important;
  opacity: 1;
}
.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;
  margin-left: 5px;
  height: 33px;
  width: 33px;
  position: relative;
}
.main-nav .icon-mobile-item:last-child {
  margin-left: 0;
  width: 25px;
}
.main-nav .cart-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.main-nav .cart-label {
  display: inline-block;
  vertical-align: middle;
}
.main-nav .cart-count {
  width: 20px;
  height: 20px;
  font-size: 12px;
  background: var(--button-color);
  color: var(--color-white);
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  display: inline-block;
}
.main-nav .icon-mobile {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 22px;
  z-index: 20;
  display: none;
}
@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 {
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  display: block;
  text-align: center;
  margin-top: 7px;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  color: var(--link-color);
}
.mobile-mm-open .menu-m .mobile-tree.open-minus:after {
  content: "\f068" !important;
}
nav.add-shadow {
  z-index: 30;
}
.container-menu-h {
  padding: 0;
  height: auto;
  display: flex;
  width: 100%;
}
.container-menu-h .menu-h {
  flex: 1;
}
.menu-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
/** Main catalog menu **/
.vertical-menu {
  min-width: 270px;
  width: 270px;
  user-select: none;
  position: relative;
}
.vertical-menu .before {
  float: left;
  width: 25px;
  height: 20px;
  margin: 1px 15px 2px 0;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.vertical-menu .block-title {
  padding: 15px 20px 15px 20px;
  font-weight: 700;
  background: var(--link-color-hover);
  color: var(--button-text);
  font-size: 16px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 900px) {
  .vertical-menu .block-title {
    background: transparent;
    padding-left: 5px;
  }
}
.vertical-menu .block-title .before span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 9px;
  width: 20px;
  border-bottom: 2px solid;
}
.vertical-menu .img {
  width: 50px;
  height: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  max-width: 50px;
  max-height: 50px;
}
.vertical-menu .img img {
  max-width: 100%;
  max-height: 50px;
}
.vertical-menu .img_link {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 15px 10px 5px;
}
.vertical-menu .block-title .before span:nth-child(1),
.vertical-menu .block-title .before span:nth-child(3) {
  -webkit-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  -moz-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  -o-transition: top 0.15s ease 0.15s, transform 0.15s ease;
  transition: top 0.15s ease 0.15s, transform 0.15s ease;
}
.vertical-menu .block-title .before span:nth-child(1) {
  top: 4px;
}
.vertical-menu .block-title .before span:nth-child(2) {
  -webkit-transition: width 0.15s ease;
  -moz-transition: width 0.15s ease;
  -o-transition: width 0.15s ease;
  transition: width 0.15s ease;
}
.vertical-menu .block-title .before span:nth-child(3) {
  top: 14px;
}
.vertical-menu.has-open .block-title .before span:nth-child(1),
.vertical-menu.has-open .block-title .before span:nth-child(3) {
  top: 9px;
  width: 21px;
  left: -3px;
  -webkit-transition: top 0.15s ease, transform 0.15s ease 0.15s;
  -moz-transition: top 0.15s ease, transform 0.15s ease 0.15s;
  -o-transition: top 0.15s ease, transform 0.15s ease 0.15s;
  transition: top 0.15s ease, transform 0.15s ease 0.15s;
}
.vertical-menu.has-open .block-title .before span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vertical-menu.has-open .block-title .before span:nth-child(2) {
  width: 0;
  -webkit-transition: width 0.15s ease 0.15s;
  -moz-transition: width 0.15s ease 0.15s;
  -o-transition: width 0.15s ease 0.15s;
  transition: width 0.15s ease 0.15s;
}
.vertical-menu.has-open .block-title .before span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.vertical-menu:not(.has-open) .block-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.vertical-menu.has-open > ul {
  display: block !important;
}
.vertical-menu.has-open > ul:after {
  bottom: 100%;
  left: 33px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--color-white);
  border-width: 6px;
  margin-left: -8px;
}
.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;
  }
}
.menu-m ul.open {
  display: block !important;
  position: static;
  border: 0;
  width: auto;
  min-height: auto !important;
  padding: 0 10px 10px 13px;
  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;
  color: var(--body-color) !important;
  font-size: 14px !important;
  padding-bottom: 0;
}
.menu-m ul.open .tree {
  margin-bottom: 5px !important;
}
.menu-m ul.open ul {
  font-size: 14px !important;
  display: block !important;
}
.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: 1000;
    height: calc(100vh - 20px);
    overflow: auto;
    width: 98%;
  }
}
.vertical-menu.has-open .block-title {
  background: var(--link-color-hover);
  padding-left: 20px;
}
/** Mega menu **/
ul.menu-m {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  display: none;
  width: 100%;
  left: 0;
  background: var(--color-white);
  position: absolute;
  z-index: 10;
  padding: 0;
  text-align: left;
  margin-top: 0;
  list-style: none;
  font-size: 15px;
  /** Big menu **/
  /** Tree **/
}
@media screen and (max-width: 900px) {
  ul.menu-m .mobile-tree {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 36px;
    z-index: 20;
    background: var(--color-white);
    border-radius: var(--border-radius);
    color: #ffffff;
    height: 33px;
    cursor: pointer;
    box-shadow: var(--box-shadow);
  }
}
ul.menu-m li {
  z-index: 10;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
  display: table;
  width: 100%;
}
@media screen and (max-width: 900px) {
  ul.menu-m li {
    display: block;
    position: relative;
  }
}
ul.menu-m li a {
  text-transform: none;
  text-decoration: none;
  display: block;
  padding: 10px 35px 10px 20px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--body-color);
  line-height: 22px;
}
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: 47px;
  margin-top: -15px;
}
ul.menu-m ul {
  top: 0;
  left: 100%;
  display: none;
  width: 1020px;
  min-height: 400px;
  padding: 10px 15px;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  position: absolute;
  background: var(--color-white);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) !important;
}
@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 {
  border: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
ul.menu-m ul li a {
  color: var(--main-color);
  display: inline-block;
  padding-left: 7px;
}
ul.menu-m ul li:hover {
  background: transparent;
}
ul.menu-m ul .tree {
  margin-bottom: 20px;
}
ul.menu-m ul:after {
  border: none;
  border-width: 0;
}
ul.menu-m ul ul {
  position: static;
  left: 0;
  display: block;
  min-height: auto;
  box-shadow: none;
  padding: 0;
  width: 100%;
}
ul.menu-m ul ul li {
  display: inline-block;
  width: 33%;
}
ul.menu-m ul ul li a {
  font-weight: 300;
  font-size: 14px;
  padding: 2px 0 2px 7px;
  color: var(--body-color);
}
ul.menu-m ul ul .tree {
  margin-bottom: 0;
}
ul.menu-m ul ul ul {
  display: none !important;
}
ul.menu-m .right-banner .right-banner-block {
  position: absolute;
  top: 30px;
  right: 30px;
  width: auto;
}
ul.menu-m .right-banner .right-banner-block a {
  padding: 0 !important;
}
ul.menu-m .right-banner .right-banner-block img {
  max-width: 200px;
}
ul.menu-m .right-banner li {
  width: 70%;
}
ul.menu-m .right-banner ul li {
  width: 33%;
}
ul.menu-m .tree a {
  position: relative;
}
ul.menu-m .tree a:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 10px;
  content: "\f105";
  font-size: 15px;
  color: var(--color-grey);
  font-weight: 600;
}
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: 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;
  }
}
/** Horizont menu **/
.menu-h {
  visibility: hidden;
  width: 100%;
  min-height: 20px;
  text-align: left;
  position: relative;
  z-index: 20;
  margin: 0;
  padding: 0;
  font-size: 16px;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: left;
  border: 0;
  /** 1st lvl **/
  /** 2nd lvl **/
  /** Tree **/
  /** More **/
  /** Hover **/
}
.menu-h li {
  position: relative;
  float: left;
  list-style: none;
  transition: all 0.3s ease;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.menu-h li a {
  display: block;
  padding: 15px 20px;
  color: var(--button-text);
  text-decoration: none;
  font-weight: 500;
}
.menu-h ul {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  display: none;
  width: 300px;
  left: -1px;
  background: var(--color-white);
  position: absolute;
  z-index: 20;
  padding: 0;
  text-align: left;
  opacity: 0;
  /** 3nd lvl **/
}
.menu-h ul li {
  z-index: 20;
  width: 300px;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
}
.menu-h ul li a {
  text-transform: none;
  display: block;
  padding: 9px 10px;
  margin: 0;
  color: var(--body-color);
}
.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 {
  bottom: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--color-white);
  border-width: 6px;
  margin-left: -8px;
}
.menu-h ul ul {
  top: -1px;
  left: 100%;
  margin-left: -10px;
  margin-top: 0;
}
.menu-h ul ul:after {
  border: none;
  border-width: 0;
}
.menu-h .tree {
  /** 2nd and more arrow **/
}
.menu-h .tree a {
  padding-right: 25px;
}
.menu-h .tree:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 8px;
  top: 18px;
  content: "\f107";
  font-size: 13px;
  color: var(--color-white);
  font-weight: 600;
  transition: 0.1s ease-in-out;
}
.menu-h .tree:hover:after {
  transform: rotate(180deg);
  transition: 0.1s ease-in-out;
  top: 18px;
}
.menu-h .tree ul .tree:hover:after {
  color: var(--main-color);
  transform: none;
}
.menu-h .tree ul .tree:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 10px;
  right: 20px;
  content: "\f105";
  font-size: 15px;
  color: var(--color-grey);
  font-weight: 600;
}
.menu-h .tree:hover:after {
  color: var(--color-white);
}
.menu-h li:hover > a {
  color: var(--color-white);
  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.visibility,
.menu-h.auth-type {
  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 {
  background: transparent;
  color: var(--body-color);
}
/** Tree menu vertical **/
.menu-t {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  display: none;
  width: 100%;
  min-width: 240px;
  left: 0;
  background: var(--color-white);
  position: absolute;
  z-index: 10;
  padding: 0;
  text-align: left;
  margin-top: 0;
  list-style: none;
  font-size: 15px;
  /** Big menu **/
  /** Tree **/
}
.menu-t .header {
  padding: 10px 5px 10px 15px;
  font-weight: 500;
  font-size: 16px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background: #f5f5f5;
}
@media screen and (max-width: 900px) {
  .menu-t .header {
    padding: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
}
.menu-t li {
  z-index: 10;
  margin: 0;
  border-right: 0;
  border-bottom: 1px solid #efefef;
  position: relative;
  display: table !important;
  width: 100%;
}
.menu-t li a {
  text-transform: none;
  display: block;
  padding: 10px 35px 10px 20px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--body-color);
  line-height: 22px;
  text-decoration: 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 {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.menu-t ul {
  top: -1px;
  left: 100%;
  display: none;
  box-shadow: none;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  position: absolute;
  background: var(--color-white);
  margin: 0 0 0 -10px;
  padding: 0;
  border-top: 1px solid #e9e9e9;
}
.menu-t ul li {
  width: 260px;
  display: block;
}
.menu-t ul:after {
  border: none;
  border-width: 0;
}
.menu-t .tree > a {
  position: relative;
}
.menu-t .tree > a:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 15px;
  content: "\f105";
  font-size: 15px;
  color: var(--color-grey);
  font-weight: 600;
}
.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;
}
/** Open menu **/
ul.menu-m.menu-open,
.menu-t.menu-open {
  display: block;
  position: relative;
  margin-top: -21px;
  z-index: 20;
}
/** Static **/
.menu-t.static {
  position: relative;
  display: block;
  border-radius: var(--border-radius);
  margin-bottom: var(--grid-gutter);
}
.menu-t.static .selected > a {
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .menu-t.static {
    background: transparent;
    box-shadow: none;
  }
  .menu-t.static li {
    background: var(--color-white);
    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);
  }
  .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;
  }
}
/** Top **/
.menu-h-top {
  margin: 0;
  padding: 0;
  min-height: 24px;
}
.menu-h-top li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding: 7px 0 7px 0;
}
.menu-h-top li span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-white);
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 6px;
}
.menu-h-top li.divider {
  width: 20px;
  position: relative;
}
.menu-h-top li a {
  font-size: 13px;
  color: #222222;
  display: block;
  text-decoration: none;
  font-weight: 600;
}
.menu-h-top li a .icon {
  color: var(--link-color);
  margin-right: 5px;
}
.menu-h-top li a:hover {
  color: var(--link-color);
}
.menu-h-top li ul {
  position: absolute;
  display: none;
  background: var(--color-white);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  margin: 0;
  width: 200px;
  z-index: 100010;
  left: -20px;
  padding: 0 10px;
  top: 30px;
}
.menu-h-top li ul:after {
  bottom: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: var(--color-white);
  border-width: 8px;
  margin-left: -8px;
}
.menu-h-top li ul li {
  margin-right: 0;
  display: block;
  position: relative;
  padding: 0;
}
.menu-h-top li ul li a {
  display: block;
  padding: 5px 5px 5px 10px;
}
.menu-h-top li ul li a:hover {
  color: var(--link-color);
  border: 0;
}
.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 .account {
  margin-left: 30px;
}
.menu-h-top li:hover > ul {
  display: block;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.menu-h-top li:hover > a {
  color: var(--link-color);
}
/** Shadow bg **/
.b-nav-shadow {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 25;
  display: none;
}
.b-nav-shadow.show {
  display: block;
}
input[type="number"] {
  padding: 0 !important;
  font-size: 13px !important;
}
.btn,
input[type="submit"],
input[type="button"],
button {
  border-radius: var(--border-radius);
  background: var(--button-color);
  background-color: var(--button-color);
  color: var(--button-text) !important;
  border-color: var(--button-color) !important;
  transition: all 0.3s;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 16px;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
}
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background: var(--button-hover-color);
  color: var(--button-text);
  border-color: var(--button-hover-color) !important;
  text-decoration: none;
}
.btn:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled {
  background: #cccccc !important;
  cursor: not-allowed !important;
  border: 1px solid #cccccc !important;
  pointer-events: auto;
}
.btn:disabled:focus,
input[type="submit"]:disabled:focus,
input[type="button"]:disabled:focus,
button:disabled:focus {
  background: #cccccc !important;
  cursor: not-allowed !important;
  border: 1px solid #cccccc !important;
  pointer-events: auto;
}
.btn.disabled,
input[type="submit"].disabled,
button.disabled {
  background: #cccccc !important;
  cursor: not-allowed !important;
  border: 1px solid #cccccc !important;
  pointer-events: auto;
}
.btn.disabled:hover,
input[type="submit"].disabled:hover,
button.disabled:hover {
  border: 1px solid #cccccc !important;
  font-size: 14px;
}
.btn-transparent {
  background: transparent;
  color: var(--button-color) !important;
}
.btn-transparent:focus {
  background: transparent;
  color: var(--button-color) !important;
}
.btn-gray {
  border: 1px solid #9b9b9b !important;
  background: transparent;
  color: #9b9b9b !important;
}
.btn-gray:focus {
  border: 1px solid var(--body-color) !important;
  border-color: var(--body-color) !important;
  background: transparent !important;
  color: var(--body-color) !important;
}
.btn-gray:hover {
  border: 1px solid var(--body-color) !important;
  border-color: var(--body-color) !important;
  background: transparent;
  color: var(--body-color) !important;
}
/** WA form **/
/* Sign up & Login forms
------------------------ */
.wa-auth-adapters {
  padding: 10px;
  margin-bottom: 10px;
}
.wa-auth-adapters ul {
  padding: 0;
  margin: 0;
  min-height: 16px;
}
.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;
  margin-right: 5px;
  top: -1px;
}
.wa-auth-adapters p {
  color: #6e6e6e;
  font-size: 0.9em;
  margin-bottom: 0;
  margin-top: 10px;
}
.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;
  font-weight: 700;
  padding-top: 0.52em;
  padding-bottom: 10px;
  line-height: 14px;
  color: var(--body-color);
  font-size: 14px;
  margin-top: 7px;
}
@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 {
  margin-left: 180px;
  margin-bottom: 5px;
  position: relative;
  max-width: 300px;
}
@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 {
  color: red;
  font-style: normal;
  width: auto;
  padding: 1px 0px;
  display: table;
  margin: 5px 0;
}
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] {
  width: 100%;
  max-width: 300px;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 900px) {
  .wa-form .wa-field .wa-value input[type="text"],
  .wa-form .wa-field .wa-value input[type="email"],
  .wa-form .wa-field .wa-value input[type="password"] {
    max-width: 100%;
    margin-left: 0;
  }
}
.wa-form .wa-field .wa-value .show-password {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  color: var(--color-grey);
}
@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 .wa-captcha img {
  margin-left: 0;
}
.wa-form .wa-field .wa-value .errormsg {
  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 {
  line-height: 1.6em;
  margin-bottom: 23px;
  position: relative;
}
.wa-form .wa-field .wa-value p span {
  color: #777777;
  display: block;
}
.wa-form .wa-field .wa-value p i.icon16 {
  float: left;
  left: -20px;
  margin-top: 2px;
  position: absolute;
}
.wa-form .wa-field .wa-value p input {
  display: block;
  margin-bottom: 2px;
}
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] {
  display: inline;
}
.wa-form .wa-field .wa-value p .field.wa-required span:after {
  content: " *";
  color: #ffaaaa;
}
.wa-form .wa-field.wa-required .wa-name:after {
  content: " *";
  color: #ffaaaa;
}
.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 {
  min-width: 200px;
  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;
  font-size: 14px;
  color: #888;
}
.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 {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 10px;
  width: 230px;
  height: 1px;
  background: #efefef;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list,
.user-auth-provider {
  margin: 0;
  padding: 0;
}
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li,
.user-auth-provider 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-right: 5px;
  margin-top: 0;
}
.wa-captcha .wa-captcha-refresh {
  font-size: 0.8em;
  text-decoration: underline;
  color: #767676;
}
.wa-captcha .wa-captcha-input {
  display: inline !important;
  margin-bottom: 5px;
  width: 100px !important;
}
.wa-captcha .errormsg {
  display: block;
}
input.error,
textarea.error {
  border: 1px solid red !important;
}
.errormsg {
  color: red;
  font-style: normal;
  width: auto;
  padding: 1px 0px;
  display: table;
  margin: 5px 0;
  margin-left: 170px;
}
.wa-login-form-wrapper input[type="text"],
.wa-login-form-wrapper input[type="email"],
.wa-login-form-wrapper input[type="password"] {
  padding: 8px !important;
  color: var(--body-color) !important;
  background: #ffffff !important;
  border: 1px solid #bababa !important;
  border-radius: 2px !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  padding: 8px;
  color: var(--body-color);
  border: 1px solid var(--input-style);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  border: 1px solid var(--input-style-focus);
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  -webkit-appearance: none;
}
.wa-auth-adapters:before {
  content: " ";
  clear: both;
  display: block;
}
.wa-adapters-section {
  margin: 0 0 20px;
}
.wa-adapters-section .wa-section-header {
  margin: 0 0 10px;
  font-size: 14px;
  color: #888;
}
.wa-adapters-section .wa-section-divider {
  margin: 2.14285714em 0 0;
  line-height: 1.16666667em;
  color: #bbb;
  overflow: hidden;
}
.wa-adapters-section .wa-section-divider .wa-text {
  position: relative;
}
.wa-adapters-section .wa-section-divider .wa-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 10px;
  width: 230px;
  height: 1px;
  background: #efefef;
}
.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 {
  font-size: 12px;
  color: var(--breadcrumbs-text);
  padding: 20px 0 20px 0;
}
@media screen and (max-width: 900px) {
  .breadcrumbs {
    padding: 10px 0 13px;
  }
}
.breadcrumbs .container {
  background: transparent;
  position: relative;
}
.breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 900px) {
  .breadcrumbs ul {
    display: flex;
    flex-flow: row nowrap;
    max-height: 50px;
    overflow-x: auto;
    padding-left: 4px;
    padding-right: 4px;
    visibility: visible;
    width: calc(100% + 8px);
  }
}
.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 a:hover {
  color: var(--main-color);
}
.breadcrumbs ul li + li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-style: normal;
  font-weight: 700;
  padding: 0 12px 0 10px;
  color: var(--color-grey);
  font-size: 10px;
}
@media screen and (max-width: 900px) {
  .breadcrumbs ul li + li:before {
    padding: 0 7px 0 5px;
  }
}
.breadcrumbs ul li:hover ul {
  display: block;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.home-header {
  padding: 20px 80px 0 0;
}
.s-slider {
  position: relative;
}
.s-slider .slick-track {
  margin-left: unset;
  margin-right: unset;
  height: 100%;
}
.s-slider .slick-slider {
  position: static;
  margin-bottom: -30px;
}
.s-slider .slick-slider .slick-list {
  padding-bottom: 25px;
}
.s-slider .slick-arrow {
  position: absolute;
  top: 17px;
  right: 0;
}
.s-slider .arrow-prev,
.s-slider .arrow-next {
  background-color: var(--color-white);
  color: #6e6e6e;
  font-size: 18px;
  border: 1px solid #e1e1e1;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: var(--border-radius);
  content: " ";
}
.s-slider .arrow-prev:hover,
.s-slider .arrow-next:hover,
.s-slider .arrow-prev:focus,
.s-slider .arrow-next:focus {
  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 {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
}
.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;
  background: var(--color-white);
  font-size: 12px;
  color: #000000;
  opacity: 0.9;
}
.promos-block .promos a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.promos-block .promos .title {
  color: var(--body-color);
  padding: 15px 15px;
  overflow: unset !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0 !important;
  margin-bottom: 0 !important;
}
.promos-block .promos .title .promo-title {
  font-weight: 700;
  color: var(--body-color);
  margin-bottom: 2px;
  font-size: 16px;
}
.promos-block .promos .title .promo-text {
  font-weight: 300;
  line-height: 18px;
  font-size: 14px;
  min-height: 40px;
}
@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 {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.promos-block .col-lg-3 a,
.promos-block .col-lg-12 a {
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 250px;
  display: block;
}
.promo-icons {
  width: 100%;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 900px) {
  .promo-icons {
    overflow-x: scroll;
  }
}
.promo-icons .row {
  border-radius: var(--border-radius);
  margin: 0;
  padding: var(--grid-gutter);
  background: var(--color-white);
  min-height: 65px;
}
@media screen and (max-width: 900px) {
  .promo-icons .row {
    width: 750px;
  }
}
.promo-icons__header {
  font-weight: 700;
  color: var(--body-color);
  margin-bottom: 2px;
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  .promo-icons__header {
    font-size: 14px;
  }
}
.promo-icons p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  padding-right: calc(var(--grid-gutter) * 2);
}
@media screen and (max-width: 900px) {
  .promo-icons p {
    font-size: 12px;
    line-height: 16px;
    padding-right: calc(var(--grid-gutter));
  }
}
.promo-icons .icon {
  font-size: 26px;
  color: var(--badge-color);
  background: var(--promo-icons);
  margin-bottom: 10px;
  display: block;
  position: absolute;
  left: -5px;
  top: 0;
  padding: 10px;
  border-radius: var(--border-radius);
}
.promo-icons__p-one {
  padding-left: 50px;
  margin-bottom: 40px;
  position: relative;
  min-height: 40px;
}
@media screen and (max-width: 900px) {
  .promo-icons__p-one {
    width: 200px;
  }
}
.promo-icons__p-one a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.promo-icons__p-one:last-child {
  margin-bottom: 0;
}
/** Slider ***/
.home-slider-four {
  margin-top: -10px !important;
}
.home-slider {
  width: 100%;
  position: relative;
  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;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.home-slider ul .slick-dots {
  font-size: 0;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  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 {
  background: var(--button-color);
  border: 2px solid var(--button-color);
}
.home-slider ul .slick-dots button {
  font-size: 0;
  padding: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid var(--button-color);
  background: transparent;
}
@media screen and (max-width: 900px) {
  .home-slider ul .slick-dots button {
    width: 8px;
    height: 8px;
  }
}
.home-slider ul .slick-arrow {
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  z-index: 20;
  height: 100%;
  color: var(--color-white);
  position: absolute;
  visibility: hidden;
  opacity: 1;
}
.home-slider ul .slick-arrow i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-white);
  padding: 30px 10px;
  border-radius: var(--border-radius);
  color: #6e6e6e;
  font-size: 18px;
  border: 1px solid #e1e1e1;
}
@media screen and (max-width: 900px) {
  .home-slider ul .slick-arrow i {
    padding: 10px 10px;
    top: calc(50% - 10px);
  }
}
.home-slider ul .slick-arrow i:hover {
  color: var(--link-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.home-slider ul .slick-arrow.right {
  width: 40px;
  top: 0;
  right: 5px;
}
.home-slider ul .slick-arrow.left {
  width: 40px;
  top: 0;
  left: 5px;
}
.home-slider ul:hover > .slick-arrow {
  visibility: visible;
  opacity: 1;
}
.home-slider ul .s-desciprtion-four {
  margin: 0 auto;
  max-width: 1240px;
  font-size: 44px;
  line-height: 44px;
  font-weight: 600;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.home-slider ul .s-desciprtion-four p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 30px;
}
.home-slider ul .s-desciprtion-four a {
  margin-top: 30px;
  display: inline-block;
  border-radius: var(--border-radius);
  background: var(--button-color);
  border: 1px solid var(--button-color);
  color: var(--button-color-text);
  transition: all 0.3s;
  font-weight: 600;
  padding: 0 10px;
  font-size: 16px;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
}
.home-slider ul .s-desciprtion-four a:hover {
  background: var(--button-hover-color);
  border: 1px solid var(--button-hover-color);
  color: var(--button-text);
  text-decoration: none;
}
.home-slider ul .s-desciprtion-four a:disabled {
  background: #cccccc !important;
  cursor: not-allowed;
  border: 1px solid #cccccc !important;
  pointer-events: auto;
}
.home-slider ul .s-desciprtion {
  font-size: 44px;
  line-height: 44px;
  font-weight: 600;
  position: absolute;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  left: 50px;
  width: 50%;
}
@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion {
    position: relative;
    font-size: 16px;
    top: unset;
    left: unset;
    padding: 10px 20px 20px 20px;
    line-height: 20px;
    background: #ffffff;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    transform: unset;
  }
}
.home-slider ul .s-desciprtion p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 30px;
}
@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
  }
}
.home-slider ul .s-desciprtion a {
  border-radius: var(--border-radius);
  background: var(--button-color);
  border: 1px solid var(--button-color);
  color: var(--button-text);
  transition: all 0.3s;
  font-weight: 600;
  padding: 0 15px;
  margin-top: var(--grid-gutter);
  font-size: 16px;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .home-slider ul .s-desciprtion a {
    padding: 10px 15px;
  }
}
.home-slider ul .s-desciprtion a:hover {
  background: var(--button-hover-color);
  border: 1px solid var(--button-hover-color);
  color: var(--button-text);
  text-decoration: none;
}
.home-slider ul .s-desciprtion a:disabled {
  background: #cccccc !important;
  cursor: not-allowed;
  border: 1px solid #cccccc !important;
  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 {
  padding: 20px;
  height: 300px;
  display: table;
  width: 100%;
  margin-bottom: 0;
  background-size: cover;
}
@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner {
    display: block;
    text-align: center;
    height: auto;
  }
}
.home-slider .main-slider-product .inner .slider-image {
  display: table-cell;
  width: 40%;
  text-align: center;
  margin-right: 5%;
  vertical-align: middle;
  position: relative;
}
.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 {
    width: 100%;
    display: block;
    margin-right: unset;
  }
}
.home-slider .main-slider-product .inner .slider-image img {
  max-height: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
}
.home-slider .main-slider-product .inner .slider-text {
  color: #000000;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  left: 45%;
}
@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text {
    width: 100%;
    display: block;
    left: unset;
    text-align: center;
  }
}
.home-slider .main-slider-product .inner .slider-text .h4 {
  font-size: 22px;
  margin-bottom: 5px;
}
@media screen and (max-width: 900px) {
  .home-slider .main-slider-product .inner .slider-text .h4 {
    font-size: 18px;
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 3) 0;
  }
}
.home-slider .main-slider-product .inner .slider-text .description {
  font-size: 14px;
  padding-right: 130px;
}
.home-slider .main-slider-product .inner .slider-text .price {
  font-size: 20px;
  font-weight: 600;
  margin-top: var(--grid-gutter);
  color: var(--link-color);
}
@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 {
  background: var(--button-color);
  display: inline-block;
  border-radius: var(--border-radius);
  color: var(--color-white);
  margin-top: var(--grid-gutter);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
@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:hover,
.home-slider .main-slider-product .inner .slider-text .button a:focus {
  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 {
  font-size: 0;
  padding: 0;
  width: 10px;
  height: 10px;
}
.home-slider .main-slider li {
  width: 100%;
  position: relative;
  border: 0 !important;
  float: left;
}
.home-slider .main-slider li img {
  width: 100%;
  height: auto;
}
.home-slider .slider_select {
  text-align: center;
  margin: 25px 0;
}
.home-slider .slider_select a {
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #f84c48;
  border-radius: 4px;
  margin: 0 5px;
}
.home-slider .slider_select a:hover,
.home-slider .slider_select a:focus,
.home-slider .slider_select a:link {
  text-decoration: none;
}
.home-slider .slider_select .active {
  background: #f84c48;
  color: var(--color-white);
}
.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 {
  margin-top: calc(var(--grid-gutter) * 2);
  position: relative;
}
.promo-banner a {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
}
.promo-banner img {
  border-radius: var(--border-radius);
}
.promo-banner img.container-shadow-box {
  padding: 0;
}
.promotions {
  color: var(--color-white);
  padding: 0 !important;
}
.promotions .color-one .inner {
  background: var(--badge);
  border-radius: var(--border-radius);
}
.promotions .color-two .inner {
  background: var(--button-color);
  border-radius: var(--border-radius);
  padding: 20px 10px;
}
.promotions .color-two .btn {
  background: var(--link-color) !important;
}
.promotions .h1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 10px 15px;
  font-size: 16px;
  margin-top: 0;
}
.promotions .name {
  overflow-y: hidden;
  font-size: 14px;
  line-height: 16px;
  word-wrap: break-word;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 0 var(--grid-gutter);
}
.promotions .price {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--color-white);
  padding-bottom: 20px;
}
.promotions .price s {
  font-size: 16px;
  margin-right: 10px;
  color: var(--color-white);
  opacity: 0.7;
}
.promotions__button {
  padding-bottom: 20px;
}
.promotions__button .btn-gray {
  border: 1px solid #ffffff !important;
  background: transparent;
  color: #ffffff !important;
}
.promotions img {
  max-height: 170px;
  max-width: 100%;
  margin: 10px 0 20px;
}
.promotions a {
  color: var(--color-white);
  text-decoration: none;
}
.promotions .countdown {
  position: absolute;
  top: 10px;
  right: 5px;
  border-radius: var(--border-radius);
  padding: 0 5px;
  background: #ffbc00;
  display: inline-block;
  font-size: 10px !important;
  color: #000 !important;
  font-weight: normal;
}
.promotions .countdown span {
  font-size: 10px !important;
  color: #000 !important;
}
.promotions .countdown .size_lg {
  margin-top: -5px;
  position: relative;
}
.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 {
    width: 100%;
    display: table;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-image {
    display: table-cell;
    width: 50px;
    height: 50px;
    line-height: 50px;
    min-width: 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%;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 900px) {
  .popural .s-inner .s-name:after {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 10px;
    content: "\f105";
    font-size: 21px;
    color: var(--color-grey);
    font-weight: 600;
  }
}
#product-list {
  position: relative;
}
.category {
  position: relative;
}
.category .h3 {
  cursor: pointer;
  color: var(--color-grey);
}
.category .nothing p {
  font-size: 20px;
}
.category .filter-count {
  background: var(--button-color);
  color: var(--color-white);
  display: inline-block;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  text-align: center;
  font-size: 12px;
  line-height: 21px;
  margin-left: 10px;
}
.category-desc {
  position: relative;
  z-index: 5;
  margin-bottom: 10px;
  background: var(--color-white);
  border-radius: var(--border-radius);
  overflow: hidden;
  padding: 20px;
}
.category-desc .read-more {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-white);
  color: #888888;
  width: 100%;
  z-index: 10;
  font-size: 16px;
}
.category-desc .read-more .fa {
  font-size: 10px;
  margin-right: 5px;
}
.category-desc .read-more span {
  display: block;
  padding: 10px 0;
  background: var(--color-white);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid #ebebeb;
  color: var(--body-color);
  position: relative;
  cursor: pointer;
  margin-top: 10px;
}
.category-desc .read-more span i {
  font-style: normal;
  position: relative;
}
.category-desc .read-more span i:after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: -18px;
  top: -1px;
  content: "\f107";
  font-size: 13px;
  color: var(--body-color);
  font-weight: 600;
}
.category-desc .read-more span i:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: -18px;
  top: -1px;
  content: "\f107";
  font-size: 13px;
  color: var(--body-color);
  font-weight: 600;
}
.category-desc .read-more span:hover {
  color: var(--link-color);
}
.category-desc .read-more span:hover i:before {
  color: var(--link-color);
}
.category-desc .read-more span:hover i:after {
  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;
  background: var(--link-color);
  color: var(--color-white);
  font-size: 12px;
  border-radius: var(--border-radius);
  text-transform: uppercase;
  font-weight: 700;
}
.subcategory-text {
  font-size: 16px;
  margin: 0 0 15px;
}
.subcategory-text a {
  background: var(--color-white);
  text-decoration: none;
  margin: 5px 10px 5px 0;
  display: inline-block;
  padding: 2px 15px;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 900px) {
  .subcategory-text a {
    font-size: 13px;
  }
}
.subcategory-text a:hover {
  background: #eeeeee;
  color: var(--link-color);
}
.subcategory-images {
  font-size: 16px;
  margin: 0 0 3px;
  min-height: 75px;
}
.subcategory-images .s-inline {
  display: inline-block;
}
.subcategory-images .s-inner {
  display: table;
  background: var(--color-white);
  text-decoration: none;
  margin: 5px 10px 0 0;
  padding: 2px 15px 2px 5px;
  position: relative;
  border-radius: var(--border-radius);
}
.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 {
  font-weight: 300;
  color: grey;
  font-size: 12px;
  margin-top: -2px;
}
.subcategory-images .s-inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.subcategory-big .s-inner {
  text-align: center;
  position: relative;
}
.subcategory-big .s-inner:hover .container-shadow-box {
  transition: all 0.3s ease;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);
}
.subcategory-big .s-inner:hover .s-name {
  color: var(--link-color);
}
.subcategory-big .s-image {
  height: 150px;
  line-height: 150px;
  width: 100%;
  align-items: center;
  display: flex;
}
.subcategory-big .s-image img {
  max-width: 100%;
  max-height: 140px;
  margin: 0 auto;
}
.subcategory-big a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.subcategory-big .s-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.subcategory-big .s-count {
  font-weight: 300;
  color: grey;
  font-size: 12px;
  margin-top: calc(var(--grid-gutter) / 2);
}
.show-filter-mobile {
  font-size: 14px;
  text-align: center;
  background: var(--main-color);
  padding: 8px 15px 8px 3px;
  margin: 0 auto;
  border-radius: var(--border-radius);
  color: var(--color-white);
  z-index: 20;
  position: fixed;
  bottom: 13px;
  text-decoration: none;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.show-filter-mobile img {
  max-height: 21px;
  display: flex;
  width: 40px;
}
.show-filter-mobile:hover,
.show-filter-mobile:focus {
  text-decoration: none;
  color: var(--color-white);
}
.show-filter {
  color: #000000;
  border: 1px solid #000000;
  font-size: 13px;
  background: var(--color-white);
  font-weight: 300;
  display: inline-block;
  padding: 10px;
  text-align: center;
  border-radius: var(--border-radius);
  width: 100%;
  margin-bottom: 10px;
}
.show-filter:hover,
.show-filter:focus {
  color: #000000;
}
.show-filter:hover,
.show-filter:focus {
  text-decoration: none;
  opacity: 0.8;
}
.activate-filter aside {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 30;
  border-radius: 0 !important;
}
.activate-filter aside .header,
.activate-filter aside .filter {
  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 **/
.filter {
  margin-top: 10px;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .filter {
    margin-top: 0;
  }
}
.filter .panel-price {
  display: inline-flex !important;
}
.filter__unit {
  margin-left: calc(var(--grid-gutter) / 2);
  font-weight: 500;
  color: var(--color-grey);
  position: relative;
  z-index: 10;
}
.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 {
  background: var(--color-white);
  padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
  border-radius: var(--border-radius);
  position: absolute;
  z-index: 20;
  left: calc(var(--grid-gutter) * -1);
  box-shadow: var(--box-shadow);
  width: 120px;
  opacity: 0;
  transition: all 0.3s ease;
  transform: translateY(20px);
  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;
  right: -15px;
  top: 5px;
  content: "\f0d7";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
}
.filter .header {
  background: var(--main-color);
  padding: 10px 5px 10px 15px;
  color: var(--color-white);
  font-weight: 700;
  font-size: 16px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.filter .header:hover {
  background: var(--main-color);
}
.filter .header .close-icon {
  background-image: url("img/close_white.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
}
.filter .header .loading-filter {
  position: absolute;
  right: 6px;
  top: 2px;
  display: none;
}
.filter .filtergroup {
  border-bottom: 1px solid #ebebeb;
  padding: 5px 15px;
  position: relative;
}
.filter .filtergroup .panel-body {
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 5px 0;
  cursor: pointer;
  color: var(--body-color);
  font-size: 16px;
  display: inline-block;
}
.filter .filtergroup .panel-body .icon {
  position: absolute;
  right: 15px;
  width: 20px;
  color: #aaaaaa;
  font-size: 18px;
  top: 13px;
  text-align: right;
}
.filter .filtergroup .panel-body:hover {
  color: var(--link-color);
}
.filter .filtergroup .panel-body:hover .icon {
  color: var(--link-color);
}
.filter .filtergroup .slideblock,
.filter .filtergroup .group-filter,
.filter .filtergroup .filtergroup {
  display: none !important;
}
.filter .filtergroup .slider {
  font-size: 14px;
}
.filter .filtergroup .slider .pricehint {
  text-align: left;
  margin: 10px 0px -10px 0px;
  font-size: 12px;
  color: #707070;
}
.filter .filtergroup .slider .min,
.filter .filtergroup .slider .max {
  width: 40%;
  margin-bottom: 0;
}
.filter .filtergroup .slider input[type="text"] {
  text-align: center;
  color: var(--body-color);
  font-weight: 600;
}
.filter .filtergroup label {
  color: var(--body-color);
  font-size: 14px;
}
.filter .filtergroup.open .slideblock,
.filter .filtergroup.open .group-filter,
.filter .filtergroup.open .filtergroup {
  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 .radio,
.filter .checkbox {
  margin: 2px 0;
  position: relative;
  padding: 0;
}
.filter .unit {
  margin-left: 5px;
}
.filter .diaposon {
  margin: 10px 0;
}
.filter .closefilter {
  margin: 15px 5px;
}
.filter .filtersubmit {
  display: flex;
  justify-content: center;
}
.clearfilter {
  margin: 15px 0;
}
.ui-slider {
  position: relative;
  height: 3px;
  background: #cccccc;
  margin: 25px 5px 30px 5px;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 24px;
  cursor: pointer;
  outline: 0;
  margin-left: -5px;
  display: block;
  height: 22px;
  top: -10px;
}
.ui-slider .ui-slider-handle:after {
  content: ' ';
  width: 23px;
  height: 23px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background-color: var(--color-white);
  border: 4px solid var(--button-color);
  z-index: 4;
}
.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 {
  position: absolute;
  z-index: 1;
  display: block;
  overflow: hidden;
  top: 0;
  height: 100%;
  background: var(--button-color);
}
.ui-slider .ui-slider-range-min {
  left: 0;
}
.ui-slider .ui-slider-range-max {
  right: 0;
}
/** Lazyloading **/
.lazyloading-paging-stop {
  text-align: center;
  margin: 0 0 20px;
}
.lazyloading-paging-stop span.show-more {
  margin-bottom: 20px;
  font-size: 16px;
  text-decoration: none;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  font-weight: 700;
  display: block;
  cursor: pointer;
  padding: var(--grid-gutter);
  background: var(--color-white);
}
.lazyloading-paging-stop span.show-more:hover {
  color: var(--link-color);
}
/** Pagination **/
.c-pagination {
  margin: 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 {
  border-radius: 50%;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
  text-decoration: none;
  color: var(--body-color);
  font-size: 16px;
  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 {
  line-height: 20px;
  font-size: 14px;
}
.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;
  right: 10px;
  z-index: 5;
  top: 10px;
  line-height: 0;
}
@media screen and (max-width: 900px) {
  .badge-price {
    top: 5px;
    right: unset;
    left: 5px;
  }
}
.badge-block {
  display: inline-block;
  vertical-align: middle;
}
.badge {
  font-size: 13px;
  padding: 2px 10px 2px;
  background: var(--badge);
  color: var(--badge-color);
  display: inline-block;
  margin-right: 5px;
  border-radius: var(--border-radius);
  line-height: 20px;
}
.badge span {
  color: var(--badge-color);
}
.badge.new {
  background: var(--badge);
  color: var(--badge-color);
}
.badge.bestseller {
  background: var(--badge);
  color: var(--badge-color);
}
.badge.hits {
  background: var(--badge);
  color: var(--badge-color);
}
.badge.low-price {
  background: var(--badge);
  color: var(--badge-color);
}
.badge.discount {
  background: var(--discount);
  margin: 0;
  top: 0;
  right: 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  z-index: 10;
}
@media screen and (max-width: 900px) {
  .badge.discount {
    font-size: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
.container-catalog .cards-4,
.container-catalog .cards-5 {
  margin-bottom: var(--grid-gutter);
}
.thumbnail-catalog {
  margin: 0 0 10px 0;
  position: relative;
  top: 0;
  text-align: left;
  transition: all 0.3s ease;
  border: 1px solid var(--color-white);
  background: var(--color-white);
  border-radius: var(--border-radius);
  height: 100%;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .loading-cart-icon::after {
    top: 13px;
  }
}
.thumbnail-catalog .caption {
  padding: 10px 10px 0 10px;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .caption {
    padding: 10px 5px;
  }
}
.thumbnail-catalog .image-block a {
  display: block;
}
.thumbnail-catalog .name {
  overflow-y: hidden;
  font-size: 14px;
  line-height: 16px;
  height: 58px;
  word-wrap: break-word;
  font-weight: 500;
}
.thumbnail-catalog .name a {
  text-decoration: none;
}
.thumbnail-catalog .name .edit {
  color: var(--color-grey);
  margin-left: 10px;
}
.thumbnail-catalog .rating-big {
  position: relative;
  padding: 8px 0;
  height: 35px;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .rating-big {
    display: flex;
  }
}
.thumbnail-catalog .rating-big a {
  text-decoration: none;
  vertical-align: middle;
  color: #979797;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .rating-big a {
    font-size: 0;
  }
}
.thumbnail-catalog .preview-block {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 45%;
  background: var(--color-white);
  line-height: normal;
  display: inline;
  padding: 5px;
  width: 130px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .preview-block {
    display: none;
  }
}
.thumbnail-catalog .image-block {
  height: 250px;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .image-block {
    height: 200px;
  }
}
.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 {
  left: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 32px;
  vertical-align: middle;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.thumbnail-catalog .image-block .photo-array .fa-chevron-left:hover {
  color: var(--button-color);
}
.thumbnail-catalog .image-block .photo-array .fa-chevron-right {
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 32px;
  vertical-align: middle;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.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 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
}
.thumbnail-catalog .image-block .image-bar .inner {
  margin: 0 5px;
  line-height: 0;
}
.thumbnail-catalog .image-block .image-bar .inner .inner-bar {
  line-height: 0;
  background: #cccccc;
  border-right: 2px solid var(--color-white);
  display: inline-block;
  height: 2px;
}
.thumbnail-catalog .image-block .image-bar .inner .active {
  background: var(--main-color);
}
.thumbnail-catalog__price {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  height: 20px;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog__price {
    font-size: 16px;
  }
}
.thumbnail-catalog__price s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.thumbnail-catalog__priceunits {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog__priceunits {
    font-size: 16px;
  }
}
.thumbnail-catalog__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog__priceunits s {
    font-size: 11px;
    margin-left: 0;
    display: inline-block;
  }
}
.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 {
  font-size: 12px;
  color: #434343;
  line-height: 14px;
  margin-bottom: -10px;
}
.thumbnail-catalog .expand-content dd {
  width: 53%;
}
.thumbnail-catalog .expand-content .icon16.color {
  margin-top: 1px !important;
}
.thumbnail-catalog .addtocart {
  position: relative;
  padding-left: var(--grid-gutter);
  padding-right: var(--grid-gutter);
  flex: 1;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .addtocart {
    font-size: 13px;
  }
}
.thumbnail-catalog .compare-favorite-icon {
  font-size: 20px;
  color: #bcbcbc;
  cursor: pointer;
  padding: 0 calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
  align-items: center;
  display: flex;
  height: 45px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.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;
    background: var(--color-white);
    height: 35px;
  }
}
.thumbnail-catalog .compare-favorite-icon.active {
  color: var(--button-hover-color-text);
  background: var(--button-color);
  border: 1px solid 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 {
  text-align: center;
  margin: 5px -10px -5px;
  border-top: 1px solid #ebebeb;
  padding: 5px 0 5px 0;
}
.thumbnail-catalog .one-click input {
  background: none;
  color: var(--button-color) !important;
  border: 0;
  font-weight: 600;
  border-bottom: 1px dotted var(--button-color) !important;
  cursor: pointer;
  padding: 0;
  background: var(--color-white);
  border-radius: 0 !important;
  margin-bottom: 10px;
  font-size: 14px;
}
.thumbnail-catalog .one-click input:hover {
  opacity: 0.8;
}
.thumbnail-catalog .one-click input:disabled {
  background: inherit !important;
  border: 0 !important;
}
.thumbnail-catalog .add-to-cart {
  padding: 0 10px 10px 10px;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .add-to-cart {
    display: none;
    padding: 0 5px 10px 5px;
  }
}
.thumbnail-catalog .one-outstock {
  pointer-events: none;
  cursor: not-allowed;
}
.thumbnail-catalog .one-outstock input {
  color: #cccccc !important;
  border: 0;
  border-bottom: 1px dotted #cccccc !important;
}
.thumbnail-catalog .btn.disabled {
  font-size: 14px;
  height: 43px;
}
@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 {
  transition: all 0.3s;
  max-height: 240px;
  max-width: 100%;
  padding: 10px;
  text-align: center;
  display: inline;
}
@media screen and (max-width: 900px) {
  .thumbnail-catalog .image-block img {
    max-height: 190px;
  }
}
.thumbnail-catalog .add-to-cart.disabled-button {
  display: inline-block;
}
.flex-height {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-height .thumbnail-catalog {
  width: 100%;
}
.flex-height form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.flex-height .adaptive {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-height .add-to-cart {
  align-self: flex-start;
  margin-top: auto;
  display: flex;
}
.flex-height .name {
  height: auto;
  margin-bottom: 10px;
}
.hover-active .thumbnail-catalog:hover {
  position: relative;
  z-index: 10;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);
}
/** List **/
.list-catalog {
  border-radius: var(--border-radius);
  position: relative;
  margin-top: 10px;
  width: 100%;
}
.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 {
  width: 250px;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.list-catalog__rightside .compare-favorite-icon {
  align-items: center;
  display: flex;
}
.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;
  height: 45px;
  justify-content: flex-end;
  margin-top: var(--grid-gutter);
}
.list-catalog .features-table {
  width: 100%;
  margin-top: var(--grid-gutter);
}
.list-catalog .features-table td {
  padding: 1px 0;
  color: #383838;
  position: relative;
  background: var(--color-white);
  z-index: 10;
  padding-left: 10px;
}
.list-catalog .features-table td span i {
  margin-right: 5px;
  margin-top: 3px;
}
.list-catalog .features-table td:first-child {
  padding-left: 0;
  width: 50%;
  vertical-align: top;
  font-weight: bold;
}
.list-catalog .features-table td:first-child::after {
  position: absolute;
  content: '';
  border-bottom: 1px dotted #bababa;
  margin-left: 10px;
  width: 100%;
  height: 1.1em;
  z-index: 5;
}
.list-catalog .features-table tr:hover {
  background: transparent !important;
}
.list-catalog .features-table tr:nth-child(1n + 6) {
  display: none;
}
.list-catalog tr.divider td:first-child::after {
  border-bottom: 0;
}
.list-catalog__name {
  overflow-y: hidden;
  font-size: 14px;
  line-height: 16px;
  word-wrap: break-word;
  font-weight: 500;
  margin-bottom: var(--grid-gutter);
}
.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 {
  font-size: 12px;
  color: #828282;
}
.list-catalog__price {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .list-catalog__price {
    font-size: 16px;
  }
}
.list-catalog__price s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .list-catalog__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.list-catalog__priceunits {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  height: 20px;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .list-catalog__priceunits {
    font-size: 16px;
  }
}
.list-catalog__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .list-catalog__priceunits s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.list-catalog__ratio {
  font-size: 13px;
  opacity: 0.5;
}
.list-catalog__rating {
  position: relative;
  padding: 0 0 8px 0;
}
.list-catalog__rating a {
  text-decoration: none;
  vertical-align: middle;
  color: #979797;
  font-size: 12px;
  display: inline-block;
}
.list-catalog .compare-favorite-icon {
  font-size: 20px;
  color: #bcbcbc;
  cursor: pointer;
  padding: 0 calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
  align-items: center;
  display: flex;
  height: 45px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.list-catalog .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}
.list-catalog .compare-favorite-icon.active {
  color: var(--button-hover-color-text);
  background: var(--button-color);
  border: 1px solid 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-left: 5px;
  margin-right: 3px;
}
/** Text **/
.text-catalog {
  border-radius: var(--border-radius);
  position: relative;
  width: 100%;
  padding: var(--grid-gutter);
}
.text-catalog .loading-cart-icon::after {
  top: 13px;
}
.text-catalog__inner {
  display: flex;
  align-items: center;
}
.text-catalog__img {
  width: 100px;
  max-height: 100px;
  margin-right: var(--grid-gutter);
  display: none;
}
.text-catalog__name {
  flex: 1;
  margin-right: var(--grid-gutter);
}
.text-catalog__price {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  margin-right: var(--grid-gutter);
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .text-catalog__price {
    font-size: 16px;
  }
}
.text-catalog__price s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .text-catalog__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.text-catalog__unitblock {
  flex-direction: column;
  display: flex;
  text-align: right;
  margin-right: calc(var(--grid-gutter) * 2);
}
.text-catalog__priceunits {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .text-catalog__priceunits {
    font-size: 16px;
  }
}
.text-catalog__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .text-catalog__priceunits s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.text-catalog__ratio {
  font-size: 13px;
  opacity: 0.5;
}
.text-catalog__button {
  width: 500px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.text-catalog__button button {
  font-size: 14px;
  height: 45px;
}
.text-catalog__code {
  font-size: 12px;
  color: #828282;
}
.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 {
  text-decoration: none;
  vertical-align: middle;
  color: #979797;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
.text-catalog .compare-favorite-icon {
  font-size: 20px;
  color: #bcbcbc;
  cursor: pointer;
  padding: 0 calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
  align-items: center;
  display: flex;
  height: 45px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.text-catalog .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}
.text-catalog .compare-favorite-icon.active {
  color: var(--button-hover-color-text);
  background: var(--button-color);
  border: 1px solid var(--button-color);
}
.text-catalog .compare-favorite-icon.active svg {
  fill: var(--color-white);
}
/** Loadnig **/
.loading-cart-icon {
  color: transparent !important;
  position: relative;
}
.loading-cart-icon:hover {
  color: transparent !important;
}
.loading-cart-icon:after {
  top: 18px;
  left: 0;
  right: 0;
  background-image: url(img/loader/loading_three_dots.svg) !important;
  background-size: 36px;
  background-repeat: no-repeat;
  color: var(--color-white);
  position: absolute;
  content: " " !important;
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
.compare-favorite-icon:hover {
  opacity: 0.7;
}
.product {
  position: relative;
}
.product .product-gallery {
  position: relative;
}
.product .product-gallery a {
  display: flex;
  height: 350px;
  align-items: center;
  justify-content: center;
}
.product .container-shadow-box {
  padding: 0;
}
.product .container-product {
  background: var(--color-white);
  padding: 20px 0;
}
@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 {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 5px;
  margin-bottom: 20px;
  position: relative;
}
.product .product-header .icons-compare-favorite a {
  white-space: nowrap;
  margin-left: 20px;
  text-decoration: none;
}
.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 {
  margin: 0;
  font-weight: 600;
  font-size: 26px;
  width: 85%;
  margin-bottom: var(--grid-gutter);
}
@media screen and (max-width: 900px) {
  .product h1 {
    width: 100%;
    font-size: 22px;
    margin-bottom: 0;
    line-height: 26px;
  }
}
.product h1 a {
  text-decoration: none;
  color: var(--body-color);
}
.product .articul {
  font-size: 14px;
  color: var(--color-grey);
  margin: 0 20px 0 0;
  display: inline-block;
}
.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 {
  padding: 20px 20px 0 20px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  position: sticky;
  top: 20px;
}
@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 {
  padding: 0;
  margin: 10px 0 0;
}
.product__price span {
  font-weight: 700;
  font-size: 26px;
}
.product__price s {
  color: #505151;
  opacity: 0.5;
  display: inline-block;
  margin-left: 15px;
}
.product__price s span {
  font-size: 16px;
}
.product .delivery-block {
  margin: 10px 0;
  font-weight: 700;
}
.product .delivery-block .delivery-header {
  font-size: 16px;
  margin-bottom: 10px;
}
.product .delivery-block .delivery-inner {
  margin: 3px 0;
  position: relative;
  cursor: pointer;
  color: var(--main-color);
}
.product .delivery-block i {
  color: var(--body-color);
  margin-right: 5px;
  opacity: 0.4;
  font-size: 14px;
  width: 25px;
  text-align: center;
}
.product .delivery-block span {
  color: #717171;
  font-weight: 300;
  margin-left: 5px;
  font-size: 12px;
}
.product .delivery-block .product-tooltips {
  position: absolute;
  left: 0;
  width: 240px;
  bottom: 30px;
  padding: 15px;
  border-radius: var(--border-radius);
  z-index: 10;
  background: var(--color-white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-top: 1px solid #ebebeb;
  font-weight: 300;
  font-size: 13px;
  color: var(--body-color);
}
.product .delivery-block .product-tooltips:after,
.product .delivery-block .product-tooltips:before {
  top: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.product .delivery-block .product-tooltips:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: var(--color-white);
  border-width: 7px;
  margin-left: -7px;
}
.product .delivery-block .product-tooltips:before {
  border-color: rgba(230, 230, 230, 0);
  border-top-color: #dcdcdc;
  border-width: 9px;
  margin-left: -9px;
}
.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-favorite-icon {
  font-size: 20px;
  color: #bcbcbc;
  cursor: pointer;
  padding: 0 calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
  align-items: center;
  display: flex;
  height: 45px;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--color-white);
}
.product .cart-group .compare-favorite-icon svg {
  height: 20px;
  fill: #bcbcbc;
}
.product .cart-group .compare-favorite-icon.active {
  color: var(--button-hover-color-text);
  background: var(--button-color);
  border: 1px solid var(--button-color);
}
.product .cart-group .compare-favorite-icon.active svg {
  fill: var(--color-white);
}
.product .qty {
  position: relative;
  font-weight: 700;
  color: #686868;
  font-size: 14px;
  text-align: center;
  margin: 15px 0;
  display: block;
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}
.product .qty input[type="text"] {
  border-radius: 4px;
  width: 34px;
  text-align: center;
  margin: 0 20px;
  line-height: 1.75;
  border: 0;
  padding: 5px;
}
.product .qty .plus {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  font-size: 12px;
}
.product .qty .minus {
  cursor: pointer;
  position: absolute;
  left: 7px;
  top: 7px;
  font-size: 12px;
}
.product .image-hint {
  padding: var(--grid-gutter) 0;
  font-size: 12px;
  color: #858585;
  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 {
  color: var(--color-grey);
  font-size: 14px;
  position: relative;
  display: inline-block;
}
.product .rating-block:hover,
.product .rating-block:focus {
  text-decoration: none;
  color: var(--link-color);
}
.product .rating-block a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.product .rating-block a:hover,
.product .rating-block a:focus {
  text-decoration: none;
}
.product .rating-block i:last-child {
  margin-right: 10px;
}
.product .rating-block .review-count {
  margin-left: 10px;
}
.product .promo {
  border: 1px solid var(--border-color);
  padding: 20px;
  text-align: center;
  border-radius: var(--border-radius);
}
.product .promo .header {
  font-weight: 700;
  color: var(--body-color);
  margin-bottom: 0;
  font-size: 15px;
  line-height: 17px;
}
.product .promo .icon {
  font-size: 40px;
  color: var(--link-color);
  margin-bottom: 10px;
  display: block;
}
@media screen and (max-width: 900px) {
  .product .promo .p-one {
    width: 200px;
  }
}
.product .promo .p-one a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.product .promo .p-one:last-child {
  margin-bottom: 0;
}
.product .promo p {
  margin-bottom: 20px;
  color: #6f6f6f;
}
.product .purchase {
  margin: 0 -20px;
  padding: 15px 20px 15px 20px;
  background: #f3f3f3;
}
@media screen and (max-width: 900px) {
  .product .purchase {
    margin: 0 calc(var(--grid-gutter) * -1);
    padding: 15px 10px 15px 10px;
  }
}
.product .select_quantity .input-group.spinner {
  max-width: 60px;
}
.product .goto-cart {
  text-align: center;
  margin-top: 10px;
}
.product .goto-cart a {
  font-size: 12px;
  color: var(--line-color);
  text-decoration: underline;
}
.product .share-social {
  margin: 20px 0;
}
.inversion .product-header {
  padding: 0 0 10px 0 !important;
}
.description-aside {
  padding: 0;
}
.description-aside .header {
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 500;
  color: #181818;
}
.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;
}
/** Stock **/
.product .stocks {
  line-height: 16px;
  font-size: 16px;
  font-weight: 700;
  min-height: 24px;
}
.product .stocks .fa {
  padding-right: 5px;
  font-size: 14px;
}
.product .stocks .red {
  color: #ee0000 !important;
}
.product .stocks .stock-critical {
  color: #aa8800;
}
.product .stocks .stock-low {
  color: #aa8800;
}
.product .stocks .stock-high {
  color: var(--stock-color-hi);
}
.product .stocks .stock-none {
  color: #aaaaaa;
  white-space: normal;
}
.product .stocks .icon16 {
  margin-top: 0.1em;
}
.product .show-price {
  font-size: 24px;
  line-height: 28px;
  color: var(--body-color);
  position: relative;
  margin-bottom: 20px;
}
.product .show-price .compare-at-price {
  color: #505151;
  opacity: 0.5;
  font-size: 18px;
  display: inline-block;
  margin-left: 10px;
}
.product .show-price .compare-at-price:before {
  top: 0;
}
.product .add2cart .icons-compare-favorite {
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px;
}
.product .add2cart .icons-compare-favorite a {
  color: #8c8c8c;
  display: block;
}
.product .add2cart .icons-compare-favorite a:hover,
.product .add2cart .icons-compare-favorite a:focus {
  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 {
  background: var(--button-color);
  border: 1px solid var(--button-color);
  color: var(--button-color-text);
  font-size: 17px;
  position: relative;
  outline: none;
  width: 150px;
  padding: 10px;
}
.product .add2cart .add2cart .btn .icon {
  margin-right: 7px;
}
.product .add2cart .add2cart .btn:hover {
  background: var(--button-hover-color);
  color: var(--button-text);
}
.product .add2cart .add2cart .btn.disabled {
  border: 1px solid #cccccc !important;
}
.product .services .checkbox input[type="checkbox"] {
  margin-left: 0;
  position: relative;
  margin-right: 5px;
}
.product .more-images {
  position: absolute;
  left: 15px;
  top: 10px;
  text-align: left;
  visibility: hidden;
}
@media screen and (max-width: 900px) {
  .product .more-images {
    position: relative;
    left: 0;
    top: 10px;
    text-align: left;
    visibility: hidden;
    display: flex;
    justify-content: center;
    margin-top: var(--grid-gutter);
  }
}
.product .more-images .video a {
  position: relative;
  display: block;
}
.product .more-images .video a:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--color-white);
  font-size: 17px;
  content: "\f04b";
  display: block;
  top: 0;
  left: 17px;
}
.product .more-images .image {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 52px;
  height: 52px;
  line-height: 46px;
}
.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 {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  text-align: center;
  width: 52px;
  height: 52px;
  line-height: 52px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.product .more-images .more-hide a {
  color: var(--body-color);
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  cursor: zoom-in;
  text-decoration: none;
}
.product .more-images .more-hide a:hover,
.product .more-images .more-hide a:focus {
  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 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 {
  text-align: center;
  position: relative;
  min-height: 350px;
}
@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;
}
/** Tags **/
.product .tags {
  font-size: 12px;
  color: var(--color-grey);
}
.product .tags a {
  color: var(--color-grey);
  text-decoration: underline;
  margin-right: 5px;
}
.product .tags a:hover {
  color: var(--link-color);
}
.product .skus-name {
  margin-left: 8px;
}
.product ul.skus {
  list-style: none;
  padding-left: 0;
}
.product ul.skus span.price {
  font-weight: 700;
  font-size: 14px;
}
.product ul.skus .articul {
  font-weight: 300;
}
.product ul.skus li .price s {
  color: #505151;
  opacity: 0.5;
  top: 0;
  margin-left: 8px;
}
.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 {
  line-height: 2em;
  margin-bottom: 20px;
}
.product .options .name {
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px;
}
.product .options .name .sku-selectable {
  font-weight: 600;
}
.product .options label.name {
  display: block;
  font-size: 14px;
  color: #111111;
  margin-bottom: 0;
  margin-top: 10px;
}
.product .options select {
  text-transform: none;
  background: var(--color-white);
  padding: 7px;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: var(--border-radius);
}
.product .options .inline-select {
  margin-bottom: 15px;
}
.product .options .inline-select a {
  border: 1px solid #cccccc;
  border-radius: var(--border-radius);
  margin: 0 5px 5px 0;
  display: inline-block;
  padding: 3px 7px;
  text-decoration: none;
  position: relative;
  min-width: 55px;
  text-align: center;
  color: #454545;
  background: var(--color-white);
}
.product .options .color-fix a {
  padding: 5px 15px !important;
  width: 45px;
  height: 36px;
  border: 1px solid transparent !important;
}
.product .options .inline-select a .color_name {
  display: none;
  position: absolute;
  bottom: -25px;
  left: 50%;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.8);
  margin-left: -40px;
  width: 80px;
  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 {
  border: 1px solid var(--main-color) !important;
  padding: 3px 7px 3px 31px;
  position: relative;
}
.product .options .inline-no-color a.selected:before {
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  top: 2px;
  left: 9px;
  font-family: "Font Awesome 5 Free";
}
.product .options .inline-no-color a.selected {
  background: var(--main-color);
  color: var(--color-white);
}
.product .options .inline-select a.selected .color_name {
  display: block;
}
.product .options .inline-select a.selected .color_checkmark {
  display: block;
}
.product .services {
  margin: var(--grid-gutter) 0;
  line-height: 1.4em;
}
.product .services select {
  padding: 5px;
  max-width: 100%;
  margin-bottom: var(--grid-gutter);
}
.product .services label {
  margin-right: 5px;
  margin-left: 0;
}
.product #product-image {
  max-width: 90%;
  cursor: zoom-in;
}
.product .card-product-inner .one-click {
  text-align: center;
  font-size: 16px;
  margin: 10px 0;
  width: 100%;
}
.product .card-product-inner .one-click input {
  width: 100%;
  background: none;
  color: var(--color-white);
  border: 0;
  cursor: pointer;
  border-radius: var(--border-radius);
  padding: 12px 15px;
  font-weight: 500;
  background: var(--main-color);
  vertical-align: middle;
}
.product .card-product-inner .one-click input:hover {
  background: var(--link-color);
}
/** Tabs **/
.product ul.product-nav {
  list-style: none;
  padding: 0;
  position: relative;
  z-index: 6;
  font-size: 16px;
  font-weight: 500;
  background: var(--color-white);
  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 {
  padding: 10px 30px;
  color: #232323;
  text-decoration: none;
  display: block;
  font-size: 16px;
}
.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;
}
/** Prev Next product **/
.product-prev-next-wrap {
  position: absolute;
  right: 0;
  top: -8px;
}
@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;
  background: var(--color-white);
}
.product-prev-next-wrap .product-wrap .product-info {
  display: table;
  width: 100%;
  text-align: left;
  line-height: 16px;
  vertical-align: middle;
  background: var(--color-white);
  border: 1px solid var(--color-white);
  padding: 10px 5px;
  border-radius: var(--border-radius);
}
.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 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-height: 90px;
  max-width: 90px;
  vertical-align: middle;
  padding: 5px 10px;
}
.product-prev-next-wrap .product-wrap .product-info s {
  color: #505151;
  opacity: 0.5;
  margin-left: 10px;
}
.product-prev-next-wrap .prev-next {
  background-color: var(--color-white);
  border: 1px solid #e1e1e1;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: var(--border-radius);
  margin-left: 5px;
  margin-bottom: 10px;
}
.product-prev-next-wrap .prev-next a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 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;
  z-index: 10;
  top: 52px;
  right: -1px;
  bottom: 0;
  width: 300px;
  background: var(--color-white);
  font-size: 14px;
  color: #000;
}
.product-prev {
  position: relative;
}
.product-prev .arrow-prev {
  font-size: 18px;
  color: #6e6e6e;
}
.product-prev .arrow-prev:hover {
  color: #b2b2b2;
}
.product-next {
  position: relative;
}
.product-next .arrow-next {
  font-size: 18px;
  color: #6e6e6e;
}
.product-next .arrow-next:hover {
  color: #b2b2b2;
}
.product-next .arrow-next:hover .product-wrap {
  display: block;
}
/*** Features **/
.h4.features {
  margin-bottom: 25px;
}
.expand-content dt.divider {
  font-size: 16px;
  color: #787878;
  margin-top: 15px;
}
.expand-content dt.divider:after {
  border-bottom: 0;
}
.expand-content {
  margin: 0;
  padding: 0;
}
.expand-content dt {
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 0;
  width: 45%;
  vertical-align: top;
  font-weight: 600;
  position: relative;
  background: var(--color-white);
}
.expand-content dt:after {
  position: absolute;
  content: '';
  border-bottom: 1px dotted #bababa;
  margin-left: 10px;
  width: 100%;
  height: 1.1em;
}
@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 {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
  width: 51%;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  background: var(--color-white);
}
.expand-content .icon16.color {
  margin-top: 7px;
  margin-right: 5px;
}
.show-all-features {
  font-weight: 300;
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0 15px;
  font-size: 12px;
  color: #858585;
  display: inline-block;
}
/** Panel tabs **/
.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 {
  border: 0;
  margin: 0;
}
.panel-default .col-lg-12,
.panel-default .col-lg-6 {
  padding: 0 5px;
}
.panel-default .panel-body img {
  max-width: 100%;
}
.panel-default > .panel-heading {
  background: #f5f5f5;
  color: var(--color-white);
  margin-bottom: 1px;
}
.panel-default > .panel-heading a {
  color: var(--body-color);
  font-weight: 500;
  font-size: 16px;
}
.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 {
  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);
  padding: calc(var(--grid-gutter) * 2);
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 900px) {
  .panel-group {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .panel-group .panel-body {
    padding: var(--grid-gutter);
  }
}
.panel-group ul {
  margin: 20px;
}
.panel-title {
  margin-bottom: 0;
}
.panel-title > a {
  text-decoration: none;
  display: block !important;
  padding: 11px 13px 12px 13px;
  position: relative;
  color: var(--color-white);
  font-size: 16px;
}
.panel-title > a:focus {
  color: var(--body-color);
}
.panel-default div a.collapsed:after {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 16px;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
.panel-default .selected .collapsed:after {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 15px;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
}
.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(even) {
  background: #f5f5f5;
}
.panel-body iframe,
.page-content iframe,
.page-content img {
  max-width: 100%;
}
.related-cart div.h3 {
  padding: 0 50px !important;
  margin-bottom: 10px;
  font-size: 20px;
  word-wrap: break-word;
  text-align: center;
  font-weight: 700;
  text-transform: none;
}
.product .product-small-features .features-table {
  width: 100%;
}
.product .product-small-features .features-table td {
  padding: 3px 0;
  color: #383838;
  position: relative;
  background: var(--color-white);
  z-index: 10;
  padding-left: 10px;
}
.product .product-small-features .features-table td span i {
  margin-right: 5px;
  margin-top: 3px;
}
.product .product-small-features .features-table td:first-child {
  padding-left: 0;
  width: 50%;
  vertical-align: top;
  font-weight: bold;
}
.product .product-small-features .features-table td:first-child::after {
  position: absolute;
  content: '';
  border-bottom: 1px dotted #bababa;
  margin-left: 10px;
  width: 100%;
  height: 1.1em;
  z-index: 5;
}
.product .product-small-features .features-table tr:hover {
  background: transparent !important;
}
.product .product-small-features .features-table tr:nth-child(1n + 6) {
  display: none;
}
.product .product-small-features tr.divider td:first-child::after {
  border-bottom: 0;
}
.product .product-big-features .features-table {
  width: 100%;
}
.product .product-big-features .features-table td {
  padding: 3px 0;
  color: #383838;
  position: relative;
  background: var(--color-white);
  z-index: 10;
  padding-left: 10px;
  border: 0 !important;
}
.product .product-big-features .features-table td span i {
  margin-right: 5px;
  margin-top: 3px;
}
.product .product-big-features .features-table td:first-child {
  padding-left: 0;
  width: 50%;
  vertical-align: top;
  font-weight: bold;
}
.product .product-big-features .features-table td:first-child::after {
  position: absolute;
  content: '';
  border-bottom: 1px dotted #bababa;
  margin-left: 10px;
  width: 100%;
  height: 1.1em;
  z-index: 5;
}
.product .product-big-features .features-table 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 */
#compare-table .rating-big a {
  color: #979797;
  font-size: 12px;
  display: inline-block;
  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 {
  font-size: 14px;
  line-height: 16px;
  word-wrap: break-word;
  font-weight: 500;
  color: var(--body-color);
  text-decoration: none;
}
#compare-table .name a:hover,
#compare-table .name a:focus {
  color: var(--link-color);
}
#compare-table td.feature {
  font-size: 14px;
}
#compare-table p {
  color: #000000;
  line-height: 16px;
}
#compare-table h5 {
  margin: 0;
}
#compare-table .image {
  height: 150px;
  width: 150px;
  position: relative;
  margin-bottom: 10px;
}
#compare-table .image .badge {
  position: absolute;
  z-index: 10;
}
#compare-table .image_fix img {
  max-height: 100px;
  max-width: 100px;
}
#compare-table .white-td td {
  border-top: 0;
  padding-bottom: 20px;
}
#compare-table td {
  vertical-align: top;
}
.compare-table__priceunits {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color);
}
.compare-table__priceunits .price-wrapper {
  margin-right: 10px;
}
.compare-table__ratio {
  font-size: 13px;
  opacity: 0.5;
}
.compare-table s {
  color: #505151;
  opacity: 0.5;
  font-size: 16px;
  display: inline-block;
}
.compare-table s .price-wrapper {
  margin-right: 0;
}
#compare-table tr:last-child td {
  padding: 30px 10px 0;
  border-bottom: 0;
}
#compare-table h5 {
  font-weight: 700;
  margin-top: 10px;
}
.compare-scroll {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
ul.compare-diff-all {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -7px;
  width: 170px;
}
ul.compare-diff-all li {
  display: block;
  margin-bottom: 10px;
}
ul.compare-diff-all li a {
  padding: 5px 10px;
  color: var(--body-color);
  text-decoration: none;
  font-size: 14px;
}
ul.compare-diff-all li.selected a {
  background: var(--main-color);
  text-decoration: none;
  color: var(--color-white);
  border-radius: var(--border-radius);
}
ul.compare-diff-all li.selected a b {
  border: none;
}
.dialog {
  display: none;
}
.dialog .icon-close {
  background-image: url("img/close_white.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
}
.dialog .loading {
  position: fixed;
  left: 50%;
  top: 30%;
  transform: translate(-50%, 0);
  width: 70px;
  height: 70px;
  z-index: 20020;
  background-image: url(img/loader/tail-spin.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.dialog .product .purchase {
  margin: 0 0px;
}
.dialog .product h1 {
  border-bottom: 0;
  padding-bottom: var(--grid-gutter);
  width: 100%;
}
.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;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.dialog #product-core-image .owl-theme .owl-controls {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.38);
  z-index: 20010;
}
.dialog-cart-header {
  background: var(--main-color);
  padding: 10px 5px 10px 15px;
  color: var(--color-white);
  font-weight: 700;
  font-size: 16px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  height: 40px;
  display: none;
}
@media screen and (max-width: 900px) {
  .dialog-cart-header {
    display: block;
    margin: 0 -20px;
  }
}
.dialog-window .close-block {
  z-index: 10001;
  position: absolute;
  background: var(--link-color);
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.dialog-window .close-block:hover {
  opacity: 0.7;
}
.dialog-window .alert {
  margin-top: 30px;
}
.dialog-window .dialog-cart {
  position: fixed;
  top: 10%;
  max-height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 20030;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  text-align: left;
  width: 900px;
  display: block;
  background: var(--color-white);
  padding: 30px 20px 20px 20px;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 900px) {
  .dialog-window .dialog-cart {
    width: 100%;
    top: 0;
    padding: 0 20px 40px 20px;
  }
}
.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 {
  text-align: center;
  position: relative;
  min-height: 350px;
  height: 350px;
}
@media screen and (max-width: 900px) {
  .dialog-window .product #product-core-image {
    min-height: unset;
    height: unset;
    margin-bottom: var(--grid-gutter);
  }
}
.dialog-window .product #product-core-image img {
  cursor: unset;
  max-width: 90%;
  max-height: 350px;
}
/** Review **/
.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 {
  background: #eeeeee;
  width: 200px;
  height: 13px;
}
.review-table table.rating-distribution td .bar .filling {
  background: var(--link-color);
  height: 13px;
}
ul.reviews-branch .wa-field-rate {
  display: none;
}
ul.reviews-branch > li li {
  margin-bottom: 5px;
  position: relative;
}
.rating .hint {
  margin-left: 5px;
}
.review .staff {
  background: #eeeebb;
  padding: 1px 4px !important;
  color: #334455;
  font-size: 0.9em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  white-space: nowrap;
  margin: 0 10px;
}
.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 {
  font-size: 0.9em;
  color: #878787;
  margin: 0;
}
.review .summary h6 {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.3em;
}
.review .title {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.3em;
}
.review .description {
  margin: 20px 0 5px 0;
}
.review .summary {
  display: flex;
}
.review .avatar img {
  border: 2px solid #bfbfbf;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  padding: 2px;
}
.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 {
  font-weight: 300;
  font-size: 14px;
  color: var(--body-color);
}
.review .staff {
  display: inline-block;
  margin: 2px 0;
}
.review .date {
  display: block;
}
#clear-review-rate {
  display: none !important;
}
.wa-field-rate {
  padding: var(--grid-gutter);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  width: 215px;
  text-align: center;
  margin: calc(var(--grid-gutter)*2) 0;
}
.wa-field-rate .icon32 {
  height: 32px;
  width: 36px;
}
.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: #aaaaaa;
}
.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;
  text-decoration: none;
  border-bottom: 1px dotted var(--body-color);
  color: var(--body-color);
  font-size: 14px;
}
.reviews .h6 {
  font-weight: 700;
}
.reviews #review-rate {
  margin-top: 12px;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .reviews #review-rate {
    margin-top: 0;
  }
}
.reviews #review-rate:hover {
  text-decoration: none;
}
.reviews .profile-review {
  margin-top: 10px;
  display: flex;
}
@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 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: #ffffcc;
}
.reviews ul.menu-h.auth-type {
  padding: 0 0 40px;
  margin-left: -5px;
}
.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: normal;
}
.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;
  text-decoration: none;
  font-size: 14px;
}
.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 {
  width: 160px;
  display: block;
  float: left;
  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:hover,
.review-form .review-submit .cancel:focus {
  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 {
  float: left;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.review-form ul.menu-h.auth-type {
  padding-bottom: 20px;
}
.review-form label {
  float: left;
  width: 155px;
  font-weight: 700;
  padding-top: 0.52em;
  padding-bottom: 10px;
  line-height: 14px;
  font-size: 14px;
  margin-top: 5px;
  text-align: right;
  margin-right: 23px;
}
.reviews span.rate {
  line-height: 1.3em;
  display: block;
  margin: 0.5em 0;
}
.reviews span.rate a {
  text-decoration: none !important;
}
.review-submit .wa-captcha .errormsg {
  float: none;
  margin-left: 0;
}
/** Comment **/
.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 {
  min-width: 0;
  width: 16px;
  height: 16px;
  margin: 7px 4px 0;
}
.comments textarea {
  height: 100px;
  min-height: 100px;
  width: 75%;
  margin-top: 0;
}
.comments ul,
.comments ul li {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
}
.comments ul li ul {
  margin: 20px 0 0 0;
}
.comments ul li span.hint a {
  color: #aaaaaa;
  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;
  text-decoration: none;
  border-bottom: 1px dotted var(--body-color);
  color: var(--body-color);
  font-size: 14px;
}
.comments ul li a.comment-delete {
  margin: 0 0 0 5px;
  padding: 0;
  color: #dd9999;
  text-decoration: underline;
}
.comments ul li a.comment-delete:hover {
  background: red;
  color: white;
}
.comments ul li ul {
  padding-left: 25px;
}
.comment.in-reply-to {
  background: var(--color-white);
  margin: -8px -8px -13px;
  padding: 8px 35px 8px 8px;
  position: relative;
}
.comment.in-reply-to .container-shadow-box {
  box-shadow: none !important;
  border: 0 !important;
}
.comment.new {
  background: #ffffcc;
  margin: -8px -8px -13px;
  padding: 8px 35px 8px 8px;
}
#product-review-form input[type="text"],
#product-review-form input[type="email"],
#product-review-form input[type="password"],
#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;
}
/** Add image **/
.s-review-images-section {
  padding: 15px 20px;
  border: 1px dashed #bfbfbf;
  -webkit-transition: 200ms background linear;
  -moz-transition: 200ms background linear;
  -o-transition: 200ms background linear;
  -ms-transition: 200ms background linear;
  transition: 200ms background 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 {
  position: relative;
  display: inline-block;
  vertical-align: -3px;
  width: 22px;
  height: 19px;
  margin-right: 10px;
}
.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 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 40px 40px 0 0;
}
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-image-wrapper {
  width: 200px;
  height: 200px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background: #f7f7f7 50% no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.15384615em;
  min-height: 55px;
}
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper.is-extended .s-visible {
  display: none;
}
.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;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 4px 6px;
  font-size: 13px;
  line-height: 15px;
  width: 100%;
  height: 55px;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: auto;
  min-height: auto;
}
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -10px);
  -moz-transform: translate(50%, -10px);
  -o-transform: translate(50%, -10px);
  -ms-transform: translate(50%, -10px);
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  border: solid 1px rgba(0, 0, 0, 0.33);
  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 {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  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 {
  font-size: 12px;
  line-height: 1.16666667em;
  color: #f00;
}
.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%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.s-images-list .s-image {
  border: 1px solid #e1e1e1;
  margin-right: 20px;
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  .s-review-images-section,
  .s-review-notice-section {
    width: 100%;
  }
}
.h1__order-date {
  font-weight: 300 !important;
  margin: 0 var(--grid-gutter);
}
.h1__order-status {
  font-size: 12px !important;
  color: #fff !important;
  padding: 0 10px;
  border-radius: var(--border-radius);
}
.h1__order-back {
  margin-right: var(--grid-gutter);
  background-color: var(--color-white);
  border: 1px solid #e1e1e1;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: var(--border-radius);
  position: relative;
}
.h1__order-back a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.orders__green {
  background: var(--stock-color-hi);
}
.orders__red {
  background: #ee0000;
}
@media screen and (max-width: 900px) {
  .orders .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {
  .orders__confrimation {
    display: block;
  }
}
.orders__confrimation-block {
  border-radius: var(--border-radius);
  padding: 20px;
}
.orders__confrimation-block:first-child {
  margin-left: 0;
}
@media screen and (max-width: 900px) {
  .orders__confrimation-block:first-child {
    margin-left: 0;
    margin-right: 0;
  }
}
.orders__confrimation-block:last-child {
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  .orders__confrimation-block:last-child {
    margin-left: 0;
    margin-right: 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 {
  font-size: 16px;
  font-weight: 500;
  display: block;
  width: 100%;
}
.orders__confrimation-block .icon {
  font-size: 50px;
  color: var(--color-primary);
  margin-bottom: 20px;
}
.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 {
  justify-content: center;
  display: flex;
  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 {
    justify-content: flex-end;
    display: flex;
  }
}
.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-height: 50px;
  max-width: 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;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.orders__item-number {
  font-size: 20px;
  font-weight: 500;
  align-items: center;
  display: flex;
  position: relative;
}
.orders__item-number i {
  color: var(--link-color);
  font-size: 12px;
  margin-right: var(--grid-gutter);
}
.orders__item-date {
  color: var(--color-grey);
  font-weight: 300;
  margin-left: var(--grid-gutter);
}
.orders__item-status {
  font-size: 12px;
}
.orders__item-status span {
  color: var(--color-white);
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--border-radius);
}
.orders__item-total {
  font-size: 20px;
  font-weight: 500;
}
.orders__item-total .ruble {
  margin-left: 4px;
}
.profile-card {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: var(--border-radius);
  background: var(--color-white);
  display: flex;
  width: 100%;
}
.profile-card__photos {
  width: 75px;
}
.profile-card__photos span {
  border-radius: 50%;
  display: inline-block;
}
.profile-card__photos img {
  border-radius: 50%;
  display: inline;
  margin: 2px;
  border: 2px solid #bfbfbf;
  padding: 2px;
  margin-right: var(--grid-gutter);
}
.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;
  /** Order My **/
}
.account table a {
  text-decoration: none;
}
.account .empty-order {
  text-align: center;
  padding: 30px 0 !important;
}
@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 {
  top: 13px;
  margin-left: -25px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  color: #888888;
}
.wa-form .wa-signup-url,
.wa-form .wa-login-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 input,
  .wa-form .wa-buttons-wrapper button {
    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 {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  margin-right: var(--grid-gutter);
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .cartpage .one-product__price {
    font-size: 16px;
  }
}
.cartpage .one-product__price s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .cartpage .one-product__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.cartpage .one-product__unitblock {
  flex-direction: column;
  display: flex;
  text-align: right;
  margin-right: calc(var(--grid-gutter) * 2);
}
.cartpage .one-product__priceunits {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .cartpage .one-product__priceunits {
    font-size: 16px;
  }
}
.cartpage .one-product__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .cartpage .one-product__priceunits s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.cartpage .one-product__ratio {
  font-size: 13px;
  opacity: 0.5;
}
.cartpage .list-catalog {
  margin-top: 0;
  padding: 10px;
}
.cartpage .list-catalog .extra {
  display: inline;
  font-size: 14px;
  border-bottom: 1px dotted var(--body-color);
  color: var(--body-color);
  text-decoration: none;
}
.cartpage .list-catalog .extra:hover,
.cartpage .list-catalog .extra:focus {
  text-decoration: none;
  opacity: 0.8;
}
.cartpage .list-catalog .price {
  margin-top: 10px;
}
.cartpage .list-catalog .services {
  margin: 10px 0;
}
.cartpage .delete-item {
  cursor: pointer;
  display: block;
  margin-top: 10px;
  text-decoration: underline;
  text-align: right;
}
.cartpage .select_quantity {
  width: 100px;
}
.cartpage .affiliate-block {
  padding: 20px 40px 5px 20px;
  margin-bottom: 10px;
  background: var(--color-white);
  border: 1px solid var(--main-color);
  color: var(--body-color);
  position: relative;
  border-radius: 4px;
}
.cartpage .affiliate-block .icon-close {
  background-image: url("img/close.svg");
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.cartpage .affiliate-block .icon-info {
  font-size: 50px;
  position: absolute;
  color: var(--main-color);
  top: 15px;
  left: 25px;
}
.cartpage .affiliate-text {
  font-size: 14px;
  padding-left: 80px;
}
.cartpage .affiliate-text .btn-accept {
  margin-bottom: 10px;
}
.cartpage .affiliate-text strong,
.cartpage .affiliate-text .affiliate-discount-available {
  font-weight: 700;
  color: var(--main-color);
}
.cartpage .row-some-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.cartpage .col-some-height {
  display: flex;
  flex-direction: column;
}
.cartpage .checkout-sticky {
  position: -webkit-sticky;
  position: sticky;
  box-sizing: border-box;
  z-index: 1;
  top: 15px;
}
.cartpage .checkout-block {
  margin: 0 0 10px 0;
  padding: 5px 20px 20px;
  font-size: 20px;
  border-radius: 4px;
}
.cartpage .checkout-block .price {
  font-weight: 700;
  color: var(--main-color);
}
.cartpage .checkout-block table {
  width: 100%;
  font-weight: 700;
}
.cartpage .checkout-block table tr:nth-child(1) {
  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 {
  margin-bottom: 5px;
  width: 100%;
}
.cartpage .delete-item {
  color: #707070;
}
.cartpage .delete-item:hover {
  color: var(--link-color);
}
.cartpage .delete-item .icon-close {
  background-image: url("img/close.svg");
  width: 12px;
  height: 12px;
  background-size: 12px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 2px;
}
.cartpage .cupon {
  margin: var(--grid-gutter) 0;
}
.cartpage .cupon input[type="text"] {
  height: 42px;
  width: 100%;
}
.cartpage .cupon .wa-error-msg {
  color: red;
}
.cartpage .cupon .cupon-delete {
  background-image: url("img/close.svg");
  width: 16px;
  height: 16px;
  background-size: 16px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 2px;
  position: absolute;
  right: 120px;
  top: 13px;
  z-index: 10;
  cursor: pointer;
}
.cartpage .cupon-text {
  margin-bottom: 10px;
}
.cartpage .cupon-text a {
  text-decoration: none;
  color: var(--main-color);
  border-bottom: 1px dotted var(--main-color);
  font-size: 16px;
}
.related-cart {
  margin-top: 30px;
}
/** v 8 **/
.s-order-column .cart-header {
  margin: 10px 0 30px 0;
}
.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;
}
.wa-field-wrapper .wa-select {
  height: 35px !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 {
  font-size: 18px !important;
  color: #ffffff !important;
}
.wa-order-form-wrapper .wa-step-auth-section > .wa-section-header a {
  color: #ffffff !important;
}
.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 {
  font-size: 18px !important;
  padding-left: 30px;
}
.wa-step-auth-section .wa-header::after {
  position: absolute;
  left: 0;
  top: 2px;
  font-family: 'Stroke-Gap-Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e69c";
  color: var(--button-color);
}
.wa-step-region-section .wa-header::after {
  position: absolute;
  left: 0;
  top: 2px;
  font-family: 'Stroke-Gap-Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e667";
  color: var(--button-color);
}
.wa-step-payment-section .wa-header::after {
  position: absolute;
  left: 0;
  top: 2px;
  font-family: 'Stroke-Gap-Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e653";
  color: var(--button-color);
}
.s-section-body.container-shadow-box {
  padding-top: 0 !important;
}
.wa-order-form-wrapper .wa-step-section > .wa-section-header {
  margin: 0 -20px 20px !important;
  padding: 12px 20px !important;
  color: #ffffff !important;
  background: var(--main-color) !important;
}
.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 {
  width: 15px !important;
  height: 15px !important;
  right: 20px;
  position: absolute !important;
}
.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper:not(.color) .wa-variants-list .wa-variant {
  background-color: #ffffff !important;
}
.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-title {
  font-weight: 700 !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
  color: var(--body-color) !important;
  font-size: 14px !important;
}
.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-variants-list .wa-variant.selected {
  background: var(--main-color) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  border: 1px solid var(--main-color) !important;
  padding-left: 35px !important;
  position: relative;
}
.wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-variants-list .wa-variant.selected:before {
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: "Font Awesome 5 Free";
}
.cart-product-one .cart-name {
  overflow-y: hidden;
  font-size: 14px;
  word-wrap: break-word;
  font-weight: 500;
}
.cart-product-one .cart-name a {
  text-decoration: none;
}
.cart-product-one .cart-name a:hover {
  text-decoration: none;
}
.cart-product-one__price {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .cart-product-one__price {
    font-size: 16px;
  }
}
.cart-product-one__price s {
  font-size: 14px;
  opacity: 0.5;
  display: block;
}
@media screen and (max-width: 900px) {
  .cart-product-one__price s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.cart-product-one__priceunits {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color);
}
@media screen and (max-width: 900px) {
  .cart-product-one__priceunits {
    font-size: 16px;
  }
}
.cart-product-one__priceunits s {
  font-size: 14px;
  opacity: 0.5;
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .cart-product-one__priceunits s {
    font-size: 11px;
    margin-left: 5px;
  }
}
.cart-product-one__ratio {
  font-size: 13px;
  opacity: 0.5;
}
.cart-product-one .quanty {
  opacity: 0.5;
}
.cart-product-one img {
  max-height: 75px;
}
.orderpage .wa-quantity-cart-section .wa-field-wrapper .wa-field {
  text-align: center !important;
  width: 40px !important;
}
.orderpage .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
  white-space: nowrap;
  display: flex;
}
.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 {
  text-shadow: none !important;
}
.orderpage input[type="text"],
.orderpage input[type="tel"],
.orderpage input[type="email"] {
  padding: 6px !important;
  font-size: 14px !important;
  line-height: unset !important;
}
.orderpage .wa-quantity-box input[type="text"] {
  text-align: center !important;
}
.orderpage .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item .wa-name,
.orderpage .wa-field-wrapper .wa-label,
.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 !important;
  font-weight: 600 !important;
}
.orderpage .wa-payment-name {
  font-weight: 600 !important;
}
.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-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper:hover .wa-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-payment-section .wa-methods-list.wide .wa-method-wrapper:hover .wa-method-body .wa-payment-name a,
.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 {
  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 {
  font-size: 14px;
  line-height: 16px;
  word-wrap: break-word;
  font-weight: 500;
  height: 50px;
}
.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 {
  border: 1px solid #bcbcbc;
  border-color: var(--color-white) !important;
  background: var(--link-color);
  color: var(--color-white) !important;
  height: 38px !important;
}
.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;
  background: transparent !important;
  color: var(--body-color) !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;
  background: transparent;
  color: var(--body-color) !important;
}
@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;
  }
}
/* Checkout
----------- */
.table-confirmation__qty {
  width: 200px;
}
.table-confirmation__name {
  font-weight: 500;
}
.table-confirmation__total {
  width: 200px;
  font-weight: 500;
  font-size: 16px;
  height: 20px;
  color: var(--main-color);
}
.table-confirmation__tax {
  width: 200px;
}
.checkout blockquote {
  border: 1px solid var(--border-color);
  padding: 20px;
  border-radius: var(--border-radius);
  background: var(--color-white);
  font-size: 14px;
}
.checkout blockquote img {
  margin-right: 20px;
  float: left;
  border-radius: 50%;
}
.checkout blockquote p {
  margin-bottom: 5px;
  margin-left: 70px;
}
.checkout .inline {
  list-style: none;
  margin: 0;
  padding: 20px 0;
  display: inline-block;
}
.checkout .inline li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.checkout-order {
  padding: 15px;
}
.checkout-order .btn {
  margin-top: 20px;
  display: inline-block;
  color: #575757;
  border-color: #cccccc;
}
.checkout-order .change {
  margin-top: 0 !important;
}
.checkout-order .btn-bordered:focus {
  text-decoration: none;
}
.checkout-order .btn-bordered:hover {
  border-color: #dddddd;
  text-decoration: none;
}
.container-fix {
  padding-left: 0;
}
.checkout form {
  margin: 0 !important;
}
.checkout-header {
  margin: 0;
  color: #999999;
  background: var(--color-white);
  padding: 20px;
}
.checkout-header h3 {
  margin-bottom: 0;
}
.checkout-header h3 a {
  text-decoration: none;
  color: #777777;
  font-weight: normal;
}
.checkout-header strong {
  color: #666666;
}
.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 {
  width: 30%;
  display: table-cell;
  float: none;
  line-height: 14px;
}
.checkout ul.checkout-options li {
  list-style: none;
  position: relative;
  margin-bottom: 30px;
  clear: both;
}
.checkout ul.checkout-options li p {
  color: var(--gray);
  padding-left: 80px;
}
.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 {
  font-size: 18px;
  font-weight: 300 !important;
  margin-bottom: 0;
}
.checkout ul.checkout-options li h3 select {
  width: 270px;
  margin: 0;
  color: #000000;
  height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  border: 1px solid #b3b3b3;
  font-size: 13px;
}
.checkout ul.checkout-options li h3 label {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.checkout ul.checkout-options li h3 label img {
  max-width: 50px;
}
.checkout ul.checkout-options li h3 label .text {
  font-weight: 700;
  font-size: 14px;
  margin-left: var(--grid-gutter);
}
.checkout ul.checkout-options li .rate {
  float: right;
  text-align: center;
  width: 250px;
}
.checkout ul.checkout-options li .rate .price {
  font-size: 18px;
  font-weight: bold;
  color: #f84c48;
  margin-bottom: 5px;
  display: block;
}
.icon-checkout {
  font-size: 45px;
  vertical-align: middle;
  margin-right: 20px;
  color: #f84c48;
}
.checkout ul.checkout-options li .rate .est_delivery {
  font-size: 14px;
  color: var(--color-grey);
  font-weight: normal;
}
.checkout ul.checkout-options li p {
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--color-grey);
}
.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;
  background: var(--color-white);
  text-align: center;
}
.checkout .checkout-result h1 {
  font-size: 4em;
  margin-bottom: 50px;
  font-weight: bold;
}
.checkout .checkout-result.error h1 {
  color: red;
}
.checkout .checkout-result .wa-form {
  margin: 10px auto 20px;
  width: 400px;
  float: none;
  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 {
  text-decoration: underline;
  color: #333333;
}
.checkout h2 {
  padding: 13px 20px 15px 0px;
  font-weight: normal;
  background: var(--color-white);
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.checkout h2.upcoming {
  border-bottom: 0;
}
.checkout h2 a {
  text-decoration: none;
  color: var(--link-color);
  font-size: 18px;
  padding-left: 45px;
}
.checkout h2 a .far {
  font-size: 12px;
  position: absolute;
  left: 20px;
  top: 22px;
}
.checkout h2 a:hover {
  opacity: 0.7;
}
.checkout h2.upcoming a:hover {
  color: #000000 !important;
  cursor: default;
}
.checkout h2 a.hint {
  font-size: 12px;
  text-decoration: underline;
  margin: 7px 0 0 0;
  color: #6d6d6d;
}
.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;
  content: "\f00c";
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  color: var(--button-color);
}
.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 {
  min-width: 100px;
  width: 20%;
}
.checkout .float-right {
  float: right;
}
/** Footer **/
.footer {
  background: var(--footer);
  flex: 0 0 auto;
  font-size: 14px;
  padding: 0 0 20px 0;
  border-top: 1px solid var(--border-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  margin-top: calc(var(--grid-gutter) * 2);
}
@media screen and (max-width: 900px) {
  .footer {
    padding-bottom: 0;
  }
  .footer__contact {
    order: 1;
  }
}
.footer .row {
  margin-left: 0;
  margin-right: 0;
}
.footer .hint {
  font-size: 12px;
  margin: 20px 0 0;
  opacity: 0.8;
}
@media screen and (max-width: 900px) {
  .footer .hint {
    font-size: 10px;
  }
}
.footer #currency {
  margin: 15px 0;
  width: auto;
  font-size: 12px;
}
.footer .h5 {
  font-size: 16px;
  margin: 25px 0 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  width: 60%;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 25px;
}
@media screen and (max-width: 900px) {
  .footer .h5 {
    padding-bottom: 10px;
    margin: 20px 0 10px;
  }
}
.footer .rules {
  margin-top: 5px;
}
.footer .mailer-subscribe .form-control {
  padding: 11px 10px 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 .fas,
.footer .far {
  color: var(--main-color);
  margin-right: 10px;
}
.footer .social {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.footer .social a {
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  margin-bottom: 5px;
  color: var(--color-white);
}
.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 {
  margin-bottom: 5px;
  padding-left: calc(var(--grid-gutter) * 1.5);
  display: flex;
  flex-direction: column;
  position: relative;
}
@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 {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0;
  font-style: normal;
  font-weight: 700;
  color: grey;
}
.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 {
  background: var(--color-white);
  box-shadow: 0 7px 20px 9px rgba(50, 50, 50, 0.15);
  border-top: 1px solid #dbdbdb;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
}
@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 {
  text-decoration: none;
  padding: 10px 20px;
  align-items: center;
  display: flex;
  font-weight: 500;
}
.bottom-bar i {
  font-size: 14px;
  color: #b4b4b4;
  margin-right: 7px;
}
.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 {
  font-weight: 300;
  background: var(--button-color);
  display: inline-block;
  padding: 1px 7px;
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-size: 12px;
  margin-left: 10px;
}
.bottom-bar .b-favorite {
  display: inline-block;
}
.bottom-bar .b-compare {
  display: inline-block;
}
.bottom-bar .b-seen {
  display: inline-block;
}
.bottom-bar .b-cart {
  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: bold;
}
.container-shadow-box.post,
.comment-form {
  padding: calc(var(--grid-gutter) * 2);
}
.timeline ul {
  font-weight: normal;
  color: #888888;
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.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: #888888;
}
.blog-sidebar .subcategory {
  margin: 0;
}
.blog-sidebar .subcategory li ul {
  display: block;
}
.blog-sidebar input[type="text"] {
  margin-bottom: 0;
  height: 38px;
  width: 100%;
  border: 0;
}
.blog-sidebar .h3 {
  color: var(--color-grey);
  padding: 50px 0 10px;
}
.post {
  margin-bottom: 20px;
}
.post .h3 {
  padding: 10px 0 0 0;
}
.post .btn {
  font-size: 14px;
}
.post img {
  max-width: 100%;
  height: auto !important;
}
.post iframe {
  max-width: 100%;
}
.post .text {
  margin-top: 5px;
  margin-right: 10px;
}
.post textarea {
  width: 100%;
  min-height: 300px;
  margin-top: 10px;
  height: 250px;
}
.post.search-match {
  margin-top: 20px;
}
.post.search-match h3 {
  font-size: 1.5em;
  margin-bottom: 5px;
}
.post.search-match p {
  margin-top: 5px;
}
.credentials {
  overflow: hidden;
  font-weight: 300;
  font-size: 14px;
}
.credentials a,
.credentials span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
}
.credentials .userpic {
  min-width: 20px;
  display: block;
  float: left;
  margin-right: 2px;
  border-radius: 50%;
}
.credentials .username {
  margin: 0;
}
.credentials .date,
.credentials .icon16 {
  margin: 0 3px;
  font-size: 0.9em;
  color: #aaaaaa;
}
.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 .globalheader,
html.realtime-preview .globalfooter {
  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 {
  margin-top: -10px;
  max-width: 100%;
}
.post .photo-album-attachment {
  padding-top: 10px;
}
.subalbums {
  margin-bottom: var(--grid-gutter);
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/** Animated **/
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes sk-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/** Slick **/
.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;
}
/** Preloader **/
.mask {
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}
.mask span {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  background-image: url(img/loader/tail-spin.svg);
  background-repeat: no-repeat;
  background-size: 60px 60px;
}
/** Noty layot*/
#noty_layout__topRight {
  width: 400px !important;
}
.noty_theme__sunset.noty_bar .noty_body {
  padding: 10px;
  font-size: 12px;
  text-shadow: none;
  font-weight: 300;
  padding-right: 26px;
}
.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 {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: calc(50% + 15px);
  transform: translate(-50%, -50%);
  right: 10px;
  content: "\f105";
  font-size: 21px;
  color: var(--color-grey);
  font-weight: 600;
}
.noty_theme__sunset.noty_bar .noty_body .product-add {
  font-size: 14px;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  padding-bottom: 7px;
  margin-bottom: 10px;
}
.noty_theme__sunset.noty_bar .noty_body .product-info {
  display: table;
}
.noty_theme__sunset.noty_bar .noty_body .product-info .action-text {
  font-size: 12px;
  color: var(--color-grey);
  margin-top: var(--grid-gutter);
  font-weight: 300;
}
.noty_theme__sunset.noty_bar .noty_body .product-info .product-title {
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  text-align: left;
  padding: 5px 25px 5px 5px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
}
.noty_theme__sunset.noty_bar .noty_body .product-info .product-title .price {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: var(--main-color);
  margin-top: 10px;
}
.noty_theme__sunset.noty_bar .noty_body .product-info .product-image {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  text-align: center;
  min-width: 100px;
}
.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 {
  color: #798f9f !important;
  opacity: 0.5;
  font-size: 14px !important;
  display: inline-block;
  margin-left: 10px;
}
.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;
  color: var(--color-white);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.noty_theme__sunset.noty_bar .noty_body .goto-link {
  position: absolute;
  right: 0;
  height: 40px;
  background: var(--button-color);
  top: 0;
  color: var(--color-white);
  width: 40px;
  line-height: 40px;
  font-size: 18px;
}
.noty_theme__sunset.noty_type__error {
  background: var(--color-white);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 12px !important;
  text-shadow: none;
  color: var(--body-color);
}
.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  background-color: var(--button-color);
  height: 3px;
}
.noty_theme__sunset.noty_type__error .noty_progressbar {
  opacity: 1;
}
.noty_layout_mixin,
#noty_layout__top,
#noty_layout__topLeft,
#noty_layout__topCenter,
#noty_layout__topRight,
#noty_layout__bottom,
#noty_layout__bottomLeft,
#noty_layout__bottomCenter,
#noty_layout__bottomRight,
#noty_layout__center,
#noty_layout__centerLeft,
#noty_layout__centerRight {
  z-index: 200;
}
/** Fancyfox **/
.fancybox-button[disabled] {
  opacity: 0;
}
.fancybox-thumbs .fancybox-thumbs-active {
  border: 1px solid var(--button-color) !important;
}
.fancybox-navigation button:hover,
.fancybox-navigation button:focus {
  border: 0 !important;
  outline: 0 !important;
  background: none !important;
}
.fancybox-news {
  font-size: 14px;
}
.fancybox-news .ajax {
  text-align: center;
  width: 50%;
}
.fancybox-news .ajax div.h1 {
  font-weight: 700;
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 24px;
}
.fancybox-news .fancybox-close-small:hover {
  background: none !important;
  border: 0 !important;
}
.fancybox-news .date {
  color: var(--color-grey);
  font-size: 12px;
}
.fancybox-buttons {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 111111;
  text-align: center;
}
.fancybox-buttons .btn {
  width: 200px;
  padding: 5px 0 7px 0;
  font-size: 17px;
}
.fancybox-buttons .icon {
  position: relative;
  top: 1px;
  margin-right: 10px;
}
@media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}
.fancybox-thumbs > ul > li {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fancybox-thumbs > ul {
  margin: 0 auto;
}
.fancybox-navigation button {
  width: 100px !important;
}
.fancybox-navigation button::before {
  background: transparent;
}
/** Plugin one click **/
.checkout-block .storequickorder_cart_button {
  background: var(--main-color) !important;
  border: 1px solid var(--main-color) !important;
  color: #ffffff !important;
  padding: 10px 10px;
  border-radius: var(--border-radius);
  font-size: 18px;
  line-height: 25px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 5px;
  width: 100%;
  background: var(--color-white);
}
.checkout-block .storequickorder_cart_button:hover {
  color: #ffffff !important;
  border: 1px solid var(--main-color) !important;
}
#storequickorder .dialog-background {
  z-index: 9999999 !important;
  background: rgba(0, 0, 0, 0.38) !important;
}
#storequickorder .dialog-window {
  z-index: 99999999 !important;
  -webkit-box-shadow: none !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  max-width: 800px !important;
}
#storequickorder .dialog-content {
  min-width: 340px;
}
#storequickorder .dialog-content-indent {
  padding: 20px 20px 0 20px !important;
}
#storequickorder .dialog-buttons-gradient {
  text-align: center;
}
#storequickorder .dialog-buttons {
  height: 75px !important;
}
#storequickorder h1 {
  font-size: 24px;
  margin-bottom: 20px;
  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 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  z-index: 9999;
}
/** Meida */
@media (max-width: 767px) {
  #storequickorder .dialog-window {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999999 !important;
    -webkit-box-shadow: none !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
/** Flexdiscount **/
.flexdiscount-product-discount {
  width: 100%;
  margin-bottom: 10px;
}
.flexdiscount-pd-block {
  background-color: var(--color-white);
  border: 1px solid #eaeaea !important;
  border-radius: 0 !important;
  margin: 10px 0 !important;
}
.flexdiscount-discounts-heading,
.flexdiscount-pd-block .flexdiscount-heading,
#yourshop .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: #ffffff !important;
  font-size: 16px !important;
}
.flexdiscount-discounts-body li {
  padding: 10px 15px;
  background-color: #ffffff !important;
  margin: 5px 0;
}
.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 {
  color: #000000;
  border: 1px solid #eaeaea !important;
  padding: 5px;
  text-align: center;
}
.flexdiscount-max-discount,
.flexdiscount-max-affiliate {
  font-size: 16px !important;
  color: var(--link-color) !important;
  font-weight: normal !important;
}
.flexdiscount-table {
  border-left: 1px solid #eaeaea !important;
  border-top: 1px solid #eaeaea !important;
  width: 100%;
  margin-bottom: 10px;
}
.flexdiscount-table td {
  color: #000000;
  border: 1px solid #eaeaea !important;
  padding: 5px;
  text-align: center;
  width: 50%;
}
/** Scroll **/
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: var(--color-white);
}
/* Plugins
---------- */
#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%;
}
/** City Select **/
.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;
}
/** Regions **/
.shop-regions {
  padding: 7px 0 6px;
}
@media screen and (max-width: 900px) {
  .shop-regions {
    margin-left: 45px;
  }
}
/** Filters **/
#filters-count {
  background: #939393 !important;
  border-radius: var(--border-radius);
  padding: 5px 20px !important;
  font-size: 12px !important;
  color: #fff !important;
  border: 0 !important;
  margin-left: -5px !important;
  font-weight: 600;
  z-index: 10 !important;
}
.filters .ui-widget-content .ui-state-default {
  background: transparent !important;
}
.rangefilter.diaposon > .filter-slider {
  display: none;
}
.filtergroup .checkbox.disabled {
  opacity: 0.5;
}
/** Brands PRO **/
.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 25px;
}
.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 {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: var(--color-white);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: var(--border-radius);
}
.brand-plugin-catalog-header__categories {
  margin-bottom: 5px !important;
}
.brand-plugin-catalog-brand-categories__item ul {
  list-style: none;
}
/** Cookie **/
.cc_banner-wrapper {
  z-index: 9001;
  position: relative;
}
.cc_container .cc_btn {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  transition: font-size 200ms;
  line-height: 1em;
}
.cc_container .cc_message {
  font-size: 14px;
  transition: font-size 200ms;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  line-height: 1.5em;
}
.cc_container .cc_logo:hover,
.cc_container .cc_logo:active {
  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 {
    font-size: 14px;
    line-height: 1em;
    padding-bottom: 30px;
    padding-bottom: 20px;
  }
}
@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;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 10px 15px 30px;
}
.cc_container .cc_btn {
  padding: 8px 16px;
  background-color: #f1d600;
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .cc_container {
    left: initial;
    right: 20px;
    bottom: 20px;
    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 {
  background: #222;
  color: var(--color-white);
  font-size: 17px;
  box-sizing: border-box;
}
.cc_container ::-moz-selection {
  background: #ff5e99;
  color: var(--color-white);
  text-shadow: none;
}
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  color: #000;
  background-color: #f1d600;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
  background-color: var(--color-white);
  color: #000;
}
.cc_container a,
.cc_container a:visited {
  text-decoration: none;
  color: #31a8f0;
  transition: 200ms color;
}
.cc_container a:hover,
.cc_container a:active {
  color: #b2f7ff;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.cc_container {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.sk-popup {
  height: 100%;
  left: 0;
  position: fixed;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.3);
}
.sk-popup._opened {
  display: block;
}
.sk-popup__body {
  background: var(--color-white);
  position: absolute;
  left: 50%;
  top: 20px;
  min-width: 320px;
  width: 500px;
  padding: 25px 35px;
  border-radius: 10px;
}
.sk-popup__title,
.sk-popup h1 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: normal;
}
.sk-popup h1._margin {
  margin-bottom: 26px;
}
.sk-popup-close {
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  width: 35px;
  height: 35px;
  line-height: 30px;
  text-align: center;
  color: #000;
  opacity: 1;
  text-indent: 1px;
  font-weight: 400;
  box-sizing: border-box;
}
.sk-popup-contacts {
  font-size: 0;
}
.sk-popup-contacts__block {
  font-size: 14px;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 20px;
  vertical-align: top;
}
.sk-popup-contacts__block-wrap {
  margin-bottom: 20px;
  margin-right: 30px;
}
.sk-popup-contacts__zag {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.sk-popup-contacts__line {
  line-height: 20px;
}
.sk-popup-contacts__line a {
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px dashed #000;
  line-height: 14px;
  margin-bottom: 4px;
}
.sk-popup-content {
  background: var(--color-white);
  padding: 20px 24px;
  max-width: 500px;
  width: 100%;
  margin: 10px auto;
  position: relative;
  border-radius: 10px;
  box-sizing: border-box;
}
.sk-popup-content__custom {
  max-width: 800px;
  padding: 30px;
}
.sk-popup-content__custom .mfp-close {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 13px;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  font-family: "Open Sans", serif;
  color: #000;
  opacity: 1;
  margin: 0;
}
.sk-popup-content__custom .sk-popup__title {
  font-weight: normal;
}
.sk-popup-content__custom .mfp-close:hover {
  color: #3172b9;
}
.sk-popup-content__settings {
  max-width: 800px;
  padding: 30px;
}
.sk-popup-content__settings .mfp-close {
  right: 4px;
  top: 4px;
}
.sk-popup__loading._center {
  text-align: center;
}
.sk-popup-content__advert {
  padding: 30px 40px 30px;
  max-width: 600px;
}
.sk-popup-content__advert .mfp-close {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 13px;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  font-family: "Open Sans", serif;
  color: #000;
  opacity: 1;
  margin: 0;
}
.sk-popup-content__advert .sk-popup__title {
  font-weight: normal;
}
.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 {
  padding: 24px 24px 24px 28px;
  max-width: 1300px;
}
.sk-popup-content_dialog .sk-product-general {
  margin-bottom: 0;
}
.sk-popup-content img,
.sk-popup-content iframe {
  max-width: 100%;
}
@media only screen and (max-width: 728px) {
  .sk-popup {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .sk-popup__body {
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0 !important;
  }
}
@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;
  }
}