/*
 * Made in The-wide-dark-rectangle @ sqrd.ru by Guerts
 * 02-08-2022 (4i/o-)
 *
 */


/* Category
----------- */
.category-name {
  /*font-size: 30px;*/
  margin-bottom: 35px;
  text-transform: uppercase;
  padding-top: 45px;
}
.category-description {
  clear: both;
  padding: 35px 45px;
  font-weight: 300;
  border-radius: 5px;
  xbackground: #fbfbfb;
  margin-bottom: 40px;
  font-size: 16px;
}

@media screen and (max-width: 970px) {
    .category-name.incat-name {
        text-align: center;
    }
}

@media screen and (max-width: 760px) {
    .category-name {
      font-size: 24px;
      margin-bottom: 25px;
      padding-top: 35px;
    }
}



/* Category filters
------------------- */
.filters {
  width: 270px;
  float: left;
  x-overflow: hidden;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  margin-right: -270px;
  z-index: 1;
  position: relative;
  margin-bottom: 100px;
}
.filters-header {
  background: #F8634B;
  color: #fff;
  padding: 16px 16px;
  margin: -1px;
  border-radius: 5px 5px 0 0;
}
.filters-header a {
  float: right;
  margin-top: 1px;
  color: #fff !important;
  font-size: 13px;
}
.filters h3 {
  font-size: 14px;
  margin: 0;
  display: inline-block;
  font-weight: 500;
}
.filters form {
  margin: 16px 16px 8px 16px;
  x-overflow: hidden;
}
.filters input[type="text"] {
  width: 45% !important;
}
.filters input[type="text"]:nth-child(1) {
    margin-right: 7% !important;
}
.filters .filter-param {
    padding: 20px 0 0;
    position:relative;
}
.filters h5 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -1px;
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
.filters h5 span {
  display: inline-block;
  padding-right: 25px;
}
.filters h5 a {
  position: absolute;
  top: 0;
  right: 0;
}
.filters .filter-param:not(.active) h5 a svg {
  transform: rotateZ(-90deg);
}
/*
.filters .filter-param h5 a .icon-minus {
    display:none;
}
.filters .filter-param.active h5 a .icon-plus {
    display:none;
}
.filters .filter-param.active h5 a .icon-minus {
    display:inline-block;
}
*/
.filters .filter-param .filter-toggle {
    display:none;
    padding: 20px 0;
}
.filters .filter-param.active .filter-toggle {
    display:block;
}
.filters label {
    display: block;
    margin-bottom: 20px;
}
.filters label:last-child {
    margin-bottom:0;
}
.filters .ui-slider {
    margin: 35px 12px 10px 2px;
    display: block;
}
.filters .ui-slider-horizontal {
    height: 0px;
    border: 2px solid #DDD;
}
.filters .ui-slider-horizontal .ui-widget-header {
    background: #F8634B;
    height: 4px;
    position: relative;
    z-index: 0;
    top: -2px;
}
.filters .ui-slider-horizontal .ui-slider-handle,
.filters .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
    top: -10px;
    margin-left: -6px;
    height: 19px;
    width: 14px;
    border: none;
    border-radius: 3px;
    z-index: 0;
    background: #F8634B;
}

@media screen and (max-width: 1168px) {
    .filters {
        width: 250px;
    }
}
@media screen and (max-width: 970px) {
    .filters {
        display:none;
        width: 100%;
        padding: 0 !important;
        float: none;
        max-width: 480px !important;
    }
    .filters-header {
      text-align: center;
    }
    .filters h3 {
      font-size: 14px;
      margin: 0;
      display: inline-block;
      font-weight: 500;
    }
    .filters-header a {
      float: left;
      width: 0;
      white-space: nowrap;
    }
    .filters .fancybox-button svg {
      color: #fff;
      width: 32px;
      height: 33px;
      left: -6px;
      top: -2px;
    }
    .filters.active {
        display:block;
    }
}
@media screen and (max-width: 760px) {
    .filters {
        max-width: 420px !important;
    }
}

@media screen and (min-width: 971px) {
    .filters {
        display: block !important;
    }
    .filter-toggle {
        x-display:block !important;
    }
    .filters form {
        overflow:visible;
    }
    .filters h5:after {
        display:none;
    }
    .filters .filter-param {
        x-padding: 20px 0;
    }
    .filters .filter-param .filter-toggle {
        padding: 15px 0;
    }
    .filters label {
        x-margin-bottom:15px;
    }
    .filters .ui-slider-horizontal .ui-widget-header {
        height: 5px;
    }
    .filters .ui-slider-horizontal {
        height: 1px;
    }
    .filters .ui-slider-horizontal .ui-slider-handle,
    .filters .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
        xxborder-radius: 0;
        xxbackground: transparent;
        height: 22px;
        width: 22px;
    }
    .filters .ui-slider-horizontal .ui-slider-handle:after {
        xcontent: '';
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        background: #F8634B;
        border-radius: 5px;
    }
    /*
    .filters .ui-slider-horizontal .ui-slider-handle:before {
        content: '';
        position: absolute;
        top: 9px;
        left: 6px;
        background: #DDD;
        height: 10px;
        width: 10px;
        transform: rotateZ(45deg);
    }
    */
}


/* input toggles
---------------- */
.input-toggles {
  display: inline-block;
  position: relative;
}
.input-toggles > * {
  vertical-align: middle;
  display: inline-block;
}
.input-toggles.disabled {
    background: #F5F5F5;
}
.input-toggles.disabled input {
    color:#CCC;
}
.input-toggles.disabled:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
}
.input-toggles a {
  height: 35px;
  width: 35px;
  line-height: 30px;
  text-align: center;
  color: #7E7E7E;
  font-size: 32px;
  font-weight: 300;
}
.input-toggles input.qty {
  border-width: 0 2px 0 2px !important;
  border-style: solid !important;
  border-color: #e4e4e4 !important;
  border-radius: 0 !important;
  width: 40px !important;
  font-size: 19px !important;
  text-align: center !important;
  padding: 0 !important;
  line-height: normal;
  height: 25px;
}
.input-toggles input:focus {
    x-border-color:#ECECEC;
}



/* costs
------------------- */
.price {
    font-size: 20px;
    margin-right: 8px;
}
.compare-at-price {
    font-size: 12px;
    text-decoration: line-through;
    text-decoration-color: red;
}


/* Products
--------------- */
.products {
    position:relative;
    margin-bottom: 30px;
}
.with-filters .products {
  float: right;
  width: 100%;
  margin-left: -270px;
  padding-left: 300px;
  box-sizing: border-box;
}
@media screen and (min-width: 971px) and (max-width: 1168px) {
    .with-filters .products {
      margin-left: -250px;
      padding-left: 280px;
    }
}
@media screen and (max-width: 970px) {
    .with-filters .products,
    .products {
      margin-left: 0;
      padding-left: 0;
    }
    .products > p {
      text-align: center;
    }
}


/*
 * Sublinks
 ------------*/
.category-sublinks {
  position: relative;
  padding: 16px 180px 15px 15px;
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  border-radius: 5px;
}
.category-sublinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-sublinks ul li {
  display: inline-block;
  border-bottom: 1px solid #e0e0e0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.category-sublinks a {
  color: #4F4F4F;
}
.category-sublinks > a {
  position: absolute;
  right: 15px;
  top: 16px;
  font-weight: 500;
  border-bottom: 1px dashed;
}
.category-sublinks._show {
    height: auto;
}
.category-sublinks._show > a {
    display: none;
}
@media screen and (max-width: 760px) {
    .category-sublinks {
      white-space: nowrap;
      height: 16px;
      padding: 15px 0;
      position: relative;
      margin: 0 -20px 15px -20px;
      background: transparent;
    }
    .category-sublinks ul {
      overflow: auto;
      white-space: nowrap;
      padding-left: 20px;
    }
    .category-sublinks ul li {
      margin-right: 16px;
    }
    .category-sublinks > a  {
        display: none;
    }
    .category-sublinks::after {
      background: linear-gradient(to left, rgb(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0));
      right: 0;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 32px;
      z-index: 1;
    }
}


/*
 * Sorting
 ------------*/
.category-sorting {
  float: left;
  position: relative;
  margin-bottom: 35px;
}
.category-sorting > a {
  padding: 11px 30px 11px 15px;
  padding: 14px 30px 14px 15px; /*customs*/
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  color: #616161;
  min-width: 148px;
  display: inline-block;
}
.category-sorting > a svg {
  float: right;
  margin-top: 5px;
  margin-right: -15px;
}
.sorting {
  position: absolute;
  right: 0;
  z-index: 9;
  margin-top: -41px;
  margin-top: -48px; /*customs*/
  xxxdisplay: none;
  left: 0px;
  min-width: 110%;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #eaeaea;
  box-shadow: 0 24px 47px -20px rgba(0,0,0,0.25);
  opacity: 0;
    visibility: hidden;
    top: 110%;
    transition: all 0.3s;
}
.sorting ul {
  margin: 0;
  padding: 6px 0px;
  text-align: left;
  background: #FFF;
}
.sorting.active ul {
    margin-top:0%;
}
.sorting ul li {
    /**/
}
.sorting ul li a {
  padding: 10px 15px;
  display: block;
}
.sorting ul li.selected a {
    background: #f7f7f7;
}
.sorting ul li:hover a {
  background: #ffe6e1;
}
.sorting ul li a:focus {
  background: #4F4F4F !important;
  border-left-color: #4F4F4F !important;
  border-right-color: #4F4F4F !important;
  color: #fff;
}
.category-sorting > a.active + .sorting {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
@media screen and (max-width: 760px) {
    .category-sorting {
      float: none;
    }
}


/*
 * Category View
 -----------------*/
.category-view {
  float: right;
  padding-top: 20px;
  padding-top: 15px; /*customs*/
  margin-bottom: 35px;
}
.category-view a {
  margin: 5px;
}
.category-view a.active,
.product-ctrl a.active > svg,
.ctrl a.active > svg,
.item-buttons a.active > svg {
    filter: invert(0.5) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
}
@media screen and (max-width: 760px) {
    .category-view {
      display: none;
    }
}


/*
 * Category Filters
 ----------------------*/
.category-filters {
  text-align: center;
  margin-bottom: 15px;
}



/*
 * Product List
 -----------------*/
#product-list {
  margin: 0 -10px;
}
#product-list:after {
    content:'';
    display:block;
    clear:both;
}
ul.thumbs {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}
.product-item {
  padding: 15px;
  background: #FFF;
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  margin: 0 10px 20px 10px;
}
ul.thumbs li:hover > div {
    box-shadow: 0px 0px 15px rgba(152, 152, 152, 0.25);
    /***customs border ***/
    xxx-border-color: transparent;
    transition: all 0.2s;
    z-index: 1;
    
    /**customs**/
    box-shadow:  none;
}

@media screen and (max-width: 760px) {
    /*
    #product-list {
      margin: 0 -10px;
    }
    .product-item {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    */
}



/*
 * avals, cost - aligment
 *
 */
.ctrl > *,
.avals > *,
.costs > *,
.rating > *,
.rewcnt > *,
.purchase button[type="submit"] > *,
.purchase .added2cart > * {
  display: inline-block;
  vertical-align: middle;
}
.avals.stock1 {
    color: #FF4A4A;
}
.avals.stock11 {
    color: #389616;
}
.avals > svg {
    margin-right: 5px;
}
.purchase > * {
    display:none;
}
.product-item .costs {
  margin-bottom: 20px;
}
.ctrl > a {
  padding: 6px 10px;
  display: inline-block;
}
@media screen and (max-width: 760px) {
    .product-item .avals > svg {
        width: 16px;
        height: 16px;
    }
    .product-item .rating > svg {
        width: 18px;
        height: 18px;
    }
}


/*
 * purchase button
 -------------------*/
.purchase button[type="submit"],
.purchase .added2cart {
  display: inline-block;
  border: 1px solid #F8634B;
  border-radius: 5px;
  background: #fff;
  height: 40px;
  padding: 0 15px;
  color: #F8634B;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 300;
}
.purchase button[type="submit"] > svg {
    filter: invert(0.1) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
    transition: all 0.1s;
}
.purchase button[type="submit"]:hover {
    background: #F8634B;
    color: #fff;
}
.purchase button[type="submit"]:hover > svg {
    filter: invert(0.5) sepia(0) hue-rotate(0deg) saturate(1) brightness(10);
}
.purchase button[type="submit"]:disabled {
  color: #E0E0E0 !important;
  border-color: #E0E0E0 !important;
  background: #fff;
}
.purchase button[type="submit"]:disabled > svg {
    filter: invert(1) sepia(1) hue-rotate(0deg) saturate(0) brightness(1) !important;
}
.purchase .added2cart {
  border-color: transparent;
  color: #555;
  height: 38px;
}
.purchase .added2cart {
  border-color: #A4A4A4;
  color: #555 !important;
  height: 38px;
}
.purchase .added2cart:hover > svg {
    filter: invert(0.1) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
}
.purchase .added2cart:hover > svg {
    filter: none;
}
@media screen and (max-width: 760px) {
    .purchase button > svg,
    .purchase .added2cart > svg {
        margin-right: 2px !important;
    }
    .purchase button[type="submit"],
    .purchase .added2cart {
      height: 40px;
      line-height: 38px;
    }
    .purchase .added2cart {
      height: 38px;
    }
}


/*
 *  -IMAGE BLOCK-
 ------------------*/
.preview-block {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 45%;
  background: #ffffff;
  line-height: normal;
  display: inline;
  padding: 5px;
  width: 130px;
  margin: 0 auto;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid transparent;
}
.image-block {
  height: 200px;
  max-width: 100%;
  xoverflow: hidden;
  xline-height: 250px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.image-block > img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.image-block a {
  display: block;
  position: relative;
  height: 240px;
}
.image-block a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
}
.image-block .photo-array {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}
.image-block .photo-array .photo-btn.prev {
  position: absolute;
  left: 0;
  margin-left: 5px;
  cursor: pointer;
}
.image-block .photo-array .photo-btn.next {
  position: absolute;
  right: 0;
  margin-right: 5px;
  cursor: pointer;
}
.image-block .photo-array .fa-chevron-left {
  left: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.image-block .photo-array .fa-chevron-left:hover {
  color: #30ab80;
}
.image-block .photo-array .fa-chevron-right {
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.image-block .photo-array .fa-chevron-right:hover {
  color: #30ab80;
}
.image-block:hover .photo-array {
  opacity: 1;
}
.image-block:hover .image-bar {
  display: block;
}
.image-block .image-bar {
  position: absolute;
  bottom: -15px;
  display: none;
  left: 0;
  right: 0;
  height: 16px;
  text-align: center;
}
.image-block .image-bar .inner {
  display: inline-block;
  height: 100%;
}
.image-block .image-bar .inner .inner-bar {
  display: inline-block;
  width: 11px !important;
  height: 11px !important;
  background: #ddd;
  margin: 0 3px;
  line-height: 1px;
  border-radius: 3px;
}
.image-block .image-bar .inner .active {
  background: #f8634b;
}
.image-block .photo-array {
  display: table;
  height: 100%;
  cursor: pointer;
  z-index: 0;
  table-layout: fixed;
}
.image-block .photo-array-img {
  display: table-cell;
  height: 100%;
  width: 100%;
}
.image-block .photo-btn {
    display:none;
}
.main-photo._load_ {
    object-position: -9999em -9999em;
    background-image: url('{$wa_theme_url}img/loading.gif');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    x-filter: blur( "16px" );
    width: 200px;
    height: 200px;
}
@media screen and (max-width: 1168px) {
    .image-block {
      height: 160px;
    }
}
@media screen and (max-width: 970px) {
    .image-block {
      height: 140px;
    }
    .image-block .image-bar {
        display:none !important;
    }
}
@media screen and (max-width: 760px) {
    .image-block {
      height: 120px;
      margin-bottom: 15px;
    }
}

ul.thumbs li:hover .image-bar {
    display:block;
}




/*
 * grid view
 ---------------*/
.grid ul.thumbs li {
    width: 20%;
    float: left;
}
.with-filters .grid ul.thumbs li {
    width: 25%;
}

/**/
.grid .product-item .link {
    display: block;
    margin-bottom: 10px;
}
.grid .product-item .image {
  display: block;
  position: relative;
  margin-bottom: 20px;
  height: 168px;
}
.grid .product-item .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}
.grid .product-item h5 {
  font-size: 16px;
  font-weight: 500;
  height: 62px;
  margin-bottom: 15px;
  overflow: hidden;
}
.grid .product-item .info {
  margin-bottom: 15px;
  font-size: 0;
}
.grid .product-item .avals,
.grid .product-item .rating {
  display: inline-block;
  width: 50%;
  font-size: 15px;
}
.grid .product-item .rating {
    text-align: right;
}

.grid .product-item .ctrl {
  position: absolute;
  bottom: 18px;
  right: 5px;
}

.grid .product-item span.summary {
    color: #999;
    font-size: 11px;
    display: block;
    text-align: left;
    margin-top: 10px;
}

@media screen and (max-width: 1420px) {
    .grid ul.thumbs li {
        width: 25%;
    }
    .with-filters .grid ul.thumbs li {
        width: 33.333%;
    }
}
@media screen and (max-width: 1168px) {
    .grid ul.thumbs li {
        width: 33.333%;
    }
    .with-filters .grid ul.thumbs li {
        width: 50%;
    }
}
@media screen and (max-width: 970px) {
    .grid ul.thumbs li,
    .with-filters .grid ul.thumbs li {
        width: 33.333%;
    }
}
@media screen and (max-width: 760px) {
    #product-list.grid ul.thumbs li,
    #product-list.with-filters .grid ul.thumbs li {
        width: 100%;
    }
    #product-list.grid .product-item {
      xpadding-left: 45%;
      margin: 0 10px 15px 10px;
      xmin-width: 135px;
      padding-left: 140px;
    }
    #product-list.grid .image-block {
      position: absolute;
      width: 41%;
      left: 10px;
      height: 140px;
      top: 0;
      margin-top: 10px;
      max-width: 120px;
    }
    .grid .product-item h5 {
      font-size: 14px;
      height: 52px;
      margin-bottom: 15px;
      padding-right: 25px;
    }
    .grid .product-item .avals,
    .grid .product-item .rating {
      font-size: 13px;
    }
    .image-block > img {
      max-width: 85%;
      max-height: 85%;
    }
}




/*
 * list view
 ----------------*/
.list .product-item {
  padding-left: 210px;
  margin: 0 10px 20px 10px;
}
.list .link {
    display: block;
}
.list .image {
  display: block;
  position: absolute;
  width: 168px;
  left: 15px;
  top: 15px;
  bottom: 15px;
}
.list .image-block {
  position: absolute;
  width: 210px;
  left: 0;
  height: 168px;
}
.list .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.list h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  overflow: hidden;
}

.list .info,
.list .ctrl {
  display: inline-block;
  margin-bottom: 25px;
}

.list .info {
  x-width: 220px;
}
.list .avals,
.list .rating {
  display: inline-block;
}
.list .avals {
  width: 125px;
}
.list .rating {
  text-align: right;
  width: 60px;
  margin-right: 15px;
}
.list span.summary {
    display:none;
}

.list .price {
  font-size: 24px;
}


/*
 * Related SLider
 */
.product-content-left {
  float: left;
  width: 300px;
  z-index: 1;
  position: relative;
}
.product-content-left > * {
  padding-right: 30px;
}
.product-content-left h3 {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 28px;
}
.product-content-right {
  margin-left: -300px;
  padding-left: 300px;
  box-sizing: border-box;
  width: 100%;
  float: right;
  position: relative;
  z-index: 0;
}


/* 
 * Related
 -------------*/
.product-related {
  padding-left: 35px;
  margin-top: 20px;
}
.product-related {
  padding-left: 0;
  margin-top: 20px;
}
.product-related::after,
.slick-track::after {
  content: '';
  display: block;
  clear: both;
}
.slick-list {
  overflow: hidden;
  padding: 30px 30px;
  box-sizing: border-box;
  margin: -30px;
  position: relative;
}
.slick-list::before,
.slick-list::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  z-index: 1;
}
.slick-list::after {
    background: linear-gradient(to left, rgb(255, 255, 255), rgb(255, 255, 255, 1.2) 61%, rgba(255,255,255,0));
    right: 0;
}
.slick-list::before {
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255, 1.2) 61%, rgba(255,255,255,0));
    left: 0;
}
.slick-prev, .slick-next {
    z-index: 2;
}
.related-list {
    margin: 0 -10px 0 -15px;
    margin: 0 -10px;
}
.related-list.grid ul.thumbs li {
  width: 25%;
}
@media screen and (max-width: 1420px) {
    .related-list.grid ul.thumbs li {
      width: 33.333%;
    }
}
@media screen and (max-width: 1168px) {
    .related-list.grid ul.thumbs li {
      width: 50%;
    }
    .product-content-left {
      width: 280px;
    }
    .product-content-right {
      margin-left: -280px;
      padding-left: 280px;
    }
    .product-tab-links {
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 970px) {
    .related-list.grid ul.thumbs li {
      width: 25%;
    }
}
@media screen and (max-width: 760px) {
    .related-list.grid ul.thumbs li {
      width: 50%;
    }
    .related-list .product-item {
        margin-right: 5px;
    }
    .related-list .slick-list {
        padding-bottom: 0;
    }
    .related-list {
        margin-right: -50%;
    }
    .related-list .slick-arrow {
       display: none !important;
    }
    .product-content-left {
      width: unset;
      float: none;
      max-width: 320px;
    }
    .product-content-right {
      margin-left: 0;
      padding-left: 0;
      float: none;
    }
}




/* ul thumbs mini
-----------------  */
ul.thumbs.mini {
    padding: 0;
}
ul.thumbs.mini li {
    display:block;
}
ul.thumbs.mini li a {
    display: block;
    border: 1px solid #ECECEC;
    margin-bottom: 10px;
    padding: 15px;
}
ul.thumbs.mini li img {
    display: block;
    margin: 0 auto 15px;
}
ul.thumbs.mini li h5 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}
ul.thumbs.mini li .price {
    color: #2F9A00;
    font-weight: 600;
    font-size: 14px;
}




/* Product promo badges
----------------------- */
.badge {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 6px 12px;
  font-size: 14px;
  color: #FFF;
  border-radius: 6px;
  background: #999;
  margin-bottom: 3px;
  box-shadow: -7px 6px 12px -3px rgba(0,0,0,0.15);
}
.badge.new {
    background:#389616;
}
.badge.low-price {
    background:#FF0000;
}
.badge.bestseller {
    background:#FF8B00;
}
.badge b {
    font-weight: 400;
}
.badge b i {
    font-style:normal;
}
.badge.present {
  background: #FF4A4A;
}
.badge svg {
  filter:none !important;
}
.badge.rostest {
  background: transparent;
  box-shadow: none;
  position: absolute;
  left: -4px;
  top: 0;
}

/* Badge wrapper
---------------- */
.image .badge-wrapper {
  position: absolute;
  top: 0px;
  left: -10px;
  text-align: right;
  width: 100%;
  height: 0;
}
.image .badge,
.grid .badge {
    border-radius: 7px 6px 8px 0;
}
.list .badge-wrapper {
  position: absolute;
  top: 12px;
  left: -5px;
  height: 100%;
  width: 0;
}
.list .badge-wrapper br {
    x-display:none;
}
.list .badge.rostest {
  bottom: 20px;
  top: unset;
  left: 5px;
}
.list .badge {
    border-radius: 6px 7px 0 8px;
}
.grid .badge-wrapper {
    position: absolute;
    top: 8px;
    right: -5px;
    text-align: right;
    width: 100%;
}
.grid .badge-wrapper br {
    display: block;
}
.grid .badge-wrapper .badge b {
    font-size: 36px;
    letter-spacing: -0.05em;
}
.grid .badge-wrapper .badge b i {
    font-size: 18px;
    vertical-align: middle;
}
.grid .badge-wrapper .badge.low-price {
    height: 42px;
    line-height: 36px;
}
.grid .badge-wrapper .badge.low-price span {
    transform: rotateZ(-90deg);
    display: inline-block;
    width: 10px;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Roboto';
    text-transform: lowercase;
    transform-origin: 50% 68% 0px;
    margin-left: 2px;
    margin-right: -5px;
}

@media screen and (max-width: 760px) {
    #product-list.grid .badge-wrapper {
      position: absolute;
      top: 8px;
      right: unset;
      text-align: right;
      width: 56%;
      left: -8px;
      max-width: 140px;
    }
    .grid .badge-wrapper {
      position: absolute;
      right: 8px;
    }
    .grid .badge {
      margin-bottom: -7px;
      transform: scale(0.65);
      transform-origin: 100% 50%;
    }
}


/*view: alt**/
.grid.alt-view .ctrl {
  position: absolute;
  bottom: 18px;
  right: 5px;
  top: 0;
}
.grid.alt-view .ctrl .rating {
  position: absolute;
  bottom: 6px;
  right: 12px;
  width: auto;
}
.list.alt-view .badge.rostest {
  bottom: unset;
  top: -5px;
  left: 5px;
}

/*grid: alt-view .ctrl*/
.grid.alt-view .ctrl .compare,
.grid.alt-view .ctrl .favorite {
  position: absolute;
  top: 50px;
  right: 0;
}

.grid.alt-view.view-comp .ctrl .compare,
.grid.alt-view.view-favs .ctrl .favorite {
  top: 10px;
}
.alt-view.view-comp .ctrl .compare svg use,
.alt-view.view-favs .ctrl .favorite svg use {
  display:none;
}
.alt-view.view-comp .ctrl .compare svg,
.alt-view.view-favs .ctrl .favorite svg {
  background-image: url(/wa-data/public/site/themes/firelic/icon/cross.svg);
  background-position: 50% 50%;
  background-size: 29px 29px;
  width: 15px;
  height: 21px;
  background-repeat: no-repeat;
}
.alt-view.view-comp .ctrl .compare:not(:hover) svg,
.alt-view.view-favs .ctrl .favorite:not(:hover) svg {
    filter: none !important;
}

/*safari fix*/
@media screen and (max-width: 760px) {
    .alt-view.view-comp .ctrl .compare.active:hover svg,
    .alt-view.view-favs .ctrl .favorite.active:hover svg {
      filter: none !important;
    }
}

/*compare: list alt-view*/
.list.alt-view.view-comp .info-block {
  padding-left: 120px;
  padding-right: 10px;
  min-height: 105px;
  background: #fff;
    z-index: 1;
    position: relative;
}
.list.alt-view.view-comp .image-block {
    width: 100px;
    height: 100px;
    left: 10px;
    z-index: 2;
}
.list.alt-view.view-comp h5 {
    font-size: 14px;
    padding-top: 6px;
    height: 51px;
}
.list.alt-view.view-comp .price {
  font-size: 17px;
}
.list.alt-view.view-comp .costs {
  margin-bottom: 15px;
}
.list.alt-view.view-comp .ctrl {
    margin-bottom: 0;
}
.list.alt-view.view-comp .purchase {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.list.alt-view.view-comp .purchase button[type="submit"],
.list.alt-view.view-comp .purchase .added2cart {
  padding: 0 10px;
  xfont-size: 0;
  border: none;
  xbackground: none;
}
.list.alt-view.view-comp .purchase button[type="submit"]:hover > svg,
.list.alt-view.view-comp .purchase .added2cart:hover > svg {
  xfilter: none;
}
.list.alt-view.view-comp  .botm-block {
  text-align: center;
  margin-top: 5px;
    /**/
    height: 0px;
    opacity: 0;
    xoverflow: hidden;
    transition: all 0.2s;
}
.list.alt-view.view-comp  .botm-block .botm-block-wr {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 3;
}
.compare-page-sticky .container > div:hover .botm-block  {
    height: 46px;
    opacity: 1;
}
.list.alt-view.view-comp:hover .botm-block {
    opacity: 1;
}

/*favorite: list alt-view*/
.list.alt-view.view-favs .product-item {
    min-height: 156px;
}
.list.alt-view.view-favs h5 {
    
}
.list.alt-view.view-favs .costs {
  display: inline-block;
  width: 100%;
  max-width: 176px;
}
.list.alt-view.view-favs .ctrl {
  position: unset;
}
.list.alt-view.view-favs .ctrl > * {
    vertical-align: middle;
}
.list.alt-view.view-favs .offers {
    padding-top: 25px;
}
.list.alt-view.view-favs .favorite {
  position: absolute;
  top: 10px;
  right: 5px;
}


/*page items*/
.page-content.with-sidebar ul.thumbs li { width: 300px; }

.purchase .icon16.loading.adding2cart {
    position: absolute;
    margin-left: 5px;
    margin-top: 6px;
}
.product-item .image .badge-wrapper { position: relative; }
.product-item span.summary { color: #999; font-size: 0.9em; }
.product-item .out-of-stock { display: inline-block; margin: 3px 5px; display:block\9; float:left\9; }

.icon16.loading { width: 16px; height: 16px; display: inline-block; margin-right: 5px; background-size: 100%; margin-bottom: -3px; }



/*review auth*/
.not-reviews {
    font-size: 16px;
    margin-bottom: 8px;
}
.review-auth {
  font-size: 15px;
  line-height: 19px;
  padding-top: 15px;
}
.review-auth a {
  color: #F8634B !important;
  font-weight: 500;
}


/*
 * Rating Table
 ----------------*/
.rating-destr-wr {
    margin-right: 25px;
}
.rating-destr-wr > a {
    margin-top: 15px;
    max-width: 225px;
}
.product-reviews .rating-destr-wr > a {
    margin: 0;
}
table.rating-distribution {
  x-max-width: 80%;
  margin-top: 15px;
  font-size: 16px;
  line-height: 24px;
}
table.rating-distribution td {
    padding: 10px 10px 0px 0;
    border: none; 
}
table.rating-distribution td .bar, table.rating-distribution td .bar .filling {
  background: #ececec;
  width: 100%;
  height: 19px;
  border-radius: 11px;

}
table.rating-distribution td .bar .filling {
    background: #F8634B; 
}
table.rating-distribution td .bar .filling:not([style*="0%"]) {
    min-width: 17px;
}


/* Product Reviews
------------------ */
.product-title.__reviews h1 {
    font-size: 22px;
}
.reviews-header:not([style*="none"]) ~ div .empty-reviews {
  display: none;
}
.reviews-header[style*="none"],
.reviews-header[style*="none"] ~ div {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
}
/*
.reviews-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
    position:relative;
}
.reviews-header:after {
    content:''
}
.reviews-header h3 {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 0;
}
.reviews-header .reviews-rating {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.reviews-header .write-review {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 20px;
    border: 2px solid #FF8B00;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}
*/
a.review-back {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #999;
    font-weight: 500;
    font-size: 13px;
    display: block;
    text-align: center;
}
a.review-back i {
    font-size: 7px;
    position: relative;
    top: -1px;
}

.review-form {
    margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;
}
.review-form h2 {
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
}
.review-form h2 i {
    vertical-align: middle;
    margin-right: 5px;
    color: #999;
}
.review-form .wa-field {
    color:#555;
    margin-bottom: 25px;
}
/*.review-form .wa-captcha {
    display: inline-block;
    min-width: 260px;
    margin-right: 20px;
    width: 100%;
    max-width: 300px;
}*/

.review-form .user-block {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #000;
}
.review-form .user-block > * {
    display:inline-block;
    vertical-align:middle;
}
.review-form .user-block img {
    margin-right:5px;
}
.review-form .user-block a {
    color:#777;
    font-size:13px;
    line-height:16px;
    border-left:1px solid #ECECEC;
    padding-left:5px;
    margin-left:5px;
}
/*
.review-form input.save {
    display: inline-block;
    width: auto;
    min-width: 200px;
    height: 46px;
}*/
.review-form .review-auth {
    text-align: center;
}
.review-form .review-auth .review-auth-name {
    width: 40%;
    float: left;
}
.review-form .review-auth .divider {
    width: 20%;
    line-height: 38px;
    font-weight: 500;
    font-size: 13px;
}
.review-form .wa-auth-adapters {
    width: 40%;
    margin: 0;
    text-align: right;
    float: right;
    line-height: 40px;
}
.review-form .wa-auth-adapters ul {
    padding: 0 !important;
}
.review-form .wa-auth-adapters ul li {
    margin: 0;
    border: none;
    margin-left: 6px;
}
#review-text {
    max-height: 100px;
}

/*review begin*/
.reviews-branch {
    padding: 0;
  margin: 0 0 15px 0;
  list-style: none;
}

/*review begin*/
.review {
  margin-bottom: 20px;
  position: relative;
  padding-left: 108px;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}
.review-avatar {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #F8634B;
  text-align: center;
  line-height: 84px;
}

.review-head {
  margin-bottom: 8px;
  padding-top: 7px;
}
.review .summary {
    x-color: #777;
    font-size: 13px;
    margin-bottom: 18px;
    position: unset;
}
.review .summary h6 {
    color: #000;
    font-size: 16px;
    margin-bottom: 14px;
}
.review .summary h6 {
    display:none;
}
.review .summary h6 span {
    display: inline-block;
}
.review .summary .rating + .title {
    display: block;
    margin-left: 76px;
    margin-top: -20px;
}
.review .summary .username {
  x-color: #777;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
.review .summary .username {
    margin-bottom: 5px;
    padding-right: 20px;
}
.review .summary .product-rating {
  position: absolute;
  right: 15px;
  top: 30px;
}
.review .summary .username:after {
    x-content:', ';
}
.review .summary .username.staff {
    display: inline-block;
    padding: 2px 5px;
    margin-right: 5px;
    background: #77B619;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}
.review .summary .username.staff:after {
    content:'';
}
.review .date {
  color: #777;
}
.review p {
    xxxx-margin-bottom: 0;
    line-height: 22px;
    font-weight: 300;
}
.review .actions a {
    padding: 0 !important;
}

.reviews {
    padding:0;
}
.reviews ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.reviews ul li {
    /*margin-bottom: 20px;
    border-bottom: 1px solid #ECECEC;*/
}
.reviews ul li ul {
    padding-left:20px;
}
.reviews > ul > li:last-child,
.reviews ul li ul li {
    border:none;
}
.reviews > ul > li:last-child,
.reviews > ul > li:last-child .review {
    margin-bottom:0;
}

/*
.reviews ul .in-reply-to { background: #eee; margin: -8px -8px 3px; padding: 8px 35px 0 8px; position: relative; }
.reviews ul .new { background: #ffc; margin: -8px -8px 22px; padding: 8px 35px 8px 8px; }
*/
.reviews ul .in-reply-to .review-form {
    border: none;
    padding: 20px 20px 1px;
    background: #fafafa;
    border-radius: 2px;
}
.reviews ul .in-reply-to .review-form h2,
.reviews ul .in-reply-to .review-form .rate-block {
    display:none;
}

.reviews span.rate { line-height: 1.3em; display: block; margin: 0.5em 0; }
.reviews span.rate a { text-decoration: none !important; }
.reviews span.rate .icon10 { background-repeat: no-repeat; background-image: url(../../../../wa-content/img/icon10.png); height: 10px; width: 10px; display: inline-block; text-indent: -9999px; }
.reviews span.rate .icon10.star { background-position: -60px -40px; }
.reviews span.rate .icon10.star-empty { background-position: -80px -40px; }



@media screen and (max-width: 970px) {
.review-avatar {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 48px;
  height: 48px;
  line-height: 63px;
}
.review-avatar svg {
  width: 24px;
  height: 24px;
}
.review {
  position: relative;
  padding-left: 80px;
  font-size: 14px;
}
.review .summary .product-rating {
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 15px;
}
.review .summary .product-rating > * {
  display: inline-block;
  vertical-align: middle;
}
.review .summary .username {
  margin-bottom: 5px;
  padding-right: 45px;
  line-height: 20px;
}
.review p {
  margin-left: -65px;
}
table.rating-distribution {
    margin-top: 0;
}
}


@media screen and (max-width: 760px) {
.product-title.__reviews h1 {
    font-size: 18px;
}
.reviews {
    xpadding: 0 10px;
}
.reviews-header {
    padding: 20px 0;
    margin-top: -10px;
    margin-bottom: 10px;
}
/*
.reviews-header .write-review {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -16px;
    padding: 0;
    height: 32px;
    width: 32px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
}
*/
.reviews-header h3 {
    font-size: 15px;
}
.reviews ul .in-reply-to .review-form {
    padding: 10px 10px 1px;
}
.review-form h2 {
    font-size: 16px;
}
.review-form .review-auth,
.review-form .wa-auth-adapters {
    text-align:left;
}
.review-form .review-auth .review-auth-name,
.review-form .wa-auth-adapters,
.review-form .review-auth .divider {
    width: 100%;
}
.review-form .wa-auth-adapters ul li {
    margin: 0;
    margin-right: 6px;
}
.review-form .wa-captcha {
    margin-right: 0;
}
.review-form input.save {
    display: block;
    width: 100%;
    max-width: 300px;
    margin-top: 10px;
}
.reviews ul li ul {
    padding-left: 10px;
}
.review {
  margin-bottom: 15px;
}

}

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }






/* Customer Account
------------------- */
.account-page {
  padding-top: 50px;
}

.account-page .product-content-right {
    padding-left: 260px;
}
.account-page .product-content-left {
  width: 260px;
}
@media screen and (max-width: 970px) {
    .account-page .product-content-left {
      width: 100%;
      display: none;
    }
    .account-page .product-content-right {
      padding-left: 0;
      width: 100;
      margin: 0;
    }
    .favorite-page .breadcrumbs, .favorite-page h1 {
      text-align: left;
    }
}
@media screen and (max-width: 760px) {
    .favorite-page .category-name {
      padding-top: 25px;
    }
}

ul.account-menu {
  padding: 8px 50px 0 0;
  margin: 0;
  list-style: none;
}
ul.account-menu li {
  margin-bottom: 35px;
}
ul.account-menu li a {
  font-size: 16px;
}
ul.account-menu li.selected {
  padding-left: 25px;
  position: relative;
}
ul.account-menu li.selected::before {
  content: '';
  width: 15px;
  height: 3px;
  position: absolute;
  display: block;
  border-radius: 2px;
  background: #F8634B;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
ul.account-menu li.selected a {
  color: #F8634B;
}


.account-form {
  position: relative;
  visibility: hidden;
  font-size: 17px;
}
.account-form > * {
    visibility: visible;
}
.account-form::before {
  content: '';
  position: absolute;
  top: 0;
  right: 35px;
  width: 290px;
  height: 100%;
  background-image: inherit;
  visibility: visible;
  background-repeat: no-repeat;
  filter: invert(0) sepia(1.5) hue-rotate(0deg) saturate(0.4) brightness(1) opacity(0.1);
  background-size: 90%;
  z-index: 1;
  background-position: 50% 50%;
}
.account-form-wr {
  border: 1px solid #f1f1f1;
  background: #f8f8f8;
  border-radius: 5px;
  padding: 35px;
  padding-right: 380px;
  padding-bottom: 10px;
}

.account-form .form-title {
  font-size: 24px;
}
.account-form .field.separator {
  border-top: 1px solid #e0e0e0;
}
.account-form .field {
  margin-bottom: 35px;
}
.account-form .name, .account-form .value {
  display: inline-block;
}

.account-edit .wa-form {
  max-width: 480px;
  padding-top: 10px;
}
.account-page h2 {
    font-size: 24px;
    text-transform: uppercase;
}


.account-edit:last-child {
  margin-bottom: 0;
}
.account-edit .wa-field-password .wa-value {
  padding-left: 95px !important;
  padding-top: 16px;
}
.account-edit .wa-field-password .wa-value a {
  font-weight: 500;
  font-size: 15px;
  border-bottom: 1px dashed;
}
.account-edit .wa-field-password .wa-value a:hover {
  border-color: transparent;  
}

.account-edit .wa-field-sex p {
    height: 50px;
}
.account-edit .wa-field-sex label {
  display: inline-block !important;
  margin-right: 15px !important;
  padding-top: 14px;
}
.account-edit .wa-field-sex .custom_input_span {
  padding-top: 1px;
}
.account-edit .wa-field-sex .wa-value {
    padding-left: 60px !important;
}



.account-edit .wa-field-birthday input:not(#date),
.account-edit .wa-field-birthday select {
  display: none;
}


@media screen and (max-width: 760px) {
    .favorite-page .category-name {
      padding-top: 25px;
    }
    .account-page {
        padding-top: 0;
    }
    .account-form-wr {
      padding: 15px;
    }
    .account-form .form-title {
      font-size: 20px;
    }
    .account-form {
      font-size: 14px;
    }
    .account-form::before {
      background-size: 50%;
      background-position: 100% 50%;
    }
    .account-form .field {
      margin-bottom: 15px;
    }
    .account-page h2 {
      font-size: 18px;
    }
    .account-edit.home_tile {
        margin-bottom: 35px;
    }
}


.air-datepicker {
  width: 300px !important;
  xheight: 270px !important;
  font-size: 16px !important;
  padding: 15px 15px 20px !important;
  box-shadow: 0px 0px 25px rgba(184, 184, 184, 0.25) !important;
  border: 1px solid #f0f0f0 !important;
}
.air-datepicker-body--day-name {
  color: #FF644A !important;
}
.air-datepicker-cell.-current- {
  color: #FF644A !important;
}
.air-datepicker-cell.-selected- {
  color: #fff !important;
  background: #FF644A !important;
}
.air-datepicker-nav--action svg {
  width: 35px !important;
  height: 20px !important;
}
.air-datepicker-nav--action {
  background: transparent !important;
}
.air-datepicker-nav {
  border: none !important;
  margin-bottom: 15px !important;
}
.air-datepicker-nav--action:hover svg {
  filter: invert(0.5) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
}
.air-datepicker-body--day-names {
  margin-bottom: 15px !important;
}
.air-datepicker--pointer {
  display:none !important;
}
.wa-field-birthday .wa-value svg {
  position: absolute;
  right: 0px;
  top: 3px;
  z-index: 1;
  cursor: pointer;
  padding: 10px 15px;
}
.wa-field-birthday .wa-value svg:hover {
    filter: invert(0.5) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
}
@media screen and (max-width: 760px) {
    .air-datepicker {
        width: 270px !important;
    }
}


#account-edit-password {
  width: 100%;
}
#account-edit-password .wa-field-password .wa-name {
  display: none;
}
.account-edit {
    padding-bottom: 25px;
}


.profile-saved {
  background: #c5ffc5;
  position: relative;
  margin-top: 10px;
  color: #0e5e0e;
  padding: 10px 10px;
  border-radius: 5px;
  box-shadow: -2px -2px 16px 0px rgba(0,0,0,.08);
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
}
.profile-saved:before {
  height: 0;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #c5ffc5 transparent;
  border-style: solid;
  content: '';
  position: absolute;
  top: -8px;
  left: 5px;
}




/* My Orders, Account and Affiliate
----------------------------------- */
.account-history-header {
  margin-bottom: 35px;
}
.account-history-header .search_block {
  max-width: 600px;
  padding-right: 35px;
}
.account-history-header > * {
  display: inline-block;
  vertical-align: middle;
}


.account-order {
  xpadding: 25px 15px;
  margin-bottom: 20px;
  font-size: 0;
}
.account-order-header > *,
.account-order-info > *,
.account-order-details-item > * {
  display: inline-block;
  vertical-align: middle;
}
.account-order-header {
  padding: 20px 15px;
}
.account-order-arrow {
  margin-left: -5px;
  transition: all 0.2s;
  padding: 5px;
}
.account-order-info {
  width: 68%;
}
.account-order-numb {
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 10px;
  padding-left: 5px;
}
.account-order-numb span {
    color: #F8634B;
}
.account-order-date {
    font-size: 14px;
  color: #b1b1b1;
  margin-right: 25px;
}
.account-order-status {
  font-size: 15px;
}
.account-order-status span {
  padding: 3px 5px;
  border-radius: 3px;
}
.account-order-count {
  font-size: 15px;
  width: 10%;
}
.account-order-total {
  width: 21%;
  text-align: right;
  font-size: 24px;
}
.account-order-header:hover .account-order-arrow {
    filter: invert(0.5) sepia(1) hue-rotate(342deg) saturate(10) brightness(1);
}
.account-order-header:hover {
  cursor: pointer;
}
.account-order-header.active .account-order-arrow {
  transform: rotateZ(90deg);
}
.account-order-details {
  font-size: 0;
  border-top: 1px solid #eaeaea;
}
.account-order-details-items {
  padding: 15px;
}
.account-order-details-item:not(:last-child) {
  margin-bottom: 25px;
}
.account-order-details-item .account-order-info > *,
.account-order-details-item > * {
    vertical-align: top;
}
.account-order-details-item .account-order-total {
  font-size: 20px;
}

.account-order-item-thumb {
  width: 120px;
}
.account-order-item-thumb a {
  display: block;
  width: 96px;
  height: 96px;
  position: relative;
}
.account-order-item-thumb a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.account-order-item-name {
  font-size: 15px;
  margin-left: -120px;
  xfloat: left;
  width: 100%;
  box-sizing: border-box;
  padding-left: 120px;
  padding-right: 25px;
  x-font-weight: 500;
}
.account-order-item-name > a {
  font-size: 19px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 500;
  padding-top: 5px;
}
.account-order-item-name span {
  display: block;
  max-width: 65%;
  padding-top: 15px;
}
.account-order-item-numb {
  padding-top: 8px;
}

.account-order-details-footer,
.account-order-details-items {
  padding: 25px;
}
.account-order-details-footer {
  font-size: 16px;
  border-top: 1px solid #f2f2f2;
}
@media screen and (max-width: 1168px) {
    .account-history-header .search_block {
      margin-bottom: 15px;
    }
    .account-history-header {
      margin-bottom: 30px;
    }
}


.order-status {
    display: inline-block;
    padding: 0 8px;
    color: #FFF;
    font-weight: 500;
    position:relative;
}
.order-status:after {
    content: '';
    background: inherit;
    position: absolute;
    top: -2px;
    left: 0;
    bottom: -2px;
    right: 0;
    z-index: -1;
}
h1 .order-status {
    font-family: 'Roboto';
    font-size: 15px;
    vertical-align: middle;
    line-height: 24px;
}
.track-number {
    line-height: 42px;
    font-weight: 500;
    font-size: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.track-number span {
    line-height: 32px;
    padding: 0 10px;
    display: inline-block;
    border-radius: 2px;
    border: 2px dashed #FF8B00;
    vertical-align: middle;
    margin-left: 5px;
}
#wa-my-info-wrapper {
    padding: 20px 20px 1px;
    background: #FFF;
    overflow:hidden;
}
#wa-my-info-wrapper .wa-form .wa-field {
    padding-bottom: 15px;
    border-bottom: 1px solid #ECECEC;
    position:relative;
}
#wa-my-info-wrapper .wa-form .wa-field:after {
    content:'';
    display:block;
    position:absolute;
    bottom:-1px;
    border-bottom: 1px solid #ECECEC;
    left:-30px;
    right:-30px;
}
#wa-my-info-wrapper .wa-form .wa-field:last-child,
#wa-my-info-wrapper .wa-form .wa-field:last-child:after {
    border:none;
    padding-bottom:0;
}
@media screen and (min-width: 761px) {
#wa-my-info-wrapper .wa-form .wa-name {
    width: 170px;
    float: left;
}
#wa-my-info-edit-wrapper .wa-form .wa-name {
    line-height: 40px;
}
#wa-my-info-wrapper .wa-form .wa-value {
    margin-left: 170px;
    margin-right: 20%;
}
#wa-my-info-wrapper .wa-form .wa-value.wa-submit {
    margin-left:0;
}
}
#wa-my-info-wrapper .wa-form .wa-value.wa-submit input {
    max-width: 180px;
    margin-right:20px;
}
/*
.profile-saved {
    color: #5B9F20;
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.profile-saved i {
    margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
}
*/
.affiliate-bonus-total {
    width: 100%;
    border: none;
    table-layout: auto;
}
.affiliate-bonus-total .__text {
    padding: 35px 20px;
    font-size: 20px;
    border: none;
    background: #FFF;
}
.affiliate-bonus-total .__total {
    padding: 20px;
    font-size: 40px;
    font-family: 'Intro';
    font-weight: 400;
    color: #FFF;
    background: #FF8B00;
    text-align: center;
    border: none;
    width: 25%;
}
@media screen and (max-width: 760px) {
    
    .account-order-info {
      width: 100%;
      position: relative;
      margin-bottom: 15px;
    }
    .account-order-status {
        position: absolute;
        right: 0;
        top: 0;
    }
    .account-order-date {
        margin-left: 23px;
    }
    .account-order-count {
      font-size: 15px;
      width: 50%;
      padding-left: 23px;
      box-sizing: border-box;
    }
    .account-order-total {
        width: 50%;
    }
    
    .account-order-details-footer,
    .account-order-details-items {
      padding: 15px;
    }
    
    .account-order-item-thumb a {
      display: block;
      width: 96px;
      height: 80px;
      position: relative;
    }
    .account-order-item-thumb a img {
      max-width: 85%;
      max-height: 100%;
    }
    .account-order-item-thumb {
      width: 110px;
    }
    .account-order-item-name span {
      display: block;
      max-width: 100%;
      padding-top: 15px;
    }
    .account-order-item-name {
        font-size: 12px;
        padding-right: 0;
    }
    .account-order-item-name > a {
        font-size: 15px;
    }
    .account-order-details-item .account-order-count {
      padding: 0;
      width: 100px;
      text-align: center;
    }
    .account-order-item-numb {
      padding-top: 0;
    }
    .account-order-details-item .account-order-total {
      font-size: 20px;
      text-align: left;
      padding-left: 10px;
      margin-top: -4px;
    }
    .account-order-details-item:not(:last-child) {
      margin-bottom: 35px;
    }
    
    
    
    
.affiliate-bonus-total .__text {
    padding: 20px 15px;
    font-size: 15px;
}
.affiliate-bonus-total .__total {
    font-size: 30px;
}
}

.b-m-toggle {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: 10px;
    margin-right: 10px;
    background: #FF8B00;
    position:relative;
    top: -1px;
}
.b-m-toggle:after,
.b-m-toggle:before {
    content:'';
    position:absolute;
    display:block;
    background: #FF8B00;
    width:100%;
    height:100%;
    left:0;
}
.b-m-toggle:before {
    top:-4px;
}
.b-m-toggle:after {
    bottom:-4px;
}
.active .b-m-toggle {
    background:none;
}
.active .b-m-toggle:before,
.active .b-m-toggle:after {
    transform-origin: 8% 50% 0px;
    width: 130%;
    height: 120%;
}
.active .b-m-toggle:before {
    transform: rotateZ(45deg);
}
.active .b-m-toggle:after {
    transform: rotateZ(-45deg);
}

/* Div's tables
--------------- */
div.table {
    background: #FFF;
}
div.table .row {
    clear: both;
    border-top: 1px solid #ECECEC;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
div.table .row:after {
    content:'';
    display:block;
    clear:both;
}
div.table .row.no-border {
    border: none;
}
div.table .row.head {
    color:#999;
}
div.table .row.service {
    border:none;
    padding-top:0;
}
div.table .row.service .cell > span {
    padding-top:0;
}
div.table .row .cell {
    float: left;
    position: relative;
}
.row .cell:after {
    content: '';
    position: absolute;
    display: block;
    top: -99px;
    bottom: -99px;
    left: 0;
    right: 0;
    border-right: 1px solid #ececec;
    z-index: -1;
}
div.table .row .cell:last-child:after {
    border-right:none;
}
div.table .row .cell > span {
    padding: 20px;
    display: inline-block;
}

/* Checkout confirmation table
------------------------------ */
div.table.checkout-table .row.head .cell:nth-child(1),
div.table.checkout-table .row.item .cell:nth-child(1) {
    width:60%;
}
div.table.checkout-table .row.head .cell:nth-child(2),
div.table.checkout-table .row.item .cell:nth-child(2) {
    width:20%;
}
div.table.checkout-table .row.head .cell:nth-child(3),
div.table.checkout-table .row.item .cell:nth-child(3) {
    width:20%;
}
div.table.checkout-table .row.total .cell:nth-child(1) {
    width:80%;
}
div.table.checkout-table .row.total .cell:nth-child(2) {
    width:20%;
}
div.table.checkout-table .row.total .cell > span {
    padding: 10px 20px;
}
div.table.checkout-table {
    font-size: 13px;
}
div.table.checkout-table strong {
    font-weight:500;
}
div.table.checkout-table .total-storng strong {
    padding: 6px 0;
    font-size: 20px;
    display: inline-block;
}
@media screen and (max-width: 760px) {
div.table .row.head {
    display: none;
}
div.table .row.head + .row {
    border:none;
}
div.table.checkout-table .row.item {
    padding: 10px 20px;
}
div.table.checkout-table .row.item .cell:after {
    display:none;
}
div.table.checkout-table .row.item .cell span {
    padding:0;
}
div.table.checkout-table .row.item .cell:nth-child(1) {
    width:100%;
}
div.table.checkout-table .row.item .cell:nth-child(2) {
    width:50%;
    text-align:left;
    padding-top: 6px;
}
div.table.checkout-table .row.item .cell:nth-child(3) {
    width:50%;
    text-align:right;
    padding-top: 6px;
}
div.table.checkout-table .row.total .cell:after {
    display:none;
}
div.table.checkout-table .row.total .cell:nth-child(1) {
    width:60%;
    text-align:left;
}
div.table.checkout-table .row.total .cell:nth-child(2) {
    width:40%;
    text-align:right;
}
div.table.checkout-table .total-storng strong {
    padding: 0;
    font-size: 15px;
    display: inline-block;
}
}


/* Account History Table
------------------------ */
div.table.account-history {
    font-size:13px;
}
div.table.account-history .row .cell:nth-child(1) {
    width: 18%;
}
div.table.account-history .row .cell:nth-child(2) {
    width: 22%;
}
div.table.account-history .row .cell:nth-child(3) {
    width: 24%;
}
div.table.account-history .row .cell:nth-child(4) {
    width: 18%;
}
div.table.account-history .row .cell:nth-child(5) {
    width: 18%;
}
div.table.account-history .row .cell.no-orders {
    width: 100% !important;
    text-align: center;
    font-size: 18px;
    color: #999;
    padding-bottom: 20px;
}
div.table.account-history .price {
    font-weight:500;
}
@media screen and (max-width: 760px) {
    div.table.account-history {
        background:none;
    }
    div.table.account-history .row {
        background:#FFF;
        margin-bottom:15px;
        border: none;
    }
    div.table.account-history .row .cell {
        width:auto!important;
        float:none;
    }
    div.table.account-history .row .cell:after {
        display:none;
    }
    div.table.account-history .row .cell > span {
        padding: 15px 15px 0px 15px;
    }
    div.table.account-history .history-link span,
    div.table.account-history .history-link span a {
        display:block;
    }
    div.table.account-history .history-link span a {
        margin-bottom: 15px;
        border: 1px solid #FF8B00;
        border-radius: 2px;
        text-align: center;
        line-height: 28px;
        font-weight: 500;
        color: #FF8B00;
        text-transform:lowercase;
    }
    div.table.account-history .history-date,
    div.table.account-history .history-order,
    div.table.account-history .price {
        font-weight:500;
    }
}

/* Affiliate History Table
-------------------------- */
div.table.affiliate-history {
    font-size:13px;
}
div.table.affiliate-history .row .cell:nth-child(1) {
    width: 19%;
}
div.table.affiliate-history .row .cell:nth-child(2) {
    width: 42%;
}
div.table.affiliate-history .row .cell:nth-child(3),
div.table.affiliate-history .row .cell:nth-child(4),
div.table.affiliate-history .row .cell:nth-child(5) {
    width: 13%;
}
div.table.affiliate-history .row .cell .bold {
    font-weight:500;
}
div.table.affiliate-history .row .cell a {
    display: inline-block;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    line-height: 13px;
    position:relative;
}
div.table.affiliate-history .row .cell a i {
    position: absolute;
    right: -10px;
    font-size: 6px;
    color: #f50;
    top: 50%;
    margin-top: -3px;
    height: 8px;
    display: inline-block;
}
div.table.affiliate-history .row .cell.no-orders {
    width: 100% !important;
    text-align: center;
    font-size: 18px;
    color: #999;
    padding-bottom: 20px;
}
@media screen and (max-width: 760px) {
    div.table.affiliate-history {
        background:none;
    }
    div.table.affiliate-history .row {
        background:#FFF;
        margin-bottom:15px;
        border: none;
        padding-bottom: 15px;
    }
    div.table.affiliate-history .row .cell {
        width:auto!important;
        float:none;
    }
    div.table.affiliate-history .row .cell:after {
        display:none;
    }
    div.table.affiliate-history .row .cell > span {
        padding: 15px 15px 0px 15px;
    }
    div.table.affiliate-history .row .cell .bold-mobile {
        font-weight:500;
    }
}




/* Dialogs
---------- */

.dialog { display: none; }
.dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 99; }
.dialog-window .cart { position: fixed; top: 15%; left: 0; right: 0; opacity: 1; z-index: 100; overflow-x: hidden; margin: 0 auto; text-align: left; width: 400px; bottom: 15%; background: #fff; padding: 20px; border: 5px solid #ff8b00; }
.dialog-window .dialog-close { float: right; color: #000; text-decoration: none; font-size: 12px; margin-top: -3px; }
@media screen and (max-width: 600px) {
.dialog-window .cart { width:260px; }
}

/*popup adding to cart*/
#cart-form-dialog .purchase {
    display: block;
}
#cart-form-dialog .add2cart {
    font-size:14px !important;
}
#cart-form-dialog h4 {
    display:block !important;
}
#cart-form-dialog .product-price-block > span:nth-child(1),
#cart-form-dialog .product-qty,
#cart-form-dialog .product-submit .hide-mobile {
    display: inline-block !important;
}
#cart-form-dialog .stocks {
    margin-top: 20px;
}





/*suctom*/
/*
.category-sorting > a {
  padding: 15px 30px 15px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  color: #616161;
  min-width: 148px;
  display: inline-block;
  background: #f9f9f9;
  transition: all 0.3s;
}
.category-sorting > a:hover {
  color: #5C5C5C !important;
  box-shadow: 0px 10px 15px rgba(131, 131, 131, 0.15);
}
.category-sublinks {
  position: relative;
  padding: 17px 180px 14px 16px;
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  border-radius: 5px;
}
.sorting {
  position: absolute;
  right: 0;
  z-index: 9;
  margin-top: -47px;
  xxxdisplay: none;
  left: 0px;
  min-width: 110%;
  border-radius: 6px;
  overflow: hidden;
  border: none;
  box-shadow: 0px 10px 15px rgba(131, 131, 131, 0.25);
  opacity: 0;
  visibility: hidden;
  top: 110%;
  transition: all 0.3s;
}
.category-sorting > a:hover svg {
  filter: none;
  opacity: 0.75;
}
.sorting ul {
  margin: 0;
  padding: 0;
  text-align: left;
  background: #fafafa;
}
.sorting ul li a {
  padding: 13px 16px;
  display: block;
}
.sorting ul li:first-child a {
    padding-top: 15px;
}
.sorting ul li:last-child a {
    padding-bottom: 16px;
}
.sorting ul li.selected a, .sorting ul li.selected a:hover {
  background: #ffd6d6;
  color: #333 !important;
}
.sorting ul li.selected a, .sorting ul li.selected a:hover {
  background: #ffe8e8;
  color: #f5543c !important;
}
.sorting ul {
  margin: 0;
  padding: 0;
  text-align: left;
  background: #FFF;
}
.category-view {
  float: right;
  padding: 15px 13px 12px;
  margin-bottom: 35px;
  background: #f9f9f9;
  border-radius: 5px;
  transition: all 0.3s;
}
.category-view:hover {
    box-shadow: 0px 10px 15px rgba(131, 131, 131, 0.25);
}
.category-view a {
  margin: 5px;
  position: relative;
}
.category-view a:not(.active)::before {
  content: '';
  position: absolute;
  top: -16px;
  left: -14px;
  right: -14px;
  bottom: -10px;
}
.filters .ui-slider-horizontal .ui-widget-header {
  background: #FFD2CB;
}
*/

.filters {
  background: #fff;
  border: none;
  box-shadow: 0px 0px 25px rgba(184, 184, 184, 0.25);
}
.filters-header {
  margin: 0;
}

.product-item {
  background: #FFF;
  border: none;
  box-shadow: 0px 0px 25px rgba(184, 184, 184, 0.25) !important;
}



/*
.category-sublinks,
.category-view,
.category-sorting > a {
  x-background: #fff;
  box-shadow: 0px 0px 25px rgba(184, 184, 184, 0.25);
  transition: all 0.2s;
}
.category-sublinks:hover,
.category-view:hover,
.category-sorting > a:hover {
    background: #fff;
}
*/


/*
.pagination a:not(.inline-link) {
  background: #fff;
}
.category-description {
  margin-bottom: 0;
}

.pagination {
  padding-bottom: 0;
  margin-bottom: -25px;
}
.products {
  fukc-margin-bottom: 0;
}

.category-sublinks, .category-view, .category-sorting > a {
  background: #fff;
  box-shadow: none;
  transition: all 0.2s;
}
.category-sublinks:hover, .category-view:hover, .category-sorting > a:hover {
    background: #fff;
    box-shadow: 0px 10px 15px rgba(131, 131, 131, 0.2);
}

ul.thumbs .purchase button[type="submit"] {
  xbackground: #f8634b0a;
  border: 1px solid #f8634b78;
  xheight: 46px;
  xxline-height: 40px;
  font-size: 15px;
  zpadding: 0 25px;
  x-border: none;
}

.product-submit .button {
  font-weight: 300;
  box-shadow: 0px 20px 20px -16px rgba(0,0,0,0.25);
}

.product-tabs .product-tab-links {
    padding-left: 348px;
}
.product-tabs .product-content-right > div {
    padding-left: 10px;
}
*/

.category-sorting {
  min-width: 225px;
}
.sorting {
    top: 90%;
    margin-top: 0;
    min-width: 100%;
    box-sizing: border-box;
    border: none;
}
.category-sorting > a {
    width: 100%;
    box-sizing: border-box;
}
.category-sorting > a.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.category-sorting > a.active + .sorting {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.sorting ul {
  margin-top: 0px;
  padding: 0;
  width: auto !important;
}
.sorting ul li a {
  padding: 15px;
  display: block;
  border: 1px solid #e3e3e3;
  margin-top: -1px;
}
.sorting ul li:last-child a {
  border-width: 0px 1px 1px 1px;
  border-radius: 0 0 5px 5px;
}
.sorting ul li:hover a {
  background: #F8634B;
  color: #fff !important;
  border-left-color: #F8634B;
    border-right-color: #F8634B;
}



.product-item {
    text-align: left;
}
.hero_title.f1 {
    text-align: center;
    max-width: 100%;
    margin: 100px 0 0 0;
}
.hero_title.f1 p {
    max-width: 100%;
}
.hero_title.f1 a {
    margin: 121px 0 0 63px;
}


.catalog-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
     padding: 1.5rem;
}
.category-name1 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: #323232;
}
.subcategories-items ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.subcategories-items ul li {
    list-style: none;
    line-height: 28px;
}
a.button.button-tiny1 {
    height: 40px;
    line-height: 39px;
    font-size: 14px;
    width: auto;
    xpadding: 0 35px 1px 35px;
    box-sizing: border-box;
    text-transform: none;
    font-weight: 400;
    min-width: 125px;
}

@media (max-width: 768px){
    .wca-btn {
    bottom: 55px;
}
   .catalog-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2rem;
     padding: 1.5rem;
} 
}

/* PSK №53: единая высота карточек каталога (выравнивание по карточкам с «Ваша цена») */
.product-item .costs { min-height: 69px; }