@charset "UTF-8";

/*******************************************
 *  Theme Name: eMarket
 *  Author: Magentech
 *  Author URI: http://www.magentech.com
 *  Version: 1.0.0
 *  Description: This is html5 Sass template 
 *******************************************/

/* [2] */

/* [8] */

/*===============================================
 [SASS DIRECTORY ]
 [1] Minxin Link
 [2] Minxin Button
 [3] Minxin Triangle
 [4] Minxin LABEL PRODUCT
 [5] Minxin Scrollbars
 [6] Minxin Dev Custom
 ==============================================*/
.no-margin {
  margin: 0 !important;
}
.some_margin {
  margin: 0 0 15px 0;
}
.marginbottom__3x {
  margin-bottom: 30px;
}
.tex-home div.city_title {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;
}
@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
  }

}

@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
  }

}

@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }

}

@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }

}

@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
  }

}

@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}

@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
  }

}

@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0);
  }

}
.modtitle.h3 {
  font-size: 18px;
  display: block;
  margin: 20 0 10 0;

}
/*font*/
/*@font-face {
  font-family: 'Myriad Pro';
  src: url('/css/fonts/MyriadPro-Regular.eot');
  src: local('/css/fonts/Myriad Pro Regular'), local('MyriadPro-Regular'),
    url('/css/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/MyriadPro-Regular.woff') format('woff'),
    url('/css/fonts/MyriadPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('/css/fonts/MyriadPro-Semibold.eot');
  src: local('/css/fonts/Myriad Pro Semibold'), local('MyriadPro-Semibold'),
    url('/css/fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/MyriadPro-Semibold.woff') format('woff'),
    url('/css/fonts/MyriadPro-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}*/
/*Dev Custom */
* {
  font-family: 'IBM Plex Sans', sans-serif;
}
#header {
  font-family: 'IBM Plex Sans', sans-serif;
}
.logo {
  text-align: right;
}
.telephonee {
  margin-top: 10px;
  font-size: 20px;
  text-align: right;
}
.viber_whatsapp {
  text-align: right;
}
.viber_whatsapp a {
  font-size: 14px;
  color: #3c8cdd;
}
.viber_whatsapp_mob {
  
}
.notice_for_special_people {
  text-align: center;
  margin: 10px 0 0 0;
}
.notice_for_special_people span {
  font-size: 18px;
  color: #63bd2b;
  font-weight: 600;
}
.recal-bnt {
  padding: 10px;
  font-size: 19px;
  color: #fff;
  border-radius: 15px;
  background: #F15935;
  display: inline-block;
  border: 1px solid #F15935;
  margin-top: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  text-align: center;
}
.content-product-bottom a.recal-bnt:hover {
  color: #F15935;
}
.telephonee a {
  color: #ef4123;
}
.recal-bnt:hover {
  color: #ef4123;
  background: #F5F6F8;
  border: 1px solid #ef4123;
}
.recal-bnt:visited {
  color: #fff;
}
.recal-bnt:focus {
  color: #ef4123;
}
.middle3 .textblock {
    position: relative;
    text-align: right;
    font-size: 20px;
    color: #333;
    font-weight: 300;
    line-height: 50px;
}
.middle3 .textblock p {
  margin: 0 7px 0 0;
}
.search-header-w {
  padding-top: 10px;
}
.social-box {
  padding-top: 10px;
}
.social-wr {
  position: relative;
}
.social-box:before {
  background-image: url(/files/images/icon/soc_shadow.png);
  content: ''; 
  display: block;
  width: 290px;
  height: 30px;
  background-repeat: no-repeat;
  left: -20px;
  bottom: -29px;
  position: absolute;
}
.social-box li {
  display: inline-block;
  margin-right: 30px;
}


/*====================================================*/
.lib-list-item-product2 {
  border: none;
}

.lib-list-item-product2 .image-dev .list-button-dev {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
}

.lib-list-item-product2 .image-dev .list-button-dev li {
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  background: #fff;
  position: relative;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) {
  transform: translateX(40px);
  -moz-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  z-index: 1;
  transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) {
  transition-delay: 0.2s;
  z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) {
  transition-delay: 0.2s;
  z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) {
  transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  z-index: 1;
  transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:first-child {
  border-left: 1px solid #ddd;
}

.lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button {
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 40px;
  text-align: center;
  box-shadow: none;
  border: none;
  color: #555;
  width: 40px;
  padding: 0;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover {
  background: #2677e7;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button {
  color: #fff;
}

.lib-list-item-product2 .caption-dev {
  text-align: center;
  padding: 0 15px;
}

.lib-list-item-product2 .caption-dev .rating-dev {
  margin: 5px 0;
}

.lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x {
  font-size: 11px;
}

.lib-list-item-product2 .caption-dev .title-dev {
  color: #444;
  font-size: 13px;
}

.lib-list-item-product2 .caption-dev .price-dev .price.product-price {
  font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-new {
  font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-old {
  font-size: 12px;
}

.lib-list-item-product2 .caption-dev .add-cart-dev {
  background: #fff;
  border: 1px solid #ddd;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  box-shadow: none;
  border-radius: 0;
  padding: 6px 20px;
  margin: 0 0 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li {
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transition-delay: 0.2s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) {
  transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) {
  transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transition-delay: 0.2s;
}

/*EFECT PRODUCT NUMBER*/
.lib-two-img, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img {
  position: relative;
  display: block;
}

.lib-two-img .img-1, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-1 {
  opacity: 1;
  position: relative;
  transition: all 0.5s ease-in-out;
}

.lib-two-img .img-2, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-2 {
  position: absolute;
  z-index: 0;
  top: 0;
  opacity: 0;
  display: block;
  transition: all 0.5s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
}

.lib-two-img-over .img-1, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img-1 {
  opacity: 0;
  transform-style: inherit;
  transition: all 0.5s ease-in-out;
}

.lib-two-img-over .img-2, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img-2 {
  opacity: 1;
  transform-style: inherit;
  transition: all 0.5s ease-in-out;
}

/*EFFECT SLIDERHOME*/
@keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

@-webkit-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

@-moz-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

/*===============================================
 [SASS DIRECTORY ]
 [1] BACK TO TOP
 [2] SOCIAL ACCOUNTS
 [3] TOP PANEL
 [4] LARY LOADER
 [5] NO RESPONSIVE BOOTSTRAP
 [6] PRELOADING SCREEN
 [7] BANNER EFFECT
 [8] POPUP ADDED TO CART 
 [9] PAGE COMINGSOON
 ==============================================*/

/*============BACK TO TOP ==================*/
.back-to-top {
  cursor: pointer;
  background-color: #777;
  width: 45px;
  bottom: 20px;
  right: 10px;
  min-height: 42px;
  overflow: hidden;
  z-index: 40;
  position: fixed;
  display: block;
  text-align: center;
  border-radius: 3px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.back-to-top.hidden-top {
  bottom: -100px;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.back-to-top:hover {
  background-color: #E34601;
}

.back-to-top i {
  font-size: 36px;
  margin: 1px 0 0 0;
  color: #fff;
  display: inline-block;
}

/* 2.SOCIAL ACCOUNTS (RIGHT FIXED PANEL)
 ----------------------------------------------------- */
.social-widgets {
  position: fixed;
  z-index: 560;
  top: 50%;
  height: 0;
  width: 0;
  right: 0;
}

.social-widgets .item, .social-widgets .items {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.social-widgets .items {
  top: -100px;
  position: relative;
}

.social-widgets .item {
  position: absolute;
  top: 0;
  left: 120px;
}

.social-widgets .active {
  z-index: 100;
  left: -310px;
}

.social-widgets .item-01, .social-widgets .item-02, .social-widgets .item-03, .social-widgets .item-04, .social-widgets .item-05, .social-widgets .item-06, .social-widgets .item-07, .social-widgets .item-08, .social-widgets .item-09 {
  left: 0;
}

.social-widgets .item-01 {
  top: 0;
  z-index: 99;
}

.social-widgets .item-02 {
  top: 45px;
  z-index: 98;
}

.social-widgets .item-03 {
  top: 90px;
  z-index: 97;
}

.social-widgets .item-04 {
  top: 150px;
  z-index: 96;
}

.social-widgets .item-05 {
  top: 200px;
  z-index: 95;
}

.social-widgets .tab-icon .fa {
  font-size: 18px;
}

.social-widgets .tab-icon {
  position: absolute;
  top: 0;
  left: -45px;
  display: block;
  width: 45px;
  height: 45px;
  background: #fff;
  text-align: center;
  font-size: 1.54em;
  line-height: 45px;
}

.social-widgets .tab-icon:hover {
  text-decoration: none;
}

.social-widgets .active .tab-icon {
  border-color: #e9e9e9;
  background: #fff;
}

.social-widgets .facebook .tab-icon {
  background: #3b5998;
  background-clip: content-box;
  color: white;
}

.social-widgets .twitter .tab-icon {
  background: #07779a;
  background-clip: content-box;
  color: white;
}

.social-widgets .youtube .tab-icon {
  background: #da2723;
  background-clip: content-box;
  color: white;
}

.social-widgets .tab-content {
  background: #fff;
  width: 310px;
  padding: 10px;
}

.social-widgets .active .tab-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.social-widgets .title {
  margin: -10px -10px 10px;
  padding: 0px 10px;
  background-color: #ccc;
  text-transform: uppercase;
  line-height: 45px;
  color: #000;
  font-weight: bold;
}

.social-widgets .title h5 {
  line-height: 45px;
  margin: 0;
}

.social-widgets .facebook.active {
  left: -260px;
}

.social-widgets .facebook .tab-content {
  width: 260px;
}

.social-widgets .twitter.active {
  left: -300px;
}

.social-widgets .twitter .tab-content {
  width: 300px;
}

.social-widgets .twitter-widget {
  padding-top: 10px;
}

.social-widgets .youtube.active {
  left: -450px;
}

.social-widgets .youtube .tab-content {
  width: 450px;
}

.social-widgets .loading {
  min-height: 200px;
  position: relative;
  z-index: 1000;
}

.social-widgets .loading img.ajaxloader {
  position: absolute;
  top: 45%;
  left: 45%;
  width: 32px;
  height: 32px;
}

/* 3.TOP PANEL (RIGHT FIXED PANEL)
 ----------------------------------------------------- */
@media (min-width:1200px) {
  .navbar-compact {
    position: fixed;
    width: 100%;
    z-index: 900;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  .navbar-compact.hidden-menu {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }

  .navbar-compact .container-megamenu.horizontal ul.megamenu > li > a img {
    display: none;
  }

  .navbar-compact .hidden-compact {
    display: none !important;
  }

  .navbar-compact .header-center {
    transition: 0.3s all ease 0s;
  }

  .navbar-compact .header-bottom {
    margin: 0 !important;
  }

  .navbar-switcher {
    text-align: center;
    float: right;
    display: none;
    width: 45px;
    height: 45px;
    margin-bottom: -47px;
    background: #2677e7 !important;
    padding: 6px 7px;
    border-radius: 0 0 3px 3px;
    cursor: pointer;
    color: #fff;
  }

  .navbar-switcher .i-active, .navbar-switcher.active .i-inactive {
    display: none;
  }

  .navbar-switcher.active .i-active, .navbar-switcher .fa-caret-down {
    display: inline;
    font-size: 1.8em;
    line-height: 1.5em;
  }

  .navbar-compact.type_1 .sidebar-menu, .navbar-compact.type_2 .sidebar-menu {
    display: none;
  }

  .navbar-compact.type_1 .header-bottom-right, .navbar-compact.type_2 .header-bottom-right {
    margin: 0;
    padding: 0 15px;
    width: 100%;
  }

  header .navbar-switcher {
    display: block;
  }

}

/* 4.LARY LOADER
 --------------------------------------- */
.mfp-iframe-scaler iframe {
  background: white url(../files/images/lazy-loader.html) no-repeat center center;
}

.lazy {
  display: block;
  position: relative;
  overflow: hidden;
  background: transparent url(../files/images/lazy-loader.html) no-repeat center center;
}

.loadeding {
  background: white url(../files/images/lazy-loader.html) no-repeat center center;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.loaded .loadeding {
  background: none;
  height: auto;
  opacity: 0;
  display: none;
}

@media (min-width:1200px) {
  .lazy.lazy-loaded {
    background: none;
    height: auto;
  }

  .lazy img {
    transition: 1s all ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
  }

  .lazy.lazy-loaded img {
    opacity: 1;
  }

}

/* Overlay pattern 
 --------------------------------------- */
body.no-bgbody {
  background-image: none;
}

.pattern-1 {
  background-image: url("../files/images/patterns/1.html");
}

.pattern-2 {
  background-image: url("../files/images/patterns/2.html");
}

.pattern-3 {
  background-image: url("../files/images/patterns/3.html");
}

.pattern-4 {
  background-image: url("../files/images/patterns/4.html");
}

.pattern-5 {
  background-image: url("../files/images/patterns/5.html");
}

.pattern-6 {
  background-image: url("../files/images/patterns/6.html");
}

.pattern-7 {
  background-image: url("../files/images/patterns/7.html");
}

.pattern-8 {
  background-image: url("../files/images/patterns/8.html");
}

.pattern-9 {
  background-image: url("../files/images/patterns/9.html");
}

.pattern-10 {
  background-image: url("../files/images/patterns/10.html");
}

.pattern-11 {
  background-image: url("../files/images/patterns/11.html");
}

.pattern-12 {
  background-image: url("../files/images/patterns/12.html");
}

.pattern-13 {
  background-image: url("../files/images/patterns/13.html");
}

.pattern-14 {
  background-image: url("../files/images/patterns/14.html");
}

.pattern-15 {
  background-image: url("../files/images/patterns/15.html");
}

.pattern-16 {
  background-image: url("../files/images/patterns/16.html");
}

.pattern-17 {
  background-image: url("../files/images/patterns/17.html");
}

.pattern-18 {
  background-image: url("../files/images/patterns/18.html");
}

.pattern-19 {
  background-image: url("../files/images/patterns/19.html");
}

.pattern-20 {
  background-image: url("../files/images/patterns/20.html");
}

.pattern-21 {
  background-image: url("../files/images/patterns/21.html");
}

.pattern-22 {
  background-image: url("../files/images/patterns/22.html");
}

.pattern-23 {
  background-image: url("../files/images/patterns/23.html");
}

.pattern-24 {
  background-image: url("../files/images/patterns/24.html");
}

.pattern-25 {
  background-image: url("../files/images/patterns/25.html");
}

.pattern-26 {
  background-image: url("../files/images/patterns/26.html");
}

.pattern-27 {
  background-image: url("../files/images/patterns/27.html");
}

.pattern-28 {
  background-image: url("../files/images/patterns/28.html");
}

.pattern-29 {
  background-image: url("../files/images/patterns/29.html");
}

.pattern-30 {
  background-image: url("../files/images/patterns/30.html");
}

.pattern-31 {
  background-image: url("../files/images/patterns/31.html");
}

.pattern-32 {
  background-image: url("../files/images/patterns/32.html");
}

.pattern-33 {
  background-image: url("../files/images/patterns/33.html");
}

.pattern-34 {
  background-image: url("../files/images/patterns/34.html");
}

.pattern-35 {
  background-image: url("../files/images/patterns/35.html");
}

.pattern-36 {
  background-image: url("../files/images/patterns/36.html");
}

.pattern-37 {
  background-image: url("../files/images/patterns/37.html");
}

.pattern-38 {
  background-image: url("../files/images/patterns/38.html");
}

.pattern-39 {
  background-image: url("../files/images/patterns/39.html");
}

.pattern-40 {
  background-image: url("../files/images/patterns/40.html");
}

.pattern-41 {
  background-image: url("../files/images/patterns/41.html");
}

.pattern-42 {
  background-image: url("../files/images/patterns/42.html");
}

.pattern-43 {
  background-image: url("../files/images/patterns/43.html");
}

.pattern-44 {
  background-image: url("../files/images/patterns/44.html");
}

.pattern-45 {
  background-image: url("../files/images/patterns/45.html");
}

.wrapper-boxed header.navbar-compact {
  width: auto;
}

header.navbar-compact {
  position: fixed;
  width: 100%;
  z-index: 999;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

header.navbar-compact .compact-hidden {
  display: none;
}

/*============NONE RESPONSIVE BOOTSTRAP ==================*/
@media (min-width:1600px) {
  .wrapper-fluid .fluid-sidebar {
    width: 83%;
  }

  .wrapper-fluid .fluid-allsidebar {
    width: 66%;
  }

  .wrapper-fluid .content-aside {
    width: 16.66667%;
  }

}

@media (min-width:1200px) {

  /*.wrapper-fluid{
   .container {width: 92%; max-width: 1650px;}
   }*/
  .wrapper-boxed {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  }

  .wrapper-full .container {
    width: 1200px;
  }

  .wrapper-full .products-list .product-grid-5 .product-card__gallery, .wrapper-full .products-list .product-grid-5 .countdown_box, .wrapper-full .products-list .product-grid-5 .order-num {
    display: none;
  }

  .wrapper-full .products-list .product-grid-5 .product-item-container .left-block .button-group {
    bottom: 0;
  }

}

@media (min-width:1200px) and (min-width:1200px) {
  .wrapper-full .products-list .product-grid-5:nth-child(5n+1) {
    clear: both;
  }

}

/* 4.LARY LOADER
 --------------------------------------- */
.mfp-iframe-scaler iframe {
  background: white url(../files/images/theme/lazy-loader.gif) no-repeat center center;
}

.lazy {
  display: block;
  position: relative;
  overflow: hidden;
  background: transparent url(../files/images/theme/lazy-loader.gif) no-repeat center center;
}

.loadeding {
  background: white url(../files/images/theme/lazy-loader.gif) no-repeat center center;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.loaded .loadeding {
  background: none;
  height: auto;
  opacity: 0;
  display: none;
}

@media (min-width:1200px) {
  .lazy.lazy-loaded {
    background: none;
    height: auto;
  }

  .lazy img {
    transition: 1s all ease;
    opacity: 0;
    -webkit-backface-visibility: hidden;
  }

  .lazy.lazy-loaded img {
    opacity: 1;
  }

}

/* Overlay pattern 
 --------------------------------------- */
body.no-bgbody {
  background-image: none;
}

.pattern-1 {
  background-image: url("../files/images/patterns/1.html");
}

.pattern-2 {
  background-image: url("../files/images/patterns/2.html");
}

.pattern-3 {
  background-image: url("../files/images/patterns/3.html");
}

.pattern-4 {
  background-image: url("../files/images/patterns/4.html");
}

.pattern-5 {
  background-image: url("../files/images/patterns/5.html");
}

.pattern-6 {
  background-image: url("../files/images/patterns/6.html");
}

.pattern-7 {
  background-image: url("../files/images/patterns/7.html");
}

.pattern-8 {
  background-image: url("../files/images/patterns/8.html");
}

.pattern-9 {
  background-image: url("../files/images/patterns/9.html");
}

.pattern-10 {
  background-image: url("../files/images/patterns/10.html");
}

.pattern-11 {
  background-image: url("../files/images/patterns/11.html");
}

.pattern-12 {
  background-image: url("../files/images/patterns/12.html");
}

.pattern-13 {
  background-image: url("../files/images/patterns/13.html");
}

.pattern-14 {
  background-image: url("../files/images/patterns/14.html");
}

.pattern-15 {
  background-image: url("../files/images/patterns/15.html");
}

.pattern-16 {
  background-image: url("../files/images/patterns/16.html");
}

.pattern-17 {
  background-image: url("../files/images/patterns/17.html");
}

.pattern-18 {
  background-image: url("../files/images/patterns/18.html");
}

.pattern-19 {
  background-image: url("../files/images/patterns/19.html");
}

.pattern-20 {
  background-image: url("../files/images/patterns/20.html");
}

.pattern-21 {
  background-image: url("../files/images/patterns/21.html");
}

.pattern-22 {
  background-image: url("../files/images/patterns/22.html");
}

.pattern-23 {
  background-image: url("../files/images/patterns/23.html");
}

.pattern-24 {
  background-image: url("../files/images/patterns/24.html");
}

.pattern-25 {
  background-image: url("../files/images/patterns/25.html");
}

.pattern-26 {
  background-image: url("../files/images/patterns/26.html");
}

.pattern-27 {
  background-image: url("../files/images/patterns/27.html");
}

.pattern-28 {
  background-image: url("../files/images/patterns/28.html");
}

.pattern-29 {
  background-image: url("../files/images/patterns/29.html");
}

.pattern-30 {
  background-image: url("../files/images/patterns/30.html");
}

.pattern-31 {
  background-image: url("../files/images/patterns/31.html");
}

.pattern-32 {
  background-image: url("../files/images/patterns/32.html");
}

.pattern-33 {
  background-image: url("../files/images/patterns/33.html");
}

.pattern-34 {
  background-image: url("../files/images/patterns/34.html");
}

.pattern-35 {
  background-image: url("../files/images/patterns/35.html");
}

.pattern-36 {
  background-image: url("../files/images/patterns/36.html");
}

.pattern-37 {
  background-image: url("../files/images/patterns/37.html");
}

.pattern-38 {
  background-image: url("../files/images/patterns/38.html");
}

.pattern-39 {
  background-image: url("../files/images/patterns/39.html");
}

.pattern-40 {
  background-image: url("../files/images/patterns/40.html");
}

.pattern-41 {
  background-image: url("../files/images/patterns/41.html");
}

.pattern-42 {
  background-image: url("../files/images/patterns/42.html");
}

.pattern-43 {
  background-image: url("../files/images/patterns/43.html");
}

.pattern-44 {
  background-image: url("../files/images/patterns/44.html");
}

.pattern-45 {
  background-image: url("../files/images/patterns/45.html");
}

/* Preloading Screen
 --------------------------------------- */
.loader-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000111;
  background-color: #fff;
  opacity: 1;
  transition: all 500ms linear 0s;
}

.loader-content.loader-off, body.loaded .loader-content {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms linear 0s;
}

/* The loader container */
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  perspective: 400px;
  transform-type: preserve-3d;
}

/* The dot */
#loader .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -80px;
  transform-type: preserve-3d;
  transform-origin: 80px 50%;
  transform: rotateY(0);
  background-color: #1fc0a0;
  animation: dot1 2000ms cubic-bezier(0.56, 0.09, 0.89, 0.69) infinite;
}

#loader .dot:nth-child(2) {
  z-index: 9;
  animation-delay: 150ms;
}

#loader .dot:nth-child(3) {
  z-index: 8;
  animation-delay: 300ms;
}

#loader .dot:nth-child(4) {
  z-index: 7;
  animation-delay: 450ms;
}

#loader .dot:nth-child(5) {
  z-index: 6;
  animation-delay: 600ms;
}

#loader .dot:nth-child(6) {
  z-index: 5;
  animation-delay: 750ms;
}

#loader .dot:nth-child(7) {
  z-index: 4;
  animation-delay: 900ms;
}

#loader .dot:nth-child(8) {
  z-index: 3;
  animation-delay: 1050ms;
}

@keyframes dot1 {
  0% {
    transform: rotateY(0) rotateZ(0) rotateX(0);
    background-color: #2677e7;
  }

  45% {
    transform: rotateZ(180deg) rotateY(360deg) rotateX(90deg);
    background-color: #000;
    animation-timing-function: cubic-bezier(0.15, 0.62, 0.72, 0.98);
  }

  90%, 100% {
    transform: rotateY(0) rotateZ(360deg) rotateX(180deg);
    background-color: #2677e7;
  }

}

/* @group Banners hover effect */
.banners-effect-1 .banners > div img {
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}

.banners-effect-1 .banners > div img:hover {
  opacity: 0.8;
}

.banners-effect-2 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-2 .banners > div a:hover:before, .banners-effect-2 .banners > div a:hover:after {
  left: 0;
  opacity: 1;
}

.banners-effect-2 .banners > div a:before, .banners-effect-2 .banners > div a:after {
  background-color: rgba(255, 255, 255, 0.4);
  display: block;
  width: 100%;
  height: 100%;
  left: -100%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  content: "";
  z-index: 1;
}

.banners-effect-3 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-3 .banners > div a:hover:before, .banners-effect-3 .banners > div a:hover:after {
  border: 0 solid rgba(0, 0, 0, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
}

.banners-effect-3 .banners > div a:before, .banners-effect-3 .banners > div a:after {
  border: 50px solid transparent;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  content: "";
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100px;
  height: 100px;
  -webkit-transform: scale(7);
  -moz-transform: scale(7);
  -ms-transform: scale(7);
  -o-transform: scale(7);
  transform: scale(7);
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  visibility: visible;
  z-index: 1;
}

.banners-effect-4 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-4 .banners > div a:hover:before, .banners-effect-4 .banners > div a:hover:after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
}

.banners-effect-4 .banners > div a:before, .banners-effect-4 .banners > div a:after {
  border-bottom: 50px solid rgba(0, 0, 0, 0.2);
  border-top: 50px solid rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  transform-origin: 50% 50% 0;
  width: 100%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -webkit-transition: opacity 0.4s ease 0s;
  visibility: visible;
  z-index: 1;
}

.banners-effect-5 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-5 .banners > div a:hover:before, .banners-effect-5 .banners > div a:hover:after {
  opacity: 0;
  filter: alpha(opacity=0);
  border: 0 double rgba(255, 255, 255, 0.7);
  visibility: hidden;
}

.banners-effect-5 .banners > div a:before, .banners-effect-5 .banners > div a:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border: 200px double transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
  -moz-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
  -webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
}

.banners-effect-6 .banners > div a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  background: #000;
}

.banners-effect-6 .banners > div a img {
  backface-visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
  -o-transition: opacity 1s ease 0s, transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.banners-effect-6 .banners > div a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transform: scale3d(1.1, 1.1, 1);
}

.banners-effect-7 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-7 .banners > div a:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 0;
  top: 0;
  left: 50%;
  content: "";
  transition: all 0.3s ease-in-out 0s;
}

.banners-effect-7 .banners > div a:hover:before {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.banners-effect-8 .banners > div a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #000;
  vertical-align: top;
}

.banners-effect-8 .banners > div a:before, .banners-effect-8 .banners > div a:after {
  bottom: 20px;
  content: "";
  left: 20px;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  z-index: 1;
}

.banners-effect-8 .banners > div a:before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}

.banners-effect-8 .banners > div a:after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
}

.banners-effect-8 .banners > div img {
  opacity: 1;
  width: 100%;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.35s ease 0s;
  -o-transition: opacity 0.35s ease 0s;
  transition: opacity 0.35s ease 0s;
}

.banners-effect-8 .banners > div a:hover:before, .banners-effect-8 .banners > div a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.banners-effect-8 .banners > div a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.banners-effect-9 .banners > div a {
  display: block;
  position: relative;
  z-index: 10;
}

.banners-effect-9 .banners > div a:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.banners-effect-9 .banners > div a:hover:before {
  opacity: 1;
}

.banners-effect-9 .banners > div a img {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0);
}

.banners-effect-9 .banners > div a:hover img {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
  transform: perspective(1000px) translate3d(0, 0, 21px);
}

.banners-effect-10 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-10 .banners > div a:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.banners-effect-10 .banners > div a:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.banners-effect-11 .banners > div a {
  display: block;
  position: relative;
  overflow: hidden;
}

.banners-effect-11 .banners > div a:hover:before, .banners-effect-11 .banners > div a:hover:after {
  width: 100%;
  height: 100%;
}

.banners-effect-11 .banners > div a:before, .banners-effect-11 .banners > div a:after {
  background-color: rgba(0, 0, 0, 0.15);
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  width: 0;
  transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}

.banners-effect-11 .banners > div a:after {
  left: auto;
  right: 0;
  bottom: 0;
}

.banners-effect-12 .banners > div img {
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.banners-effect-12 .banners > div img:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* @end */
.icons-social a {
  display: inline-block;
  margin-right: 5px;
  color: #f82e56;
}

.icons-social .fa {
  font-size: 20px;
  line-height: 40px;
  vertical-align: top;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-facebook {
  background: #4c70ba;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-twitter {
  background: #00aced;
  border-color: #00aced;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-twitter {
  background: #21c2ff;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-google-plus {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-google-plus {
  background: #e47365;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-linkedin {
  background: #007bb5;
  border-color: #007bb5;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-linkedin {
  background: #009ee8;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-instagram {
  background: #125688;
  border-color: #125688;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-instagram {
  background: #1872b5;
}

.icons-social .icon-circled {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #2677e7;
  color: #2677e7;
  vertical-align: top;
  text-align: center;
}

.icons-social .icon-color.fa-youtube {
  background: #b00;
  border-color: #b00;
  color: #fff;
}

.icons-social a:hover .icon-circled {
  background: #2677e7;
  color: #fff;
}

.icons-social a:hover .icon-color.fa-youtube {
  background: #e00;
}

.divider {
  clear: both;
  height: 40px;
}

.alert {
  border-radius: 0;
}

.alert .fa {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

.tab-content {
  padding: 15px 15px 10px;
  margin-bottom: 20px;
  z-index: 2;
  border: 1px solid #ddd;
  border-top: 0px;
}

.simple-ul {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}

.simple-ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.simple-ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f105";
}

.simple-ul li ul {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;
}

.simple-ul li ul li:before {
  content: "\f111";
  font-size: 7px;
}

.decimal-list {
  margin: 0px 0 15px 20px;
  padding: 0;
  list-style: decimal outside;
}

.decimal-list li {
  padding-left: 0;
  margin-bottom: 5px;
  text-indent: 0;
}

blockquote {
  font-size: 12px;
}

.well {
  border-radius: 0;
}

.feature-box {
  border-radius: 0;
  margin-bottom: 20px;
}

.feature-box .feature-icon {
  color: #3e7cb4;
  display: inline-block;
  font-size: 40px;
  height: 40px;
  text-align: center;
  width: 40px;
  float: left;
}

.feature-box .feature-content {
  padding-left: 50px;
}

.featured-icon {
  border-radius: 50%;
  color: #fff;
  background-color: #3e7cb4;
  display: inline-block;
  font-size: 40px;
  height: 110px;
  line-height: 110px;
  margin: 5px;
  position: relative;
  text-align: center;
  width: 110px;
  z-index: 1;
}

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

.bold-list > li > a {
  font-weight: 700;
  text-transform: uppercase;
}

.simple-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.simple-list li {
  margin: 0;
  padding: 0 0 8px;
}

.simple-list .checkbox {
  padding-left: 0;
}

.simple-list .checkbox input[type=checkbox] {
  margin-right: 10px;
}

.simple-list .icon {
  margin-right: 9px;
}

.arrow-list li {
  padding-left: 12px;
  position: relative;
}

.arrow-list li a {
  color: #555;
}

.arrow-list li a:hover {
  color: #2677e7;
}

.arrow-list li:before {
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f105";
}

.page-login .well {
  background: #fff;
  min-height: 285px;
  border: 1px solid #e7e7e7;
  margin: 0;
  line-height: 23px;
  border-radius: 0;
}

.page-login .well h2 {
  padding-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
}

.page-login .bottom-form {
  background: #f5f5f5;
  border: 1px solid #e7e7e7;
  border-top: 0;
  padding: 10px 20px;
  overflow: hidden;
  line-height: 35px;
}

.page-login .bottom-form .btn {
  padding: 9px 20px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: none;
}

.page-login .bottom-form .btn:hover {
  background: #2677e7;
  border-color: #2677e7;
  color: #fff;
}

.page-login .bottom-form a {
  color: #555;
}

.page-login .bottom-form a:hover {
  color: #2677e7;
}

div.required .control-label:before {
  content: '* ';
  color: #f00;
  font-weight: bold;
}

/*******************************************************************
 ******                SO Framework: Sass Menu                 ******
 ********************************************************************/

/* [2] */

/* [8] */

/*===============================================
 [SASS DIRECTORY ]
 [1] Minxin Link
 [2] Minxin Button
 [3] Minxin Triangle
 [4] Minxin LABEL PRODUCT
 [5] Minxin Scrollbars
 [6] Minxin Dev Custom
 ==============================================*/
.no-margin {
  margin: 0 !important;
}

.marginbottom__3x {
  margin-bottom: 30px;
}

@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
  }

}

@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
  }

}

@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }

}

@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
  }

}

@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
  }

}

@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

}

@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
  }

}

@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0);
  }

}

/*Dev Custom */

/*====================================================*/
.lib-list-item-product2 {
  border: none;
}

.lib-list-item-product2 .image-dev .list-button-dev {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
}

.lib-list-item-product2 .image-dev .list-button-dev li {
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  background: #fff;
  position: relative;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) {
  transform: translateX(40px);
  -moz-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  z-index: 1;
  transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) {
  transition-delay: 0.2s;
  z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) {
  transition-delay: 0.2s;
  z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) {
  transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  z-index: 1;
  transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:first-child {
  border-left: 1px solid #ddd;
}

.lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button {
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 40px;
  text-align: center;
  box-shadow: none;
  border: none;
  color: #555;
  width: 40px;
  padding: 0;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover {
  background: #2677e7;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button {
  color: #fff;
}

.lib-list-item-product2 .caption-dev {
  text-align: center;
  padding: 0 15px;
}

.lib-list-item-product2 .caption-dev .rating-dev {
  margin: 5px 0;
}

.lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x {
  font-size: 11px;
}

.lib-list-item-product2 .caption-dev .title-dev {
  color: #444;
  font-size: 13px;
}

.lib-list-item-product2 .caption-dev .price-dev .price.product-price {
  font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-new {
  font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-old {
  font-size: 12px;
}

.lib-list-item-product2 .caption-dev .add-cart-dev {
  background: #fff;
  border: 1px solid #ddd;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  box-shadow: none;
  border-radius: 0;
  padding: 6px 20px;
  margin: 0 0 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li {
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transition-delay: 0.2s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) {
  transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) {
  transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transition-delay: 0.2s;
}

/*EFECT PRODUCT NUMBER*/
.lib-two-img, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img {
  position: relative;
  display: block;
}

.lib-two-img .img-1, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-1 {
  opacity: 1;
  position: relative;
  transition: all 0.5s ease-in-out;
}

.lib-two-img .img-2, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container .left-block .product-image-container.second_img .img-2 {
  position: absolute;
  z-index: 0;
  top: 0;
  opacity: 0;
  display: block;
  transition: all 0.5s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
}

.lib-two-img-over .img-1, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-1, .products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img-1 {
  opacity: 0;
  transform-style: inherit;
  transition: all 0.5s ease-in-out;
}

.lib-two-img-over .img-2, .best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .media-left .item-image .lt-image .img-2, .products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img-2 {
  opacity: 1;
  transform-style: inherit;
  transition: all 0.5s ease-in-out;
}

/*EFFECT SLIDERHOME*/
@keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

@-webkit-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

@-moz-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

/*============ MODULE MEGAMENU HORIZONTAL  ==================*/
.container-megamenu ul.megamenu li .sub-menu {
  z-index: 998;
}

.container-megamenu ul.megamenu li .sub-menu .content {
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 30px;
  border-radius: 0;
}

/*---mega menu horizontal level 1--*/
.container-megamenu.horizontal ul.megamenu > li {
  float: left;
  margin-right: 30px;
}

.container-megamenu.horizontal ul.megamenu > li > a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: #666666;
  display: block;
  position: relative;
  padding: 15px 0;
  line-height: 100%;
  height: auto;
}

.container-megamenu.horizontal ul.megamenu > li > a strong {
  font-weight: 600;
}

.container-megamenu.horizontal ul.megamenu > li.active > a, .container-megamenu.horizontal ul.megamenu > li.active_menu > a {
  color: #2677e7;
}

.container-megamenu.horizontal {

  /*-------- SUB MENU HORIZONTAL ----------*/

  /* ul.megamenu li .sub-menu .content .static-menu .menu ul ul,
   ul.megamenu .title-submenu{
   padding: 0;
   }
   ul.megamenu li .sub-menu .content .static-menu .menu ul ul li::before,
   ul.megamenu li .sub-menu .content .hover-menu a::before{
   display: none;
   }*/
}

.container-megamenu.horizontal .title-feature, .container-megamenu.horizontal ul.megamenu .title-submenu, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu, .container-megamenu.horizontal ul.megamenu .subcategory a.title-submenu {
  line-height: 100%;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 5x;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content a, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item {
  line-height: 30px;
  color: #464646;
  display: block;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content a:hover, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item:hover {
  color: #D81B1B;
}

.container-megamenu.horizontal ul.megamenu > li > a img {
  position: absolute;
  top: -8px;
  right: 0px;
  height: auto;
}

.container-megamenu.horizontal ul.megamenu .sub-menu .content > .border {
  border: none;
  padding-top: 0;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .item-banner .img-banner-w {
  margin: 0 -15px;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .item-banner .img-banner {
  width: 50%;
  padding: 0 15px;
  float: left;
}

/*============ MODULE MEGAMENU VERTICAL  ==================*/
.container-megamenu .container {
  width: 100%;
  padding: 0;
}

.container-megamenu.vertical {
  z-index: 990;
}

.container-megamenu.vertical .megamenuToogle-wrapper {
  background-color: transparent;
}

.container-megamenu.vertical #menuHeading {
  margin: 0;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern {
  position: relative;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  width: 100%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #fff;
  font-weight: 700;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 16px;
  font-size: 1.6rem;    /* [8] */
  line-height: 40px;
  padding: 0px 0px 0px 20px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  display: block;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div {
  float: left;
  padding-top: 11px;
  margin: 0px 9px 0 0;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div > span {
  box-shadow: none;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container:hover {
  cursor: pointer;
}

.container-megamenu.vertical .vertical-wrapper .megamenu-pattern {
  position: relative;
  z-index: 1;
}

@media (min-width:992px) {
  .container-megamenu.vertical .vertical-wrapper ul.megamenu {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li {
    cursor: pointer;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px dotted #e4e4e4;
  }
  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:last-child {
    border: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.id6-item {
    display: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {
    color: #666;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    line-height: 100%;
    position: relative;          /* text-transform: capitalize; */
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a:hover {
    color: #D81B1B;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
    display: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img {
    height: auto;
    left: 0px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a span.dot {
    height: 4px;
    width: 4px;
    display: inline-block;
    background: #666;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before {
    font-family: 'FontAwesome';
    display: inline-block;
    content: "\f105";
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 15px;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu:hover > a {
    color: #D81B1B;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore {
    padding: 16px 15px 20px 50px;
    line-height: 100%;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore i {
    left: 14px;
    top: 16px;
    position: absolute;
    font-size: 14px;
    color: #2677e7;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore .more-view {
    color: #2677e7;
    font-size: 14px;
  }

}

.container-megamenu.vertical ul.megamenu > li > a strong {
  font-weight: 400;
}

.container-megamenu.vertical .vertical-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;    /*---------------- SUB MENU VERTICAL -----------------*/
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner img {
  width: 100%;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img {
  height: auto;
  margin: 0;
  margin-right: 10px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content > .border {
  padding: 0;
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content > .row {
  padding-top: 5px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content {
  padding: 30px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul > li {
  margin-bottom: 15px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul li a.main-menu {
  color: #222;      /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;      /* [8] */
  margin: 0 0 0px;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul {
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li {
  padding: 0;
  display: inline;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li a {

  /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;          /* [8] */
  font-weight: 400;
  display: block;
  line-height: 28px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li:before {
  display: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li:hover a {
  color: #2677e7;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .link:hover img {
  opacity: 0.8;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .img-vbanner a:hover img {
  opacity: 0.8;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .title-submenu {
  font-weight: 700;
  color: #222;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 0 3px 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .menu ul li {
  line-height: 100%;
  display: inline;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .menu ul li a {
  font-size: 14px;
  line-height: 28px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content {
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul {
  margin: 10px 0;
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li {
  padding: 0;
  position: relative;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li:last-child {
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li > a {
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li b {
  float: right;
  line-height: 27px;
  font-size: 16px;
  margin: 0 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li:hover > a {
  color: #2677e7;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul {
  width: 250px;
  padding: 10px 0;
  top: 0;
  margin: 0;
  left: 100%;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul:before, .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul:after {
  display: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul li:last-child {
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul li > a {
  font-weight: normal;
  line-height: 30px;
}

/*  +----------------------------------------------------+
 TABLE OF CONTENTS
 +----------------------------------------------------+
 [1]    Header Wrapper
 [2]    Content Wrapper
 [3]    Footer Wrapper
 */

/* ************************************************************************************************
 STRUCTURE
 ************************************************************************************************ */
@media (max-width:1024px) {
  .no-res {
    width: 1190px;
  }

  
}

.wrapper-boxed, .wrapper-iframed, .wrapper-rounded {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.wrapper-boxed header.navbar-compact, .wrapper-iframed header.navbar-compact, .wrapper-rounded header.navbar-compact {
  width: auto;
}

.wrapper-iframed {
  margin: 20px auto;
}

.wrapper-rounded {
  margin: 20px auto;
  border-radius: 10px;
  overflow: hidden;
}

#wrapper {
  overflow: hidden;
}

@media (min-width:1360px) {
  .container-full {
    clear: both;
    margin-left: -10%;
    margin-right: -10%;
  }

}

@media (min-width:1600px) {
  .container-full {
    clear: both;
    margin-left: -40%;
    margin-right: -40%;
  }

}

/**************************************************************
 Header Wrapper
 **************************************************************/

/**************************************************************
 Content Wrapper
 **************************************************************/
#content {
  margin-bottom: 30px;
}

#content:before, #content:after {
  content: " ";
  display: table;
}

#content:after {
  clear: both;
}

/*===============================================
 [SASS DIRECTORY ]
 ==============================================*/
.list-item li {
  margin-bottom: 10px;
}

.content-aside {
  margin-bottom: 30px;
}

.banner-sidebar a img {
  width: 100%;
}

#sosearchpro.so-search {
  width: 100%;
  padding: 0;
}

.sohomepage-slider .form-group {
  margin-bottom: 0;
}

.content-aside .module.banner-left {
  border: none;
}

#content div.so-deal .extraslider-inner .item {
  border: none;
}

/*============MODULE DEFAULT ==================*/
.module.sohomepage-slider .so-homeslider {
  direction: ltr;
}

.module .so-extraslider .extraslider-inner {
  border: none;
  padding-bottom: 0;
}

#content .sohomepage-slider .sohomeslider-description h2 {
  margin: 0;
}

#content .module h2 {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 30px;
}

#content .module .h3.modtitle {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

#content .module .h3.modtitle span {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

#content .module .h3.modtitle2 {
  font-size: 18px;
  color: #222;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

#content .module .h3.modtitle2:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #eee;
  bottom: 0;
  left: 0;
}

#content .module .h3.modtitle2:before {
  position: absolute;
  content: "";
  width: 150px;
  height: 2px;
  background-color: #D81B1B;
  bottom: 0;
  left: 0;
  z-index: 2;
}

#content .module h1.modtitle2 {
  margin: 0 0 10px 0;
  font-size: 35px;
  font-weight: 700;
  color: #e34601;
}

.content-aside .module {
  border: 1px solid #d7d7d7;
  overflow: hidden;
  margin-bottom: 40px;
  border-radius: 3px;
}

.content-aside .module .h3.modtitle {
  border-bottom: 1px solid #d7d7d7;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #f5f5f5;
  margin: 0;
  padding: 15px;
}

.content-aside .module .h3.modtitle span {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.content-aside .module .modcontent {
  padding: 15px;
}

.content-aside .module#blog-search {
  border: none;
}

.category-style .list-group > li {
  border-bottom: 1px dotted #e4e4e4;
  margin: 0;
  position: relative;
}

.category-style .list-group > li span.button-view {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.category-style .list-group > li a {
  color: #666;
  padding: 10px;
  display: block;
}

.category-style .list-group > li a:hover {
  color: #E34601;
}

.category-style .list-group > li a:hover + .button-view {
  color: #E34601;
}

.category-style .list-group > li .active, .category-style .list-group > li .active + .button-view {
  color: #E34601;
}

.category-style .list-group > li .active + .button-view:before {
  content: '\f0dd';
}

.category-style .list-group > li li {
  padding: 0;
  position: relative;
  list-style: none;
}

.category-style .list-group > li li a {
  padding: 5px 0;
}

.category-style .list-group > li li a:before {
  content: '';
  padding: 0 5px;
  font-family: 'FontAwesome';
  content: "\f105";
  margin-left: -10px;
  transition: all 400ms ease;
  opacity: 0;
}

.category-style .list-group > li li a:hover:before {
  opacity: 1;
  margin: 0;
}

/************************************************************************************************
 EXTRASLIDER BESTSELER
 *************************************************************************************************/
.best-seller {
  position: relative;
  margin: 0;
}

.best-seller .so-extraslider {
  margin: 0;
}

.best-seller .so-extraslider .extraslider-inner {
  border: 1px solid #eee;
  padding-bottom: 0;
}

.best-seller .so-extraslider .extraslider-inner .item-wrap-inner {
  margin: 18px 0 8px;
}

@media (min-width:1200px) {
  .best-seller .so-extraslider .extraslider-inner .item-wrap-inner {
    padding-left: 10px;
  }

}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 {
  border-bottom: 1px solid #eee;
  margin-bottom: 2px;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left {
  float: left;
  width: 85px;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image {
  border: 0;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-left .item-image:hover {
  box-shadow: none;
  opacity: 0.8;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info {
  background: transparent;
  position: static;
  color: #666;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info a {
  color: #444;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title {
  padding: 0 0 5px 0;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a {

  /* text-transform: capitalize; */
  font-size: 15px;
  font-weight: normal;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-title a:hover {
  color: #2677e7;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content {
  margin-left: 0;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span {
  color: #e74c3c;
  font-size: 16px;
  font-weight: bold;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .item-content .content_price span.price-old {
  font-size: 12px;
  color: #999;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1 .media-body .item-info .rating {
  padding: 0;
}

.best-seller .so-extraslider .extraslider-inner .item .item-wrap.style1:hover .item-title a {
  color: #2677e7;
}

.best-seller .so-extraslider .extraslider-inner .item-wrap .item-info .item-content .content_price {
  margin-bottom: 0;
}

.best-seller .so-extraslider .owl-controls {
  margin-bottom: 8px;
  text-align: right;
  position: absolute;
  top: 4px;
  vertical-align: middle;
  right: 5px;
}

.best-seller .so-extraslider .owl-controls .owl-nav > div {
  width: 17px;
  height: 30px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  font-size: 0;
  cursor: pointer;
  color: #999;
  background-color: transparent;
  margin-top: 0;
  position: static;
  float: left;
}

.best-seller .so-extraslider .owl-controls .owl-nav > div:hover {
  color: #2677e7;
}

.best-seller .so-extraslider .owl-controls .owl-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 28px;
}

.best-seller .so-extraslider .owl-controls .owl-next:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 28px;
}

/*============MODULE NEWLETTER POPUP ==================*/
.newsletter #signup .show-error {
  float: left;
  padding-top: 7px;
  color: #f55;
}

.module.main-newsleter-popup .so-custom-popup {
  background-color: #fff;
  border-radius: 0px;
  padding: 0;
  background-repeat: no-repeat;
}

@media (min-width:768px) and (max-width:991px) {
  .module.main-newsleter-popup .so-custom-popup {
    width: 85%;
  }

  .module.main-newsleter-popup .so-custom-popup:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }

}

@media (max-width:767px) {
  .module.main-newsleter-popup .so-custom-popup:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
  }
}

.module.main-newsleter-popup .so-custom-popup .popup-close {
  width: 31px;
  height: 31px;
  line-height: 30px;
  border-radius: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  color: #fff;
  background-color: #2677e7;
  border: none;
  right: 0;
  top: -31px;
}

.module.main-newsleter-popup .so-custom-popup .popup-close:hover {
  background-color: #165fc4;
}

.module.main-newsleter-popup .modcontent {
  position: relative;
}

.module.main-newsleter-popup .so-custom-popup .modcontent {
  padding: 10px;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
  padding: 15px 10px;
  text-align: center;
}

@media (min-width:1200px) {
  .module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
    padding: 75px 30px 50px 52%;
    margin: 0;
  }

}

@media (min-width:992px) and (max-width:1199px) {
  .module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content {
    padding: 75px 30px 50px 52%;
    margin: 0;
  }

  .left-content-product .content-product-right .box-info-product label.photoControl {
    margin-left: 29px;
  }

}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .popup-title {
  font-weight: 700;
  font-size: 36px;
  color: #222;    /* text-transform: capitalize; */
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .email {
  margin: 25px 0;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group {
  position: relative;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .input-box {
  background-color: #fff;
  vertical-align: top;
  padding-right: 120px;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .form-control {
  height: 40px;
  line-height: 40px;
  width: 100%;
  box-shadow: none;
  padding: 0 0 0 20px;
  border: none;
  background-color: #fff;
  border: 1px solid #ebebeb;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .form-control:-ms-input-placeholder {
  color: #999;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .form-control::-webkit-input-placeholder {
  color: #999;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .form-group .form-control:focus {
  z-index: 0;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default {
  border: 0 none;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0 17px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .btn-default:hover {
  color: #fff;
  background-color: #165fc4;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .hidden-popup {
  font-weight: 400;
  color: #666;
  padding-bottom: 20px;
  font-size: 12px;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .hidden-popup:hover {
  cursor: pointer;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .newsletter_promo {
  padding: 10px 0;
  margin: 0;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .socials {
  text-align: center;
  margin-top: 0;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .socials li {
  position: relative;
  display: inline-block;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .socials li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  display: inline-block;
  margin: 0 5px;
  color: #555;
  font-size: 14px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.module.main-newsleter-popup .so-custom-popup .oca_popup .popup-content .socials li a:hover {
  color: #fff;
  background-color: #2677e7;
  border-color: #2677e7;
}

.main-newsleter-popup .show-error {
  display: inline-block;
  margin-left: 0;
  position: relative;
  top: -10px;
  width: 100%;
}

/*============ MODULE LOGIN POPUP ==================*/
body #so_sociallogin .block-popup-login .tt_popup_login {
  border: none;
  background-color: #2677e7;
  height: 42px;
}

body #so_sociallogin .block-popup-login .tt_popup_login strong {
  font-size: 16px;
  font-weight: 700;
  background-color: #2677e7;
  line-height: 42px;
  position: static;
  background-position: 20px center;
  padding-left: 70px;
}

body #so_sociallogin .block-popup-login .tt_popup_login strong:before {
  display: none;
}

body #so_sociallogin .block-popup-login .close-login {
  background-image: none;
  text-indent: 0;
  font-size: 24px;
  color: #fff;
  top: 7px;
  right: 5px;
}

body #so_sociallogin .block-popup-login .block-content .login-customer h2 {
  font-size: 16px;
  font-weight: 700;
}

body #so_sociallogin .block-popup-login .block-content .input-text {
  border-radius: 0;
}

body #so_sociallogin .block-popup-login .block-content .btn-reg-popup {
  font-size: 14px;
  padding: 0 20px;
  background-color: #666;
  border-radius: 4px;
}

body #so_sociallogin .block-popup-login .block-content .btn-reg-popup:hover {
  background-color: #2677e7;
}

body #so_sociallogin .block-popup-login .block-content .action.login {
  background-image: none;
  padding: 0 20px;
  background-color: #666;
  border-radius: 4px;
}

body #so_sociallogin .block-popup-login .block-content .action.login:hover {
  background-color: #2677e7;
}

/*============ BREADCRUMB ==================*/
.breadcrumbs {

  /* background-color: #efefef;
   margin-bottom: 60px;*/

  /*ul.breadcrumb{
   float: $right;
   width: auto;
   }*/
}

.breadcrumbs .current-name {
  font-size: 18px;
  color: #222;
  text-transform: uppercase;
  float: left;
  font-weight: 700;
  margin: 25px 0;
  display: none;
}

ul.breadcrumb {
  margin: 0;
  background-color: transparent;
  padding: 0;
  display: inline-block;
  width: 100%;
  line-height: 100%;
}

ul.breadcrumb li {
  display: inline-block;
  padding: 0 17px 0 8px;
  margin-right: 15px;
  position: relative;
}

ul.breadcrumb li:before {
  display: none;
}

ul.breadcrumb li:not(:last-child):after {
  font-family: 'FontAwesome';
  content: '\f105';
  font-size: 13px;
  top: 0px;
  right: -12px;
  position: absolute;
}

ul.breadcrumb li a {
  display: block;
  padding: 0;
  color: #999;
  text-decoration: none;
  font-size: 14px;
}

ul.breadcrumb li:first-child {
  padding-left: 0;
}

ul.breadcrumb li:last-child {
  padding: 5px 0px;
}

ul.breadcrumb li:last-child a {
  color: #E34601;
}

ul.breadcrumb li:hover a {
  color: #D81B1B;
}
ul.breadcrumb li.active_test_bread span {
  font-size: 14px;
  color: #D81B1B;
}
/*=========== BLOCK SIDEBAR ==================*/
.content-aside .product-simple {
  position: relative;
  margin-bottom: 15px;
}

.content-aside .product-simple .h3.modtitle {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.content-aside .product-simple .h3.modtitle:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #eee;
}

.content-aside .product-simple .h3.modtitle:before {
  content: "";
  display: block;
  width: 130px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #2677e7;
  z-index: 2;
}

.content-aside .product-simple .so-quickview {
  display: none;
}

.content-aside .product-simple .so-extraslider {
  margin: 0;
}

.content-aside .product-simple .so-extraslider .owl-controls .owl-dots {
  position: absolute;
  top: 5px;
  text-align: right;
  right: 0;
  min-width: 80px;
  right: 0;
  top: 5px;
  min-width: 60px;
}

.content-aside .product-simple .so-extraslider .owl-controls .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #222;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.content-aside .product-simple .so-extraslider .owl-controls .owl-dots .owl-dot span {
  display: none;
}

.content-aside .product-simple .so-extraslider .owl-controls .owl-dots .owl-dot:hover {
  background-color: #2677e7;
}

.content-aside .product-simple .so-extraslider .owl-controls .owl-dots .owl-dot.active {
  width: 30px;
  background-color: #2677e7;
}

.content-aside .product-simple .so-extraslider .extraslider-inner {
  position: static;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-image {
  width: 80px;
  float: left;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info {
  margin-top: 0px;
  margin-left: 95px;
  background: transparent;
  color: #666;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info .item-title {
  line-height: 100%;
  margin-bottom: 7px;
  padding: 0;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info .item-title a {

  /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;      /* [8] */
  font-weight: 400;      /* text-transform: capitalize; */
  color: #222;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info .item-title a:hover {
  color: #2677e7;
}

.content-aside .product-simple .so-extraslider .extraslider-inner .item .item-inner:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*============ MODULE MEGAMENU HORIZONTAL  ==================*/
.container-megamenu.horizontal ul.megamenu .sub-menu .image-link {
  margin-bottom: 10px;
  color: #333;
}

.container-megamenu.horizontal ul.megamenu .sub-menu .image-link .figcaption {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}

.container-megamenu.horizontal ul.megamenu .sub-menu .image-link:hover {
  color: #2677e7;
}

.container-megamenu.horizontal .image-link .thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  padding: 3px;
  margin: 0 0 10px;
}

.container-megamenu ul.megamenu li .sub-menu {
  z-index: 998;
}

.container-megamenu ul.megamenu li .sub-menu .content {
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 30px;
}

.container-megamenu ul.megamenu li.menu-layouts .sub-menu .content {
  padding: 30px 30px 10px 30px;
}

/*---mega menu horizontal level 1--*/
.container-megamenu.horizontal ul.megamenu > li {
  float: left;
  margin-right: 30px;
}

.container-megamenu.horizontal ul.megamenu > li > a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #666666;
  display: block;
  position: relative;
  padding: 15px 0;
  line-height: 100%;
  height: auto;
}

.container-megamenu.horizontal ul.megamenu > li > a strong {
  font-weight: 300;
}

.container-megamenu.horizontal ul.megamenu > li.active > a, .container-megamenu.horizontal ul.megamenu > li.active_menu > a {
  color: #2677e7;
}

.container-megamenu.horizontal {

  /*-------- SUB MENU HORIZONTAL ----------*/
}

.container-megamenu.horizontal .title-feature, .container-megamenu.horizontal ul.megamenu .title-submenu, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu, .container-megamenu.horizontal ul.megamenu .subcategory a.title-submenu {
  line-height: 100%;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  padding-bottom: 12px;
  margin-bottom: 6px;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 16px;
  font-size: 1.6rem;    /* [8] */
  border-bottom: 1px solid #eaeaea;
}

.container-megamenu.horizontal .content-feature li a, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu {
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #464646;
}

.container-megamenu.horizontal .content-feature li a:hover, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a:hover, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item:hover, .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu:hover {
  color: #D81B1B;
}

.container-megamenu.horizontal ul.megamenu > li > a strong img {
  position: absolute;
  top: -8px;
  right: 0px;
  height: auto;
}

.container-megamenu.horizontal .content-feature li.detail {
  margin-top: 20px;
}

.container-megamenu.horizontal .content-feature li.detail .lc {

  /* text-transform: capitalize; */
  font-size: 11px;
  line-height: 100%;
}

.container-megamenu.horizontal ul.megamenu .sub-menu .content > .border {
  border: none;
  padding-top: 0;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul, .container-megamenu.horizontal ul.megamenu .title-submenu {
  padding: 0;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li::before, .container-megamenu.horizontal ul.megamenu li .sub-menu .content .hover-menu a::before {
  display: none;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .item-banner .img-banner-w {
  margin: 0 -15px;
}

.container-megamenu.horizontal ul.megamenu li .sub-menu .content .item-banner .img-banner {
  width: 50%;
  padding: 0 15px;
  float: left;
}

.container-megamenu.horizontal .sub-menu .content-feature .title-feature {
  margin-bottom: 20px;
}

.container-megamenu.horizontal .sub-menu .content-feature li {
  float: left;
  width: 33.33%;
  text-align: center;
}

.container-megamenu.horizontal .sub-menu .content-feature li a img {
  margin-bottom: 8px;
}

.container-megamenu.horizontal .sub-menu .content-feature li a span {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  line-height: 100%;
  margin-top: 8px;
}

.container-megamenu.horizontal .sub-menu .content-feature li a:hover span {
  color: #2677e7;
}

.container-megamenu.horizontal .sub-menu .demo-detail ul li {
  width: 33.33%;
}

.container-megamenu.horizontal .sub-menu .feature-blog a {
  text-align: center;
}

.container-megamenu.horizontal .sub-menu .feature-blog a img {
  margin-bottom: 10px;
}

.container-megamenu.horizontal .sub-menu .feature-blog a span {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 0px;
}

.container-megamenu.horizontal .sub-menu .feature-blog a:hover span {
  color: #2677e7;
}

.container-megamenu.horizontal .sub-menu .feature-blog .clearfix {
  margin: 20px;
}

.container-megamenu.horizontal ul.megamenu {

  /*.sub-menu{
   opacity: 1;
   display: block ;
   .content{
   display: block ;
   } 
   }*/
}

.container-megamenu.horizontal ul.megamenu .item-style1 {

  /*.sub-menu{
   opacity: 1;
   display: block ;
   .content{
   display: block ;
   } 
   }*/
}

.container-megamenu.horizontal ul.megamenu .item-style1 .subcategory li a {
  float: left;
  text-align: left;
}

.container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .hover-menu li {
  text-align: left;
  display: inline;
}

.container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .hover-menu li a {
  text-align: left;
}

.container-megamenu.horizontal ul.megamenu .item-style2 {

  /*.sub-menu{
   opacity: 1;
   display: block ;
   .content{
   display: block ;
   } 
   }*/
}

.container-megamenu.horizontal ul.megamenu .blog-item .sub-menu .content {
  padding: 30px 25px;
}

.container-megamenu.horizontal ul.megamenu .quicklink-menu {
  margin-left: -30px;
  margin-right: -30px;
}

.container-megamenu.horizontal ul.megamenu .quicklinks-menu {
  background-color: #ddd;
  display: inline-flex;
  width: 100%;
  padding: 25px 30px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li {
  float: left;
  line-height: 100%;
}

.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li span {

  /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;      /* [8] */
  color: #222;
  font-weight: 700;
}

.container-megamenu.horizontal ul.megamenu .quicklinks-menu ul li a {
  margin-left: 5px;
}

/*============ MODULE MEGAMENU VERTICAL  ==================*/

/*--- mega menu vertical ---*/
.container-megamenu ul.megamenu li .sub-menu .content .hover-menu a::before {
  display: none;
}

.container-megamenu.vertical ul.megamenu > li.click::before, .container-megamenu.vertical ul.megamenu > li.hover::before {
  padding: 0;
}

.common-home .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a::before {
  top: 14px;
}

.vertical ul.megamenu > li.click::before, .vertical ul.megamenu > li.hover::before {
  padding: 0;
}

.container-megamenu.vertical {
  z-index: 990;
}

.container-megamenu.vertical .megamenuToogle-wrapper {
  background-color: transparent;
}

.container-megamenu.vertical #menuHeading {
  margin: 0;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern {
  position: relative;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #fff;
  font-weight: 700;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 16px;
  font-size: 1.6rem;    /* [8] */
  line-height: 40px;
  padding: 0px 0px 0px 20px;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  display: block;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div {
  float: left;
  padding-top: 11px;
  margin: 0px 9px 0 0;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container > div > span {
  box-shadow: none;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container:hover {
  cursor: pointer;
}

.container-megamenu.vertical .vertical-wrapper .megamenu-pattern {
  position: relative;
  z-index: 1;
}

@media (min-width:992px) {
  .container-megamenu.vertical .vertical-wrapper ul.megamenu {
    box-shadow: none;
    background-color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li {
    cursor: pointer;
    padding: 0px;
    margin: 0;
    position: relative;
    border-bottom: 1px dotted #e4e4e4;
  }
  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:last-child {
    border: none;
  }
  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.id6-item {
    display: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {
    color: #666;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px;
    line-height: 100%;
    position: relative;          /* text-transform: capitalize; */
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
    display: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img {
    height: auto;
    left: 0px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before {
    color: #ccc;
    font-family: 'FontAwesome';
    display: inline-block;
    content: "\f105";
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 14px;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu:hover > a:before {
    color: #D81B1B;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover {
    box-shadow: none;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active:before, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover:before {
    padding: 0;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.active > a, .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover > a {
    background-color: transparent;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore {
    padding: 16px 15px 20px 50px;
    line-height: 100%;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore i {
    left: 14px;
    top: 16px;
    position: absolute;
    font-size: 14px;
    color: #E34601;
  }

  .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore .more-view {
    color: #E34601;
    font-size: 14px;
  }

}

.container-megamenu.vertical ul.megamenu > li > a strong {
  font-weight: 400;
}

.container-megamenu.vertical .vertical-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;    /*---------------- SUB MENU VERTICAL -----------------*/
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner img {
  width: 100%;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img {
  height: auto;
  margin: 0;
  margin-right: 10px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content > .border {
  padding: 0;
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content > .row {
  padding-top: 5px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content {
  padding: 30px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul > li {
  margin-bottom: 15px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul li a.main-menu {
  color: #222;      /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;      /* [8] */
  margin: 0 0 0px;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul {
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li {
  padding: 0;
  display: inline;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li a {

  /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 14px;
  font-size: 1.4rem;      /* [8] */
  font-weight: 400;
  display: block;
  line-height: 28px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li:before {
  display: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul li:hover a {
  color: #D81B1B;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .link:hover img {
  opacity: 0.8;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .img-vbanner a:hover img {
  opacity: 0.8;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .title-submenu {
  font-weight: 700;
  color: #222;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 0 3px 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .menu ul li {
  line-height: 100%;
  display: inline;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content ul.subcategory .menu ul li a {
  font-size: 14px;
  line-height: 28px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu {

  /*.sub-menu{
   .content{
   padding: 0;   
   .col-sm-7{
   padding-#{$right}: 0;
   }                 
   .col-sm-5{
   padding-#{$left}: 0;
   }
   } 
   }*/
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .img-vbanner {
  float: right;
  padding-right: 15px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .img-vbanner a {
  margin-bottom: 0px;
  display: block;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .img-vbanner a.last {
  margin-bottom: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories {
  padding: 15px 0 0 30px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories .static-menu .menu > ul > li {
  margin-bottom: 0px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.item-style2 {

  /*.sub-menu{
   opacity: 1;
   display: block ;
   .content{
   display: block ;
   > .row{
   }
   } 
   }  */
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content {
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul {
  margin: 10px 0;
  padding: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li {
  padding: 0;
  position: relative;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li:last-child {
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li > a {
  line-height: 30px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li b {
  float: right;
  line-height: 27px;
  font-size: 16px;
  margin: 0 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li:hover > a {
  color: #2677e7;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul {
  width: 250px;
  padding: 10px 0;
  top: 0;
  margin: 0;
  left: 100%;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul:before, .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul:after {
  display: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul li:last-child {
  border: none;
}

.container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul li > a {
  font-weight: normal;
  line-height: 30px;
}

.filter-v3 .filter-shopby, .filter-v3 .filter-row {
  border: 1px solid #e6e6e6;
  padding: 0px;
}

.filter-shopby .table_layout, .filter-row .table_layout {
  display: block;
}

.filter-shopby .table_cell, .filter-row .table_cell {
  margin-bottom: 10px;
  padding-bottom: 20px;
  display: block;
}

.filter-shopby legend, .filter-row legend {
  border: none;
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #666666;
  /*padding-bottom: 20px;*/
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
}

.filter-shopby .checkboxes_list > li:not(:last-child), .filter-row .checkboxes_list > li:not(:last-child), .filter-shopby .simple_vertical_list li:not(:last-child), .filter-row .simple_vertical_list li:not(:last-child) {
  margin-bottom: 5px;
}

.filter-shopby .color_btn, .filter-row .color_btn {
  position: relative;
  padding-left: 32px;
}

.filter-shopby .color_btn::before, .filter-row .color_btn::before {
  content: "";
  padding: 1px;
  background-clip: content-box;
  border: 1px solid #eaeaea;
  border-radius: 50%;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.filter-shopby .color_btn.green::before, .filter-row .color_btn.green::before {
  background: #269300;
}

.filter-shopby .color_btn.yellow::before, .filter-row .color_btn.yellow::before {
  background: #fccd36;
}

.filter-shopby .color_btn.red::before, .filter-row .color_btn.red::before {
  background: #f00;
}

.filter-shopby .color_btn.blue::before, .filter-row .color_btn.blue::before {
  background: #018bc8;
}

.filter-shopby .color_btn.grey::before, .filter-row .color_btn.grey::before {
  background: #b2b2b2;
}

.filter-shopby .color_btn.orange::before, .filter-row .color_btn.orange::before {
  background: #ff7b1a;
}

.filter-shopby input[type="checkbox"]:checked + .color_btn::before, .filter-row input[type="checkbox"]:checked + .color_btn::before {
  border-color: #333;
}

.filter-row {
  padding: 0;
}

.filter-row .table_layout {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.filter-row .table_row {
  display: table;
  width: 100%;
}

.filter-row .table_cell {
  display: table-cell;
  border-right: 1px solid #e6e6e6;
  padding: 19px;
}

.filter-row .bottom_box {
  padding: 15px 19px;
}

.ui-slider {
  height: 7px;
  background: #2677e7;
  border: 1px solid #eaeaea;
  max-width: 220px;
}

.ui-slider-horizontal .ui-slider-range {
  background: #555;
}

.ui-slider .ui-slider-handle {
  display: block;
  width: 19px;
  height: 19px;
  background: #2677e7;
  border-radius: 50%;
  cursor: pointer;
  top: -7px;
}

.range {
  margin-top: 15px;
}

.bock-range {
  display: block;
  overflow: hidden;
  margin: 20px 0;
  position: relative;
}

.bock-range input {
  width: 45%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #222;
  font-size: 16px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  float: left;
}

.bock-range input:last-child {
  float: right;
}

.bock-range:after {
  content: "";
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  background: #555;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  -o-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

button.filter {
  margin-top: 20px;
  background: #222;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
}

button.filter:hover {
  color: #d7d7d7;
}

.range > * {
  display: inline;
}

.checkboxes_list {
  color: #333;
}

ul.size {
  text-align: center;
}

ul.size li {
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #e8e8e8;
  width: auto;
  height: 30px;
  padding: 0 5px;
  cursor: pointer;
  line-height: 25px;
}

ul.color li label, ul.size li label {
  cursor: pointer;
}

ul.size li.active, ul.size li:hover {
  background: #2677e7;
}

ul.size li.active, ul.size li:hover label {
  color: #fff;
}

ul.color li .ckbf, ul.size li .ckbf {
  display: none;
}

ul.color li label {
  width: 100%;
  height: 100%;
}

ul.color {
  text-align: left;
}

ul.color li {
  margin-top: 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 1px;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
}

ul.color li.active {
  border: 1px solid #ff0000;
}

ul.color li a {
  width: 100%;
  height: 100%;
  display: block;
}

.simple_vertical_list input[type="radio"], .checkboxes_list input[type="radio"], .simple_vertical_list input[type="checkbox"], .checkboxes_list input[type="checkbox"] {
  display: none;
}

.simple_vertical_list input[type="radio"] + label, .checkboxes_list input[type="radio"] + label, .simple_vertical_list input[type="checkbox"] + label, .checkboxes_list input[type="checkbox"] + label {
  position: relative;
  width: auto;
  margin: 0 17px 0 0;
  padding-left: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.simple_vertical_list input[type="radio"] + label::before, .checkboxes_list input[type="radio"] + label::before, .simple_vertical_list input[type="checkbox"] + label::before, .checkboxes_list input[type="checkbox"] + label::before {
  content: "";
  display: block;
  text-align: center;
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  color: inherit;
  background: url("../files/images/icon/checkboxN.png") no-repeat;
  border-radius: 3px;
}
.simple_vertical_list.pr_chek input[type="radio"] + label::before, .checkboxes_list.pr_chek input[type="radio"] + label::before, .simple_vertical_list.pr_chek input[type="checkbox"] + label::before, .checkboxes_list.pr_chek input[type="checkbox"] + label::before {
   top: 10px;
}

.simple_vertical_list input[type="checkbox"] + label::before, .checkboxes_list input[type="checkbox"] + label::before {
  font-size: 12px;
}

.simple_vertical_list input[type="radio"] + label::before, .checkboxes_list input[type="radio"] + label::before {
  /*border-radius: 50%;*/
}

.simple_vertical_list input[type="radio"] + label:empty, .checkboxes_list input[type="radio"] + label:empty {
  width: 22px;
  padding-left: 0px;
  margin: 0px;
}

.simple_vertical_list input[type="checkbox"]:checked + label::before, .checkboxes_list input[type="checkbox"]:checked + label::before {
  background: url("../files/images/icon/checkbox.png") no-repeat;
}

.simple_vertical_list input[type="radio"]:checked + label::before, .checkboxes_list input[type="radio"]:checked + label::before {
  /*content: "\f10c";*/
  content: "";
  background: url("../files/images/icon/checkbox.png") no-repeat;

}

.tags_cloud li {
  display: inline-block;
  margin: 0 4px 4px 0;
}

.button_grey {
  padding: 6px 15px;
  display: inline-block;
  color: #555;
  background: #f1f1f1;  /* text-transform: capitalize; */
  border-radius: 3px;
  border: none;
}

.button_grey:hover {
  color: white;
  background: #2677e7;
}

.button_submit {
  background: #2677e7;
  color: white;
  margin-right: 5px;
}

@media (max-width:767px) {
  .collapsed-block .tabBlockTitle {
    margin: 6px 0px;
    line-height: 20px;
  }

  .collapsed-block .tabBlockTitle .expander {
    margin: 0 10px;
    color: #333;
    font-size: 14px;
  }

  .collapsed-block .tabBlock {
    display: none;
  }

}

/*============ MODULE TAGS ===================*/
.block-tags {
  margin-top: 20px;
}

.block-tags .so-popular-tag a {
  float: left;
  font-size: 13px;
  padding: 8px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 5px 5px 0;
  line-height: 100%;
  background-color: #fff;
}

.block-tags .so-popular-tag a:hover {
  color: #fff;
  background-color: #2677e7;
  border-color: #2677e7;
}

/*============MODULE CATEGORY ==================*/
.box-category ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.box-category > ul {
  padding: 0;
}

.box-category > ul > li {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  box-shadow: unset;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
}

.box-category > ul > li > a {
  display: block;
  font-weight: 400;
  line-height: 100%;
  padding: 14px 47px 14px 15px;
  line-height: 100%;    /* text-transform: capitalize; */
  margin: 0;
}

.box-category > ul > li:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border: none;
}

.box-category > ul > li:last-child > a {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.box-category > ul > li:hover > a {
  color: #E34601;
}

.box-category > ul > li:hover .head a {
  color: #fff;
}

.box-category > ul > li ul {
  margin-left: 20px;
}

.box-category > ul > li a.accordion-toggle {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #dbdbdb;
  color: #fff;
}

.box-category > ul > li a.accordion-toggle:hover {
  background-color: #2677e7;
}

.box-category ul li a.active {
  color: #2677e7;
}

.box-category ul li .head .show:before {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px/1 'FontAwesome';
}

.box-category ul li .head .accordion-toggle:before {
  content: "\f105";
  font: normal normal normal 14px/1 'FontAwesome';
}

.box-category ul li .head {
  display: block;
  position: absolute;
  top: 8px;
  line-height: 20px;
  right: 15px;
  text-align: center;
}

.box-category ul li .head a:hover {
  color: #fff;
}

.box-category ul li ul li {
  padding: 0px 0px 0px 5px;
}

.box-category ul ul {
  margin-bottom: 20px;
}

.box-category ul ul li a {
  padding: 3px 0;
}

.box-category ul li ul li a:before {
  font-family: 'FontAwesome';
  transition: all 0.3s ease;
  content: "\f105";
  margin: 0 5px 0;
}

.box-category ul li ul li a:hover:before {
  margin-right: 10px;
}

/* ============== Page categories ============== */
.page-categories {
  margin-top: 30px;
}

.page-categories ul {
  margin: 0 -6px;
}

.page-categories ul li {
  float: left;
  padding: 0 6px;
}

.page-categories ul li .cate {
  text-align: center;
  margin-bottom: 30px;
}

.page-categories ul li .cate .cate-img {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 7px;
}

.page-categories ul li .cate .cate-img:hover {
  opacity: 0.8;
}

.page-categories ul li .cate a {
  color: #000;
  font-size: 14px;
}

.page-categories ul li .cate a:hover {
  color: #2677e7;
}

/*================ So Sticky ===============*/
@media (max-width:1199px) {
  #content #so-groups {
    display: none;
  }

}

#content #so-groups > a span {
  background-color: #2677e7;
}

#content #so-groups > a:hover {
  background-color: #165fc4;
}

#content .so-groups-sticky {
  background-color: #2677e7;
}

#content .so-groups-sticky.left {
  left: 0;
  right: auto;
}

#content .so-groups-sticky.right {
  right: 0;
  left: auto;
}

#content .so-groups-sticky .popup-header {
  padding: 25px 70px 25px 40px;
}

#content .so-groups-sticky .popup-header .popup-close {
  right: 20px;
  left: auto;
  color: #fff;
  font-size: 22px;
  opacity: 1;
}

#content .so-groups-sticky .product-thumb .button-group button, #content .so-groups-sticky .form-content .form-box #button-search {
  background-color: #2677e7;
}

#content .so-groups-sticky .product-thumb .button-group button:hover, #content .so-groups-sticky .form-content .form-box #button-search:hover {
  background-color: #165fc4;
}

#content .so-groups-sticky .form-content .form-box .product-thumb .caption .h4 a:hover {
  color: #2677e7;
}

#content .so-groups-sticky .form-content .form-box .price .price-new, #content .so-groups-sticky .form-content .form-box .price span.price {
  color: #222;
}

#content .so-groups-sticky .form-content .form-box .product-thumb .image .bt-sale, #content .so-groups-sticky .popup-header {
  background-color: #2677e7;
}

#content .so-groups-sticky .form-content .form-box .product-thumb .caption {
  height: auto;
  max-height: auto;
  min-height: auto;
}

#content .so-groups-sticky .popup-close, #content .so-groups-sticky .popup-close i.fa {
  font-size: 16px;
}

#content .so-groups-sticky .popup-header > span > i {
  margin-right: 10px;
  margin-left: auto;
}

#content .so-groups-sticky .nav-secondary ul li a:hover {
  color: #2677e7;
}

#content .so-groups-sticky .form-content .form-box input.field:hover, #content .so-groups-sticky .form-content .form-box select.field:hover {
  cursor: pointer;
}

#so-groups .form-content .form-box a.account-url:hover .account-txt {
  color: #ff5c00;
}

#so-groups .form-content .form-box input + i {
  font-size: 16px;
  margin-top: -9px;
}

#so-groups .form-content .form-box input + i:hover {
  color: #2677e7;
}

#so-groups .form-content .form-box .product-thumb .caption .h4 {
  margin-bottom: 0;
}

#so-groups .form-content .form-box .product-thumb .caption .h4 a {
  font-weight: 400;
}

#so-groups > a {
  position: relative;
  height: 43px;
}

#so-groups > a.sticky-backtop {
  border-bottom: none;
}

#so-groups > a span {
  background-color: #2677e7;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 100%;
  text-align: center;    /* text-transform: capitalize; */
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  visibility: hidden;
  white-space: nowrap;
  width: auto;
}

#so-groups > a:hover span {
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
  visibility: visible;
  width: auto;
}

.so-onepagecheckout .checkout-cart td.quantity .input-group {
  min-width: 95px;
}

#so-groups .popup-content {
  max-height: 415px;
  overflow-y: scroll;
}

#so-groups .cart-bottom p {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

#so-groups div.nav-secondary li span.nav-action i.fa {
  height: 47px;
  line-height: 47px;
}

#content .so-onepagecheckout .secondary-title i.fa {
  margin-right: 10px;
  margin-left: auto;
  background-color: #2677e7;
}

.so-onepagecheckout .price {
  font-size: 14px;
}

body #sosearchpro .dropdown-menu .media-body .box-price .price-new {
  color: #2677e7;
}

body #sosearchpro .dropdown-menu .media-body .box-price .price {
  font-size: 13px;
  color: #2677e7;
}

body #sosearchpro .dropdown-menu .media-body .box-price span {
  font-weight: normal;
  font-size: 13px;
  color: #666;
}

/*====== so countdown popup =====*/
#content #so_popup_countdown .modal-header {
  background-color: #2677e7;
}

#content #so_popup_countdown .modal-header .close {
  font-size: 23px;
  right: 15px;
  top: 33px;
}

#so_popup_countdown .modal-footer #so_countdown_timer {
  top: 65px;
}

@media (min-width:1200px) {
  body #so_popup_countdown.modal.in .modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    margin: 0 auto;
    transition: none;
  }

}

body #so_popup_countdown .modal-footer #so_countdown_timer {

  /*width: 56px;
   height: 56px;*/
}

body #so_popup_countdown .modal-footer #so_countdown_timer .time-item {
  line-height: 18px;
  padding-top: 8px;
}

#so_popup_countdown .list-cates {
  background: url(../../files/images/bg-popupc.html) no-repeat;
  background-size: 100%;
}

#so_popup_countdown .list-cates ul {
  width: 64%;    /*float: $right;
   padding: side-values(40px 20px 0 0);*/
  float: right;
  padding: 40px 20px 0 0;
  text-align: center;
}

#so_popup_countdown .list-cates ul li {
  display: inline-block;
  margin: 0 14px;
  text-align: center;
}

#so_popup_countdown .list-cates ul li a {
  font-size: 14px;
  font-weight: 500;
}

#so_popup_countdown .list-cates ul li a .icon {
  width: 87px;
  height: 87px;
  background-color: #f7e7de;
  background-image: url(../../files/images/icon/css_sprites.html);
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
  margin-bottom: 10px;
}

#so_popup_countdown .list-cates ul li a .icon.icon1 {
  background-position: -9px -9px;
}

#so_popup_countdown .list-cates ul li a .icon.icon2 {
  background-position: -9px -219px;
}

#so_popup_countdown .list-cates ul li a .icon.icon3 {
  background-position: -9px -429px;
}

#so_popup_countdown .list-cates ul li a .icon.icon4 {
  background-position: -9px -639px;
}

#so_popup_countdown .list-cates ul li a .icon.icon5 {
  background-position: -9px -849px;
}

#so_popup_countdown .list-cates ul li a .icon.icon6 {
  background-position: -9px -1059px;
}

#so_popup_countdown .list-cates ul li a .icon.icon7 {
  background-position: -9px -1269px;
}

#so_popup_countdown .list-cates ul li a:hover .icon {
  background-color: #2677e7;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon1 {
  background-position: -9px -114px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon2 {
  background-position: -9px -324px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon3 {
  background-position: -9px -534px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon4 {
  background-position: -9px -744px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon5 {
  background-position: -9px -954px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon6 {
  background-position: -9px -1164px;
}

#so_popup_countdown .list-cates ul li a:hover .icon.icon7 {
  background-position: -9px -1374px;
}

#so_popup_countdown .list-cates ul li.item5, #so_popup_countdown .list-cates ul li.item6, #so_popup_countdown .list-cates ul li.item7 {
  margin-top: 25px;
}

#so_popup_countdown .list-cates .customer {
  display: inline-block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  font-size: 14px;
  font-weight: 500;
  margin-top: 18px;
  padding: 12px 40px 12px 50%;
}

#so_popup_countdown .list-cates .customer a {
  color: #2677e7;
}

#so_popup_countdown .list-cates .customer a:hover {
  color: #165fc4;
}

.hidden-popup-countdown {
  overflow: visible;
}

.hidden-popup-countdown #so_popup_countdown {
  display: none;
}

.hidden-popup-countdown .modal-backdrop {
  display: none;
}

.hidden-popup-countdown.modal-open .modal-backdrop:first-child {
  display: none;
}

.hidden-popup-countdown.modal-open .modal-backdrop {
  display: block;
}

body .mfp-close-btn-in .mfp-close {
  right: 0;
  left: auto;
  margin: 0;
  color: #222;
}

body .mfp-close-btn-in .mfp-close:hover {
  color: #2677e7;
}

#product-quick .owl-carousel .owl-stage-outer {
  direction: ltr;
}

.so-fb-message-style-default .so-fb-message-head {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}

.quickview-w.product-view .content-product-left, .quickview-w.product-view .content-product-right {
  width: 50%;
}

.quickview-w.product-view .content-product-left.class-honizol .thumb-video {
  display: none;
}

.so-onepagecheckout .panel-default {
  display: inline-block;
  width: 100%;
}

/*===============================================
 [SASS DIRECTORY ]
 [1] SO LATSET BLOG
 [2] SIMPLE BLOG
 [3] ARTICLE INFO
 ==============================================*/

/*============CONTENT ASIDE BLOG ==================*/
.content-aside .h3.modtitle2 {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.content-aside .h3.modtitle2:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #eee;
}

.content-aside .h3.modtitle2:before {
  content: "";
  display: block;
  width: 130px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #D81B1B;
  z-index: 2;
}

.content-aside .search {
  position: relative;
  margin-bottom: 50px;
}

.content-aside .search input {
  height: 40px;
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding-left: 40px;
}

.content-aside .search button {
  position: absolute;
  top: 0;
  left: 0;
  color: #999;
  background: none;
  height: 40px;
}

.content-aside .author {
  margin-bottom: 40px;
}

.content-aside .author .des-author {
  margin-top: 30px;
}

.content-aside .achive {
  margin-bottom: 50px;
}

.content-aside .achive h3 {
  margin-bottom: 0;
}

.content-aside .achive ul li {
  padding: 15px 0;
  border-bottom: 1px solid #ebebeb;
}

.content-aside .achive ul li:last-child {
  border: none;
}

.content-aside .lastest-blog {
  position: relative;
}

.content-aside .lastest-blog .so-extraslider .extraslider-inner {
  position: static;
}

.content-aside .lastest-blog .so-extraslider .owl-controls .owl-dots {
  position: absolute;
  top: 5px;
  text-align: right;
  right: 0;
  min-width: 80px;
  right: 0;
  top: 5px;
  min-width: 60px;
}

.content-aside .lastest-blog .so-extraslider .owl-controls .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #222;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.content-aside .lastest-blog .so-extraslider .owl-controls .owl-dots .owl-dot span {
  display: none;
}

.content-aside .lastest-blog .so-extraslider .owl-controls .owl-dots .owl-dot:hover {
  background-color: #2677e7;
}

.content-aside .lastest-blog .so-extraslider .owl-controls .owl-dots .owl-dot.active {
  width: 30px;
  background-color: #E34601;
}

/*============ SIMPLE BLOG ==================*/
.blog-category .block-item-inner {
  margin-bottom: 60px;
}

.blog-category .block-item-inner .blog-item-img a img:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.blog-category .block-item-inner .blog-item-content a h4 {
  font-weight: 700;
  font-size: 20px;
  color: #222;
  margin-top: 20px;
}

.blog-category .block-item-inner .blog-item-content a h4:hover {
  color: #2677e7;
}

.blog-category .block-item-inner .blog-item-content .blog-meta {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.blog-category .block-item-inner .blog-item-content .blog-meta span {
  margin-right: 20px;
}

.blog-category .block-item-inner .blog-item-content .blog-meta span {
  color: #999;
}

.blog-category .block-item-inner .blog-item-content .blog-meta span a {
  color: #999;
}

.blog-category .block-item-inner .blog-item-content .blog-meta span a:hover {
  color: #2677e7;
}

.blog-category .block-item-inner .blog-item-content .readmore a {
  color: #2677e7;
}

.blog-category .block-item-inner .blog-item-content .readmore a:hover {
  color: #123a71;
}

.blog-category .item-inner {
  margin-bottom: 40px;
}

.blog-category .item-inner h4 a {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}

.blog-category .item-inner h4 a:hover {
  color: #2677e7;
}

.content-pagination1 {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 50px;
  border-top: 1px solid #eee;
}

.content-pagination1 ul {
  overflow: hidden;
  display: inline-block;
}

.content-pagination1 ul li {
  display: inline-block;
  float: left;
  margin: 5px;
}

.content-pagination1 ul li a {
  display: block;
  padding: 10px 20px;
  border: 1px solid #eaeaea;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
}

.content-pagination1 ul li:hover a, .content-pagination1 ul li.active a {
  background: #2677e7;
  color: #fff;
}

.blog-cate ul {
  margin-bottom: 0;
  padding: 10px 0;
}

.blog-cate ul li.list-group-item {
  border: none;
  padding: 5px 15px;
}

.blog-listitem .blog-item .blog-item-inner {
  display: block;
  margin-bottom: 30px;
  transition: all 0.2s;
}

.blog-listitem .blog-item .blog-item-inner:hover .blog-content h4 > a {
  color: #2677e7;
}

.blog-listitem .blog-item .blog-item-inner .itemBlogContent {
  padding: 0;
}

.blog-listitem .blog-item .blog-item-inner .article-image {
  position: relative;
}

.blog-listitem .blog-item .blog-item-inner .article-image:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 85px solid transparent;
  top: 0;
  position: absolute;
  z-index: 2;
  border-left: 80px solid #fff;
  left: 0;
}

.blog-listitem .blog-item .blog-item-inner .article-image .article-date {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 3px;
  line-height: 20px;
}

.blog-listitem .blog-item .blog-item-inner .article-image .article-date .date {
  font-size: 14px;
  color: #909090;
  display: block;
}

.blog-listitem .blog-item .blog-item-inner .article-image .article-date .date b {
  font-size: 24px;
  color: #909090;
  display: block;
}

.blog-listitem .blog-item .blog-item-inner .article-image:hover img {
  opacity: 0.8;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.blog-listitem .blog-item .blog-item-inner .itemBlogContent {
  padding: 15px;
}

.blog-listitem .blog-item .blog-item-inner .blog-meta {
  display: inline-block;
  padding: 0px 0 10px;
  border-bottom: 1px solid #ebebeb;
  vertical-align: top;
  width: 100%;
  font-size: 13px;
}

.blog-listitem .blog-item .blog-item-inner .author, .blog-listitem .blog-item .blog-item-inner .comment_count, .blog-listitem .blog-item .blog-item-inner .blog-date {
  color: #b3b3b3;
  display: inline-block;
  margin-right: 15px;
}

.blog-listitem .blog-item .blog-item-inner .author i, .blog-listitem .blog-item .blog-item-inner .comment_count i, .blog-listitem .blog-item .blog-item-inner .blog-date i {
  margin-right: 8px;
}

.blog-listitem .blog-item .blog-item-inner .author a, .blog-listitem .blog-item .blog-item-inner .comment_count a, .blog-listitem .blog-item .blog-item-inner .blog-date a {
  color: #b3b3b3;
}

.blog-listitem .blog-item .blog-item-inner .blog-content {
  clear: both;
  display: inline-block;
  width: 100%;
}

.blog-listitem .blog-item .blog-item-inner .blog-content h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .article-description {
  margin: 5px 0 15px 0;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore {
  font-size: 14px;
  margin-top: 10px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore .fa {
  margin-right: 8px;
}

.blog-listitem .blog-item .blog-item-inner .blog-content .readmore > a {
  color: #2677e7;
}

.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogImg {
  width: 320px;
  margin: 0 15px 0 0;
  float: left;
}

@media (max-width:767px) {
  .blog-listitem .blog-grid-1 .blog-item-inner .itemBlogImg {
    width: auto;
  }

}

.blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent {
  width: auto;
  float: none;
  overflow: hidden;
  clear: none;
  padding: 0;
}

@media (max-width:767px) {
  .blog-listitem .blog-grid-1 .blog-item-inner .itemBlogContent {
    float: left;
    margin-top: 15px;
  }

}

@media (min-width:1200px) {
  .blog-listitem .blog-grid-2:nth-child(2n+1) {
    clear: both;
  }

}

.blog-listitem .blog-grid-2 .blog-item-inner {
  background: none;
  box-shadow: none;
}

.blog-listitem .blog-grid-2 .blog-item-inner .itemBlogContent {
  padding: 10px 0;
}

.blog-listitem .blog-grid-2 .article-description {
  display: none;
}

@media (min-width:1200px) {
  .blog-listitem .blog-grid-3:nth-child(3n+1) {
    clear: both;
  }

}

.blog-listitem .blog-grid-3 .blog-item-inner {
  background: none;
  box-shadow: none;
}

.blog-listitem .blog-grid-3 .blog-item-inner .itemBlogContent {
  padding: 10px 0;
}

.blog-listitem .blog-grid-3 .article-description {
  display: none;
}

@media (min-width:1200px) {
  .blog-listitem .blog-grid-4:nth-child(4n+1) {
    clear: both;
  }

}

.blog-listitem .blog-grid-4 .article-description {
  display: none;
}

.blog-listitem .blog-list .blog-item-inner {
  padding: 0px;
  background: none;
  margin-bottom: 35px;
}

.blog-listitem .blog-list .blog-item-inner .itemBlogImg {
  margin-bottom: 15px;
}

.blog-listitem .blog-list .blog-item-inner .itemBlogContent {
  padding: 0;
}

/*============ARTICLE INFO==================*/
div.article-info .look-see h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  margin: 40px 0;
}

div.article-info .look-see p {
  margin-bottom: 30px;
}

div.article-info .tags-share {
  text-transform: uppercase;
  overflow: hidden;
  padding: 30px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 40px;
  margin-top: 10px;
}

div.article-info .tags-share span {
  font-weight: 700;
  color: #222;
}

div.article-info .tags-share .tags {
  line-height: 30px;
  display: inline-block;
  float: left;
}

div.article-info .tags-share .tags a {
  color: #7d7d7d;
}

div.article-info .tags-share .tags a:hover {
  color: #2677e7;
}

div.article-info .tags-share .share {
  display: inline-block;
  float: right;
}

@media (min-width:768px) and (max-width:991px) {
  div.article-info .tags-share .share {
    float: none;
  }

}

@media (max-width:767px) {
  div.article-info .tags-share .share {
    float: none;
  }

}

div.article-info .tags-share .share span {
  margin-right: 10px;
}

div.article-info .tags-share .share span {
  line-height: 30px;
}

div.article-info .tags-share .share .icon-share {
  overflow: hidden;
  float: right;
}

div.article-info .tags-share .share .icon-share ul li {
  display: inline-block;
  float: left;
}

div.article-info .tags-share .share .icon-share ul li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2677e7;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
}

div.article-info .tags-share .share .icon-share ul li a:hover {
  background: #16478a;
}

div.article-info .author-details {
  margin-bottom: 50px;
}

div.article-info .author-details .infomation {
  padding-left: 130px;
}

div.article-info .author-details .infomation h4 {
  margin-top: 0;
  padding-top: 15px;
  text-transform: uppercase;
}

div.article-info .author-details .infomation h4 span {
  color: #b3b3b3;
  font-size: 13px;
  margin-left: 20px;
  position: relative;
}

div.article-info .author-details .infomation h4 span:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #b3b3b3;
  position: absolute;
  top: 0;
  left: -15px;
}

div.article-info .related-news {
  position: relative;
}

div.article-info .related-news .extraslider-inner {
  position: static;
}

div.article-info .related-news .extraslider-inner .item-inner .top-block a img:hover {
  opacity: 0.8;
}

div.article-info .related-news .extraslider-inner .item-inner .bottom-block .entry-meta {
  font-size: 12px;
}

div.article-info .related-news .extraslider-inner .item-inner .bottom-block .entry-meta .entry-date, div.article-info .related-news .extraslider-inner .item-inner .bottom-block .entry-meta .entry-comment {
  display: inline-block;
  float: left;
}

div.article-info .related-news .extraslider-inner .item-inner .bottom-block .entry-meta .entry-date.entry-date, div.article-info .related-news .extraslider-inner .item-inner .bottom-block .entry-meta .entry-comment.entry-date {
  margin-right: 15px;
}

div.article-info .related-news .extraslider-inner .owl-controls .owl-dots {
  position: absolute;
  top: 5px;
  text-align: right;
  right: 0;
  min-width: 80px;
  right: 0;
  top: 5px;
  min-width: 60px;
}

div.article-info .related-news .extraslider-inner .owl-controls .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #222;
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

div.article-info .related-news .extraslider-inner .owl-controls .owl-dots .owl-dot span {
  display: none;
}

div.article-info .related-news .extraslider-inner .owl-controls .owl-dots .owl-dot:hover {
  background-color: #2677e7;
}

div.article-info .related-news .extraslider-inner .owl-controls .owl-dots .owl-dot.active {
  width: 30px;
  background-color: #D81B1B;
}

div.article-info .comment {
  margin-top: 50px;
}

div.article-info .comment .comment-details {
  margin-bottom: 30px;
}

div.article-info .comment .comment-reply {
  margin-left: 100px;
}

div.article-info .comment .infomation {
  position: relative;
  padding-left: 130px;
}

div.article-info .comment .infomation h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  padding-bottom: 10px;
  margin-top: 0;
  border-bottom: 1px solid #eaeaea;
}

div.article-info .comment .infomation .top-right {
  display: inline-block;
  position: absolute;
  top: 0;
  color: #b3b3b3;
  right: 0;
}

@media (min-width:768px) and (max-width:991px) {
  div.article-info .comment .infomation .top-right {
    position: static;
  }

}

@media (max-width:767px) {
  div.article-info .comment .infomation .top-right {
    position: static;
  }

}

div.article-info .comment .infomation .top-right a {
  padding-left: 20px;
  position: relative;
  color: #b3b3b3;
}

div.article-info .comment .infomation .top-right a.reply {
  color: #2677e7;
}

div.article-info .comment .infomation .top-right a.reply:hover {
  color: #123567;
}

div.article-info .comment .infomation .top-right a:hover {
  color: #2677e7;
}

div.article-info .comment .infomation .top-right a:after {
  content: "/";
  position: absolute;
  top: -2px;
  left: 5px;
}

.submit-comment {
  margin-bottom: 50px;
}

.submit-comment .textarea {
  margin: 30px 0;
}

.submit-comment button {
  background: #2677e7;
  color: #fff;
  font-weight: 700;
  border-radius: 3px;
}

.submit-comment button:hover {
  background: #2169ce;
  color: #fff;
}

@media (min-width:768px) and (max-width:991px) {
  .submit-comment .col-md-4 input {
    margin: 30px 0;
  }

  .submit-comment .col-md-4:first-child input {
    margin: 0;
  }

}

@media (max-width:767px) {
  .submit-comment .col-md-4 input {
    margin: 30px 0;
  }

  .submit-comment .col-md-4:first-child input {
    margin: 0;
  }

}

.panel--related img {
  transition: 0.3s all ease-in-out;
}

.panel--related .img-responsive:hover {
  opacity: 0.8;
}

.panel--related .caption .h4 {
  font-size: 14px;
  margin: 10px 0;
}

.article--style1 .article-info .article-image {
  width: 50%;
  margin-right: 30px;
  float: left;
}

.article--style2 .article--mainimage {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.article--style2 .article--maintitle {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 10px 15px;
  color: #f3f3f3;
  background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* Chrome10-25,Safari5.1-6 */
  background: -moz-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111 0%, rgba(255, 255, 255, 0) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff', GradientType=1);    /* IE6-9 */
}

.article--style2 .article--maintitle .article-title {
  text-transform: uppercase;
}

.article--style2 .article--maintitle h3 {
  margin-bottom: 5px;
  font-size: 21px;
}

.article--style3 .article--mainimage {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.article--style3 .article--maintitle .article-title {
  text-transform: uppercase;
}

.article--style3 .article--maintitle h3 {
  margin-bottom: 5px;
}

.article--style4 .article--maincontent {
  padding: 20px;
  position: relative;
  z-index: 2;
  margin-top: -100px;
  background: #fff;
}

.article--style5 .article--mainimage {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.article--style5 .article--maintitle {
  position: absolute;
  z-index: 5;
  transform: translateY(-130%);
  width: 1170px;
}

.article--style5 .article--maintitle h3 {
  margin-bottom: 0;
}

.article--style5 .article--maintitle .article-title {
  text-transform: uppercase;
  bottom: 0;
  z-index: 5;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  color: #f3f3f3;
  margin-bottom: 10px;
}

.article--style5 .article--maintitle .article-sub-title {
  bottom: 0;
  z-index: 5;
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);
  min-width: 45%;
  padding: 10px;
  color: #f3f3f3;
}

.article--style5 .article--maintitle .article-title, .article--style5 .article--maintitle .article-sub-title {
  background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* Chrome10-25,Safari5.1-6 */
  background: -moz-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #111 0%, rgba(255, 255, 255, 0) 100%);    /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #111 0%, rgba(255, 255, 255, 0) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff', GradientType=1);    /* IE6-9 */
}

/*============ARTICLE COMMENTS==================*/
.comments {
  margin-bottom: 30px;
}

.comments.comments-level-1 {
  margin-left: 136px;
}

.comments .pull-left {
  width: 100px;
  height: 100px;
  display: block;
  background-color: #f5f5f5;
  margin-right: 30px;
  position: relative;
  padding: 0;
}

.comments .pull-left .fa {
  font-size: 46px;
  display: block;
  text-align: center;
  margin: 25px 0;
}

.comments .pull-left img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

.comments .pull-left span {
  position: absolute;
  display: inline-block;
  top: 15%;
}

.comments .media-body .media-title {
  color: #1fc0a0;
  padding-bottom: 14px;
}

.comments .media-body .media-title .username {
  font-size: 18px;
  font-style: italic;
  font-family: Georgia, sans-serif;
  display: inline-block;
  margin-right: 14px;
}

.comments .media-body .media-title .time {
  font-size: 16px;
}

.comments .media-body .media-title .time .fa {
  font-size: 20px;
  margin-right: 13px;
  position: relative;
  top: 3px;
}

.comments .media-body .media-title .link:hover {
  text-decoration: none;
}

@media (max-width:745px) {
  .comments {
    margin-bottom: 28px;
  }

  .comments.comments-level-1 {
    margin-left: 70px;
  }

  .comments .pull-left {
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }

  .comments .pull-left:before {
    font-size: 46px;
    line-height: 1em;
    top: 10px;
  }

  .comments .media-body .media-title time {
    display: block;
  }

  .comments .media-body .media-title time .icon {
    font-size: 20px;
    margin: 0 6px 0 0;
    position: relative;
    top: 3px;
  }

}

/*****************************************************************************
 ******                     SO Framework: Sass Garenal                   ******
 ******************************************************************************/
.wrapper-boxed .typeheader-2.navbar-compact, .wrapper-boxed .typeheader-4.navbar-compact, .wrapper-boxed .typeheader-3.navbar-compact, .wrapper-boxed .typeheader-1.navbar-compact {
  width: 100%;
  max-width: 1650px;
}

.clearfix {
  clear: both;
}

/*================  ===================*/
body.layout-3 #content .so-page-builder .container {
  padding: 0 15px;
}

body.layout-5 {
  font-size: 13px;
}

body.layout-5.checkout-cart footer {
  margin-top: 30px;
}

body.layout-4 {
  font-size: 13px;
  font-family: Myriad Pro ;
}

@media (min-width:1200px) {
  /*body.layout-4 .container {
    max-width: 1650px;
    padding: 0;
    width: 93%;
  }*/

  body.layout-4 #column-right.col-sm-3, body.layout-4 .col-md-3.content-aside {
    width: 16.66667%;
  }

  body.layout-4 #content.col-sm-9, body.layout-4 #content.col-md-9 {
    width: 83.33333%;
  }

  body.layout-4 .wrapper-boxed, body.layout-4 .wrapper-iframed, body.layout-4 .wrapper-rounded {
    max-width: 1650px;
  }

  body.layout-4 .wrapper-boxed .container, body.layout-4 .wrapper-iframed .container, body.layout-4 .wrapper-rounded .container {
    width: 95%;
  }

}

@media (min-width:1200px) {
  body.layout-3 .container, body.layout-1 .container {
    max-width: 1290px;
    padding: 0;
    width: 93%;
  }

  body.layout-3 #column-right.col-sm-3, body.layout-1 #column-right.col-sm-3, body.layout-3 .col-md-3.content-aside, body.layout-1 .col-md-3.content-aside {
    width: 16.66667%;
  }

  body.layout-3 #content.col-sm-9, body.layout-1 #content.col-sm-9, body.layout-3 #content.col-md-9, body.layout-1 #content.col-md-9 {
    width: 83.33333%;
  }

  body.layout-2 .container, body.layout-1 .container {
    max-width: 1650px;
    padding: 0;
    width: 93%;
  }

  body.layout-2 .wrapper-boxed, body.layout-1 .wrapper-boxed, body.layout-2 .wrapper-iframed, body.layout-1 .wrapper-iframed, body.layout-2 .wrapper-rounded, body.layout-1 .wrapper-rounded {
    max-width: 1650px;
  }

  body.layout-2 .wrapper-boxed .container, body.layout-1 .wrapper-boxed .container, body.layout-2 .wrapper-iframed .container, body.layout-1 .wrapper-iframed .container, body.layout-2 .wrapper-rounded .container, body.layout-1 .wrapper-rounded .container {
    width: 95%;
  }

}

@media (min-width:1200px) and (max-width:1650px) {
  body.layout-4 .content-main-w .main-left, body.layout-4 .col-md-3.content-aside {
    width: 21%;
  }

  body.layout-4 .content-main-w .main-right, body.layout-4 #content.col-sm-9, body.layout-4 #content.col-md-9 {
    width: 79%;
  }

}

@media (min-width:1200px) and (max-width:1650px) {
  body.layout-2 .content-main-w .main-left, body.layout-1 .content-main-w .main-left, body.layout-2 .col-md-3.content-aside, body.layout-1 .col-md-3.content-aside {
    width: 21%;
  }

  body.layout-2 .content-main-w .main-right, body.layout-1 .content-main-w .main-right, body.layout-2 #content.col-sm-9, body.layout-1 #content.col-sm-9, body.layout-2 #content.col-md-9, body.layout-1 #content.col-md-9 {
    width: 79%;
  }

}

/* 2. STYLE OWL
 ------------------------------*/

/* 3. STYLE ALL SITE
 -------------------------------*/
body {
  color: #555;
  font-size: 14px;
  line-height: 22px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}
..h3.modtitle {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #222;
  font-size: 18px;
}
/* Override the bootstrap defaults */
h1 {
  font-size: 25px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

ul, ul li, ul.menu, ul.blank, .category-style .list-group, .category-style .list-group > li ul, .filter-shopby .checkboxes_list, .filter-shopby .simple_vertical_list, .tags_cloud, ul.contact-address, ul.product-options {
  list-style: none;
  padding: 0;
}

div.static-page-content ul, div.static-page-content ul li {
  list-style: disc;
  padding: 0 10px;
}

div.static-page-content ol, div.static-page-content ol li {
  list-style: decimal;
  padding: 0 10px;
}

option {
  padding: 2px 5px;
  border-width: 1px;
}

.alert ol li {
  list-style-type: decimal;
  margin: 0 0 5px 15px;
}

img {
  max-width: 100%;
}

.align-center {
  display: table;
  margin: 0 auto;
}

.text-danger {
  color: #fff;
  display: inline-block;
  background-color: #a94442;
  padding: 0 5px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 11px;
}

a, .btn-link {
  color: #555;
  transition: color 0.3s ease-in-out;
}

a:hover, .btn-link:hover {
  color: #64BD18;
  text-decoration: none;
}

a, a:visited, a:active, a:link, a:focus {
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

ul, ol {
  margin: 0;
}

.btn.active, .btn:active {
  box-shadow: none !important;
}

.input-group-btn > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 0 15px;
}

em {
  font-style: normal;
}

.fancybox-outer, .fancybox-inner {
  text-align: center;
}

.fancybox-outer .wishlist_product_view, .fancybox-inner .wishlist_product_view {
  margin-bottom: 15px;
}

.list-inline {
  display: inline-block;
}

.zoomContainer {
  overflow: hidden;
}

.img-thumbnail.pull-left {
  margin-right: 30px;
}

.img-thumbnail.pull-right {
  margin-left: 30px;
}

.selector {
  display: inline-block;
  position: relative;
  height: 30px;
  padding-right: 30px;
}

.selector span {
  display: none;
}

.selector select {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  top: 0px;
  left: 0px;
  font-size: 13px;
  color: #999;
  padding: 5px 7px;
  border: solid 1px #e6e6e6;
}

.selector select:focus {
  box-shadow: none;
  outline: none;
  border-color: #e6e6e6;
}

.selector:after {
  content: "\f0d7";
  margin: 0;
  height: 28px;
  width: 28px;
  text-align: center;
  color: #666;
  position: absolute;
  top: 1px;
  right: 1px;
  background: #fff;
  pointer-events: none;
  line-height: 25px;
  font-size: 12px;
}

.margin-zero {
  margin: 0;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width:768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }

}

@media (min-width:992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }

}

@media (min-width:1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }

}

/* 4. FORM
 -----------------------------------------------------------------*/
.clearfix {
  clear: both;
}

.inline {
  display: inline-block;
}

legend {
  font-size: 18px;
  padding: 7px 0px;
}

label {
  font-size: 12px;
  font-weight: normal;
}

.input-group .input-group-addon {
  font-size: 18px;
  height: 40px;
}

.dropdown-menu {
  font-size: inherit;
}

.btn {
  border-radius: 0;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
  background: #2677e7;
  border-color: #2677e7;
  color: white;
}

.buttonGray {
  padding: 9px 20px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: none;
}

.buttonGray:hover {
  background: #2677e7;
  border-color: #2677e7;
  color: #fff;
}

.submit {
  margin: 1em 0;
}

select, textarea {
  color: #666;
}

select {
  box-shadow: none;
  padding-left: 5px;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("/files/images/icon/bg-select.png") no-repeat right center #fff !important;
}

textarea {
  height: auto;
  resize: none;
}

.alert-danger, .alert-success {
  display: inline-block;
  width: 100%;
  border-radius: 0;
}

.filter_group input {
  display: none;
}

.filter_group [type=checkbox] + span:before {
  content: "\f00c";
  font-family: FontAwesome;
  width: 18px;
  padding-left: 2px;
  line-height: 16px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 12px;
  color: #fff;
}

.filter_group [type=checkbox]:checked + span:before {
  color: #333;
}

/* 4. Dropdown
 -----------------------------------------------------------------*/
.shopping_cart .btn-shopping-cart .checkout {
  padding: 10px 20px;
}

.shopping_cart .dropdown-menu .content-item {
  max-height: 245px;
  overflow: auto;
}

.shopping_cart .btn-shopping-cart .added_items {
  color: #222;
}

.header-top-right .top-link > li {
  position: relative;
}

header .account.open .dropdown-menu, header .account:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  display: block !important;
}

header .dropdown-menu {
  padding: 10px 20px;
  margin: 0;
  min-width: 120px;
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
  right: 0;
  left: auto;
  border-radius: 0;
}

@media (min-width:1200px) {
  header .dropdown-menu {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
    display: block;
  }

}

header .dropdown-menu > li .btn-block {
  padding: 5px 0;
  line-height: 22px;
  color: #555;
}

header .dropdown-menu > li .btn-block:hover {
  color: #2677e7;
}

header .dropdown-menu > li:hover button {
  color: #2677e7;
}

header .dropdown-menu .btn-block {
  border: none;
  background: transparent;
  text-align: left;
}

.dropdown-menu > li > a {
  padding: 5px 0px;
  line-height: 22px;
  color: #555;
}

.dropdown-menu > li > a:hover {
  color: #2677e7;
}

.btn-group .btn-link {
  text-align: left;
  background: transparent;
  text-decoration: none;
  padding: 5px 10px;
  color: #666;
  font-weight: normal;
  color: #555;
  position: relative;
  z-index: 1;
}

.btn-group .btn-link:hover {
  color: #2677e7;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: transparent;
}

.nav-header {
  color: #667280;
}

@media (min-width:1199px) {
  header .header-top .top-link > li:hover .dropdown-menu, header .btn-group:hover .dropdown-menu, header .dropdown:hover .dropdown-menu, header .btn-shopping-cart:hover .dropdown-menu {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
  }

}

@media (max-width:1024px) {
  header .open > .dropdown-menu {
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

}

.size-img-cart {
  width: 80px;
}

#cart .dropdown-menu {
  margin-right: 15px;
  padding: 0;
}

#cart .dropdown-menu:after {
  left: auto;
  right: 49px;
}

/* 5. TABLE
 -----------------------------------------------------*/
.table thead > tr > th {
  background: #eee;
}

table.std th, table.std td {
  vertical-align: middle;
  border: 1px;
  padding: 10px;
  text-align: center;
}

table.std th {
  white-space: nowrap;
  background: #f5f5f5;
}

table.std tfoot td {
  color: #333;
  text-align: right;
  white-space: nowrap;
}

table.std {
  background: #fdfdfd;
  border-spacing: 0;
  vertical-align: middle;
  border: 1px;
  width: 100%;
}

table th {
  border: 1px;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.delivery_option table td {
  text-align: center;
}

table tfoot td {
  text-align: right;
}

table.table-bordered thead > * {
  background-color: rgba(51, 51, 51, 0.1);
  font-weight: bold;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.sidebar-menu .box-category-menu {
  z-index: 2;
}

.label-mega {
  background: #ee3b27;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
  margin: 0 auto;
}

#button-review {
  margin-top: 12px;
  padding: 7px 12px;
  margin-right: 10px;
  background: gray;
  color: #fff;  /* text-transform: capitalize; */
  border-radius: 0;
  border-color: gray;
}

#button-review:hover {
  background: #2677e7;
  border-color: #2677e7;
}

.product-search .checkbox-inline {
  display: block;
}

/*  +----------------------------------------------------+
 TABLE OF CONTENTS
 +----------------------------------------------------+
 [1]    Page Faq
 [2]    Page About us
 [3]    Page Contact
 [4]    page 404 
 */
#map-canvas {
  height: 600px;
}

body.layout-1 .container.banners-demo-w {
  max-width: 1170px;
  width: 100%;
}

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

ul.yt-accordion li.accordion-group {
  margin-bottom: 1px;
}

ul.yt-accordion li.accordion-group h3.accordion-heading {
  margin: 0;
  cursor: pointer;
  background-color: #f4f4f4;
  position: relative;
  z-index: 2;
}

ul.yt-accordion li.accordion-group h3.accordion-heading span {
  padding: 10px;
  font-size: 16px;
  display: block;
  margin-left: 40px;
  line-height: 24px;
}

ul.yt-accordion li.accordion-group h3.accordion-heading .fa {
  margin: 0px;
  font-family: verdana;
  font-size: 17px;
  width: 40px;
  background: #a0a0a0;
  color: white;
  text-align: center;
  line-height: 40px;
  vertical-align: top;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
}

ul.yt-accordion li.accordion-group .accordion-inner {
  border: 1px solid #f4f4f4;
  padding: 10px 15px;
  background: #e6e6e3;
}

ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-square:before {
  content: "+";
}

ul.yt-accordion li.accordion-group h3.accordion-heading.active .fa-plus-square:before {
  content: "-";
}

ul.yt-accordion li.accordion-group h3.accordion-heading:hover {
  color: white;
  background: #8e8e8e;
}

ul.yt-accordion li.accordion-group h3.accordion-heading:hover .fa {
  background: #666;
}

/*============ PAGE ABOUT US 1==============*/
.about-us-type-1 h3, .about-box-4 h3, .about-box-3 h3 {
  color: #222;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.about-us-type-1 h4, .about-box-4 h4, .about-box-3 h4 {
  color: #222;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}

.about-box-1 img:hover, .about-box-3 img:hover, .team-member img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
}

.about-us-type-1 {
  text-align: center;
}

.about-us-type-1 .about-box-2 {
  margin: 40px 0;
}

.about-us-type-1 .about-box-2 p {
  text-align: left;
}

.about-us-type-1 .about-policy {
  text-align: left;
}

.about-us-type-1 .slider-brands {
  border: 1px solid #dcdde1;
  background-color: #fff;
  padding: 25px 0px;
  margin: 50px 0;
  position: relative;
}

.about-us-type-1 .slider-brands .contentslider {
  padding: 0 40px;
  position: relative;
}

.about-us-type-1 .slider-brands .contentslider .owl-stage-outer {
  direction: ltr;
}

.about-us-type-1 .slider-brands .item {
  text-align: center;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.about-us-type-1 .slider-brands .item:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -22.5px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev:before, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-next, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-next:before, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-prev, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-prev:before, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev:hover, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next {
  background: #fff;
  border: 1px solid #aaa;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-prev, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-prev {
  left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev.owl-next, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next.owl-next {
  right: 0;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev:hover:before, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next:hover:before {
  color: #fff;
}

.about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-prev:before, .about-us-type-1 .slider-brands .owl-controls .owl-nav .owl-next:before {
  color: #aaa;
}

.about-box-3 {
  text-align: center;
  background: #f5f5f5;
  margin: 50px 0;
  padding: 50px 0;
}

.about-box-4 {
  text-align: center;
}

.about-box-4 .about-team-top p {
  width: 600px;
  display: inline-block;
}

.about-box-4 .about-team-bot {
  overflow: hidden;
  margin: 0 -15px;
}

.about-box-4 .about-team-bot .team-member {
  width: 20%;
  float: left;
  padding: 15px;
}

/*====*/
.about-us .about-title {
  font-size: 171%;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 20px;
}

.about-us .name-member {
  font-size: 116.67%;
  font-weight: bold;
}

.about-us .job-member {
  margin: 7px 0 5px;
  font-style: italic;
}

.about-us .job-member:before, .about-us .job-member:after {
  content: "---";
  margin: 0 5px;
}

.about-us .social-member {
  list-style: none;
}

.about-us .social-member .social-icon {
  display: inline-block;
  margin: 0 3px;
}

.about-us .social-member .social-icon a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  border-radius: 50%;
}

.about-us .social-member .social-icon a span {
  display: none;
}

.about-us .social-member .social-icon a:hover {
  background-color: #2677e7;
}

.about-us .social-member .social-icon.rss a {
  background-color: #f8bc2e;
}

.about-us .social-member .social-icon.facebook a {
  background-color: #39599f;
}

.about-us .social-member .social-icon.twitter a {
  background-color: #45b0e3;
}

.about-us .social-member .social-icon.google a {
  background-color: #1872bf;
}

.about-us .des-member.des-client {
  max-width: 950px;
  margin: 0 auto;
  font-style: italic;
  margin-bottom: 10px;
}

.about-us .member-info {
  text-align: center;
  padding-top: 15px;
}

.about-us .client-say-content {
  text-align: center;
}

.about-us .client-say-content .client-say-slider {
  padding-top: 15px;
}

.about-us .client-say-content .client-say-slider .owl-dots {
  position: absolute;
  left: 0;
  top: -23px;
  width: 100%;
}

.about-us .client-say-content .client-say-slider .owl-dots span {
  width: 16px;
  height: 16px;
  background-color: #d9d9d9;
  border: none;
  margin: 0 2px;
  opacity: 1;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.about-us .client-say-content .client-say-slider .owl-dots .owl-dot {
  display: inline-block;
}

.about-us .client-say-content .client-say-slider .owl-dots .owl-dot.active span {
  background-color: #929292;
}

.about-us .client-say-content .client-say-slider .owl-dots .owl-dot span:hover {
  background-color: #929292;
}

.about-us .about-us-center {
  text-align: center;
}

.about-us .about-us-center .content-description {
  padding-top: 25px;
  clear: both;
  margin-bottom: 30px;
}

.about-us .client-logo-content {
  border-bottom: 1px dashed #e7e7e7;
  border-top: 1px dashed #e7e7e7;
  padding-bottom: 10px;
  text-align: center;
}

.about-us .client-logo-content .about-title {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  position: relative;
  text-align: center;
  top: -19px;
}

.about-us .owl-controls .owl-nav div {
  color: #fff;
  border_radius: 50%;
  position: absolute;
  top: 29%;
  overflow: visible;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  margin: 0 3px;
  background-color: #a6a6a8;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.about-us .owl-controls .owl-nav div:hover {
  background-color: #2677e7;
}

.about-us .owl-controls .owl-nav div.owl-next {
  right: -19px;
}

.about-us .owl-controls .owl-nav div.owl-prev {
  left: -19px;
}

.about-us .owl-controls .owl-nav div:before {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #a6a6a7;
  line-height: 32px;
  top: 1px;
}

.about-us .owl-controls .owl-nav div:hover:before {
  background-color: #2677e7;
}

.about-us .client-logo-slider {
  padding: 0 25px;
}

.about-us .client-logo-slider img {
  width: auto;
  display: inline-block;
}

.about-us .about-image-slider {
  max-width: 570px;
  margin: 0 auto;
}

.about-us .about-image-slider .owl-controls .owl-nav div {
  top: 50%;
  margin-top: -15px;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.about-us .about-image-slider .owl-controls .owl-nav div:before {
  border-radius: 0;
  -webkit-border-radius: 0;
  background-color: transparent;
  color: #c8c8c8;
}

.about-us .about-image-slider .owl-controls .owl-nav div.owl-next {
  right: 10px;
}

.about-us .about-image-slider .owl-controls .owl-nav div.owl-prev {
  left: 10px;
}

.about-us .about-image-slider .owl-controls .owl-nav div:hover {
  border-color: #2677e7;
}

.about-us .about-image-slider .owl-controls .owl-nav div:hover:before {
  color: #fff;
}

.about-us .skills-value {
  padding-top: 52px;
}

.about-us .skills-value .label-skill {
  font-weight: bold;
}

.about-us .about-us-content .description-about {
  padding: 20px 0;
}

.about-us .content-faq {
  position: relative;
  top: -15px;
}

.about-us .content-faq .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
}

.about-us .content-faq .panel .panel-title {
  font-size: 100%;
  font-weight: bold;
}

.about-us .content-faq .panel .panel-title a {
  display: block;
  padding: 15px 0 15px 25px;
  position: relative;
}

.about-us .content-faq .panel .panel-title a:after {
  transform: rotate(135deg);
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: 6px;
  background-color: #2677e7;
}

.about-us .content-faq .panel .panel-title a:before {
  background-color: #2677e7;
  content: "-";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

.about-us .content-faq .panel .panel-title a.collapsed:after {
  background-color: #737373;
}

.about-us .content-faq .panel .panel-title a.collapsed:before {
  background-color: #737373;
  content: "?";
}

.about-us .content-faq .panel .panel-body {
  padding: 0 0 13px;
}

.about-us .owl-theme .owl-controls .owl-nav > div:before {
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 1px;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.about-us .owl-theme .owl-controls .owl-nav > div.owl-prev:before {
  content: "\f104";
  font-family: FontAwesome;
}

.about-us .owl-theme .owl-controls .owl-nav > div.owl-next:before {
  content: "\f105";
  font-family: FontAwesome;
}

.about-demo-1 .about-image, .about-demo-1 .about-info {
  margin-bottom: 40px;
}

.about-demo-1 .what-client-say {
  margin-bottom: 60px;
}

.about-demo-1 .line-hori {
  text-align: center;
  position: relative;
  z-index: 3;
}

.about-demo-1 .line-hori > span {
  background: white;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding: 0 20px;
}

.about-demo-1 .line-hori:before {
  position: absolute;
  content: "";
  border-bottom: 1px dashed #ccc;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 3;
}

.about-demo-2 .member .member-image {
  text-align: center;
}

.about-demo-2 .our-team {
  margin-bottom: 60px;
}

.about-demo-3 .about-image, .about-demo-3 .about-info {
  margin-bottom: 30px;
}

.info-contact .name-store h3 {
  padding: 7px 0px;
  margin-top: 10px;
}

.info-contact .icon {
  float: left;
  padding-right: 15px;
}

.info-contact .icon .fa {
  font-size: 20px;
}

.info-contact .comment {
  line-height: 24px;
  margin-bottom: 30px;
}

.info-contact .info-store {
  margin-bottom: 50px;
}

.contact-form legend {
  border-bottom: 0;
}

/*===============================================
 [SASS DIRECTORY ]
 [1] BOX SALE,NEW
 [2] RATE
 [3] TODAY'S DEALS 
 [4] PRODUCT CATEGORY
 [5] TOOLBAR
 [6] PRODUCT LIST GRID SIMPLE
 [7] QUICKVIEW
 ==============================================*/

/*============ BOX SALE,NEW ==============*/
.label-stock {
  position: absolute;
  bottom: 10px;
  padding: 5px 10px;
  left: 10px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 1;
}

.label-stock.In {
  right: 10px;
  left: auto;
  background: #d9534f;
}

.label-stock.Pre-Order {
  background: #337ab7;
}

.label-new, .label-sale, .label-product-new, .label-product-sale {
  text-align: center;
  background-color: #2677e7;
  border-radius: 50%;
  color: #fff;
  display: block;  /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 12px;
  font-size: 1.2rem;  /* [8] */
  font-weight: 700;
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: 20px;
  text-transform: uppercase;
  z-index: 2;
  padding: 0;
  margin-bottom: 5px;
}

.label-sale, .label-product-sale {
  background-color: #2677e7;
  right: 20px;
}

.label-new, .label-product-new {
  background-color: #53d542;
  left: 20px;
}

.label-percent {
  padding: 2px 5px;
  background: #2677e7;
  font-size: 13px;
  font-weight: normal;
}

.product-options label {
  padding: 0;
  color: #666;
}

.product-options .label {
  font-weight: normal;
  font-size: 11px;
}

.product-options .radio {
  position: relative;
  z-index: 2;    /* text-transform: capitalize; */
  cursor: pointer;
}

.product-options .radio .fa {
  display: none;
}

.product-options .active .fa {
  display: block;
}

.product-options .fa {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 22px;
  height: 22px;
  color: white;
  line-height: 22px;
  text-align: center;
}

/*============ BOX RATE ==============*/
.rating, .ratings {
  margin-bottom: 0px;
  font-size: 0;
}

.rating span.fa-stack, .ratings span.fa-stack {
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 0;
  margin: 0 2px;
}

.rating span.fa-stack .fa-star-o:before, .ratings span.fa-stack .fa-star-o:before {
  content: "\f005";
  color: #bbb;
}

.rating span.fa-stack .fa-stack-1x, .ratings span.fa-stack .fa-stack-1x {
  font-size: 12px;
}

.rating span.fa-stack .fa-star.fa-stack-1x, .ratings span.fa-stack .fa-star.fa-stack-1x {
  position: relative;
  z-index: 1;
}

.rating span.fa-stack .fa-star.fa-stack-1x:before, .ratings span.fa-stack .fa-star.fa-stack-1x:before {
  content: "\f005";
  color: #2677e7;
}

span.fa-stack {
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 0;
  margin: 0 2px;
}

span.fa-stack .fa-star-o:before {
  content: "\f005";
  color: #bbb;
}

span.fa-stack .fa-stack-2x {
  font-size: 12px;
}

span.fa-stack .fa-star.fa-stack-2x {
  position: relative;
  z-index: 1;
}

span.fa-stack .fa-star.fa-stack-2x:before {
  content: "\f005";
  color: #2677e7;
}

.price {
  color: #666666;
  font-size: 20px;
  line-height: 48px;
  font-weight: 600;
  background: #fff;
  text-align: center;
}
.fl.active .price {
    background: #71c21b;
    color: #fff;
}
.fl.active .column1 {
  background: #71c21b;
   color: #fff;
}

.price .price-old {
  line-height: 18px;
  padding: 0 5px;
  display: inline-block;
  text-decoration: line-through;
  color: #999;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 18px;
  font-size: 1.8rem;    /* [8] */
  font-weight: normal;
}

.price .price-new, .price span.price {
    color: #329000;
    text-align: right;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
}

/*==================== COUNT DOWN BOX ====================*/
.countdown_box {
  position: absolute;
  top: 49%;
  margin-top: -28px;
  left: 50%;
  width: 210px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1) translateX(-50%);
  -moz-transform: scale(1) translateX(-50%);
  -ms-transform: scale(1) translateX(-50%);
  -o-transform: scale(1) translateX(-50%);
  transform: scale(1) translateX(-50%);
}

.countdown_box .countdown_inner {
  width: 100%;
  text-align: center;
}

.countdown_box .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 8px;
  display: none;
}

.countdown_box .time-item {
  display: inline-block;
  color: #fff;
  width: 25%;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  margin: 0 3px;
  width: 40px;
  text-align: center;
  padding: 6px 0;
  line-height: 18px;
}

.countdown_box .time-item .num-time {
  font-size: 18px;
  font-weight: 500;
}

.countdown_box .time-item .name-time {
  font-size: 10px;
  font-weight: 300;    /* text-transform: capitalize; */
}

.countdown_box .time-item:last-child {
  border: none;
}

/*====================PRODUCT CATEGORY ====================*/
.all-categories .box-categories {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

.all-categories .box-categories .category {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 20px;
}

.all-categories .box-categories .category a {
  display: block;
  background: #e34601;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
}

.all-categories .box-categories .category a h4 {
  font-size: 14px;
}

.all-categories .box-categories .category a:hover {
  opacity: 0.7;
  color: #fff;
}

.all-categories .box-categories .category a:hover img {
  opacity: 0.8;
}

.all-categories .box-categories.box-categories2 .category {
  width: 16.66667%;
}

.products-category .form-group .short-by {
  margin-right: 10px;
}

.refine-search .thumbnail {
  margin-bottom: 10px;
}

.refine-search a {
  color: #555;
  display: block;
}

.refine-search a:hover {
  color: #2677e7;
}

/*FEATURED BRANDS*/
.featured-brands {
  margin-bottom: 50px;
  position: relative;
}

.featured-brands .box-brands .extraslider-inner {
  position: static;
}

.featured-brands .box-brands .item img {
  opacity: 0.5;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.featured-brands .box-brands .item img:hover {
  opacity: 1;
}

.featured-brands .box-brands .owl-controls .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
}

.featured-brands .box-brands .owl-controls .owl-nav .owl-prev, .featured-brands .box-brands .owl-controls .owl-nav .owl-next {
  width: 20px;
  height: 20px;
  line-height: 23px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background: none;
  position: relative;
  display: inline-block;
  float: none;
  z-index: 99;
  opacity: 1;
  margin-left: 10px;
}

.featured-brands .box-brands .owl-controls .owl-nav .owl-prev:before, .featured-brands .box-brands .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #888;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 26px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .featured-brands .box-brands .owl-controls .owl-nav .owl-prev:before, .featured-brands .box-brands .owl-controls .owl-nav .owl-next:before {
    top: 0;
  }

}

.featured-brands .box-brands .owl-controls .owl-nav .owl-prev.owl-next:before, .featured-brands .box-brands .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.featured-brands .box-brands .owl-controls .owl-nav .owl-prev.owl-prev:before, .featured-brands .box-brands .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.featured-brands .box-brands .owl-controls .owl-nav .owl-prev:hover:before, .featured-brands .box-brands .owl-controls .owl-nav .owl-next:hover:before {
  color: #2677e7;
}

.featured-brands .box-brands .owl-controls .owl-nav > div:after {
  display: none;
}

/*TOOLBAR LISTING TOP*/
#content.col-sm-6 .product-compare {
  display: none;
}

.filters-panel {
  border-radius: 0px;
  margin-bottom: 30px;
}

.filters-panel:before, .filters-panel:after {
  content: " ";
  display: table;
}

.filters-panel:after {
  clear: both;
}

.filters-panel.product-filter-top {
  margin-top: 30px;
}

.filters-panel.product-filter-bottom {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  margin-top: 20px;
  clear: both;
}

.filters-panel .pagination {
  margin: 0;
}

.filters-panel .product-compare {
  margin-right: 0;
}

.filters-panel .list-view {
  text-align: left;
}

.filters-panel .list-view button.btn {
  margin: 0px;
  margin-right: 1px;
  float: left;
  width: 33px;
  height: 33px;
  line-height: 34px;
  background: #666;
  text-align: center;
  padding: 0;
  border-radius: 0px;
  border: none;
}

.filters-panel .list-view button.btn i {
  color: #fff;
}

.filters-panel .list-view button.btn:hover, .filters-panel .list-view button.btn.active {
  background: #2677e7;
  box-shadow: none;
  color: #fff;
}

.filters-panel .list-view button.btn:hover i, .filters-panel .list-view button.btn.active i {
  color: #fff;
}

.filters-panel .list-view button.btn:focus {
  border-radius: 0;
  outline: none;
}

.filters-panel .list-view .fa {
  font-size: 14px;
}

.filters-panel label {
  font-size: 12px;
  font-weight: normal;
  color: #444;
}

.filters-panel .btn-default {
  padding: 9px 20px;
  background: #eee;
  color: #333;
  border-radius: 3px;
  border: none;
  font-size: 12px;
}

.filters-panel .btn-default:hover {
  background: #2677e7;
  border-color: #2677e7;
  color: #fff;
}

.filters-panel .form-control, .filters-panel .btn {
  height: 33px;
  line-height: 33px;
  padding: 0px 15px;
  border: 1px solid #ddd;
  background: transparent;
  border-radius: 0px;
  background-color: #fff;
}

.filters-panel .form-group {
  margin-left: 10px;
}

.filters-panel .form-group select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../files/images/icon/bg-select.png) no-repeat center right;
  border: 1px solid #e5e5e5;
  height: 33px;
  line-height: 33px;
  padding: 0px 20px 0 10px;
  background-color: #fff;
}

.filters-panel .form-group select.form-control#input-sort {
  float: left;
  border-right: none;
}

.filters-panel .form-group select.form-control:hover {
  cursor: pointer;
}

.filters-panel .short-by-show.text-center .form-group {
  display: none;
}

.box-pagination .content-pagination-2 {
  display: inline-block;
  float: right;
  height: 33px;
  line-height: 33px;
}

.box-pagination .content-pagination-2 span {
  float: left;
}

.box-pagination .content-pagination-2 .pagination1 {
  display: inline-block;
  overflow: hidden;
  float: left;
}

.box-pagination .content-pagination-2 .pagination1 li {
  display: inline-block;
  float: left;
  padding: 0 10px;
  font-size: 18px;
}

.box-pagination .content-pagination-2 .pagination1 li.active a, .box-pagination .content-pagination-2 .pagination1 li.active {
  color: #7ac61d;
}

.box-pagination .content-pagination-2 .pagination1 li.disabled {
  display: none;
}

/*================ PRODUCT LIST ===================*/
.product-layout .second_img .img_0 {
  right: 50%;
  top: 0;
  transform: translate(50%, 0);
}

button {
  transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}

.products-list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*====================PRODUCT GRID ====================*/

  /*----------------PRODUCT Table ------------------*/

  /*----------------PRODUCT LIST ------------------*/
}

.products-list .product-layout {
  transition: all 0.5s ease 0s;
}

.products-list .product-layout .product-item-container .left-block {
  position: relative;
  overflow: hidden;
}

.products-list .product-layout .product-item-container .left-block .product-image-container {
  margin-bottom: 0;
  text-align: center;
  border: 1px solid #C7C7C7;
  border-bottom: none;
  display: block;
}

.products-list .product-layout .product-item-container .left-block .product-image-container img {
  margin: 0 auto;
}

.products-list .product-layout .product-item-container:hover .countdown_box {
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.products-list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
  top: 0;
  opacity: 1;
  z-index: 0;
}

.products-list .product-layout .product-item-container:hover .left-block .product-image-container a:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.products-list.grid .product-layout .product-item-container {
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.products-list.grid .product-layout .product-item-container > .list-block, .products-list.grid .product-layout .product-item-container .description {
  display: none;
}

.products-list.grid .product-layout .product-item-container .left-block {
  position: relative;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group {
  padding: 0;
  position: absolute;
  z-index: 99;
  left: 10px;
  bottom: 15px;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button {
  border: none;
  display: block;
  margin-top: 5px;
  padding: 0;
  background-color: #666;
  border-radius: 3px;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transform: all 0.3s ease 0s;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-50px, 0px);
  -moz-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  -o-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px);
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button span {
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 300;
  height: auto;
  opacity: 0;
  position: static;
  transition: all 0.3s ease 0s;
  width: auto;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button i, .products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button.addToCart {
  transition-delay: 0.1s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button.addToCart i {
  left: 0px;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button.wishlist {
  margin-bottom: 0;
  transition-delay: 0.2s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button.compare {
  margin-bottom: 0;
  transition-delay: 0.3s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button.quickview {
  transition-delay: 0.4s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button:hover {
  background-color: #2677e7;
  width: auto;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button:hover span {
  opacity: 1;
  padding: 0 10px 0 28px;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}

.products-list.grid .product-layout .product-item-container .left-block .button-group .btn-button:hover i {
  color: #fff;
}

.products-list.grid .product-layout .product-item-container .right-block {
  clear: both;
  border-radius: 0 0 15px 15px;
  border: 1px solid #64BD18;
  text-align: right;
  font-size: 18px;
  display: block;
}

.products-list.grid .product-layout .product-item-container .right-block .price {
  margin-bottom: 0;
}

.products-list.grid .product-layout .product-item-container .right-block .h4 {
  margin: 3px 0;
  font-weight: 700;
  text-align: left;
}
.products-list.grid.fotooboi_sim .product-layout .product-item-container .right-block .h4 {
  padding-right: 0;
}
.products-list.grid .product-layout .product-item-container .right-block .h4 a {
  font-size: 18px;
  color: #4c4c4c;
}

.products-list.grid .product-layout .product-item-container .right-block .h4 a:hover {
  color: #64BD18;
}

.products-list.grid .product-layout .product-item-container .right-block .rating, .products-list.grid .product-layout .product-item-container .right-block .ratings {
  margin-bottom: 2;
}

.products-list.grid .product-layout .product-item-container .right-block .quickview {
  display: none !important;
}

.products-list.grid .product-layout .product-item-container:hover .left-block .button-group .btn-button {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  overflow: hidden;
}

@media (min-width:1200px) {
  .products-list .product-grid-4:nth-child(4n+1) {
    clear: both;
  }

}

.products-list .product-grid-5 {

  /*.countdown_box,.ratings{display: none;}
   .button-group{display: none;}*/
}

@media (min-width:1200px) {
  .products-list .product-grid-5:nth-child(5n+1) {
    clear: both;
  }

}

.products-list .product-table:last-child .product-item-container {
  border-bottom: 1px solid #dbdbdb;
}

.products-list .product-table .product-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #dbdbdb;
}

.products-list .product-table .product-item-container >:last-child {
  border-left: 1px solid #dbdbdb;
}

.products-list .product-table .list-block {
  width: 20%;
  padding: 10px;
  text-align: center;
}

@media (max-width:767px) {
  .products-list .product-table .list-block {
    display: none;
  }

}

.products-list .product-table .list-block .addToCart {
  text-transform: uppercase;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 9px 20px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: none;
  background: #2677e7;
  border-color: #2677e7;
}

.products-list .product-table .list-block .addToCart:hover {
  background: #2677e7;
  border-color: #2677e7;
  color: #fff;
}

.products-list .product-table .list-block .addToCart:hover {
  background: #555;
  border-color: #555;
}

.products-list .product-table .list-block .wishlist, .products-list .product-table .list-block .compare {
  width: 48%;
  padding: 9px 20px;
  background: #eee;
  color: #333;
  border-radius: 3px;
  border: none;
}

.products-list .product-table .list-block .wishlist:hover, .products-list .product-table .list-block .compare:hover {
  background: #2677e7;
  border-color: #2677e7;
  color: #fff;
}

.products-list .product-table .left-block {
  width: 15%;
  min-width: 64px;
}

@media (max-width:767px) {
  .products-list .product-table .left-block {
    width: 35%;
  }

}

.products-list .product-table .left-block .countdown_box, .products-list .product-table .left-block .button-group {
  display: none;
}

.products-list .product-table .right-block {
  width: 65%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.products-list .product-table .right-block > * {
  border-left: 1px solid #dbdbdb;
  margin: 0px;
  padding: 10px;
}

.products-list .product-table .right-block h4 {
  width: 25%;
}

@media (max-width:767px) {
  .products-list .product-table .right-block h4 {
    width: 60%;
  }

}

.products-list .product-table .right-block .ratings {
  width: 20%;
  display: none;
}

.products-list .product-table .right-block .price {
  width: 25%;
}

@media (max-width:767px) {
  .products-list .product-table .right-block .price {
    width: 40%;
  }

}

.products-list .product-table .right-block .description {
  width: 40%;
}

@media (max-width:767px) {
  .products-list .product-table .right-block .description {
    display: none;
  }

}

@media (min-width:992px) and (max-width:1199px) {
  .products-list .product-table .right-block .description, .products-list .product-table .label-product {
    display: none;
  }

  .products-list .product-table .right-block h4 {
    width: 50%;
  }

}

@media (min-width:768px) and (max-width:991px) {
  .products-list .product-table .right-block .description, .products-list .product-table .label-product {
    display: none;
  }

  .products-list .product-table .right-block h4 {
    width: 50%;
  }

}

@media (max-width:767px) {
  .products-list .product-table .label-product {
    display: none;
  }

}

.products-list.list .product-layout {
  width: 100%;
}

.products-list.list .product-layout ul.so-productlist-colorswatch {
  text-align: left;
}

.products-list.list .product-layout .box-label {
  left: 5px;
}

.products-list.list .product-layout .product-item-container {
  display: table;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.products-list.list .product-layout .product-item-container .left-block {
  width: 270px;
  float: left;
  border: 1px solid #ddd;
}

@media (max-width:767px) {
  .products-list.list .product-layout .product-item-container .left-block {
    width: 40%;
  }

}

@media (min-width:768px) and (max-width:991px) {
  .products-list.list .product-layout .product-item-container .left-block {
    width: 40%;
  }

}

.products-list.list .product-layout .product-item-container .left-block .product-image-container {
  text-align: center;
}

.products-list.list .product-layout .product-item-container .left-block .button-group button {
  display: none;
}

.products-list.list .product-layout .product-item-container .list-block {

  /*.wishlist{
   position: absolute;
   top: 40px;
   #{$left}: -61px;
   background-color: $gray;
   color: #fff;
   &:hover{
   background-color: $linkColor;
   }  
   }*/
}

.wishlist.active i {
  color: #ff0000 !important;
}

@media (max-width:767px) {
  .products-list.list .product-layout .product-item-container .list-block {
    margin-left: 0;
    padding: 10px 0 0;
    padding-left: 0 !important;
    border: none !important;
    width: 100% !important;
    overflow: hidden;
  }

}

.products-list.list .product-layout .product-item-container .list-block .btn-button {
  border: none;
  border-radius: 3px;
  display: block;
  margin-right: 5px;
  padding: 7px 15px;
  background-color: #ddd;
  color: #666;
  text-align: center;
  float: left;
}

.products-list.list .product-layout .product-item-container .list-block .btn-button i {
  font-size: 16px;
}

.products-list.list .product-layout .product-item-container .list-block .btn-button:hover {
  background-color: #2677e7;
  color: #fff;
}

.products-list.list .product-layout .product-item-container .list-block .addToCart {
  background-color: #555;
  color: #fff;
  border-radius: 3px;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 12px;
  font-size: 1.2rem;    /* [8] */
  font-weight: 400;
  text-transform: uppercase;
}

.products-list.list .product-layout .product-item-container .list-block .addToCart i {
  margin-right: 0px;
  font-size: 14px;
}

.products-list.list .product-layout .product-item-container .list-block .addToCart:hover {
  background-color: #2677e7;
}

.products-list.list .product-layout .product-item-container .right-block {
  width: auto;
  float: none;
  margin-left: 270px;
  overflow: hidden;
  padding: 0 0 0px 30px;
}

@media (max-width:767px) {
  .products-list.list .product-layout .product-item-container .right-block {
    margin-left: 40%;
    padding: 0 10px 0px 10px;
  }

}

.products-list.list .product-layout .product-item-container .right-block .caption {
  width: 70%;
  float: left;
  padding-right: 15px;
  padding-top: 40px;
}

.products-list.list .product-layout .product-item-container .right-block .caption .ratings {
  margin-bottom: 0px;
}

.products-list.list .product-layout .product-item-container .right-block .caption .h4 {
  margin-bottom: 5px;
  font-weight: 700;
}

.products-list.list .product-layout .product-item-container .right-block .caption .h4 a {
  color: #222;      /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 18px;
  font-size: 1.8rem;      /* [8] */
}

.products-list.list .product-layout .product-item-container .right-block .caption .h4 a:hover {
  color: #2677e7;
}

.products-list.list .product-layout .product-item-container .right-block .caption .price {
  display: none;
}

.products-list.list .product-layout .product-item-container .right-block .caption .description {
  margin-bottom: 20px;
}

@media (max-width:767px) {
  .products-list.list .product-layout .product-item-container .right-block .caption .description {
    display: none;
  }

}

@media (min-width:768px) and (max-width:991px) {
  .products-list.list .product-layout .product-item-container .right-block .caption .description {
    display: none;
  }

}

.products-list.list .product-layout .product-item-container .right-block .list-block {
  width: 30%;
  height: 100%;
  float: left;
  padding-left: 15px;
  position: relative;
  border-left: 1px solid #ebebeb;
}

.products-list.list .product-layout .product-item-container .right-block .list-block .item-available {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.products-list.list .product-layout .product-item-container .right-block .list-block .price {
  margin-bottom: 20px;
}

.products-list.list .product-layout .product-item-container .right-block .quickview {
  border: none;
  border-radius: 3px;
  display: block;
  margin-right: 5px;
  padding: 7px 15px;
  background-color: #555;
  color: #fff;
  text-align: center;
  float: left;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.products-list.list .product-layout .product-item-container .right-block .quickview i {
  font-size: 16px;
}

.products-list.list .product-layout .product-item-container .right-block .quickview:hover {
  background-color: #2677e7;
  color: #fff;
}

@media (max-width:767px) {
  .products-list.list .product-layout .product-item-container .label-product {
    display: none;
  }

}

.products-list.list .product-layout .product-item-container:hover .right-block .quickview {
  opacity: 1;
  left: 109px;
  display: block;
}

.product-listing .product-grid .so-productlist-colorswatch {
  position: relative;
  top: -40px;
  height: 0;
}

/*SIDEBAR LISTING - RESPONSIVE*/
.blog-detail .open-sidebar, .blog-list .open-sidebar, .product-detail .open-sidebar, .product-listing .open-sidebar {
  line-height: 25px;
  display: inline-block;
  border: 2px solid #999;
  margin-bottom: 20px;
  padding: 0px 15px;
  letter-spacing: 1px;
  font-size: 10px;
  text-transform: uppercase;
}

#close-sidebar {
  display: none;
}

@media only screen and (max-width:992px) {
  body.open-sboff {
    height: 100%;
    overflow: hidden;
  }

  .blog-detail .sidebar-overlay, .blog-list .sidebar-overlay, .product-detail .sidebar-overlay, .product-listing .sidebar-overlay {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 9998;
  }

  .blog-detail .sidebar-offcanvas, .blog-list .sidebar-offcanvas, .product-detail .sidebar-offcanvas, .product-listing .sidebar-offcanvas {
    padding-left: 15px;
    padding-right: 10px;
    background: #fff;
    width: 300px;
    position: fixed;
    left: -150%;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    height: 100%;
    overflow-x: scroll;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    transition: all 300ms ease-in-out;
    padding-top: 40px;
    margin: 0px;
  }

  .blog-detail .sidebar-offcanvas #close-sidebar, .blog-list .sidebar-offcanvas #close-sidebar, .product-detail .sidebar-offcanvas #close-sidebar, .product-listing .sidebar-offcanvas #close-sidebar {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 16px;
    display: block;
  }

  .blog-detail .sidebar-offcanvas #close-sidebar:hover, .blog-list .sidebar-offcanvas #close-sidebar:hover, .product-detail .sidebar-offcanvas #close-sidebar:hover, .product-listing .sidebar-offcanvas #close-sidebar:hover {
    cursor: pointer;
    color: #f00;
  }

  .blog-detail .sidebar-offcanvas.active, .blog-list .sidebar-offcanvas.active, .product-detail .sidebar-offcanvas.active, .product-listing .sidebar-offcanvas.active {
    left: 0;
  }

}

.filter-horizontal .so-filter-option.so-filter-price .input_max, .filter-horizontal .so-filter-option.so-filter-price .input_min {
  min-width: 50px;
  width: 50px;
}

/*============ QUICKVIEW ==============*/
.mfp-iframe-scaler iframe {
  padding: 20px 10px 10px 10px;
  height: 535px;
}

.quickview-w.product-view .content-product-right {
  margin-top: 0px;
}

#product-quick #product {
  margin-top: 20px;
}

#product-quick .product-view .content-product-right .box-info-product .cart {
  margin-left: 10px;
}

#product-quick .product-view .content-product-right .box-review .ratings {
  margin-right: 10px;
  top: -1px;
}

#product-quick .product-view .content-product-right .title-product h1 {
  margin-bottom: 10px;
}

#product-quick .product-view .content-product-right .product-box-desc {
  padding: 15px;
  border: 1px dotted #ddd;
  margin: 0;
  font-style: italic;
  color: #999;
}

#product-quick .product-view .content-product-right .product-box-desc span {
  font-weight: normal;
}

#product-quick .list-unstyled {
  font-size: 13px;
  color: #666;
  font-weight: normal;
}

#product-quick .product-view .content-product-left .full_slider, #product-quick .product-view .content-product-left .not_full_slider {
  margin-top: 0;
}

#product-quick .product-view .content-product-left .full_slider .thumbnail, #product-quick .product-view .content-product-left .not_full_slider .thumbnail {
  padding: 0;
  border: none;
}

#product-quick .product-view .content-product-left .contentslider {
  position: relative;
}

#product-quick .product-view .content-product-left .owl-controls {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#product-quick .product-view .content-product-left .owl-dots {
  width: 100%;
  text-align: center;
}

#product-quick .product-view .content-product-left .owl-dots .owl-dot {
  background: #ccc;
  margin: 0 7px;
  width: 10px;
  height: 10px;
  padding: 0 5px;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
  display: inline-block;
}

#product-quick .product-view .content-product-left .owl-dots .owl-dot span {
  background: #ccc;
  display: block;
  width: 100%;
  height: 100%;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0;
}

#product-quick .product-view .content-product-left .owl-dots .owl-dot.active {
  background: #2677e7;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#product-quick .product-view .content-product-left .owl-dots .owl-dot.active span {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev, #product-quick .product-view .content-product-left .owl-nav .owl-next {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  background-color: transparent;
  float: left;
  margin-left: 15px;
  margin-right: 0 !important;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev:before, #product-quick .product-view .content-product-left .owl-nav .owl-next:before {
  font-family: 'FontAwesome';
  font-size: 22px;
  color: #666;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev:hover, #product-quick .product-view .content-product-left .owl-nav .owl-next:hover {
  background-color: transparent;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev:hover:before, #product-quick .product-view .content-product-left .owl-nav .owl-next:hover:before {
  color: #2677e7;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev i, #product-quick .product-view .content-product-left .owl-nav .owl-next i {
  display: none;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev {
  margin-right: 15px;
}

#product-quick .product-view .content-product-left .owl-nav .owl-prev:before {
  content: "\f053";
}

#product-quick .product-view .content-product-left .owl-nav .owl-next:before {
  content: "\f054";
}

#product-quick .product-view .content-product-left .owl-nav div {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  position: absolute;
  top: 50%;
}

#product-quick .product-view .content-product-left .owl-nav div:before {
  font-size: 18px;
}

#product-quick .product-view .content-product-left .owl-nav div.owl-prev {
  left: 0;
}

#product-quick .product-view .content-product-left .owl-nav div.owl-next {
  right: 0;
}

.product-layout.product-table .product-item-container .seller_logo {
  transform: unset;
  position: static;
}

@media (min-width:1200px) and (max-width:1649px) {
  .product-grid.product-grid-5 .countdown_box {
    display: none;
  }

  #product-related .countdown_box {
    display: none;
  }

  .product-layout .product-item-container .seller_logo {
    right: 5px;
  }

}

.product-view .content-product-left.class-honizol .thumb-video {
  bottom: 190px;
}

.left-content-product {
  margin-bottom: 30px;
}

.left-content-product .content-product-left .large-image {
  cursor: pointer;
  display: inline-block;
  padding: 1px;
  overflow: hidden;
  position: relative;
  border: 1px solid #e6e6e6;
}

.left-content-product .content-product-left .large-image img {
  background: #fff;
}

.left-content-product .content-product-left .large-image .label-sale {
  left: 25px;
}

.left-content-product .content-product-left .thumb-video {
  margin-top: -50px;
  bottom: 40px;
  position: absolute;
  z-index: 950;
  font-size: 32px;
  right: 40px;
  z-index: 540;
}

.left-content-product .content-product-left .owl-carousel.full_slider, .left-content-product .content-product-left .not_full_slider {
  margin-top: 10px;
}

.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail, .left-content-product .content-product-left .not_full_slider .thumbnail {
  border-radius: 0;
  margin-bottom: 0;
}

.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail:hover, .left-content-product .content-product-left .not_full_slider .thumbnail:hover {
  border-color: #63bc33;
}

.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail.active, .left-content-product .content-product-left .not_full_slider .thumbnail.active {
  border-color: #63bc33;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button, .left-content-product .content-product-left .not_full_slider .owl-nav button {
  width: 27px;
  height: 27px;
  border: 1px solid #dfdfdf;
  border-radius: 0;
  font-size: 0;
  background-color: transparent;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  top: 40%;
  margin-top: -12px;
  position: absolute;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-prev, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-prev {
  background: url("../files/images/icon/next-prev-detail.png") no-repeat;
  background-position: -36px 0px;
  left: -14px;
  float: left;
  background-color: #fff;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-prev:hover, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-prev:hover {
  border-color: #63bc33;
  background-color: #63bc33;
  background-position: 0px 0px;
  opacity: 1;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-prev.disabled, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-prev.disabled {
  display: none;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-next, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-next {
  background: url("../files/images/icon/next-prev-detail.png") no-repeat;
  background-position: -71px 0px;
  right: -14px;
  float: right;
  background-color: #fff;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-next:hover, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-next:hover {
  border-color: #63bc33;
  background-color: #63bc33;
  background-position: -107px 0px;
  opacity: 1;
}

.left-content-product .content-product-left .owl-carousel.full_slider .owl-nav button.owl-next.disabled, .left-content-product .content-product-left .not_full_slider .owl-nav button.owl-next.disabled {
  display: none;
}

.left-content-product .content-product-right .title-product h1 {
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: bold;
}

.left-content-product .content-product-right .box-review .ratings {
  display: inline-block;
  margin-right: 20px;
}

.left-content-product .content-product-right .box-review a {
  color: #555;
}

.left-content-product .content-product-right .box-review a:hover {
  color: #2677e7;
}

.left-content-product .content-product-right .product-box-desc {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
}

.left-content-product .content-product-right .product-box-desc .inner-box-desc {
  position: relative;
}

.left-content-product .content-product-right .product-box-desc .inner-box-desc:before {
  content: "";
  width: 4px;
  background: #2677e7;
  height: 100%;
  position: absolute;
  left: -20px;
  top: 0;
}

.left-content-product .content-product-right .product-box-desc span {
  font-weight: bold;
}

.left-content-product .content-product-right .product-box-desc .brand a {
  color: #666;
}

.left-content-product .content-product-right .product-box-desc .brand a:hover {
  color: #2677e7;
}

.left-content-product .content-product-right .product-label {
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.left-content-product .content-product-right .product-label .price {
  font-size: 24px;
  font-weight: 600;
}

@media (min-width:1200px) {
  .left-content-product .content-product-right .product-label .price {
    float: left;
  }

}

.left-content-product .content-product-right .product-label .price .stock.status-stock {
  color: #00abf0;
  font-size: 13px;
}

.left-content-product .content-product-right .stock.status-stock:before {
  content: "\f046";
  font-family: FontAwesome;
  display: inline-block;
  color: #00abf0;
  margin-right: 5px;
}

.content-product-right .title-product h1 .stock.code-product {
  /*margin-left: 10px;*/
  text-transform: none;
  font-size: 13px;
}

.left-content-product .content-product-right .brand-product {
  margin: 20px 0;
}

.left-content-product .content-product-right #product {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.left-content-product .content-product-right #product h3 {
  margin-top: 0;
}

.left-content-product .content-product-right #product .image_option_type label {
  font-weight: 700;
  padding-right: 5px;
  font-size: 14px;
  color: #222;
  text-transform: uppercase;
}

.left-content-product .content-product-right #product .product-options .img-thumbnail {
  width: 22px;
  height: 22px;
  border-radius: 0;
  padding: 1px;
}

.left-content-product .content-product-right #product .box-checkbox label {
  width: 100%;
}

.left-content-product .content-product-right #product .box-date {
  padding-left: 0;
}

.left-content-product .content-product-right #product .box-date label {
  margin-right: 10px;
  width: 80px;
}

.left-content-product .content-product-right #product .box-date input {
  width: 200px;
}

.left-content-product .content-product-right #product .box-date input, .left-content-product .content-product-right #product .box-date button {
  border-radius: 0;
  position: relative;
  z-index: 0;
  margin-left: 0;
}

.left-content-product .content-product-right #product .box-date .input-group-btn {
  float: left;
}

.left-content-product .content-product-right #product .box-date button:hover {
  background: #2677e7;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.left-content-product .content-product-right .box-info-product label {
  float: left;
  font-weight: 700;
  font-size: 13px;
  color: #222;
  text-transform: uppercase;
  margin: 0;
  padding-right: 10px;
  line-height: 40px;
}

.left-content-product .content-product-right .box-info-product .quantity .quantity-control {
  float: left;
  margin: 0;
  position: relative;
  margin-right: 15px;
}

.left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control {
  float: left;
  height: 40px;
  line-height: 40px;
  margin: 0;
  width: 95px;
  border: 1px solid #82CA2B;  /*border: 1px solid #bdc2c9;*/
  border-radius: 3px;  /*border-radius: 0;*/
  z-index: 0;
  padding: 0;
  font-size: 20px;
  text-align: right;
}

.left-content-product .content-product-right .box-info-product .quantity .quantity-control span {
  position: absolute;
  display: block;
  overflow: hidden;
  line-height: 40px;
  background: none;
  border: none;
  width: 40px;
  padding: 0;
  cursor: pointer;
}

.left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down {
  left: 0;
}

.left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up {
  right: 0;
}

.left-content-product .content-product-right .box-info-product .cart {
  float: left;
  margin-right: 10px;
}

.left-content-product .content-product-right .box-info-product .cart a {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.left-content-product .content-product-right .box-info-product .cart a i {
  margin-right: 5px;
}

.left-content-product .content-product-right .box-info-product .cart input {
  background: #2677e7;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  padding: 12px 16px;
}

.left-content-product .content-product-right .box-info-product .cart input:hover {
  background: #444;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul {
  float: right;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul li a {
  display: inline-block;
  padding: 9px 15px;
  font-size: 14px;
  color: #666;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  transition: none;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul li a.text {
  display: none;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover {
  background: #2677e7;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul li a.addToCart, .add-to-links ul li a.addToCart {
  background: #e34601;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 15px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.left-content-product .content-product-right .box-info-product .add-to-links ul li a.addToCart:hover,.add-to-links ul li a.addToCart:hover {
  background: #555;
}

.left-content-product .content-product-left .content-product-bottom {
  /*display: inline-block;*/
  text-align: center;
  overflow: hidden;
  margin-bottom: 15px;
}

.left-content-product .content-product-left .content-product-bottom span {
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
}

.left-content-product .content-product-left .content-product-bottom .share .icon-share {
  overflow: hidden;
  margin-top: 10px;
}

.left-content-product .content-product-left .content-product-bottom .share .icon-share ul li {
  display: inline-block;
  float: left;
}

.left-content-product .content-product-left .content-product-bottom .share .icon-share ul li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2677e7;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
}

.left-content-product .content-product-left .content-product-bottom .share .icon-share ul li a:hover {
  background: #16478a;
}

.left-content-product .content-product-left .content-product-bottom .tags ul li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.thumb-vertical-outer {
  width: 100px;
  position: relative;
  float: left;
  margin-right: 15px;
}

.thumb-vertical-outer .lSAction {
  display: none;
}

.thumb-vertical-outer .thumbnail {
  border-color: #e6e6e6;
  padding: 0;
}

.thumb-vertical-outer .btn-more {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  position: absolute;
  font-size: 36px;
  cursor: pointer;
  margin-left: -20px;
  left: 50%;
  color: #555;
}

.thumb-vertical-outer .btn-more:hover {
  color: #2677e7;
}

.thumb-vertical-outer .btn-more.prev-thumb {
  top: 0;
}

.thumb-vertical-outer .btn-more.next-thumb {
  bottom: 0;
}

.thumb-vertical-outer .prev {
  margin-bottom: 5px;
}

.thumb-vertical-outer .prev, .thumb-vertical-outer .next {
  cursor: pointer;
}

.thumb-vertical-outer .prev.disabled, .thumb-vertical-outer .next.disabled {
  visibility: hidden;
}

.thumb-vertical-outer .prev .fa, .thumb-vertical-outer .next .fa {
  font-size: 16px;
  display: block;
  text-align: center;
}

.thumb-vertical-outer ul.thumb-vertical {
  padding: 0;
  margin: 0;
  list-style: none;
}

.thumb-vertical-outer ul li {
  cursor: pointer;
  margin-bottom: 10px;
}

.thumb-vertical-outer ul li .thumbnail {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.thumb-vertical-outer ul li .thumbnail img {
  padding: 0px;
  transition: all 0.3s ease;
  position: relative;
}

.thumb-vertical-outer ul li .thumbnail:hover {
  border-color: #2677e7;
}

.thumb-vertical-outer ul li .thumbnail.active {
  border-color: #2677e7;
}

/*============PRODUCT TABS==================*/
.producttab .tabsslider.horizontal-tabs {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  border: none;
  padding: 0;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs {
  background-color: #f5f5f5;
  border: none;/*  padding: 15px;*/
  border-radius: 5px;
  text-align: center;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs li {
  display: inline-flex;
  margin: 0 5px;
  margin-bottom: 5px;
  float: none;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs li a {
  background-color: #fff;
  float: left;
  display: block;
  font-size: 14px;
  color: #222;
  width: 100%;
  height: 100%;
  line-height: 2.3;
  padding: 8px 15px;
  margin: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;  /*border: none;*/
  border: 1px solid #e8e8e8;
  line-height: 100%;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  position: relative;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs li:hover a {
  background-color: #555;
  border-color: #222;
  color: #fff;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs li.active a {
  background-color: #e34601;
  border-color: #222;
  color: #fff;
}

.producttab .tabsslider.horizontal-tabs .tab-content {
  padding: 45px 0px;
  display: block;
  margin: 0;
  background-color: #fff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: none;
}

.producttab .tabsslider.horizontal-tabs .tab-content .active {
  opacity: 1;
}

/*----------------------PRODUCT TABS ---------------*/
.producttab {
  margin: 0;
  display: inline-block;
  width: 100%;
}

.producttab .tabsslider.vertical-tabs {
  border: 1px solid #e6e6e6;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs {
  border-bottom: medium none;
  margin: 0;
  min-height: 180px;
  padding: 0;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li {
  border-bottom: 1px solid #ddd;
  clear: both;
  position: relative;
  width: 100%;
  display: block;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li a {
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  color: #666;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li a:hover {
  background: transparent;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:before {
  content: "";
  width: 5px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  z-index: 999;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover {
  border-left-color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a {
  color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a:before {
  display: none;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before {
  background-color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li.active {
  border-left-color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before {
  background-color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a {
  background: transparent;
  color: #2677e7;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:before, .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:after {
  display: none;
}

.producttab .tabsslider.vertical-tabs ul.nav-tabs li:first-child {
  border-top: 0;
}

.producttab .tabsslider.vertical-tabs .tab-content {
  border: 0;
  border-left: 1px solid #e6e6e6;
  min-height: 180px;
  margin-bottom: 0;
}

#product-accordion {
  float: left;
  width: 100%;
  margin-top: 30px;
  border: 1px solid #ddd;
  border-top: 4px solid #2677e7;
}

#product-accordion .panel {
  padding: 10px 20px 0 20px;
  border-bottom: 0;
  box-shadow: none;
}

#product-accordion .panel .panel-heading {
  border-bottom: 1px dotted #ddd;
  padding: 0 0 10px 0;
}

#product-accordion .panel .panel-heading a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  color: #666;
  width: 100%;
  display: inline-block;
  position: relative;
}

#product-accordion .panel .panel-heading a.title-head.collapsed {
  color: #666;
}

#product-accordion .panel .panel-heading a.title-head.collapsed span.arrow-up:before {
  content: "\f0d8";
}

#product-accordion .panel .panel-heading a.title-head {
  color: #2677e7;
}

#product-accordion .panel .panel-heading a.title-head span.arrow-up:before {
  content: "\f0d7";
}

#product-accordion .panel .panel-heading a span.arrow-up {
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
  cursor: pointer;
  z-index: 10;
  font-size: 0;
  text-align: center;
}

#product-accordion .panel .panel-heading a span.arrow-up:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  display: block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

#product-accordion .panel .panel-heading:hover {
  border-bottom-color: #2677e7;
}

#product-accordion .panel .panel-heading:hover a {
  color: #2677e7;
}

#product-accordion .panel:first-child .panel-heading {
  padding-top: 10px;
}

#product-accordion .panel:last-child .panel-heading {
  border-bottom: 0;
}

#product-accordion .panel-heading + .panel-collapse > .list-group, #product-accordion .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px dotted #2677e7;
  margin-top: -1px;
  padding: 0;
}

.related {
  clear: both;
  position: relative;
}

.related .modtitle {
  text-transform: uppercase;
  color: #222;
  font-size: 18px;
  font-weight: 600;
}

.related .so-listing-tabs .ltabs-tabs-container {
  display: block;
  overflow: hidden;
  border: none;
  position: relative;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs {
  float: left;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab {
  padding: 0;
  padding-right: 30px;
  margin: 0;
  text-transform: uppercase;
  position: relative;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab.tab-sel span, .related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab:hover span {
  color: #222;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab.tab-sel:after, .related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab:hover:after {
  width: 100px;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: #2677e7;
  left: 0;
  z-index: 2;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab span {
  color: #999;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab:first-child span {
  padding-left: 0;
  position: relative;
}

.related .so-listing-tabs .ltabs-tabs-container ul.ltabs-tabs li.ltabs-tab:first-child span:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #999;
  position: absolute;
  top: 3px;
  right: -15px;
}

.related .so-listing-tabs .ltabs-tabs-container:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0;
}

.related .so-listing-tabs .ltabs-items-container {
  overflow: visible;
}

.related .so-listing-tabs .ltabs-items-container .ltabs-items-inner {
  overflow: visible;
}

.related .so-listing-tabs .ltabs-items-container .owl-controls {
  padding: 10px;
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  top: -58px;
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next {
  width: 20px;
  height: 20px;
  line-height: 23px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background: none;
  position: relative;
  display: inline-block;
  float: none;
  z-index: 99;
  opacity: 1;
  margin-left: 10px;
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev:before, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #888;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 26px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev:before, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next:before {
    top: 0;
  }

}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev.owl-next:before, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev.owl-prev:before, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-prev:hover:before, .related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav .owl-next:hover:before {
  color: #2677e7;
}

.related .so-listing-tabs .ltabs-items-container .owl-controls .owl-nav > div:after {
  display: none;
}

.related .owl-dots {
  display: none;
}

.zoomContainer {
  z-index: 90;
}

.image_option_type .selected-option {
  padding-left: 0;
  display: inline;  /* text-transform: capitalize; */
}

.image_option_type .radio input[type=radio].image_radio {
  display: none;
}

.image_option_type .radio {
  padding-left: 0;
  display: inline;
}

.product-description .product-options img.icon-color {
  width: 20px;
  padding: 0;
}

.product-options label {
  padding: 0;
  color: #666;
}

.product-options .label {
  font-weight: normal;
  font-size: 11px;
}

.product-options .radio {
  position: relative;
  z-index: 2;    /* text-transform: capitalize; */
  cursor: pointer;
}

.product-options .radio .fa {
  display: none;
}

.product-options .active .fa {
  display: block;
}

.product-options .fa {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 2;
  width: 22px;
  height: 22px;
  color: white;
  line-height: 22px;
  text-align: center;
}

.slider-products .content-aside {
  width: 100%;
  padding: 0;
}

.slider-products .four-block {
  padding: 0;
}

.slider-products .policy-detail {
  box-shadow: none;
}

.slider-products .policy-detail .banner-policy {
  padding: 0;
}

.slider-products .policy-detail .banner-policy .policy {
  float: none;
  width: 100%;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid white;
  padding: 25px 10px;
}

.banner-policy {
  background-color: #eee;
  text-transform: uppercase;
}

.banner-policy .policy {
  border-bottom: 1px solid #fff;
  line-height: 19px;
  padding: 20px 10px;
}

.banner-policy .policy a {
  color: #666;
}

.banner-policy .policy a span {
  margin-right: 10px;
}

.banner-policy .policy a:hover {
  color: #2677e7;
}

.banner-policy .policy.policy1 a span {
  background: url("../files/images/icons/policy_1.html") no-repeat;
  background-position: center 0;
  width: 48px;
  height: 36px;
  font-size: 0;
  float: left;
}

.banner-policy .policy.policy2 a span {
  background: url("../files/images/icons/ico-freeship.html") no-repeat;
  background-position: center 0;
  width: 53px;
  height: 35px;
  font-size: 0;
  float: left;
}

.banner-policy .policy.policy3 a span {
  background: url("../files/images/icons/ico-celander.html") no-repeat;
  background-position: center 0;
  width: 34px;
  height: 34px;
  font-size: 0;
  float: left;
}

.banner-policy .policy.policy4 a span {
  background: url("../files/images/icons/ico-umbrella.html") no-repeat;
  background-position: center 0;
  width: 34px;
  height: 34px;
  font-size: 0;
  float: left;
}

.slider-products .banner-policy .policy.policy1 a span, .slider-products .banner-policy .policy.policy2 a span, .slider-products .banner-policy .policy.policy3 a span, .slider-products .banner-policy .policy.policy4 a span {
  width: 53px;
}

.content-aside .trande {
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}

.content-aside .trande h3 {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  text-transform: uppercase;
  margin: 10px 0 20px;
}

.content-aside .trande ul {
  padding-left: 20px;
}

.content-aside .trande ul li {
  list-style-type: disc;
  margin: 10px 0;
}

.content-aside .policy-product {
  padding: 0 20px;
  margin-bottom: 30px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}

.content-aside .policy-product ul li:last-child .policy {
  border: none;
}

.content-aside .policy-product .policy {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}

.content-aside .policy-product .policy .icon {
  display: inline-block;
  font-size: 40px;
  float: left;
  padding-top: 10px;
}

.content-aside .policy-product .policy .policy-info {
  padding-left: 55px;
}

.content-aside .policy-product .policy .policy-info h4 {
  text-transform: uppercase;
  color: #222;
}

.content-aside .policy-product .policy:hover {
  cursor: pointer;
}

.content-aside .policy-product .policy:hover .icon, .content-aside .policy-product .policy:hover .policy-info h4 {
  color: #ff3c20;
}

header .btn-group {
  position: relative;
}

header #sosearchpro .dropdown-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.navbar-compact .hidden-compact {
  display: none;
}

header .navbar-default {
  background-color: transparent;
}

header .navbar-default .megamenu-wrapper {
  background-color: transparent;
}

header ul.megamenu > li > a {
  text-shadow: unset;
}

#cart .dropdown-menu.shoppingcart-box {
  padding: 10px 20px;
}

#cart .dropdown-menu.shoppingcart-box .text-right {
  margin-top: 10px;
}

.shopping_cart .shoppingcart-box .added_items {
  margin-bottom: 10px;
}

.shopping_cart .shoppingcart-box .table-striped > tbody > tr:nth-of-type(odd) {
  background: #fff;
}

.shopping_cart .shoppingcart-box .table-striped a {
  color: #666;
  font-weight: bold;
}

.shopping_cart .shoppingcart-box .table-striped a.fa-edit {
  display: none;
}

.shopping_cart .shoppingcart-box .table-striped a:hover {
  color: #2677e7;
}

.shopping_cart .shoppingcart-box .table-striped a.fa-delete {
  width: 20px;
  height: 20px;
  background: #d6d6d6;
  border-radius: 3px;
  text-align: center;
  line-height: 19px;
  color: #000;
}

.shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover {
  background: #2677e7;
  color: #fff;
  text-decoration: none;
}

.shopping_cart .shoppingcart-box a.btn {
  color: #fff;
  background: #444;
  border-color: #444;
}

.shopping_cart .shoppingcart-box a.btn i {
  margin-right: 5px;
}

.shopping_cart .shoppingcart-box a.btn:hover {
  border: 1px solid #D81B1B;
  background: #D81B1B;
}

.shopping_cart .table-bordered {
  border-left: 0;
  border-right: 0;
}

.shopping_cart .table > tbody > tr {
  margin: 10px 0;
}

.shopping_cart .table > tbody > tr:first-child > td {
  border-top: 0;
}

.shopping_cart .table > tbody > tr > td, .shopping_cart .table > tbody > tr > th, .shopping_cart .table > tfoot > tr > td, .shopping_cart .table > tfoot > tr > th, .shopping_cart .table > thead > tr > td, .shopping_cart .table > thead > tr > th {
  vertical-align: middle;
}

.shopping_cart .table-bordered > tbody > tr > td, .shopping_cart .table-bordered > tbody > tr > th, .shopping_cart .table-bordered > tfoot > tr > td, .shopping_cart .table-bordered > tfoot > tr > th, .shopping_cart .table-bordered > thead > tr > td, .shopping_cart .table-bordered > thead > tr > th {
  border: 0;
}

.shopping_cart .fa-check-circle {
  display: none;
}

#header #sosearchpro.so-search .searchbox .select_category select:hover {
  cursor: pointer;
}

.dropdown-menu.shoppingcart-box .table {
  margin-bottom: 0;
}

.dropdown-menu.shoppingcart-box .table .btn-danger {
  background-color: transparent;
}

.dropdown-menu.shoppingcart-box .table .btn-danger i {
  color: #666;
}

.dropdown-menu.shoppingcart-box .table .btn-danger:hover i {
  color: #2677e7;
}

header #sosearchpro .dropdown-menu {
  border-radius: 0;
}

header ul.top-link > li.language .btn-link img {
  margin-top: -1px;
}

/*============ HEADER  ==================*/

/*.common-home .horizontal  ul.megamenu > li.home > a{
 background: transparent;
 color: $linkColor;
 }*/
.container-megamenu.horizontal {

  /*ul.megamenu > li.home > a,
   ul.megamenu > li.active > a, 
   ul.megamenu > li:hover > a{
   background-color: transparent;
   color: $linkColor;
   }*/
}

.container-megamenu.horizontal .subcategory li a {
  color: #555;
}

.container-megamenu.horizontal .subcategory li a:hover {
  color: #2677e7;
}

.header-top .header-top-left .welcome-msg .owl-carousel .owl-stage-outer {
  direction: ltr;
}

.mega-horizontal .navbar-default {
  border: none;
  background: transparent;
}

@media (max-width:991px) {
  .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover:before {
    right: 0;
    left: auto;
  }

  .responsive ul.megamenu > li.active .close-menu {
    right: 0;
    left: auto;
  }

}

.header-bottom .content_menu .container {
  overflow: visible;
}

.btn-shopping-cart .dropdown-menu {
  min-width: 320px;
}

.btn-shopping-cart .dropdown-menu .cart_product_name {
  color: #555;
}

.btn-shopping-cart .dropdown-menu .cart_product_name:hover {
  color: #2677e7;
}

.btn-shopping-cart .dropdown-menu .empty {
  padding: 30px;
  margin: 0;
}

.btn-shopping-cart .table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.btn-shopping-cart .checkout {
  padding: 0 20px 10px;
}

.btn-shopping-cart .added_items {
  padding: 10px;
}

.megamenu-style-dev {
  position: relative;
}

.megamenu-style-dev .vertical ul.megamenu {
  /*position: absolute;*/
  position: relative;
  width: 100%;
  background: #222;
  z-index: 1;
}

.megamenu-style-dev .vertical ul.megamenu > li > a {
  font-size: 18px;
  color: #fff;
}
.container-megamenu.horizontal ul.megamenu > li > a strong {
  font-size: 18px;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li {
  margin: 0;
  border-right: 0;
  background: #222;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li strong i {
  display: none;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li > a {
  padding-left: 15px;
  padding-right: 12px;
  color: #fff;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li > a:hover {
  color: #fff;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .sub-menu .content {
  padding: 0;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul {
  padding: 0;
  margin: 0;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li {
  border-bottom: 1px solid #eee;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover {
  background: #eee;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:hover > a {
  color: #2677e7;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a {
  line-height: 37px;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li a b {
  line-height: 37px;
  font-size: 16px;
  margin: 0 20px;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul li:last-child {
  border: none;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul {
  padding: 0;
  left: 100%;
  margin: 0;
  box-shadow: none;
  border: 1px solid #eee;
  min-width: 200px;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:before, .megamenu-style-dev .vertical .vertical ul.megamenu > li.css-menu .hover-menu .menu > ul ul:after {
  display: none;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.item-style3 .sub-menu .content {
  padding-right: 0;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.with-sub-menu > a:after {
  content: "\f105";
  color: #fff;
  font-family: Fontawesome;
  font-size: 13px;
  float: right;
  margin: 0;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.with-sub-menu:hover > a:after {
  position: static;
  border-color: transparent;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li:hover {
  background-color: #444;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li:hover > a {
  color: #fff;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li.active > a {
  background: transparent;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content {
  border-top: 1px solid #ddd;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content .banner {
  margin-top: -21px;
  margin-bottom: -22px;
  margin-right: -1px;
}

.megamenu-style-dev .vertical .vertical ul.megamenu > li .sub-menu .content .static-menu .menu ul a.main-menu {
  padding: 0;
}

.megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul {
  padding-bottom: 0;
}

.megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul li > a {

  /*    line-height: inherit;
    padding-bottom: 0;
    border-bottom: none;
    min-height: auto; */
  line-height: inherit;
  padding-bottom: 0;
  border-bottom: none;
  min-height: auto;
  font-weight: bold;    /* text-transform: capitalize; */
  font-size: 1.4rem;
  color: black;
}

.megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul li > a:hover {
  color: #D81B1B;
}

.megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul ul a {
  padding: 0;
}

.megamenu-style-dev .vertical ul.megamenu .sub-menu .content .static-menu .menu ul ul a:hover {
  color: #D81B1B;
}

.container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background-color: #E34601;
}

/*======================================================*/
header ul.top-link > li .btn-group .btn-link:hover, header ul.top-link > li > a:hover {
  color: #E34601;
}

.common-home .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-1 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #2677e7;
}

.typeheader-1 #sosearchpro .search button {
  background-color: #71C21B;
}

.typeheader-1 #sosearchpro .search button:hover {
  background-color: #2AA50A;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c {
  background-color: #2677e7;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts, .typeheader-1 .signin-w ul li a:hover {
  color: #2677e7;
}

.typeheader-1 .wishlist-comp li a.top-link-wishlist:hover:before, .typeheader-1 .wishlist-comp li a:hover i {
  color: #2677e7;
}

.common-home .typeheader-2 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-2 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-2 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-2 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #2677e7;
}

.typeheader-2 #sosearchpro .search button {
  background-color: #2677e7;
}

.typeheader-2 #sosearchpro .search button:hover {
  background-color: #165fc4;
}

.typeheader-2 .header-middle .middle3 .user .user-link a:hover {
  color: #2677e7;
}

.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts, .typeheader-2 .signin-w ul li a:hover {
  color: #2677e7;
}

.typeheader-2 .wishlist-comp li a.top-link-wishlist:hover:before, .typeheader-2 .wishlist-comp li a:hover i {
  color: #2677e7;
}

.typeheader-2 .header-bottom .bottom2 .link-header-bot a:hover {
  color: #2677e7;
}

.typeheader-2 .container-megamenu.vertical #menuHeading {
  background: #2677e7;
}

.typeheader-3 #sosearchpro .search button {
  background-color: #2677e7;
}

.common-home .typeheader-3 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-3 ul.top-link > li:hover:before {
  color: #2677e7;
}

.typeheader-3 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background: #2677e7;
}

.typeheader-3 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-3 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-3 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #2677e7;
}

.typeheader-4 #sosearchpro .search button {
  background-color: #71C21B;
}

.common-home .typeheader-4 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-4 ul.top-link > li:hover:before {
  color: #E34601;
}

.typeheader-4 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-4 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-4 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #64BD18;
}

.typeheader-5 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-5 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-5 .container-megamenu.horizontal ul.megamenu > li.menu_active > a, .common-home .typeheader-5 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-5 #sosearchpro .search button, .typeheader-5 .shopping_cart {
  background-color: #2677e7;
}

.typeheader-5 #sosearchpro .search button:hover {
  background-color: #186adb;
}

.typeheader-5 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background-color: #2677e7;
}

.typeheader-5 ul.top-link > li:hover:before {
  color: #2677e7;
}

.typeheader-5 .wishlist-btn a.top-link-wishlist:hover:before, .typeheader-5 .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a:hover {
  color: #2677e7;
}

.typeheader-6 .search-header-w #sosearchpro .search button {
  background-color: #2677e7;
}

.typeheader-6 .search-header-w #sosearchpro .search button:hover {
  background-color: #186adb;
}

.typeheader-6 .search-header-w .icon-search:hover i {
  color: #2677e7;
}

.common-home .typeheader-6 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-6 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-6 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-6 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #2677e7;
}

.typeheader-7 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart, .typeheader-7 .shopping_cart .btn-shopping-cart .top_cart .icon-c, .typeheader-7 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background-color: #2677e7;
}

.typeheader-7 #sosearchpro .search button {
  background-color: #2677e7;
}

.typeheader-7 #sosearchpro .search button:hover {
  background-color: #165fc4;
}

.typeheader-7 .login-w li a:hover {
  color: #2677e7;
}

.typeheader-7 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
  background-color: #2677e7;
}

.common-home .typeheader-7 .container-megamenu.horizontal ul.megamenu > li.home > a {
  color: #2677e7;
}

.typeheader-7 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-7 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-7 .container-megamenu.horizontal ul.megamenu > li.menu_active > a {
  color: #2677e7;
}

.typeheader-8 .shopping_cart .btn-shopping-cart .shopcart .icon-c {
  background-color: #2677e7;
}

.typeheader-8 .search-header-w #sosearchpro .search button:hover {
  color: #2677e7;
}

@media (max-width:991px) {
  .typeheader-2 .header-bottom {
    background-color: #2677e7;
  }

  body .typeheader-3 .header-bottom {
    background-color: #2677e7;
  }

  body header .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a:hover strong, body header .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a:hover {
    color: #2677e7;
  }

}

@media (max-width:991px) {
  .typeheader-4 .header-bottom {
    /*background-color: #e34601;*/
  }

}

footer #collapse-footer {
  display: block;
}

.footer-container {
  clear: both;
}

footer .so-page-builder .container {
  padding: 0 15px;
}

footer .copyright a {
  color: #2677e7;
}

.typefooter-1 .socials li a:hover, .typefooter-1 .footer-middle .footer-links li a:hover {
  color: #2677e7;
}

.typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button {
  background-color: #2677e7;
}

.typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button:hover {
  background-color: #165fc4;
}

.typefooter-1 .module .modtitle:after {
  background-color: #2677e7;
}

.typefooter-2 .footer-top .contnet-footer-top {
  background: #2677e7;
}
.infos-footer ul li strong {
  font-size: 17px;
}
.typefooter-2 .footer-top ul.socials li a:hover {
  color: #2677e7;
}

.typefooter-2 .footer-middle .infos-footer ul li:after {
  color: #2677e7;
}

.typefooter-2 .footer-middle .box-information ul li a:hover:after, .typefooter-4 .footer-middle .box-service ul li a:hover:after {
  background: #2677e7;
}

.typefooter-2 .footer-middle .so-popular-tag .box-content a:hover {
  background: #2677e7;
}

.typefooter-3 .footer-bottom {
  background: #2677e7;
}

.typefooter-3 .footer-top .newsletter .block_content .subcribe button {
  background: #2677e7;
}

.typefooter-3 .footer-top .newsletter .box-socials ul.socials li a:hover {
  background: #2677e7;
}

.typefooter-3 .footer-top .infos-footer li:after {
  color: #2677e7;
}

.typefooter-3 .footer-top .box-information ul li a:hover:after, .typefooter-3 .footer-top .box-service ul li a:hover:after {
  background: #2677e7;
}

.typefooter-4 .footer-top .contnet-footer-top {
  background: #E34601;
}

.typefooter-4 .footer-top ul.socials li a:hover {
  color: #E34601;
}

.typefooter-4 .footer-middle .infos-footer ul li:after {
  color: #f15a36;
}

.typefooter-4 .footer-middle .box-information ul li a:hover:after, .typefooter-4 .footer-middle .box-service ul li a:hover:after {
  background: #D81B1B;
}

.typefooter-4 .footer-middle .so-popular-tag .box-content a:hover {
  background: #f15a36;
}

.typefooter-5 .infos-footer ul.infos li:hover i {
  background-color: #2677e7;
}

.typefooter-5 .box-footer .modcontent ul li a:hover {
  color: #2677e7;
}

.typefooter-5 .box-footer .modcontent ul li a::before, .typefooter-5 .module .modtitle::after, .typefooter-5 .newsletter-footer4 .newsletter .block_content form.signup .subcribe button {
  background-color: #2677e7;
}

.typefooter-5 .newsletter-footer4 .newsletter .block_content form.signup .subcribe button:hover {
  background-color: #165fc4;
}

.typefooter-5 .socials li a:hover {
  background-color: #2677e7;
  border-color: #2677e7;
}

.typefooter-5 .categories-footer ul li a:hover {
  color: #2677e7;
}

.typefooter-6 .coltop a:hover {
  background-color: #2677e7;
}

.typefooter-6 .newsletter-footer6 .newsletter .block_content form.signup .subcribe button:hover:before, .typefooter-6 .box-footer .modcontent ul li a:hover::before, .typefooter-6 .box-footer .modcontent ul li a:hover {
  color: #2677e7;
}

.typefooter-7 .newsletter-footer6 .newsletter .block_content form.signup .subcribe button:hover:before, .typefooter-7 .box-footer .modcontent ul li a:hover::before, .typefooter-7 .box-footer .modcontent ul li a:hover {
  color: #2677e7;
}

.typefooter-7 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button:hover {
  background-color: #165fc4;
}

.typefooter-8 .footer-links li a:hover, .typefooter-8 .socials li a:hover {
  color: #2677e7;
}

/*===============================================
 [SASS DIRECTORY ]
 [1] MEGA MENU VERTICAL 
 [2] MODULE HOME SLIDER  
 [3] MODULE EXTRA SLIDER
 [4] SHORT CODE BANNER 
 [5] SO LISTING TABS
 [6] SO DEALS
 [7] SO NEWSLETTER
 ==============================================*/
.container-fluid .container {
  padding-left: 15px;
  padding-right: 15px;
}

/*====================== mod title ========================*/
.layout-4.common-home #content {
  margin-bottom: 22px;
}

.layout-4.common-home #content .products-list .product-grid .product-item-container .left-block .button-group {
  left: 15px;
}

.layout-4.common-home #content .owl-carousel {
  position: static;
}

.layout-4.common-home #content #thumb-slider {
  position: relative;
}

.layout-4.common-home #content .price, .layout-4.common-home #content .price .price-new, .layout-4.common-home #content .price span.price {
  color: #ff3c20;
}

.layout-4.common-home #content .label-product-new, .layout-4.common-home #content .label-product-sale {
  text-align: center;
  background-color: #2677e7;
  border-radius: 20px;
  color: #fff;
  display: block;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 12px;
  font-size: 1.2rem;    /* [8] */
  font-weight: 700;
  height: 23px;
  width: 50px;
  line-height: 23px;
  position: absolute;
  top: 20px;
  text-transform: uppercase;
  z-index: 9;
  padding: 0;
  margin-bottom: 5px;
}

.layout-4.common-home #content .label-product-sale {
  background-color: #f44;
  right: 20px;
}

.layout-4.common-home #content .label-product-new {
  background-color: #1cc48f;
  left: 20px;
}

.layout-4.common-home #content .module.sohomepage-slider {
  border: none;
  background-color: transparent;
}

.layout-4.common-home #content .module.sohomepage-slider .modcontent {
  padding: 0;
}

.layout-4.common-home #content .module .h3.modtitle {
  position: relative;
  font-size: 24px;
  color: #222;
  font-weight: 600;    /* text-transform: capitalize; */
  margin: 0;
  padding: 15px;
  margin-bottom: 30px;
  text-align: center;
}

.layout-4.common-home #content .module .h3.modtitle:after {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #eee;
}

.layout-4.common-home #content .module .h3.modtitle:before {
  width: 70px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  background: #2677e7;
  z-index: 2;
}

.layout-4.common-home #content .module .h3.modtitle span {
  font-size: 24px;
  color: #222;
  font-weight: 600;    /* text-transform: capitalize; */
}

/************************************************************************************************
 MODULE HOME SLIDER  
 *************************************************************************************************/
.module.sohomepage-slider .so-homeslider img {
  width: auto;
}

.sohomepage-slider .so-homeslider .owl-nav div::before, .sohomepage-slider .so-homeslider .owl-nav div:hover:before {
  background-color: transparent !important;
}

.module.sohomepage-slider {
  margin: 0;
  z-index: 0;
  position: relative;
}

.module.sohomepage-slider .form-group {
  margin-bottom: 0;
}

.module.sohomepage-slider .so-homeslider {
  border: none;
}

.module.sohomepage-slider .so-homeslider img {
  width: auto;
}

.module.sohomepage-slider .owl-controls {
  height: 0;
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev, .module.sohomepage-slider .owl-controls .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -22.5px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev:before, .module.sohomepage-slider .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.owl-prev:before {
  left: -2px !important;
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev.owl-next, .module.sohomepage-slider .owl-controls .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev.owl-next:before, .module.sohomepage-slider .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev.owl-prev, .module.sohomepage-slider .owl-controls .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev.owl-prev:before, .module.sohomepage-slider .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.module.sohomepage-slider .owl-controls .owl-nav .owl-prev:hover, .module.sohomepage-slider .owl-controls .owl-nav .owl-next:hover {
  background-color: #E34601;
}

.module.sohomepage-slider .owl-controls .owl-nav > div:after {
  display: none;
}

.module.sohomepage-slider .owl-controls .owl-dots {
  bottom: 20px;
  position: static;
  left: auto;
  right: auto;
  width: 100%;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -30px;
  z-index: 10;
}

.module.sohomepage-slider .owl-controls .owl-dots .owl-dot {
  background: #222 !important;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  padding: 0;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
  float: none;
  display: inline-block;
}

.module.sohomepage-slider .owl-controls .owl-dots .owl-dot span {
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0;
}

.module.sohomepage-slider .owl-controls .owl-dots .owl-dot:hover, .module.sohomepage-slider .owl-controls .owl-dots .owl-dot.active {
  background: #2677e7 !important;
}

.module.sohomepage-slider .owl-controls .owl-dots .owl-dot:hover span, .module.sohomepage-slider .owl-controls .owl-dots .owl-dot.active span {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #2677e7 !important;
}

/************************************************************************************************
 SHORTCODE HTML 
 *************************************************************************************************/
.box-content1 {
  margin: 0px 0 20px 0;
}

.box-content1 .col-lg-12 {
  padding: 0;
}

#content .top-tags {
  text-align: center;
  padding: 6px !important;
}

#content .top-tags h2 {
  color: #222;
  font-size: 13px;
  margin: 0;
  line-height: 100%;
  font-weight: 600;
}

#content .top-tags ul li {
  display: inline-block;
  line-height: 100%;
  font-size: 13px;
  margin: 0 3px;
}

.single-baner1 {
  margin: 23px 0 45px;
}

.single-baner1 img {
  width: 100%;
}

.single-baner2 {
  margin: 17px 0 42px;
}

.single-baner2 img {
  width: 100%;
}

/*== Block policy ==*/
.block-policy4 {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  padding: 13px 0 16px 0;
  margin: 40px 0;
  display: inline-block;
  width: 100%;
}

.block-policy4 ul li {
  float: left;
  padding: 0 15px;
  text-align: center;
  width: 20%;
  position: relative;
}

.block-policy4 ul li:before {
  background: #ebebeb none repeat scroll 0 0;
  content: "";
  height: 50px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px;
}

.block-policy4 ul li:last-child:before {
  display: none;
}

.block-policy4 ul li .item-inner {
  display: inline-block;
}

.block-policy4 ul li .item-inner .icon {
  width: 60px;
  height: 52px;
  float: left;
  margin-right: 10px;
}

.block-policy4 ul li .item-inner .icon.icon1 {
  background: url(../files/images/theme/icons/home1/policy-1.png) no-repeat center center;
}

.block-policy4 ul li .item-inner .icon.icon2 {
  background: url(../files/images/theme/icons/home1/policy-2.png) no-repeat center center;
}

.block-policy4 ul li .item-inner .icon.icon3 {
  background: url(../files/images/theme/icons/home1/policy-3.png) no-repeat center center;
}

.block-policy4 ul li .item-inner .icon.icon4 {
  background: url(../files/images/theme/icons/home1/policy-4.png) no-repeat center center;
}

.block-policy4 ul li .item-inner .icon.icon5 {
  background: url(../files/images/theme/icons/home1/policy-5.png) no-repeat center center;
}

.block-policy4 ul li .item-inner .content {
  float: left;
  text-align: left;
  margin-top: 6px;
}

.block-policy4 ul li .item-inner .content a {
  color: #333;
  font-weight: 700;
  font-size: 16px;
}

.block-policy4 ul li .item-inner .content a:hover {
  color: #2677e7;
}

.block-policy4 ul li .item-inner .content p {
  line-height: 100%;
  margin-top: 5px;
  margin: 0;      /* text-transform: capitalize; */
  font-size: 14px;
}

.block-policy4 ul li:last-child .item-inner:before {
  display: none;
}

/*-- banner --*/
.banners7 {
  margin: -5px 0 40px 0;
}

.banners7 .b1 {
  position: relative;
  margin-bottom: 30px;
}

.banner-8 {
  margin: 72px 0 42px 0;
}

/************************************************************************************************
 MODULE SO CATEGORIES
 *************************************************************************************************/
.common-home .custom-slidercates.so-categories {
  margin: 0;
  margin-top: 20px;
  position: relative;
}

.common-home .custom-slidercates.so-categories .owl-carousel .owl-item img {
  transform-style: unset;
}

.common-home .custom-slidercates.so-categories .form-group {
  margin-bottom: 0;
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next {
  width: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -40px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev:before, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev.owl-next, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev.owl-next:before, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev.owl-prev, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev.owl-prev:before, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-prev:hover, .common-home .custom-slidercates.so-categories .owl-controls .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.common-home .custom-slidercates.so-categories .cat-wrap {
  margin-top: 10px;
  margin-bottom: 45px;
  position: static;
}

.common-home .custom-slidercates.so-categories .cat-wrap .owl-stage-outer {
  direction: ltr;
  overflow: unset;
  position: static;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box:before {
  content: '';
  display: inline-block;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 0;
  background-color: #2677e7;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box:hover .cat-title a {
  color: #2677e7;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box:hover:before {
  left: 0;
  width: 100%;
  transition: all 0.3s ease 0s;
  background-color: #2677e7;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .image-cat img {
  border: none;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .image-cat img:hover {
  opacity: 1;
  transform: scale(1.05);
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .cat-title {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 0;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .cat-title a {
  text-transform: uppercase;
  color: #222;
  font-weight: 700;
  font-size: 14px;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .cat-title a:hover {
  color: #2677e7;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .child-cat .child-cat-title {
  float: left;
  width: 100%;
  font-size: 14px;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .child-cat .child-cat-title .arrow {
  display: none;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .child-cat .child-cat-title a {
  position: relative;
  padding-left: 20px;
  line-height: 30px;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .child-cat .child-cat-title a:before {
  position: absolute;
  content: "\f18e";
  font-family: FontAwesome;
  top: -6px;
  left: 0;
  color: #2677e7;
  font-size: 13px;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .btn-more {
  margin-top: 20px;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .btn-more a {
  display: block;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 20px;
  background-color: #2677e7;
  float: left;
}

.common-home .custom-slidercates.so-categories .cat-wrap .content-box .btn-more a:hover {
  background-color: #165fc4;
}

/************************************************************************************************
 MODULE FEATURED SALE
 *************************************************************************************************/
.featured-sale .bosmarket-text-block {
  margin-bottom: 20px;
}

.featured-sale .bosmarket-text-block .content-info {
  text-align: center;
}

.featured-sale .bosmarket-text-block .content-info h4 {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.featured-sale .bosmarket-text-block .content-info p a {

  /* text-transform: capitalize; */
  color: #666;
  display: inline-block;
  vertical-align: top;
  transition: 0.3s ease;
}

.caption .content-info a, .featured-sale .bosmarket-text-block .content-info a {
  white-space: nowrap;
}

.caption .content-info>p>a:last-child:before, .featured-sale .bosmarket-text-block .content-info>p>a:last-child:before {
  content: "\00a0|\00a0"
}

.caption .content-info a:last-child:after, .featured-sale .bosmarket-text-block .content-info a:last-child:after {
  content: "\00a0\f0da";
  font-family: "FontAweSome";
  font-size: 11px;
}

.caption .content-info h4 a:last-child:after, .featured-sale .bosmarket-text-block .content-info h4 a:last-child:after {
  font-size: 13px;
}

.caption .content-info a:not(:last-child):before, .featured-sale .bosmarket-text-block .content-info a:not(:last-child):before {

  /* content: "#"; */
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  margin-left: 5px;
  transition: 0.3s ease;
}

.featured-sale .bosmarket-text-block .content-info p a:hover {
  color: #f44;
}

.featured-sale .bosmarket-text-block .content-info p a:hover:after {
  color: #f44;
}

/************************************************************************************************
 MODULE DEALS
 *************************************************************************************************/
.deals .so-extraslider .extraslider-inner .item .product-thumb {
  float: left;
  padding: 0 15px;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb:last-child .inner {
  border: none;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb .item-left {
  width: 50%;
  display: table-cell;
  padding-left: 0;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb .item-right {
  width: 50%;
  display: table-cell;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb .inner {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px;
  margin: 0 0 30px 0;
  display: table;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb .inner .caption {
  padding-right: 30px;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb:hover .image .button-group .btn-button {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.deals .so-extraslider .extraslider-inner .item .product-thumb:hover .image a.img-link:before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

.deals .so-extraslider .extraslider-inner .item .image {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 3px;
}

.deals .so-extraslider .extraslider-inner .item .image a.img-link {
  position: relative;
  display: block;
  border-radius: 3px;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group {
  padding: 0;
  position: absolute;
  z-index: 99;
  left: 10px;
  bottom: 35px;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button {
  overflow: hidden;
  border: none;
  display: block;
  margin-top: 5px;
  padding: 0;
  background-color: #666;
  border-radius: 3px;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transform: all 0.3s ease 0s;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-50px, 0px);
  -moz-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  -o-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px);
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button span {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  height: auto;
  opacity: 0;
  position: static;
  transition: all 0.3s ease 0s;
  width: auto;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button i, .deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0px;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button.addToCart {
  transition-delay: 0.1s;    /* &:before{
   content: '291';
   }*/
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button.wishlist {
  margin-bottom: 0;
  transition-delay: 0.2s;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button.compare {
  margin-bottom: 0;
  transition-delay: 0.3s;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button.quickview {
  transition-delay: 0.4s;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button:hover {
  background-color: #2677e7;
  width: auto;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button:hover span {
  opacity: 1;
  padding: 0 10px 0 28px;
}

.deals .so-extraslider .extraslider-inner .item .image .button-group .btn-button:hover i {
  color: #fff;
}

.deals .so-extraslider .extraslider-inner .item .item-time-w {
  clear: both;
  margin: 0 0 10px 0;
}

.deals .so-extraslider .extraslider-inner .item .item-time-w .time-title {
  color: #E34601;
  font-weight: 500;
  margin: 0 0 0 5px;
}

.deals .so-extraslider .extraslider-inner .item .item-timer {
  background-color: transparent;
  float: left;
}

.deals .so-extraslider .extraslider-inner .item .item-timer .time-item {
  background-color: transparent;
  line-height: 100%;
  float: left;
  text-align: center;
  width: auto;
  margin-right: 15px;
}

.deals .so-extraslider .extraslider-inner .item .item-timer .time-item .num-time {
  border: none;
  font-size: 24px;
  color: #222;
  font-weight: 700;
  position: relative;
  width: 60px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #eee;
  position: relative;
}

.deals .so-extraslider .extraslider-inner .item .item-timer .time-item .num-time:after {
  content: ":";
  position: absolute;
  top: 0;
  right: -8px;
}

.deals .so-extraslider .extraslider-inner .item .item-timer .time-item .name-time {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 3px;
}

.deals .so-extraslider .extraslider-inner .item .item-timer .time-item.time-sec .num-time:after {
  display: none;
}

.deals .so-extraslider .extraslider-inner .item .caption .item-available {
  margin-top: 40px;
}

.deals .so-extraslider .extraslider-inner .item .caption .item-available p {
  color: #222;
  margin-bottom: 0;
}

.deals .so-extraslider .extraslider-inner .item .caption .item-available .a1 {
  text-align: left;
}

.deals .so-extraslider .extraslider-inner .item .caption .item-available .a1 b {
  color: #2677e7;
}

.deals .so-extraslider .extraslider-inner .item .caption .item-available .a2 {
  text-align: right;
}

.deals .so-extraslider .extraslider-inner .item .caption .available {
  background-color: #eee;
  height: 13px;
  width: 100%;
  display: inline-block;
  border-radius: 7px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.deals .so-extraslider .extraslider-inner .item .caption .available .color_width {
  background: #2677e7;
  position: absolute;
  height: 100%;
  left: 0;
  border-radius: 7px;
}

.deals .so-extraslider .extraslider-inner .item .caption .h4 {
  margin-top: 0;
  margin-bottom: 10px;
}

.deals .so-extraslider .extraslider-inner .item .caption .h4 a {
  color: #222;
  font-size: 18px;    /* text-transform: capitalize; */
}

.deals .so-extraslider .extraslider-inner .item .caption .h4 a:hover {
  color: #2677e7;
}

.deals .so-extraslider .extraslider-inner .item .caption .addToCart {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #888;    /* [4] */

  /* [6] */

  /* [6] */

  /* [7] */
  font-size: 12px;
  font-size: 1.2rem;    /* [8] */
  font-weight: 400;
  line-height: 100%;
  padding: 13px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 20px;
  float: left;
  clear: both;
}

.deals .so-extraslider .extraslider-inner .item .caption .addToCart:hover {
  color: #fff;
  background-color: #2677e7;
  border-color: #2677e7;
}

.deals .so-extraslider .extraslider-inner .item .caption .price .price-new, .deals .so-extraslider .extraslider-inner .item .caption .price span.price {
  font-size: 24px;
  color: #2677e7;
}

.deals .so-extraslider .extraslider-inner .item .caption .price {
  margin-top: 25px;
  font-size: 24px;
}

.deals .so-extraslider .extraslider-inner .item .caption .price .price-old {
  font-size: 18px;
}

.deals .so-extraslider .extraslider-inner .owl-dots {
  bottom: 20px;
  position: static;
  left: auto;
  right: auto;
  width: 100%;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -30px;
  z-index: 10;
}

.deals .so-extraslider .extraslider-inner .owl-dots .owl-dot {
  margin: 0 5px;
  width: 12px;
  height: 12px;
  padding: 0;
  transition: all 0.3s ease 0s;
  border-radius: 50%;
  float: none;
  display: inline-block;
}

.deals .so-extraslider .extraslider-inner .owl-dots .owl-dot span {
  background: #e5e5e5;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0;
}

.deals .so-extraslider .extraslider-inner .owl-dots .owl-dot:hover, .deals .so-extraslider .extraslider-inner .owl-dots .owl-dot.active {
  background: #2677e7 !important;
}

.deals .so-extraslider .extraslider-inner .owl-dots .owl-dot:hover span, .deals .so-extraslider .extraslider-inner .owl-dots .owl-dot.active span {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #2677e7 !important;
}

/************************************************************************************************
 MODULE FEATURE PRODUCT
 *************************************************************************************************/
.feature-product {
  margin-bottom: 31px;
}

.feature-product .modcontent {
  position: relative;
}

.feature-product .modcontent .owl-product .item {
  max-width: 100;
}

.feature-product .modcontent .owl-product .item img {
  width: 100%;
}

.feature-product .modcontent .owl-product .item .item-inner {
  clear: both;
  margin: 0 20px 0px 20px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container {
  display: inline-block;
  background-color: transparent;
  margin: 0;
  width: 100%;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block {
  float: left;
  position: relative;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button {
  outline: none;
  border: none;
  display: inline-block;
  margin-top: 0;
  padding: 0;
  background-color: #666;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transform: all 0.3s ease 0s;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button span {
  display: none;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button.quickview {
  left: 65%;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button.compare {
  left: 50%;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button.wishlist {
  left: 35%;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button i, .feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .left-block .so-quickview .btn-button:hover {
  background-color: #2677e7;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block {
  float: left;
  margin-top: 12px;
  width: 100%;
  clear: none;
  text-align: center;
  background-color: transparent;
  padding: 0;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .h4 {
  font-weight: 500;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .h4 a {
  font-size: 14px;
  color: #444;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .h4 a:hover {
  color: #2677e7;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .rating, .feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .ratings {
  margin: 13px 0 10px 0;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .price {
  font-size: 24px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .right-block .caption .price .price-old {
  font-size: 16px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group {
  margin-top: 10px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button {
  outline: none;
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin-top: 5px;
  padding: 0;
  background-color: #fff;
  border-radius: 20px;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  transform: all 0.3s ease 0s;
  position: relative;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button span {
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  height: auto;
  width: auto;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button i, .feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button.addToCart {
  width: auto;
  height: auto;
  padding: 5px 30px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button.addToCart span {
  text-transform: uppercase;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button.addToCart i {
  padding-right: 5px;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button.wishlist {
  margin: 0 2px 0 2px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button.compare {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button:hover {
  background-color: #2677e7;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container .button-group .btn-button:hover span {
  color: #fff;
}

.feature-product .modcontent .owl-product .item .item-inner .product-item-container:hover .left-block .so-quickview .btn-button, .feature-product .modcontent .owl-product .item .item-inner .product-item-container:hover .button-group .btn-button.wishlist, .feature-product .modcontent .owl-product .item .item-inner .product-item-container:hover .button-group .btn-button.compare {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev, .feature-product .modcontent .owl-product .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -22.5px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev:before, .feature-product .modcontent .owl-product .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev.owl-next, .feature-product .modcontent .owl-product .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev.owl-next:before, .feature-product .modcontent .owl-product .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev.owl-prev, .feature-product .modcontent .owl-product .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev.owl-prev:before, .feature-product .modcontent .owl-product .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev:hover, .feature-product .modcontent .owl-product .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev, .feature-product .modcontent .owl-product .owl-nav .owl-next {
  background: #fff;
  border: 1px solid #eee;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev:before, .feature-product .modcontent .owl-product .owl-nav .owl-next:before {
  color: #aaa;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev:hover:before, .feature-product .modcontent .owl-product .owl-nav .owl-next:hover:before {
  color: #fff;
}

.feature-product .modcontent .owl-product .owl-nav .owl-prev {
  left: 0 !important;
}

.feature-product .modcontent .owl-product .owl-nav .owl-next {
  right: 0 !important;
}

.feature-product .modcontent .owl-product .owl-nav > div:after {
  display: none;
}

/************************************************************************************************
 MODULE CATEGORIES
 *************************************************************************************************/
.categories {
  pdding-top: 30px;
}

.categories .bosmarket-text-block {
  margin-bottom: 20px;
}

.categories .bosmarket-text-block:hover .content-info a {
  color: #2677e7;
}

.categories .bosmarket-text-block .content-info {
  text-align: center;
  padding: 10px 0;
}

.categories .bosmarket-text-block .content-info a {
  color: #222;
  font-weight: 700;
  font-size: 16px;
}

.categories .bosmarket-text-block .content-info a:hover {
  color: #2677e7;
}

/************************************************************************************************
 MODULE LISTINGTAB
 *************************************************************************************************/
.listingtab-icons .h3.modtitle {
  margin: 0 !important;
}

.listingtab-icons .ltabs-wrap .products-list .item {
  max-width: 100;
}

.listingtab-icons .ltabs-wrap .products-list .item img {
  width: 100%;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner {
  clear: both;
  margin: 0 20px 0px 20px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container {
  display: inline-block;
  background-color: transparent;
  margin: 0;
  width: 100%;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block {
  float: left;
  position: relative;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button {
  outline: none;
  border: none;
  display: inline-block;
  margin-top: 0;
  padding: 0;
  background-color: #666;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transform: all 0.3s ease 0s;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button span {
  display: none;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button.quickview {
  left: 65%;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button.compare {
  left: 50%;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button.wishlist {
  left: 35%;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button i, .listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .left-block .so-quickview .btn-button:hover {
  background-color: #2677e7;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block {
  float: left;
  margin-top: 12px;
  width: 100%;
  clear: none;
  text-align: center;
  background-color: transparent;
  padding: 0;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .h4 {
  font-weight: 500;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .h4 a {
  font-size: 14px;
  color: #444;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .h4 a:hover {
  color: #2677e7;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .rating, .listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .ratings {
  margin: 13px 0 10px 0;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .price {
  font-size: 24px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .right-block .caption .price .price-old {
  font-size: 16px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group {
  margin-top: 10px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button {
  outline: none;
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin-top: 5px;
  padding: 0;
  background-color: #fff;
  border-radius: 20px;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 28px;
  transform: all 0.3s ease 0s;
  position: relative;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button span {
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  height: auto;
  width: auto;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button i, .listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button:before {
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button.addToCart {
  width: auto;
  height: auto;
  padding: 5px 30px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button.addToCart span {
  text-transform: uppercase;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button.addToCart i {
  padding-right: 5px;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button.wishlist {
  margin: 0 2px 0 2px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button.compare {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button:hover {
  background-color: #2677e7;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container .button-group .btn-button:hover span {
  color: #fff;
}

.listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container:hover .left-block .so-quickview .btn-button, .listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container:hover .button-group .btn-button.wishlist, .listingtab-icons .ltabs-wrap .products-list .item .item-inner .product-item-container:hover .button-group .btn-button.compare {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

/************************************************************************************************
 MODULE MOST VIEW
 *************************************************************************************************/
.most-view .product {
  margin-bottom: 35px;
  display: inline-block;
}

.most-view .product .left-block {
  width: 40%;
  display: inline-block;
  float: left;
}

.most-view .product .left-block img:hover {
  opacity: 0.8;
}

.most-view .product .right-block {
  width: 60%;
  display: inline-block;
  padding-left: 20px;
}

.most-view .product .right-block h4 {
  margin-bottom: 0;
}

.most-view .product .right-block h4 a {

  /* text-transform: capitalize; */
}

/************************************************************************************************
 MODULE EXTRA SLIDER
 *************************************************************************************************/
.module .so-extraslider {
  margin: 0;
}

.extra-right {
  padding-left: 5px;
}

.extra-right .module {
  position: relative;
}

.extra-right .so-extraslider {
  margin: 0;
}

.extra-right .so-extraslider .rating {
  margin: 3px 0 5px 0;
}

.extra-right .so-extraslider .owl-nav {

  /*.owl-prev{
   #{$left}: 5px !important;
   }
   .owl-next{
   #{$right}: 15px !important;
   }*/
}

.extra-right .so-extraslider .owl-nav .owl-prev, .extra-right .so-extraslider .owl-nav .owl-next {
  width: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -40px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.extra-right .so-extraslider .owl-nav .owl-prev:before, .extra-right .so-extraslider .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.extra-right .so-extraslider .owl-nav .owl-prev.owl-next, .extra-right .so-extraslider .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.extra-right .so-extraslider .owl-nav .owl-prev.owl-next:before, .extra-right .so-extraslider .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.extra-right .so-extraslider .owl-nav .owl-prev.owl-prev, .extra-right .so-extraslider .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.extra-right .so-extraslider .owl-nav .owl-prev.owl-prev:before, .extra-right .so-extraslider .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.extra-right .so-extraslider .owl-nav .owl-prev:hover, .extra-right .so-extraslider .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.extra-layout4 .modcontent .owl-nav .owl-prev.owl-prev {
  left: 0 !important;
}

.extra-layout4 {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.extra-layout4 .col-pre {
  width: 15%;
  float: left;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-height: 380px;
  line-height: 35px;
  position: relative;
  margin: 0;
}

.extra-layout4 .col-pre .m-head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.extra-layout4 .col-pre a {
  background-color: #fff;
  display: inline-block;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #222;
  font-size: 12px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  line-height: 100%;
  margin-top: 50%;
}

.extra-layout4 .modcontent {
  width: 85%;
  float: left;
  padding: 10px 0 0 0 !important;
  position: relative;
}

.extra-layout4 .modcontent .owl-nav .owl-prev, .extra-layout4 .modcontent .owl-nav .owl-next {
  width: 50px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -40px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.extra-layout4 .modcontent .owl-nav .owl-prev:before, .extra-layout4 .modcontent .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.extra-layout4 .modcontent .owl-nav .owl-prev.owl-next, .extra-layout4 .modcontent .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.extra-layout4 .modcontent .owl-nav .owl-prev.owl-next:before, .extra-layout4 .modcontent .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.extra-layout4 .modcontent .owl-nav .owl-prev.owl-prev, .extra-layout4 .modcontent .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.extra-layout4 .modcontent .owl-nav .owl-prev.owl-prev:before, .extra-layout4 .modcontent .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.extra-layout4 .modcontent .owl-nav .owl-prev:hover, .extra-layout4 .modcontent .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.extra-layout4.cus1 {
  margin-bottom: 0px;
}

.extra-layout4.cus1 .col-pre {
  background-color: #3199e2;
}

.extra-layout4.cus1 .col-pre a:hover {
  background-color: #fd7b7b;
  color: #fff;
}

.extra-layout4.cus2 {
  margin-top: 15px;
}

.extra-layout4.cus2 .col-pre {
  background-color: #fd7b7b;
}

.extra-layout4.cus2 .col-pre a:hover {
  background-color: #3199e2;
  color: #fff;
}

/************************************************************************************************
 SHORTCODE HTML SLIDER BRANDS
 *************************************************************************************************/
.slider-brands {
  border-top: 1px solid #dcdde1;
  border-bottom: 1px solid #dcdde1;
  background-color: #fff;
  padding: 25px 0px;
  margin-top: 30px;
  margin-bottom: 42px;
  position: relative;
}

.slider-brands .container {
  position: relative;
}

.slider-brands .contentslider {
  padding: 0 40px;
  position: relative;
}

.slider-brands .contentslider .owl-stage-outer {
  direction: ltr;
}

.slider-brands .item {
  text-align: center;
}

.slider-brands .item:hover {
  opacity: 0.8;
}

.slider-brands .owl-controls .owl-nav .owl-prev, .slider-brands .owl-controls .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -22.5px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}

.slider-brands .owl-controls .owl-nav .owl-prev:before, .slider-brands .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.slider-brands .owl-controls .owl-nav .owl-prev.owl-next, .slider-brands .owl-controls .owl-nav .owl-next.owl-next {
  right: 15px;
  left: auto;
}

.slider-brands .owl-controls .owl-nav .owl-prev.owl-next:before, .slider-brands .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.slider-brands .owl-controls .owl-nav .owl-prev.owl-prev, .slider-brands .owl-controls .owl-nav .owl-next.owl-prev {
  left: 15px;
  right: auto;
}

.slider-brands .owl-controls .owl-nav .owl-prev.owl-prev:before, .slider-brands .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.slider-brands .owl-controls .owl-nav .owl-prev:hover, .slider-brands .owl-controls .owl-nav .owl-next:hover {
  background-color: #2677e7;
}

.slider-brands .owl-controls .owl-nav .owl-prev, .slider-brands .owl-controls .owl-nav .owl-next {
  background: #fff;
  border: 1px solid #aaa;
}

.slider-brands .owl-controls .owl-nav .owl-prev:hover:before, .slider-brands .owl-controls .owl-nav .owl-next:hover:before {
  color: #fff;
}

.slider-brands .owl-controls .owl-nav .owl-prev:before, .slider-brands .owl-controls .owl-nav .owl-next:before {
  color: #aaa;
}

/************************************************************************************************
 MODULE LATEST BLOG
 *************************************************************************************************/
.lastest-blog .list-blog {
  margin-bottom: 50px;
}

.lastest-blog .list-blog .item-inner .top-block {
  position: relative;
  overflow: hidden;
}

.lastest-blog .list-blog .item-inner .top-block img.icon {
  width: auto;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.lastest-blog .list-blog .item-inner .top-block:hover img.icon {
  top: 50%;
}

.lastest-blog .list-blog .item-inner .top-block:hover img.content {
  opacity: 0.8;
}

.lastest-blog .list-blog .item-inner .top-block .date-blog {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  color: #2677e7;
  text-align: center;
}

.lastest-blog .list-blog .item-inner .top-block .date-blog .day-time {
  font-size: 24px;
  font-weight: 700;
}

.lastest-blog .list-blog .item-inner .top-block .date-blog .mon-time {
  font-size: 14px;
}

.lastest-blog .list-blog .item-inner .bottom-block .entry-meta {
  color: #999;
}

.lastest-blog .list-blog .item-inner .bottom-block .entry-meta .entry-date {
  display: inline-block;
  float: left;
  margin-right: 15px;
}

@media (min-width:1200px) and (max-width:1365px) {
  .layout-4.common-home #content .products-list .product-grid2 .product-item-container .button-group .addToCart {
    padding: 8px 3px;
  }

  .layout-4.common-home #content .products-list .product-grid2 .product-item-container .button-group .btn-button {
    width: 29px;
  }

  .layout-4 .box-content2 .box-left {
    width: 48%;
  }

  .layout-4 .box-content2 .extra-right {
    width: 52%;
  }

  .deals-layout4 .so-deal .extraslider-inner .item .caption .h4 {
    margin-top: 14px;
  }

  .deals-layout4 .so-deal .extraslider-inner .item .item-time-w {
    margin-top: 0;
  }

  .deals-layout4 .so-deal .extraslider-inner .item .caption .price {
    margin: 0 0 10px 0;
  }

  .deals-layout4 .products-list .product-grid2 .product-item-container .left-block {
    width: 45%;
  }

  .deals-layout4 .products-list .product-grid2 .product-item-container .right-block {
    width: 55%;
  }

  .extra-layout4 .col-pre {
    min-height: 396px;
  }

  .extra-layout4 .col-pre a {
    min-width: 120px;
  }

}

@media (min-width:1366px) and (max-width:1649px) {
  .layout-4 .box-content2 .box-left {
    width: 48%;
  }

  .layout-4 .box-content2 .extra-right {
    width: 52%;
  }

  .deals-layout4 .so-deal .extraslider-inner .item .caption .price {
    margin: 0 0 10px 0;
  }

  .deals-layout4 .products-list .product-grid2 .product-item-container .left-block {
    width: 44%;
  }

  .deals-layout4 .products-list .product-grid2 .product-item-container .right-block {
    width: 56%;
  }

  .deals-layout4 .so-deal .extraslider-inner .item .caption .h4 {
    margin-top: 17px;
  }

  .extra-layout4 .col-pre {
    min-height: 360px;
  }

  .extra-layout4 .col-pre a {
    min-width: 120px;
  }

}

.container-megamenu.vertical .vertical-wrapper ul.megamenu > li > .sub-menu .content .static-menu .menu > ul ul.colors-bar li a {
  width: 25px;
  height: 25px;
  margin: 4px;
  display: inline-block;
  border: 1px solid #e8e8e8;
}

.banner-text {
  position: absolute;
  background-color: white;
  z-index: 1;
  right: 0;
  bottom: 10px;
  padding: 0 10px
}

.t-slider-wr {
  z-index: 99;
  background: rgba(255, 110, 3, 0.2);
  box-shadow: 1px 1px 5px rgba(30, 30, 30, 0.5);
  font-size: 2.6em;
  font-weight: bold;
  position: absolute;
  color: white;
  padding: 10px;
  text-shadow: 2px 2px 3px rgba(30, 30, 30, 1);
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 50%;
  height: fit-content;
  text-align: center;
}

.t-slider-left {
  z-index: 99;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  background: rgba(255, 110, 3, 0.5);
  color: white;
  padding: 5px;
  text-shadow: 2px 2px 5px rgba(20, 20, 20, 1);
  margin: 30px 0;
  box-shadow: 1px 1px 5px rgba(30, 30, 30, 0.5);
  right: 0;
}

.t-slider-wr span {
  line-height: normal;
  display: inline-block;
}

.slider-t-small {
  font-size: 18px;
  font-weight: bold;
}

.tblhist.table td, .tblhist.table th, .wishlist.table td, .wishlist.table th, #cart-block .table td, #cart-block .table th, #checkout_total .table td, #checkout_total .table th {
  vertical-align: middle;
}

.filter-grayscale img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.filter-flip img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.filter-sepia img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.jcrop-handle.ord-sw, .jcrop-handle.ord-se, .jcrop-handle.ord-ne, .jcrop-handle.ord-nw {
  display: none !important;
}

.jcrop-handle {
  font-size: 30px;
  color: #000;
  text-shadow: 0px 0px 2px #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.jcrop-handle.ord-w, .jcrop-handle.ord-e {
  margin-right: -13px;
  margin-top: -7px;
  right: 0;
  top: 50%;
  width: 27px;
  height: 14px;
  background-image: url(/files/images/icon/small_arrows_h.png);
  background-color: #E34601;
  border-radius: 2px;
}

.jcrop-handle.ord-w {
  margin-right: 0;
  margin-left: -13px;
}

.jcrop-handle.ord-n, .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -13px;
  margin-left: -7px;
  width: 14px;
  height: 27px;
  background-image: url(/files/images/icon/small_arrows_v.png);
  background-color: #E34601;
  border-radius: 2px;
}

.jcrop-handle.ord-n {
  margin-bottom: 0;
  margin-top: -13px;
}

.contact-tel-top {
  margin: 5px 0 !important;
}

.typeheader-4 ul.top-link.contact-tel-top li:after {
  top: 2px;
  height: 16px;
}

.contact-tel-top .header {
  color: #555555;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}

.contact-tel-top .tel {
  color: #555555;
  font-size: 14px;
  line-height: 15px;
  font-weight: 300;
  margin-left: 0px;
  margin-right: 0px;
}

.modal-header .close {
  margin-top: -18px;
}

.modal-footer .btn.btn-modal-apply {
  background: #E34601;
  color: #fff;
}

.modal-footer .btn.btn-modal-apply:hover {
  background: #D81B1B;
}

.modal-header {
  background: #e34601;
  opacity: 0.9;
  color: #ffffff;
}

.mySingleTab {
  line-height: 44px !important;
}

.left-content-product .content-product-right .buyOnOneClick {
  /*background: #E34601;*/
  display: block;
  text-align: center;
  width: 100%;
  /*border-radius: 4px;*/
}

.left-content-product .content-product-right .buyOnOneClick .text {
  color: #fff;
  padding: 10px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.left-content-product .content-product-right .buyOnOneClick .phone {
  display: table-cell;
  vertical-align: middle;
}

.left-content-product .content-product-right .buyOnOneClick .phone input {
  width: 155px;
}

.left-content-product .content-product-right .buyOnOneClick .next, .btn-pr-orange {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  background: #F15936;
  border-radius: 15px;
  margin: 10px;
  padding: 10px 15px;
  display: inline-block;
  border: 1px solid #F15936;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.left-content-product .content-product-right .buyOnOneClick .next:hover, .btn-pr-orange:hover {
  color: #F15936;
  background: #fff;
  text-decoration: none;
  border: 1px solid #F15936;

}

.left-content-product .content-product-right .box-info-product .optionHeader {
  display: block;
  text-align: left;
  color: #666666;
  padding: 5px 10px;
  /*background: #333;*/
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 0;
  font-size: 20px;
  line-height: 25px;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li {
  padding: 0;
  margin: 0;
  height: 60px;
  transition: 1s;
  width: 24%;
  overflow: hidden;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li a.photoParamTab {
  margin: 0;
  padding: 0;
  padding-top: 8px;
  background: #fff;
  height: 50px;
  position: relative;
  transition:  1s;
  text-align: center;
  color: #555;
  border-radius: 4px;
  border: 1px #d7d7d7 solid;
  
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li:hover a.photoParamTab {
  background: #555;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li.active a.photoParamTab {
  background: #E34601;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li a.photoParamTab img.paramLable {
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  top: 22px;
  height: 20px;
  width: 50%;
  right: 25%;
  left: 25%;
  opacity: 1;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li a.photoParamTab img.paramLable.img-2 {
  opacity: 0;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li:hover a.photoParamTab img.paramLable.img-2 {
  opacity: 1;
}

.left-content-product .content-product-right .box-info-product ul.nav-tabs li.active a.photoParamTab img.paramLable.img-2 {
  opacity: 1;
}

.left-content-product .content-product-right .box-info-product .addParamTab {
  display: block;
  width: 100%;
  padding: 10px;
  line-height: 25px;
  font-size: 20px;
  margin-bottom: 5px;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  border-radius: 4px;
  border: 1px #d7d7d7 solid;
  background: #fff;
  color: #555;
  text-align: center;
  word-break: break-all;
}
.left-content-product .content-product-right .box-info-product .addParamTab + .addParamTab {
  margin-top: 10px;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li a.photoParamListItem {
  width: 100%;
  display: table;
  color: #555;
  background: #fff;
  border: 1px #d7d7d7 solid;
  border-radius: 4px;
  padding: 10px;
  text-align: right;
  margin: 5px 0;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li:hover a.photoParamListItem {
  background: #555;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li.active a.photoParamListItem {
  background: #e34601;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li a.photoParamListItem span.name {
  height: 100%;
  line-height: 25px;
  font-size: 25px;
  color: #555;
  width: 100%;
  background: transparent;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li:hover a.photoParamListItem span.name {
  color: #fff;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li.active a.photoParamListItem span.name {
  color: #fff;
}

.left-content-product .content-product-right .box-info-product div.tab-content ul.tab-pane li a.photoParamListItem span.price {
  line-height: 100%;
  width: 160px;
  height: 100%;
  font-size: 20px;
  color: #555;
  background: #fff;
  border: 1px #d7d7d7 solid;
  border-radius: 4px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.left-content-product .content-product-right .box-info-product .addParamTab:hover {
  background: #555;
  color: #fff;
}

.left-content-product .content-product-right .box-info-product .addParamTab.active {
  background: #E34601;
  color: #fff;
}

@media (min-width:992px) and (max-width:1199px) {
  .left-content-product .content-product-right .box-info-product ul.nav-tabs li {
    width: 45%;
  }

}

@media  (min-width:768px) and (max-width:991px) {
  .mySingleTab.second {
    line-height: 22px !important;
    top: -6px !important;
  }

  .mySingleTab.first {
    top: 5px !important;
  }

}

.producttab .tabsslider.horizontal-tabs .nav-tabs.big-tabs li a:after {
  content: '';
  transition: all 0.5s ease-in-out 0s;
  border: 30px transparent solid;
  position: absolute;
  bottom: -60px;
  left: 44%;
  z-index: 3;
  opacity: 0;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs.big-tabs li:hover a:after {
  border-top: 30px #555 solid;
  opacity: 1;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs.big-tabs li.active a:after {
  border-top: 30px #e34601 solid;
  opacity: 1;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs.small-tabs li a:after {
  content: '';
  transition: all 0.5s ease-in-out 0s;
  border: 10px transparent solid;
  position: absolute;
  bottom: -20px;
  left: 39%;
  z-index: 3;
  opacity: 0;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs.small-tabs li:hover a:after {
  border-top: 10px #555 solid;
  opacity: 1;
}

.producttab .tabsslider.horizontal-tabs .nav-tabs.small-tabs li.active a:after {
  border-top: 10px #e34601 solid;
  opacity: 1;
}

.info-contact.clearfix .nav-tabs {
  text-align: center;
  width: 100%;
}

.info-contact.clearfix .nav-tabs li {
  width: 49%;
  margin: 0.5%;
}

.info-contact.clearfix .nav-tabs li a {
  transition: all 0.5s;
  font-size: 20px;
  width: 100%;
  margin: 0;
  padding: 5px;
  background: transparent;
  border: 1px #d7d7d7 solid;
  border-radius: 4px;
  color: #000;
}

.info-contact.clearfix .nav-tabs li:hover a {
  background: #555;
  color: #ffffff;
}

.info-contact.clearfix .nav-tabs li.active a {
  background: #e34601;
  color: #fff;
}

.info-contact.clearfix .tab-content {
  background-color: transparent;
  border: 1px #d7d7d7 solid;
  border-radius: 4px;
}
.dropdown-chcity li {
  margin-left: 10px
}
li.dropdown-chcity:before {
  content: "\f041" !important;
  font-family: FontAwesome;
  font-size: 12px;
}
.telephone-top {
  width: 100%;
  margin-top: 5px;
}
.telephone-top a {
  font-size: 15px;
  margin-top: 7px;
  color: #E34601 !important;
  font-weight: 700;
}
.category_tabs {
  text-align: center;
}
.category_tabs a {
    padding: 11px 55px;
    font-size: 20px;
    color: #333;
    width: 100%;
    background-color: #B1D793;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: unset;
    transition: 0.4s;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    display: inline-block;
    /*margin: 0 20px;*/
}
.category_tabs a:hover {
  color: #fff;
  background-color: #64BD18;
}
.fotooboi.active {
  color: #fff;
  background-color: #64BD18;
}
@media (max-width: 768px) {
  .category_tabs a {
        margin-bottom: -20px;
        margin-top: 9px;
        padding: 11px 25px;
        font-size: 21px;
        margin: 0 10px;
        line-height: 15px;
        color: #fff;
        background-color: #B1D793;
        border:unset;
      }  
}
@media (max-width: 435px) {
    .category_tabs {
      text-align: center;
      margin: 40px 0 0 0;
    }
    .see-all {
      display: none;
    }
    .category_tabs a {
        width: 100%;
        margin-bottom: -20px;
        margin-top: 9px;
        font-size: 25px;
        margin: 0;
        line-height: 15px;
        color: #fff;
        background-color: #B1D793;
        border:unset;
      }
}
.category-list-description {
  display: block;
  padding: 20px 15px;
  width: 100%;
  height: auto;
  font-size: 18px;
}
.category-list-description ul li, .text-box ul li {
    list-style: disc;
    list-style-position: inside;
}
.category-list-description ol li, .text-box ol li {
    list-style-type: decimal;
    list-style-position: inside;
}
#content .category-list-description ul {
  padding-left: 30px;
}
#content .category-list-description ul li {
  list-style-type: disc;
}
#header a.countprice_fix {
    border-radius: 50%;
    background: #E34601; 
    color: #fff;
    position: fixed;
    bottom: 100px;
    left: 10px;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 56px;
    text-align: center;
    z-index: 10000;  
    transition: 0.4s;
}

/*phone btn*/
#zcwMiniButton {
    position: fixed;
    left: 70px;
    bottom: 70px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 99990;
}

#zcwMiniButton #zcwMiniButtonMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(228,73,2);
    width: 50px;
    height: 50px;
    -webkit-animation: zcwmini 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini 1.5s 0s ease-out infinite;
    animation: zcwmini 1.5s 0s ease-out infinite;

}

#zcwMiniButton #zcwMiniButtonMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    left: -11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAAGGQQGpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDQzYxOTIyMTQxNDExRTk5MTk4RTJDQkY5NjhENTU3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDQzYxOTIxMTQxNDExRTk5MTk4RTJDQkY5NjhENTU3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRBOThEMjk0OUVGMUU4MTE4M0JEQ0Q0QTdCMzE5MTE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1MEY3MDc5ODVGMUU4MTFBQjFEOERCRDE5RkVBODMzIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+UHJpbnQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsnpRigAAAVsSURBVHjaYvj//z8DFAsC8VsYnxFEAAEjEIMZUGDBgKTjKhKbAVkCBPYDcQGIz4KknRGJzcDEgAn+gQiAAEI26g4QO6G7CgPAjEKXlUDW8R/JEYtAEv/RXQQzihGLUQwAAYTsKpDuUmTfQ7EUEDuih8htLArRsSbMexxAi35gcTA2sBtXeHAD8Rco+xsQ/wRiIXQ/bMTjHDkYGyCAsEn2QGMYwwBk5/wGYlYsToOHOXKUseLwIEjhNTADaDInkP7OQBgsZ4L6GsNKLOAVyOFT0JLuZ1whAzJZDkn3LCDmgdpwFS3NMIF0/MFiyvv/CPAYiGWA+CXOlI0vtfcSUMeFHuWyQNyL5hx7IG6D8QECCF8STYW6eQkQS6LJgZyfDcR/oRkfqxnoAmxQA9mIyB/o+BIQl+EyHFQuyZNhKDr+j274MVAGRVMUQqYP4BbAov4SEOthyS3IgB2IfxGZSuSBOAmUVASAeCcWBQFo/PNI+QREd+Mx/CEQO8Nc/g9HYQ5Lq3eBWAGPYSDHeSDxw4H4K3L4FhIZngJAPBmIFwGxAZrcamh4f0NPLaCi9zoVUgsDvkzUCsT3STQIlKE+EWM4MjYBlSZQr96H5sZzSCVODT79AAFEjKuCgXg31GUgcA2IG4CYnRyDWYD4IbTEDcMirw7Ee6EW2RBrMKhc+EJCrlwMxM/RxVnQ0uhGIH4HLe6JBbHQ6gKlAkLOKFVA/BaIExlIB4+gdfpP9PYJKxB/pEI6joLVjLBs/gzqnT8MlIO/QMwMCwo2LIZmkmmwPRBXg5yfDMRuaF7yRMoIgeSU1wzQ3IQuUf0fFXwlx+D/WCR00QwWIdHg+7jK5cto/NdAHIyW3kXwhPMHkOmvcNjK/B87sEVivwY16bDo/QkipgGxEB5vxf8nDLCGsTC0diAUbuU4DJ0ApTuQfHqMAU8E4sJxQLwWiCvRxK2B+De0ABOB5TxQQaICxPUMVALIzU1QU1kciD9Tw2AmtObnJ2j2Jgc04essMkGLPhtSfA3tQRzD1a1D7x6BqiUlPJEICsb1oDSLpV1IsDKdDk0xoD7CcWhN/QoqdgXaL8CqFyBAc+bv0jAUxHHb0f4StG4dqovFQar4A1cFRXGIKOhYR0H6Jzg7iKNIsTpVXUQEBcFFLMUKQsVFrJYq+GMoqOgmtt7Vb+QR0jRpmtqDD5QXXt4lfe/uvhdDWkEwTmkSF4Vcuwmqi+P6DfEiSE9Ocz6ig/Bg7J3YJdaIpOHVDZyNHiKFN3GPQshlIpOxFlhB6ccWI7yVVnJKBRPDTZOEv5plpIJxxMwvSDHDTvO22RbCmM1CZ5V4iDMiT4T0Ot2Pw5EwobCqQTvxRmQJt5bTC3i74X90VskBtkxAzekQHJ6rI4dlduC4T3Tahz20Wmayg8jh4TKoF+w1cNqGiJUSnY7iSRxlJoc1iplzYthCxyWsMyXn2Uliv6jDte1T41ovMdZgne0hYUlyl4MzVVrHxHW0W9QsR1wiW1phnLqvuSFiF96uR+fkLiKiMs6V+ia6rrzABTEiXJcwXihW7r+FpNOg481iVyahs6+tZALtObP2AIFaLm6zLcoDsyakn5jyuR55qtDxDOY7S9w/gi5qizh4BEHgrtJpb0JH6kPDUS5HO4WWwgyiUAHRbIsYQF1SkL/1KHs7abypxjpJKlwJLqGQWi5VT/PBjBPdCGFXDXVodpUPZ4PEPELboQnhVTOnZYviWhai7vjve5W1xv/wI9ZsM6tcplEmfqM+aa3ivg0SJ4I2DJhVLmoMEXEsksdv7qX2qalbAZZSozhQd0KE2EAM1u1DpcJWucWCOAucLf2El3DhjLwSz8QtsuQpPmZUbD+PTpzIvgorIwAAAABJRU5ErkJggg==) no-repeat center center;
    -webkit-animation: zcwphone 1.5s linear infinite;
    -moz-animation: zcwphone 1.5s linear infinite;
    animation: zcwphone 1.5s linear infinite;
}

#zcwMiniButton:hover {
    opacity: 0.8;
}

#zcwMiniButton:hover #zcwMiniButtonMain {
    -webkit-animation: zcwmini2 1s 0.4s ease-out infinite;
    -moz-animation: zcwmini2 1s 0.4s ease-out infinite;
    animation: zcwmini2 1s 0.4s ease-out infinite;
}

#zcwMiniButton:hover #zcwMiniButtonMain:before {
    -webkit-animation: zcwphone2 1s linear infinite;
    -moz-animation: zcwphone2 1s linear infinite;
    animation: zcwphone2 1s linear infinite;
}

@-webkit-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes zcwphone2 {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0.53), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0.53);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(255, 152, 25, 0);
    }
}

@-moz-keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0.53), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0.53);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(255, 152, 25, 0);
    }
}

@keyframes zcwmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0.53), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(255, 152, 25, 0.53);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(255, 152, 25, 0), 0 0 0 40px rgba(0, 0, 0, 0), 0 0 0 40px rgba(255, 152, 25, 0);
    }
}


/*end phone btn*/


#header a.countprice_fix:hover {
    background: #D81B1B;
}
#header a.countprice_fix i {
    font-size: 25px;  
}
.order-reso #proschet_email {
    padding-left: 0px;
    text-align: center;
}  
#countprice .count_btn, #proschet .count_btn, #countprice1 .count_btn, #countprice3 .count_btn, #countprice2 .count_btn, #countprice4 .count_btn, #proschet_b3, #site a {
  outline: unset;
  width: 100%;
  border-radius: 15px;
  background: #E34601;
  color: #fff; 
  transition: 0.4s;
  border: unset;
  padding: 10px;
  font-size: 18px; 
}    
#proschet_form3 .form-control {
  border-radius: 15px;
  margin: 5px 0;
  padding: 20px 0 20px 10px;
}
#podpiska .input-box {
  margin-top: 0;
}
#podpiska #leave-email_main {
  border-radius: 15px;
  margin: 10px 0;
  padding: 20px 0 20px 10px;
}
#leave-email_main, #proschet_email {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  border-radius: 15px;
}
#leave-email {
    padding-left: 95px;
    width: 100%;
    display: inline-block;
    height: 45px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 15px;
}
#countprice .count_btn:hover {
    background: #D81B1B;
}
#proschet .count_btn:hover {
    background: #D81B1B; 
}
.short_description {
  padding-top: 20px;
}
.social_newsfeed {
  padding: 20px 0;
}
.social_newsfeed h2, .tex-home h1, .category-style .modtitle, .title-contacts h1 {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;
}
.tex-home h2:first-child {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;
}

.tex-home {
  font-size: 18px;
  font-family: 'IBM Plex Sans', sans-serif;
}
.wr_for_ifr {
  text-align: center;
  max-height: 452px;
  overflow: hidden;
}
.wr_for_iframe {
  display: inline-block;
  text-align: center;
  padding-top: 30px;
  width: 290px;
}
.comments_from_fb {
  padding: 20px 0;
  display: block;
  width: 100%;
}
.final_price {
  line-height: 45px;
  font-size: 40px;  
  color: #e34601; 
  display: inline-block;
}   
.final_price_cur {
  line-height: 45px;
  font-size: 40px;  
  color: #e34601; 
  display: inline-block;
}
.constr_size {
  text-align: center;
  font-size: 60px;
  line-height: 65px;
  color: #333;
  transition: 0.5s;
  width: 100%;
  display: block;
}
.fotoz_constr:hover .constr_size {
  color: #e34601;
}
.modification_constr {
    display: block;
    width: 100%;
    padding: 10px;
    line-height: 25px;
    font-size: 20px;
    margin-bottom: 5px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    border-radius: 4px;
    border: 1px #d7d7d7 solid;
    background: #fff;
    color: #555;
    text-align: center;
    word-break: break-all;
}
.modification_constr:hover {
    background: #555;
    color: #fff; 
}
.modification_constr:focus {
    background: #e34601;
    color: #fff;
}
.wr_for_mod2 {
  display: none;
}
#mod_podr {
  background: #fff;
  color: #555;
}
#mod_podr:hover {
    background: #555;
    color: #fff;
} 
#mod_podr.with_podr {
  background: #e34601;
  color: #fff;
  transition: 0.4s;
}
a.zakaz_proschet.b_f_n {
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
a.zakaz_proschet.b_f_n:hover {
    color: #666;  
} 

/*cheng dev*/
.title-catalog {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;
}
.promo-baner {
    margin-top: 11px;
}
.promo-baner img {
  width: 100%;
}

.ast-cat-items {
  margin-top: 20px;
}
.category {
  margin-bottom: 45px;
}
.cat-item-img {
    position: relative;
}
.title-cat, .modtitle2 {
  margin: 20px 0 20px 5px;
  font-size: 24px;
  text-transform: uppercase;
  color: #4c4c4c;
  font-family: 'IBM Plex Sans', sans-serif;
  border-bottom: 1px solid #000;
  font-weight: 800;
  padding: 0px 0px 5px 10px;
  position: relative;
  line-height: unset;
}
.title-cat:before, .modtitle2:before  {
 position: absolute;
 width: 10px;
 height: 24px;
 display: inline-block;
 content: '';
 left: -5px;
 top: 4px;
 background-image: url(/files/images/list.png);
 background-repeat: no-repeat;
}
.title-product h1:before {
    position: absolute;
    width: 10px;
    height: 24px;
    display: inline-block;
    content: '';
    left: 11px;
    top: -2px;
    background-image: url(/files/images/list.png);
    background-repeat: no-repeat;
}
.title-product h1 {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  padding-left: 5px;
}
.title-cat .see-all a {
  text-transform: initial;
  font-weight: 300;
  color: #666666;
}
.title-cat .see-all a:hover {
  color: #63BD18;
}
.see-all {
  float: right;
  position: relative;
  height: 30px;
  background: #fff;
  padding-left: 5px;
}
.cat-item {
  border: 1px solid #C0C0C0;
  border-bottom: none;
  text-align: center;
  padding: 4px;
}
.cat-item-img img {
  width: 100%;
}

.fast-by {
  color: #4c4c4c;
  font-size: 13px;
  text-decoration: underline !important;
}
.container-megamenu.vertical .vertical-wrapper {
  position: relative;
}
.home-btn-wr {
  text-align: center;
}
.home-btn-buy {
  color: #fff;
  font-size: 20px;
  background: #63BD18;
  width: 100%;
  border-radius: 0 0 15px 15px;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #63BD18;
}
.home-btn-buy:hover {
  background: #fff;
}
.home-btn-buy span {
  text-transform: uppercase;
  font-weight: 800;
}
.cat-item-title {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  min-height: 44px;
}

.sale-title {
  text-align: center;
    display: block;
    /* padding: 10px; */
    /* margin-bottom: 10px; */
    /* border-radius: 0 0 15px 15px; */
    background-color: #B1D793;
    /* text-transform: uppercase; */
    color: #666666;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
}
.input-box {
  margin-top: 20px;
  border-radius: 0 0 15px 15px;
}
.input-box span {
    position: absolute;
    background: #63BD18;
    padding: 11px 21px;
    border-radius: 15px 0 0 15px;
    color: #fff;
    font-size: 15px;
}

.order-reso {
  display: inline-block;
  margin-top: 100px;
  position: relative;
  background: #B1D793;
  width: 100%;
  border-radius: 15px;
  padding: 24px 30px;
}
a.manager {
  font-size: 20px;
  color: #666666;
  text-decoration: underline;
  text-align: center;
  display: block;
  }
#proschet_b {
  width: 100%;
  padding: 10px;
  color: #fff;
  background: #F15A36;
  border-radius: 15px;
  border-color: #F15A36;
  font-size: 20px;
  text-transform: uppercase;
}
#leaveemail {

}
#proschet_b:hover {
  color: #F15A36;
  background: #fff;
}
.send-mail .input-box {
  position: relative;
}
.send-mail .input-box .smail-btn {
    outline: unset;
    width: 100%;
    border-radius: 15px;
    background: #E34601;
    color: #fff;
    transition: 0.4s;
    border: unset;
    padding: 10px;
    font-size: 18px;
}
.typefooter-4 {
  background: #B1D793;
}
.mt10 {
  margin-top: 10px;
}
.fot-btn {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #D2DCCC;
  /*text-transform: uppercase;*/
  color: #666666;
  font-size: 20px;
  width: 100%;
  border: none;
}
.fot-btn:hover {
  text-decoration: underline;
}
.category-style .modcontent {
  /*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);*/
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  /*padding: 0 15px 0 15px;*/
}
.box-categories .cat-box {
  margin-bottom: 30px;
}
.box-categories .cat-box .wr-g {
    border: 1px solid #C7C7C7;
    border-bottom: none;
    display: block;
    max-height: 150px;
    overflow: hidden;
}
.box-categories .cat-box .wr-b {
  margin: 0 6px;
  border-radius: 0 0 15px 15px;
  border: 1px solid #64BD18;
  text-align: center;
  font-size: 18px;
  display: block;
}
.box-categories .cat-box .wr-b .h4 {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.lblock ul.color li label, .lblock ul.size li label, .lblock ul.checkboxes_list li label, .category-style .list-group > li a {
  font-size: 18px;
}
fieldset ul.checkboxes_list li label {
  padding: 5px 32px;
}
fieldset ul.checkboxes_list li label::before {
  top: 4px;
}
.lblock ul.checkboxes_list li:hover label {
  color: #D81B1B;
}
.box-categories .cat-box .wr-g img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.oneclick-phone {
  position: relative;
}
.oneclick-phone input {
  border:none;
  font-size: 18px;
}

.btn-pr-orange {
  margin-top: 30px;
}
.quantity-control i.arr-h {
    position: absolute;
    width: 35px;
    height: 30px;
    display: inline-block;
    content: '';
    left: 6px;
    top: 17px;
    background-image: url(/files/images/arr-h.png);
    background-repeat: no-repeat;
    z-index: 1;
}
.quantity-control i.arr-v {
    position: absolute;
    width: 35px;
    height: 35px;
    display: inline-block;
    content: '';
    left: 21px;
    top: 3px;
    background-image: url(/files/images/arr-v.png);
    background-repeat: no-repeat;
    z-index: 1;
}
.panel-default a>.panel-heading {
  position: relative;
  display: block;
  background: #71C21B;
  color: #fff;
  font-size: 20px;
}
.panel-default a>.panel-heading span.caret{
  position: absolute;
  top: 45%;
  right: 5px;
}
#collapse1, #collapse2, #collapse3 {
    margin: 5px 0 0 0;
}
.panel-body {
  padding: 0;
}
.panel-body ul li {
  padding: 0;
}
#accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: unset;
    margin-top: 5px;
}
#accordion .panel-default:hover a>.panel-heading h4 {
  text-decoration: underline;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: unset!important;
}
a.photoParamListItem {
    position: relative;
    /*border-bottom: 1px solid #ccc;*/
    width: 100%;
    border: 1px solid #70c136;
    background: #fff;
}
a.photoParamListItem:hover {
    color: #666666;
}
.fl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.column1 {
    float: left;
    flex: 1;
    width: 65%;
    background: #abd58b;
    padding: 13px;
    font-size: 18px;
}
.column2 {
  margin: 0 0 0 5px;
    /*float: left;
    flex: 1;
    width: 20%;*/
}
span.calcoptionpr {
    display: inline-block;
}
.panel-title a:hover {
    text-decoration: underline;
    color: #fff;
}
.oneclick-phone span {
  position: relative;
  width: 35px;
  height: 30px;
  display: inline-block;
  content: '';
  top: 8px; 
  background-repeat: no-repeat;
  margin-right: 5px;
}
.wr-input {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 2px 10px 10px;
}
.wr-input input {
  border: none;
  width: calc(100% - 38px);
  font-size: 20px;
}
.text-pr {
  font-size: 18px;
  padding-top: 20px;
}
.list-inline>li {
  padding: 0;
}
.wr-input input:focus, .wr-input input:active, .oneclick-phone input:focus, .oneclick-phone input:active  {
  outline: 0;
}
.wr-input span {
  position: relative;
  width: 35px;
  height: 30px;
  display: inline-block;
  content: '';
  top: 8px; 
  background-repeat: no-repeat;
  margin-right: 5px;
}
.wr-input .bg-phone_pr, .oneclick-phone .bg-phone_pr {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -10px -10px;
}

.wr-input .bg-ico_name {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -57px -10px;
}

.wr-input .bg-ico_mail {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -104px -10px;
}

.wr-input .bg-ico_comm {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -10px -58px;
}

.wr-input .bg-ico_deliv {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -57px -58px;
}

.wr-input .bg-ico_promo {
    width: 27px; height: 28px;
    background: url('/files/images/icon/css_sprites.png') -104px -58px;
}
.tooltip-inner {
  background: #71c21b;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #71c21b;
}
.btn_costom_select {
  border: 1px solid #ccc;
  display: inline-block;
}
.btn_costom_select .caret{
    position: absolute;
    right: 5px;
    top: 45%;
}
.costom_select {
  position: relative;
}
.costom_select_menu {
  background: #aed098;
  display: none;
  position: absolute;
  width: 100%;
 /* background: #fff;*/
  z-index: 1;
  border: 1px solid #70c136;
}
.costom_select_menu #accordion {
  margin-bottom: 5px;
}
.costom_select_menu #accordion .panel.panel-default {
  border-color: #70c136; 
  background: #accf99;
  border-radius: 0;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem {
  border-left: unset;
  border-right: unset; 
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem:hover span.name {
  text-decoration: underline;
}
.anglepr {
  font-size: 32px;
  text-align: center;
  display: block;
  width: 100%;
}
.anglepr:hover i {
  color: #71C21B;
}
.wr-input.error {
    border-color: red !important;
}
.favorit_img {
  margin-bottom: 30px;
  border: 1px solid #fff;
}
.fav-title {
  text-align: center;
  display: inline-block;
  margin-top: 100px;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #B1D793;
  text-transform: uppercase;
  color: #666666;
  font-size: 20px;
  width: 100%;
}
a.favorit_closed {
    position: absolute;
    right: 20px;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 5px;
    text-align: center;
    display: none;
}
a.favorit_closed i {
    margin-top: 2px;
    display: block;
}
.favorit_img:hover a.favorit_closed {
  display: block;
}
.favorit_img:hover {
  border: 1px solid #53D542;
}

a.add-fav {
  position: absolute;
  right: 3%;
  bottom: 5%;
  z-index: 1;
  background: #fff;
  border-radius: 50px;
  width: 30px;
  height: 30px;
}
a.add-fav i {
  font-size: 20px;
  position: relative;
  top: 6px;
  color: #64BD18;
}
.title-contact .h2 {
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  padding-left: 5px;
  position: relative;
}
.title-contact .h2:before {
    position: absolute;
    width: 10px;
    height: 24px;
    display: inline-block;
    content: '';
    left: -5px;
    top: -2px;
    background-image: url(/files/images/list.png);
    background-repeat: no-repeat;
}
.contacts_wr .wr-input {
  margin: 50px 0;
}
.contacts_wr .wr-input a {
  font-size: 25px;
  /*display: block;*/
}
.btn-box-contact .bttn {
    width: 100%;
    padding: 10px;
    color: #fff;
    background: #F15A36;
    border-radius: 15px;
    border-color: #F15A36;
    font-size: 20px;
    white-space: unset;
    text-align: center;
    min-height: 64px;
    display: table;
    margin: 20px 0 50px 0;
}
.btn-box-contact .bttn a {
  color: #fff;
  font-size: 20px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.caption {
  display: table;
}
.caption .h4, .caption .price {
  display: table-cell;
}
.caption .h4 {
  padding-right: 50px;
}
.caption .price {
  vertical-align: bottom;
  white-space: nowrap;
  letter-spacing: normal;
}
.wr-b_sl {
  text-align: center;
}
.wr-b_sl .h4 {
  font-size: 18px;
  text-transform: capitalize;
  display: block;
}
ul#vidinteryera li {
    display: inline-block;
    border: none;
}
.sort_btn label {
    margin-right: 15px;
    font-size: 18px;
}
.sort_btn label:hover, .sort_btn input[type=checkbox] + label {
    color: #7ac61d;
}
.vertical-dvd {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  border-right: 2px dashed #E34601;
  z-index: 999;
}
.pr-text {
  font-size: 20px;
}
.pr-title h2 {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;
}
#soc .fot-soc {
    text-align: center;
}
#soc .fot-soc a {
  margin-right: 10px;
}
#site {
  text-align: center;
}
#site a {
  display: block;
}
.middle3 {
    padding-left: 0;
}
.middle3 .textblock span {
    float: right;
    position: absolute;
    top: -1px;
}
.navbar-logo .logo {
    text-align: center;
}
.fot-soc a img {
    width: 20px !important;
    margin-right: 7px;
}
.order-reso ul li {
    list-style-position: inside;
    list-style-type: disc;
    font-size: 14px;
}
.order-reso ul {
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 5px;
}
.order-reso ul li span {
  font-weight: 600;
  margin-left: 0;
}
.order-reso .form-group {
  margin-bottom: 5px;
}
.promo-baner-catalog {
    margin-top: 19px;
}

.article_date { 
  padding: 5px 5px;
  float: right;
}
.article_date i {
  color: #64BD18;
  margin-right: 5px;
}
/*cat owl */
/*.box-categories .owl-controls .owl-nav .owl-prev, .box-categories .owl-controls .owl-nav .owl-next {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  
  position: absolute;
  top: 44%;
  margin: 0;
  margin-top: -22.5px;
  display: inline-block;
  float: none;
  border-radius: 50%;
  z-index: 90;
  opacity: 1;
}
*/
/*.box-categories .owl-controls .owl-nav .owl-prev:before, .box-categories .owl-controls .owl-nav .owl-next:before {
  opacity: 1;
  color: #B2B2B2;
  font-weight: 400;
  font-family: 'FontAwesome';
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  text-indent: 0;
  width: 100%;
  height: 100%;
  font-size: 50px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}*/

.box-categories .owl-carousel-box.owl-carousel .owl-nav button {
    width: 27px;
    height: 27px;
    border: 1px solid #afd695;
    border-radius: 0;
    font-size: 0;
    background-color: transparent;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    top: 40%;
    margin-top: -12px;
    position: absolute;
}
.bottom_slider .box-categories .owl-carousel-box.owl-carousel .owl-nav {
  top: 45%;
}
.box-categories .owl-carousel-box.owl-carousel .owl-nav button.owl-prev {
    background: url(../files/images/icon/next-prev-detail.png) no-repeat;
    background-position: -36px 0px;
    left: 0;
    float: left;
    background-color: #fff;
  } 
  .box-categories .owl-carousel-box.owl-carousel .owl-nav button.owl-prev:hover {
    border-color: #63bc33;
    background-color: #63bc33;
    background-position: 0px 0px;
    opacity: 1;
  }
  .box-categories .owl-carousel-box.owl-carousel .owl-nav button.owl-next {
    background: url(../files/images/icon/next-prev-detail.png) no-repeat;
    background-position: -71px 0px;
    right: 0;
    float: right;
    background-color: #fff;
}
.box-categories .owl-carousel-box.owl-carousel .owl-nav button.owl-next:hover {
    border-color: #63bc33;
    background-color: #63bc33;
    background-position: -107px 0px;
    opacity: 1;
}


.box-categories .owl-carousel-seo.owl-carousel .owl-nav button {
    width: 27px;
    height: 27px;
    border: 1px solid #afd695;
    border-radius: 0;
    font-size: 0;
    background-color: transparent;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    top: 45%;
    margin-top: -12px;
    position: absolute;
}
.bottom_slider .box-categories .owl-carousel-seo.owl-carousel .owl-nav {
  top: 45%;
}
.box-categories .owl-carousel-seo.owl-carousel .owl-nav button.owl-prev {
    background: url(../files/images/icon/next-prev-detail.png) no-repeat;
    background-position: -36px 0px;
    left: 0;
    float: left;
    background-color: #fff;
  } 
  .box-categories .owl-carousel-seo.owl-carousel .owl-nav button.owl-prev:hover {
    border-color: #63bc33;
    background-color: #63bc33;
    background-position: 0px 0px;
    opacity: 1;
  }
  .box-categories .owl-carousel-seo.owl-carousel .owl-nav button.owl-next {
    background: url(../files/images/icon/next-prev-detail.png) no-repeat;
    background-position: -71px 0px;
    right: 0;
    float: right;
    background-color: #fff;
}
.box-categories .owl-carousel-seo.owl-carousel .owl-nav button.owl-next:hover {
    border-color: #63bc33;
    background-color: #63bc33;
    background-position: -107px 0px;
    opacity: 1;
}
/*catalog single page new css*/

.add-to-links.wish_comp ul.blank {
  text-align: center;
}
.add-to-links.wish_comp ul.blank li {
  width: 50%;
}

/*ceny page css*/

#ceny.left-content-product .content-product-right .product-label {
  padding-top: 40px;
  padding-bottom: 0;
  margin-bottom: 0;
}
#ceny.left-content-product .content-product-right .price {
  text-align: left;
}
#ceny.left-content-product .content-product-right .column1 {
  width: 68%;
}  

#column-left {
  margin-bottom: 20px;
}
.wr_for_blog_item {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #afafaf;
}
.wr_for_all_blog_items {
  margin-top: 20px;
}
.wr_for_blog_item .col-md-4 {
  padding-left: 0;
}
.wr_single_t_cat {
  padding: 0 0 40px 0;
}
.checkboxes_list li a {
    color: #666;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 10px 10px;
}
.checkboxes_list li {
    border-bottom: 1px dotted #e4e4e4;
}
.checkboxes_list li:last-child {
    border: none;
}
.checkboxes_list li a:hover {
    color: #D81B1B;
}
.checkboxes_list li a.active {
  color: #D81B1B;
}
.color li a.active {
  border: 1px solid #d81b1b;
}
.box-categories.main_page_owl .cat-item {
  border: none;  
  padding: 15px; 
}


/*MOBILE MENU CSS*/

    .mobile_new_layout {
            padding-top: 60px;  
        }
        .fixed_menu_wr {
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            box-shadow: 0px 0px 10px 0px #000000b0;
            height: 70px;
            background: #fff;  
        }
        .mobile_new_layout .row {
            position: relative;
        }
        .menu_center_part {
            display: inline-block;
            margin: 0px 142px 0px 60px;
            height: 100%; 
        }
        .serach_icon_m {
            display: inline-block;
            vertical-align: middle;
        }
        .serach_icon_m i {
            color: #63BD18;
            font-size: 40px;
            line-height: 70px;   
        }
        .hide_me {
            display: none!important;
        }
        .show_me {
            display: block!important;
        }
        .logo_mob_l .logo img {
            margin: 5px 25px 0 25px;
        }
        .logo_mob_s .search-header-w {
            padding-top: 15px;
        }
        .typeheader-4 .logo_mob_s .search-header-w #sosearchpro .search button  {
            padding:0 8px;
        }

        
        .right_part_m {
                height: 100%;
                display: inline-block;
                position: absolute;
                right: 30px;
                top: 0px;
                z-index: 9999;
        }
        .left_part_m {
                height: 100%;
                display: inline-block;
                position: absolute;
                left: 20px;
                top: 9px;
                z-index: 9999;   
        }
        .m_menu {
            background-color: #F15935;
            border-radius: 10px;
            height: 5px;
            margin: 14px 0 0 0;
            width: 35px;
            display: block;
            position: relative;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;    
        }
        .m_menu_2 {
          display: block;
          margin: 10px 0 0 0;
          font-size: 12px;
          font-weight: 700;
          color: #62bd26;
        }
        .cross.m_menu {
            background-color: transparent;   
        }
        .m_menu::before {
            border-radius: 10px;
            top: -10px;
            background-color: #F15935;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            width: 35px;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }
        .cross.m_menu::before {
            top: 0;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);    
        }
        .m_menu::after {
            top: 10px;
            border-radius: 10px;
            background-color: #F15935;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            width: 35px;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }
        .cross.m_menu::after {
            top: 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);    
        }
        .phone_call_m {
            margin: 0 0 0 40px;
            display: inline-block;
            vertical-align: middle;
        }
        .phone_call_m a {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #63BD18;
            position: relative;
        }
        .phone_call_m a::before {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAYAAAGGQQGpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDQzYxOTIyMTQxNDExRTk5MTk4RTJDQkY5NjhENTU3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDQzYxOTIxMTQxNDExRTk5MTk4RTJDQkY5NjhENTU3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRBOThEMjk0OUVGMUU4MTE4M0JEQ0Q0QTdCMzE5MTE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1MEY3MDc5ODVGMUU4MTFBQjFEOERCRDE5RkVBODMzIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+UHJpbnQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsnpRigAAAVsSURBVHjaYvj//z8DFAsC8VsYnxFEAAEjEIMZUGDBgKTjKhKbAVkCBPYDcQGIz4KknRGJzcDEgAn+gQiAAEI26g4QO6G7CgPAjEKXlUDW8R/JEYtAEv/RXQQzihGLUQwAAYTsKpDuUmTfQ7EUEDuih8htLArRsSbMexxAi35gcTA2sBtXeHAD8Rco+xsQ/wRiIXQ/bMTjHDkYGyCAsEn2QGMYwwBk5/wGYlYsToOHOXKUseLwIEjhNTADaDInkP7OQBgsZ4L6GsNKLOAVyOFT0JLuZ1whAzJZDkn3LCDmgdpwFS3NMIF0/MFiyvv/CPAYiGWA+CXOlI0vtfcSUMeFHuWyQNyL5hx7IG6D8QECCF8STYW6eQkQS6LJgZyfDcR/oRkfqxnoAmxQA9mIyB/o+BIQl+EyHFQuyZNhKDr+j274MVAGRVMUQqYP4BbAov4SEOthyS3IgB2IfxGZSuSBOAmUVASAeCcWBQFo/PNI+QREd+Mx/CEQO8Nc/g9HYQ5Lq3eBWAGPYSDHeSDxw4H4K3L4FhIZngJAPBmIFwGxAZrcamh4f0NPLaCi9zoVUgsDvkzUCsT3STQIlKE+EWM4MjYBlSZQr96H5sZzSCVODT79AAFEjKuCgXg31GUgcA2IG4CYnRyDWYD4IbTEDcMirw7Ee6EW2RBrMKhc+EJCrlwMxM/RxVnQ0uhGIH4HLe6JBbHQ6gKlAkLOKFVA/BaIExlIB4+gdfpP9PYJKxB/pEI6joLVjLBs/gzqnT8MlIO/QMwMCwo2LIZmkmmwPRBXg5yfDMRuaF7yRMoIgeSU1wzQ3IQuUf0fFXwlx+D/WCR00QwWIdHg+7jK5cto/NdAHIyW3kXwhPMHkOmvcNjK/B87sEVivwY16bDo/QkipgGxEB5vxf8nDLCGsTC0diAUbuU4DJ0ApTuQfHqMAU8E4sJxQLwWiCvRxK2B+De0ABOB5TxQQaICxPUMVALIzU1QU1kciD9Tw2AmtObnJ2j2Jgc04essMkGLPhtSfA3tQRzD1a1D7x6BqiUlPJEICsb1oDSLpV1IsDKdDk0xoD7CcWhN/QoqdgXaL8CqFyBAc+bv0jAUxHHb0f4StG4dqovFQar4A1cFRXGIKOhYR0H6Jzg7iKNIsTpVXUQEBcFFLMUKQsVFrJYq+GMoqOgmtt7Vb+QR0jRpmtqDD5QXXt4lfe/uvhdDWkEwTmkSF4Vcuwmqi+P6DfEiSE9Ocz6ig/Bg7J3YJdaIpOHVDZyNHiKFN3GPQshlIpOxFlhB6ccWI7yVVnJKBRPDTZOEv5plpIJxxMwvSDHDTvO22RbCmM1CZ5V4iDMiT4T0Ot2Pw5EwobCqQTvxRmQJt5bTC3i74X90VskBtkxAzekQHJ6rI4dlduC4T3Tahz20Wmayg8jh4TKoF+w1cNqGiJUSnY7iSRxlJoc1iplzYthCxyWsMyXn2Uliv6jDte1T41ovMdZgne0hYUlyl4MzVVrHxHW0W9QsR1wiW1phnLqvuSFiF96uR+fkLiKiMs6V+ia6rrzABTEiXJcwXihW7r+FpNOg481iVyahs6+tZALtObP2AIFaLm6zLcoDsyakn5jyuR55qtDxDOY7S9w/gi5qizh4BEHgrtJpb0JH6kPDUS5HO4WWwgyiUAHRbIsYQF1SkL/1KHs7abypxjpJKlwJLqGQWi5VT/PBjBPdCGFXDXVodpUPZ4PEPELboQnhVTOnZYviWhai7vjve5W1xv/wI9ZsM6tcplEmfqM+aa3ivg0SJ4I2DJhVLmoMEXEsksdv7qX2qalbAZZSozhQd0KE2EAM1u1DpcJWucWCOAucLf2El3DhjLwSz8QtsuQpPmZUbD+PTpzIvgorIwAAAABJRU5ErkJggg==) no-repeat center center;
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
        }
        .mobile_hidden_menu {
            position: fixed;
            width: 100%;
            top: 70px;
            left: 0px;
            z-index: 9999;
            height: -moz-calc(100% - 70px);
            height: -webkit-calc(100% - 70px);
            height: -o-calc(100% - 70px);
            height: calc(100% - 70px);
            padding: 0 15px;
            overflow-y: scroll;
            background: #fff;
            display: none;
        }
        .mobile_hidden_menu .col-xs-12 a.main_m_a {
            margin: 1px 0 0 0;
            display: block;
            width: 100%;
            font-size: 25px;
            padding: 10px 15px;
            background: #62bc33;
            color: #fff;
            text-transform: uppercase;
        }
        .mobile_hidden_menu .col-xs-12 a.main_m_b {
            margin: 1px 0 0 0;
            display: block;
            width: 100%;
            font-size: 25px;
            padding: 10px 15px;
            background: #b1d79380;
            color: #333333a8;
            text-transform: uppercase;
        }
        .catalog_mob_l .modtitle {
            background: #B1D793;
            color: #333;
            font-weight: 600;
            font-size: 18px;
            margin: 0 0 1px 0;
            padding: 10px 15px;     
        }
        .catalog_mob_l .box-category > ul > li > a {
            font-size: 18px;
            color: #333;
        }
        .catalog_mob_l .checkboxes_list {
            padding: 20px 5px;
        }
        .catalog_mob_l .modcontent {
            display: none;
            padding-bottom: 20px;
        }
        .catalog_mob_f .modtitle {
            display: block;
            background: #B1D793;
            color: #333;
            font-weight: 600;
            font-size: 18px;
            margin: 0 0 1px 0;
            padding: 10px 15px;     
        }
        .catalog_mob_f .box-category > ul > li > a {
            font-size: 18px;
            color: #333;
        }
        .catalog_mob_f .checkboxes_list {
            padding: 20px 5px;
        }
        .catalog_mob_f .modcontent {
            display: none;
            padding-bottom: 10px;
        }
        .catalog_mob_f .modcontent .color {
            padding: 15px;
        }
        .mob_lang_selector {
            display: block;
            padding: 30px 0;
        }
        .mob_lang_selector a.active {
            text-align: center;
            width: 100%;
            display: block;
            font-size: 20px;
            padding: 10px;
            background: #62bc33;
            color: #fff;    
            border: 1px solid  #dedede;
        }
        .mob_lang_selector a {
            border: 1px solid  #dedede; 
            background: #dedede;
            text-align: center;
            width: 100%;
            display: block;
            font-size: 20px;
            padding: 10px; 
            color: #3a3a3a;  
        }
        .mob_lang_selector a span {
            text-transform: uppercase;
        }
        .mob_lang_selector .col-xs-6.ru {
            padding-right: 5px
        }
        .mob_lang_selector .col-xs-6.ua {
            padding-left: 5px
        }
        .arrow-down {
            display: inline-block;
            float: right;
            width: 0; 
            height: 0; 
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #333;
            margin-top: 5px;
        }
        .modtitle.open .arrow-down {
            border-bottom: 8px solid #333;
            border-top: 0px solid #333;
        }


/*MOBILE MENU CSS END*/

/*PAGE CITIES AND CONTACT*/
#cities_wr .wr-input {
    margin: 20px 0; 
}
#cities_wr .wr-input a {
    font-size: 22px;  
}
.top_c_content_wr {
  display: block; 
  margin: 20px 0 20px 20px;
}
.top_c_content_wr .contacts_wr {
  margin-top: 50px;  
}
.title-contact.cites_t {
  color: #F15A36;
}
.title-contact.cites_t span {
  margin-left: 15px;
  color: #666; 
}
.svg_map .map-wrapper .region {
  fill: #63bd2b;
}
.svg_map .map-wrapper .region:hover {
  cursor: pointer;
}
.svg_map .city:hover {
  cursor: pointer;
}
.all_cities_mobile .btn-group {
  width: 100%;   
}
.all_cities_mobile .btn-group.open button:hover {
  color: #fff;
  background-color: #F15A36;   
}
.all_cities_mobile .btn-group button {
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 0 0 15px 15px;
  background-color: #64BD18;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  width: 100%;    
}
.all_cities_mobile .caret  {
  display: inline-block; 
  font-size: 16px; 
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;  
}
.all_cities_mobile  .dropdown-menu{
  position: static;
  min-width: 100%;
  padding: 0;
}
.all_cities_mobile .dropdown-menu > li > a {
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid #6666;
  text-transform: uppercase;
}  
.all_cities_mobile .dropdown-menu > li > a:hover {
  background: #F15A36;
  color: #fff;
  font-weight: 600;
}

/*PAGE CITIES AND CONTACT END*/

.foot_cities {
display: inline-block;
position: relative;
margin-left: 2px; 
}
.foot_cities::after {
position: absolute;
bottom: 0;
right: -6px;
content: ' ,';
}
.foot_cities:last-child::after {
content: '...';
right: -16px;
} 
.as_h1_title {
font-weight: 600;
text-align: center;
display: inline-block;
padding: 10px;
border-radius: 0 0 15px 15px;
background-color: #64BD18;
text-transform: uppercase;
color: #fff;
font-size: 20px;
width: 100%;
border: none;
outline: unset;
transition: 0.3s;
} 
#feedback-form {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
background: #e0fdc8;
border: 1px solid #64BD18;
border-bottom-left-radius: 15px; 
border-bottom-right-radius: 15px; 
}
#feedback-form:hover .as_h1_title {
background-color: #f74c1e;
}
.bg-ico_name {
outline: unset;
width: 35px;
height: 35px;
background: url(/files/images/icon/css_sprites.png) -51px -4px;;
position: absolute;
display: inline-block;
content: '';
top: 0px;
background-repeat: no-repeat;
} 
.bg-ico_com {
outline: unset;
width: 35px;
height: 35px;
background: url(/files/images/icon/css_sprites.png) -4px -51px;
position: absolute;
display: inline-block;
content: '';
top: 0px;
background-repeat: no-repeat;
} 
.text_area_custom {
border: 1px solid #64BD18;
outline: unset;
resize:none;
margin-bottom:0;
padding: 8px 35px;
border-radius: 15px;
}
.text_area_custom1 {
border: 1px solid #64BD18;
outline: unset;
resize:none;
margin-bottom:0;
padding: 8px 35px;
border-radius: 15px;
width: 100%;
}
.form-group.custom_f_g {
margin-bottom: 0;
}
.rateyo {
padding-left: 15px;
padding-bottom: 15px;
}
.reviews_content {
margin: 20px 0 0 0;
}
.wr_reviews_all {
margin: 0px 0 10px 0;
border-top: 1px solid #6666668a;
}
.wr_reviews_all .date_p {
float: right;
font-size: 18px;
}
.wr_reviews_all .username {
font-size: 18px;
color: #333;
}
.wr_reviews_all .desc_text {
padding: 15px 0;
}
.wr_reviews_all_main {
margin: 30px 0;
}
.wr_for_t_img {
padding: 5px;
background: #e0fdc8;
border: 1px solid #64BD18;
position: relative;
transition: 0.8s;
}
.wr_for_t_img .wr_for_t_icon i {
font-size: 25px;
color: #64BD18;
transform: rotate(90deg);
position: absolute;
top: 10px;
right: 10px;
}
.wr_for_t_img:hover {
background: #f18c74;
}
.textur_title {
font-size: 20px;
font-weight: 600;
color: #333;
margin-bottom: 20px;

}
.bottom_slider {
margin: 30px;
}
.custom_product_notice {
text-align: center;
}
.custom_product_notice .h3 {
color: #329000;
font-weight: 600;
}
.custom_product_notice p {
color: #329000;
font-weight: 600;
}
.all_cities_mobile {
padding: 0 15px;
}
.all_cities_mobile .btn-group button:hover, .all_cities_mobile .btn-group button:focus  {
outline: unset;
border-color: #64BD18;
}
.cur_og {
display: inline-block;
}
.owl-carousel {
touch-action: manipulation!important;
}
.box-categories .owl-carousel-box.owl_cat_list.owl-carousel .owl-nav.disabled {
display: block;
}


/*OBOI_SINGLE STYLES*/
/* Для Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
/* Для Firefox */
input[type=number]{
-moz-appearance: textfield;
}
input#quantity_rolls {
border: 1px solid #64bd18;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #666;
width: 80px;
}
.quantity-block {
display: flex;
height: 30px;
}
.quantity-block button {
width: 30px;
border: 1px solid #64bd18;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #666;
background: #fff; 
}
.price.column2 {
font-size: 16px;
margin: 0 0 0 10px;
}
#ceny.left-content-product .content-product-right .column1.ceny-oboi {
width: 48%;
}
#ceny .quantity-block {
height: 50px;
}
.name.column1 {
width: 48%;
}
.fl {
position: relative;
}
.fl span.caret {
position: absolute;
right: 5px;
top: 45%;
}
.extra_price_option {
display: absolute;
}
#print {
height: 40px;
}
.wr_for_mash {
display: flex;
flex-flow: row;
}
.wr_for_mash a {
margin: 5px 20px;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 0px;
width: 60px;
height: 60px;
color: #333;
font-size: 18px;
background: #e2e2e2;
border: 1px solid #64bd18;
border-radius: 50%;
font-weight: 600;
}
.wr_for_mash a:hover {
border: 1px solid #666;
}
.wr_for_mash a.choosen {
background: #64bd18;
color: #fff;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.ext {
display: none;
height: 50px;
position: absolute;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.extras {

z-index: 1;
top: 49px;
background: #f15937;
border: 2px solid #fff;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.extras2 {
z-index: 1;
top: 99px;
background: #f15937;
border: 2px solid #fff;
box-shadow: 1px 2px 10px 0px #00000080; 
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.ext .name.column1 {
visibility: hidden;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.ext .price.column2 {
color: #fff;
background: #f15937;
}
@media (max-width: 825px) {
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.extras2, .costom_select_menu #accordion .panel.panel-default a.photoParamListItem.extras {
top: 0;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.ext {
display: none;
height: 50px;
position: relative;
}
ul.megamenu > li.search, .fa-angle-right, .caret {
display: block;
} 
.fl span.caret {
position: absolute;
right: 5px;
top: 75%;
}
.fl {
display: flex;
flex-flow: column;
position: relative;
}

.name.column1 {
width: 100%;
text-align: center;
}
.price.column2 {
font-size: 16px;
text-align: center;
width: 100%;
display: block;
margin: 0;
}
.btn_costom_select .caret {
position: absolute;
right: 5px;
top: 72%;
}
.costom_select_menu #accordion .panel.panel-default a.photoParamListItem.ext .name.column1 {
visibility: hidden;
width: 1px;
margin: 0;
padding: 0;
}
}
.left-content-product .content-product-right .box-info-product .wr_for_rolls label::before {
top: 15px;
}
.wr_for_rolls {
display: flex;
flex-flow: column;
}
.wr_for_rolls input {
display: none;
}
.left-content-product .content-product-right .box-info-product .wr_for_rolls label {
float: left;
font-weight: 300;
font-size: 16px;
color: #666;
text-transform: uppercase;
margin: 0;
padding-right: 10px;
line-height: 50px;
}
.left-content-product .content-product-right .box-info-product #print li label {
float: left;
font-weight: 300;
font-size: 16px;
color: #666;
text-transform: uppercase;
margin: 0;
padding-right: 10px;
line-height: 40px;
}
#print {
height: 80px;
display: flex;
flex-flow: column;
}
.square_for_main_img {
position: relative;
width: 100%;
}

.square_for_main_img:after {
content: "";
display: block;
padding-bottom: 100%;
}
.main-image {
position: absolute;
width: 100%;
height: 100%;
display: block;
/*background-image: url(<?= $model['image'] ?>);*/
}
.main-image2 {
position: absolute;
width: 100%;
height: 100%;
/* bottom: 0; */
/* left: 0; */
display: block;
background-size: 100%;
background-position-y: bottom;
/*background: no-repeat cover;*/
background-repeat: no-repeat;
}

.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail.wr_rooms_img {
position: relative;
/*width: 160px;
height: 160px;*/
display: flex;
flex-flow: column-reverse;
}
.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail.wr_rooms_img:after {
content: "";
display: block;
padding-bottom: 100%;
}
.left-content-product .content-product-left .owl-carousel.full_slider .thumbnail.wr_rooms_img img.rooms_back_img {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
display: block;

background-size: 100%;
}
.padding_top_mob_bread {
  padding: 15px 0 0 0;  
}
.showing-product {
  color: #3e8800;
  font-size: 18px;
}
.svg-load-more {
    width: 125px;
    height: 125px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
a.loadmore_btn {
    position: relative;
    height: 100%;
    min-height: 400px;
    cursor: pointer;
    display: block;
}
.loadmore_btn.load {
    -webkit-animation: rotate 1s cubic-bezier(.1, .7, 1, .1) 0s infinite;
    animation: rotate 1s cubic-bezier(.1, .7, 1, .1) 0s infinite;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
.show_more_btn {
    color: #64bd18;
    height: 100px;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: 75px;
}
.loadmore_btn svg {
    -webkit-transform-origin: 13px 12.5px;
    -ms-transform-origin: 13px 12.5px;
    transform-origin: 13px 12.5px;
    fill: #64bd18;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.wr_show_more_btn:hover svg {
    fill: #f15935;
}
.wr_show_more_btn:hover .show_more_btn {
    color: #f15935;
}
.product-view .left-content-product .wr-oneclick a {
    position: relative;
    z-index: 100000;
}
.time_until_delivery {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: center;
    align-items: center;
}
.time_until_delivery svg {
    fill: #63bd27;
    margin-right: 10px;
}
.time_until_delivery span {
    color: #63bd27;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
}
.question_wr {
  display: flex;
  flex-direction: column;
  padding: 10px 0 0 0;
}
.question_wr h3 strong { 
  vertical-align: bottom;
  line-height: 30px;
}
.question_wr i {
  background: #64bd18;
  color: #FFF;
  margin-right: 10px;
  padding: 3px;
  margin-bottom: 7px;
}
.choose_image_type {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: space-between;    
}
.check_box_name {
    padding: 2px 1rem;      
}
.no_int {
    margin-left: 20px;
}
.choose_image_type .check_box_name {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #64bd18;
    font-size: 1.6rem;
    color: #444;
}
.choose_image_type label {
    padding-left: 33px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.choose_image_type input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    border-radius: 4px;
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #64bd18;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.choose_image_type label input:checked ~ .checkmark:after {
  display: flex;
}

/* Style the checkmark/indicator */
.choose_image_type label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 560px) {
    .no_int {
        margin-left: 0px;
        margin-top: 10px;
    }
}
.fb-like span {
  width: 230px!important;
}
.fb-like span iframe{
  width: 230px!important;
}
/*.promo-baner-category {
  margin-top: 19px;
}*/

/*end ceny page*/

/*.owl-prev:before {
  left: -2px !important;
}

.box-categories .owl-controls .owl-nav .owl-prev.owl-next, .box-categories .owl-controls .owl-nav .owl-next.owl-next {
  right: 0px;
  left: auto;
}

.box-categories .owl-controls .owl-nav .owl-prev.owl-next:before, .box-categories .owl-controls .owl-nav .owl-next.owl-next:before {
  content: "\f105";
}

.box-categories .owl-controls .owl-nav .owl-prev.owl-prev, .box-categories .owl-controls .owl-nav .owl-next.owl-prev {
  left: 0px;
  right: auto;
}

.box-categories .owl-controls .owl-nav .owl-prev.owl-prev:before, .box-categories .owl-controls .owl-nav .owl-next.owl-prev:before {
  content: "\f104";
}

.box-categories .owl-controls .owl-nav .owl-prev:hover, .box-categories .owl-controls .owl-nav .owl-next:hover {
  color: #82CA2B;
}*/