/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  /*display: none;*/
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  /*overflow: hidden;*/
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  /*display: none;*/ }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left; }

.owl-carousel .owl-item img {
  /*display: block;*/
  /*width: 100%;*/
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  /*display: none;*/ }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

.title-module-super {
  display: block;
  clear: both;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0; }

.page-title-super-category {
  color: #2E2C2D;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  /* 	float: left; */
  overflow: hidden;
  width: 75%;
  margin: 10px 0 8px 10px; }

.sp-sp-cat .load-clear {
  clear: both; }

.sp-sp-cat {
  margin: 0;
  padding: 0; }

/*Css for cat Slider*/
.sp-sp-cat .category-wrap-cat {
  margin: 0;
  padding: 0;
  background: #fff; }

.sp-sp-cat .category-wrap-cat .sp-cat-title-parent {
  text-transform: uppercase;
  font-size: 153.85%;
  margin-bottom: 10px; }

.sp-sp-cat .category-wrap-cat .title-imageslider a:hover {
  text-decoration: none;
  color: #41ADE2; }

.sp-sp-cat .category-wrap-cat .title-imageslider a {
  color: #000000; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item {
  float: left;
  /*border-right: 1px solid #cccccc;*/
  text-align: center;
  cursor: pointer;
  width: 100%; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .owl-wrapper .owl-item {
  float: left;
  display: block; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item:hover {
  /*background: url(../img/bg-super-cat.png) repeat-x bottom left;*/
  opacity: 0.5;
  filter: alpha(opacity=70); }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item .cat_slider_image {
  margin: 15px 0px 13px; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item .cat_slider_image a {
  display: block; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item .cat_slider_title {
  margin-bottom: 15px; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item .cat_slider_title a {
  color: #999;
  display: block; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner .item .cat_slider_title a:hover {
  color: #41ADE2;
  text-decoration: none; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider {
  position: relative;
  margin: 10px 0;
  border: 1px solid #cccccc;
  bottom: -1px;
  border-bottom: transparent; }

.sp-sp-cat .category-wrap-cat .sp-cat-slider .cat_slider_inner {
  border-bottom: 2px solid #41ADE2;
  overflow: hidden; }

/*End css for Cat Slider*/
.sp-sp-cat .spcat-wrap {
  margin: 0;
  /*padding: 0 15px;*/ }

/*-----------------------Css for Tabs ----------------------------*/
.sp-sp-cat .spcat-wrap .spcat-tabs-container {
  margin: 0;
  padding: 0; }

.sp-sp-cat .spcat-tabs-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /*border: 1px solid #ccc;*/ }

.sp-sp-cat .spcat-tabs-container .spcat-tabs {
  display: block; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs .tab-all:hover .cat-all {
  margin-top: -48px; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs .tab-all .cat-all {
  margin-top: 0px; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs .tab-sel .cat-all {
  margin-top: -48px; }

.sp-sp-cat .spcat-tab-img {
  float: left;
  height: 30px;
  margin-right: 10px;
  overflow: hidden; }

.sp-sp-cat .item-hits {
  float: left;
  border-top: 1px solid #e9e9e9;
  padding: 2% 0 2% 0;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  color: #909090;
  width: 40%; }

.sp-sp-cat .other-infor {
  margin-top: 15px; }

.sp-sp-cat .item-title {
  margin-bottom: 10px; }

.sp-sp-cat .item-price {
  margin-bottom: 10px; }

.sp-sp-cat .item-des {
  margin-bottom: 10px; }

.sp-sp-cat .functional-buttons {
  margin-top: 10px; }

.sp-sp-cat .functional-buttons .wishlist {
  margin-bottom: 10px; }

.sp-sp-cat .item-title a {
  color: #666666; }

.sp-sp-cat .item-title a:hover {
  color: #41ADE2;
  text-decoration: none;
  outline: medium none; }

.sp-sp-cat .item-introtext {
  margin-bottom: 10px;
  word-wrap: break-word; }

.sp-sp-cat .item-introtext p {
  margin: 0;
  padding: 0; }

.sp-sp-cat .item-review {
  margin-bottom: 10px; }

.sp-sp-cat .item-review .stars_active {
  background-position: 0 -32px; }

.sp-sp-cat .item-comment {
  margin-bottom: 10px; }

.sp-sp-cat .item-date {
  margin-bottom: 5px;
  color: #909090; }

.sp-sp-cat .item-readmore {
  text-align: right; }

.sp-sp-cat .item-readmore a:hover {
  text-decoration: none; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap span.spcat-tab-arrow,
.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap span.spcat-tab-selected {
  display: none; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox {
  position: relative;
  display: inline-block;
  cursor: default;
  text-align: left;
  line-height: 30px;
  clear: both;
  color: #888;
  cursor: pointer; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-selected {
  width: 108px;
  text-indent: 20px;
  border: 1px solid #DDD;
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #FFF;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  color: #000; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-arrow {
  width: 30px;
  border: 1px solid #ddd;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: center;
  font-size: 12px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #DDD; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-arrow,
.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-selected {
  position: relative;
  float: left;
  height: 30px;
  z-index: 1;
  display: inline-block; }

.sp-sp-cat .add-loadmore {
  float: right;
  margin-left: 10px;
  vertical: middle;
  margin-top: 2px; }

.sp-sp-cat .loaded .add-loadmore {
  display: none; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tabs {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  border: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
  background: #fff;
  display: none;
  z-index: 9999; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tabs.spcat-open {
  display: block; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tabs li {
  margin: 0;
  padding: 0;
  float: none; }

.sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tab span {
  display: block;
  line-height: 20px;
  padding: 5px 10%; }

/*-----------------------------Css for Content----------------------*/
.sp-sp-cat .spcat-wrap .spcat-items-container {
  margin: 0;
  padding: 0; }

.sp-sp-cat .spcat-items-container .spcat-items {
  margin: 0;
  padding: 0;
  width: 100%;
  display: none;
  position: relative; }

.sp-sp-cat .spcat-items-container .spcat-items-inner {
  margin: 0;
  padding: 0; }

.sp-sp-cat .spcat-items-container .spcat-items-selected {
  display: block; }

.sp-sp-cat .sp-super-loading {
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative;
  background: url(../img/477.gif) center center no-repeat transparent;
  min-height: 300px; }

.sp-sp-cat .button.ajax_add_to_cart_button {
  margin-right: 5px; }

.sp-sp-cat.sp-super-preload {
  min-height: 200px;
  overflow: hidden;
  height: 200px; }

.sp-sp-cat .spcat-items-container .spcat-item-wrap {
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  /*box-shadow: #000 0em 0em 0em;*/ }

.sp-sp-cat .spcat-items-container .spcat-item-wrap img {
  width: 100%;
  max-width: 100%;
  /*box-shadow: #000 0em 0em 0em;*/ }

.sp-sp-cat .spcat-items-container .spcat-items .spcat-item {
  float: left;
  margin-bottom: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  /*box-shadow: #000 0em 0em 0em;*/
  /*width: 100%;*/ }

.sp-sp-cat .spcat-items-container.show-slider .spcat-items .spcat-item {
  opacity: 1; }

.sp-sp-cat .spcat-wrap .spcat-items-container.show-slider {
  margin: 30px 0 0;
  overflow: hidden; }

.sp-sp-cat .spcat-items-container.show-slider .spcat-items .spcat-item .item-inner {
  margin: 0; }

.sp-sp-cat .spcat-wrap .spcat-items-container.show-slider .item-inner .item-image {
  width: 99.9%; }

.sp-sp-cat .spcat-items-container.show-slider .sp-sp-cat .new-box {
  top: 1px; }

.sp-sp-cat .spcat-items-container.show-slider .spcat-items .spcat-item .item-inner .item-image {
  overflow: hidden; }

.sp-sp-cat .spcat-items-container.show-slider .spcat-item {
  width: 100%; }

.sp-sp-cat .spcat-items-container .spcat-items .spcat-item .item-inner {
  margin: 0 10px; }

.sp-sp-cat .spcat-items-container .spcat-items .spcat-item .item-inner .item-image {
  border: 1px solid #e9e9e9;
  margin-bottom: 10px;
  position: relative; }

.sp-sp-cat .spcat-items-container .spcat-items .spcat-item .item-inner .item-image img {
  width: 100%; }

.sp-sp-cat a.quick-view:hover {
  cursor: pointer; }

.sp-sp-cat .spcat-items-container .spcat-items .spcat-item .item-inner .item-image img:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
  -o-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
  box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; }

.sp-sp-cat .spcat-items .spcat-loading {
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative;
  background: url(../img/477.gif) no-repeat scroll center center transparent;
  min-height: 300px;
  display: block;
  z-index: 0; }

.sp-sp-cat .spcat-items-container .spcat-loadmore {
  display: none;
  overflow: hidden;
  text-align: center;
  margin: 0 auto; }

.sp-sp-cat .spcat-items .spcat-loadmore .spcat-loadmore-btn {
  padding: 10px 35px;
  display: inline-block;
  background: url(../img/add.png) no-repeat right center;
  color: #41ade2;
  cursor: pointer;
  font-size: 15px;
  text-transform: uppercase; }

.sp-sp-cat .spcat-items .spcat-loadmore .spcat-loadmore-btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); }

.sp-sp-cat .spcat-items .spcat-loadmore .spcat-loadmore-btn .spcat-image-loading {
  background: url("../img/301.GIF") no-repeat scroll center center transparent;
  width: 22px;
  height: 22px;
  display: none;
  margin-right: 10px;
  vertical-align: middle; }

.sp-sp-cat .spcat-items .spcat-loadmore .spcat-loadmore-btn:after {
  content: attr(data-label); }

.sp-sp-cat .spcat-items.spcat-process .spcat-loadmore {
  display: none; }

/*-----------------------------Css for Responsive ----------------------*/
@media all and (max-width: 479px) {
  .sp-sp-cat .spcat-tabs-container span.spcat-tab-selected img {
    display: none; }

  .sp-sp-cat .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .spcat-tabs-container .spcat-tabs li {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important; }

  .sp-sp-cat .spcat-tab-img {
    display: none; }

  .sp-sp-cat .spcat04-6 .spcat-item {
    width: 16.64%; }

  .sp-sp-cat .spcat04-5 .spcat-item {
    width: 19.958%; }

  .sp-sp-cat .spcat04-4 .spcat-item {
    width: 24.995%; }

  .sp-sp-cat .spcat04-3 .spcat-item {
    width: 33.315%; }

  .sp-sp-cat .spcat04-2 .spcat-item {
    width: 49.985%; }

  .sp-sp-cat .spcat04-1 .spcat-item {
    width: 100%; }

  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-1 .clr1,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-2 .clr2,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-3 .clr3,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-4 .clr4,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-5 .clr5,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat04-6 .clr6 {
    clear: both; }

  .sp-sp-cat .spcat01-3 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-4 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-5 .spcat-item .item-hits, .sp-sp-cat .spcat01-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox {
    width: 100%; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-arrow {
    position: relative;
    float: left;
    height: 30px;
    z-index: 1;
    display: inline-block;
    width: 30%; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-selected {
    position: relative;
    float: left;
    height: 30px;
    z-index: 1;
    display: inline-block;
    width: 70%;
    text-align: left;
    padding-left: 10px; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tabs {
    width: 100%; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs li {
    text-align: left; } }
@media all and (min-width: 480px) and (max-width: 767px) {
  .sp-sp-cat .quick-view-wrapper-mobile a {
    display: block; }

  .sp-sp-cat .spcat03-6 .spcat-item {
    width: 16.64%; }

  .sp-sp-cat .spcat03-5 .spcat-item {
    width: 19.958%; }

  .sp-sp-cat .spcat03-4 .spcat-item {
    width: 24.995%; }

  .sp-sp-cat .spcat02-5 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat02-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat03-3 .spcat-item {
    width: 33.295%; }

  .sp-sp-cat .spcat03-2 .spcat-item {
    width: 49.999%; }

  .sp-sp-cat .spcat03-1 .spcat-item {
    width: 100%; }

  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-1 .clr1,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-2 .clr2,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-3 .clr3,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-4 .clr4,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-5 .clr5,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat03-6 .clr6 {
    clear: both; }

  .sp-sp-cat .spcat01-3 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-4 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-5 .spcat-item .item-hits, .sp-sp-cat .spcat01-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; } }
@media all and (min-width: 768px) and (max-width: 1199px) {
  .sp-sp-cat .quick-view-wrapper-mobile a {
    display: none; }

  .sp-sp-cat .spcat01-3 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-4 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-5 .spcat-item .item-hits, .sp-sp-cat .spcat01-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat02-6 .spcat-item {
    width: 16.64%; }

  .sp-sp-cat .spcat02-5 .spcat-item {
    width: 19.958%; }

  .sp-sp-cat .spcat02-4 .spcat-item {
    width: 24.995%; }

  .sp-sp-cat .spcat02-3 .spcat-item {
    width: 33.315%; }

  .sp-sp-cat .spcat02-2 .spcat-item {
    width: 49.999%; }

  .sp-sp-cat .spcat02-1 .spcat-item {
    width: 100%; }

  .sp-sp-cat .spcat02-4 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat02-5 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat02-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-1 .clr1,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-2 .clr2,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-3 .clr3,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-4 .clr4,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-5 .clr5,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat02-6 .clr6 {
    clear: both; } }
@media all and (min-width: 1200px) {
  .sp-sp-cat .quick-view-wrapper-mobile a {
    display: none; }

  .sp-sp-cat .spcat01-6 .spcat-item {
    width: 16.64%; }

  .sp-sp-cat .spcat01-5 .spcat-item {
    width: 20%; }

  .sp-sp-cat .spcat01-4 .spcat-item {
    width: 25%; }

  .sp-sp-cat .spcat01-3 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-4 .spcat-item .item-hits,
  .sp-sp-cat .spcat01-5 .spcat-item .item-hits, .sp-sp-cat .spcat01-6 .spcat-item .item-hits {
    width: 100%;
    border-bottom: none;
    border-right: none; }

  .sp-sp-cat .spcat01-3 .spcat-item {
    width: 33.315%; }

  .sp-sp-cat .spcat01-2 .spcat-item {
    width: 49.999%; }

  .sp-sp-cat .spcat01-1 .spcat-item {
    width: 100%; }

  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-1 .clr1,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-2 .clr2,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-3 .clr3,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-4 .clr4,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-5 .clr5,
  .sp-sp-cat .spcat-items-container .spcat-items-inner.spcat01-6 .clr6 {
    clear: both; } }
/*-----------------------------Css for ie----------------------*/
.sp-sp-cat.lt-ie9 .spcat01-6 .spcat-item {
  width: 16.64%; }

.sp-sp-cat.lt-ie9 .spcat01-5 .spcat-item {
  width: 20%; }

.sp-sp-cat.lt-ie9 .spcat01-4 .spcat-item {
  width: 25%; }

.sp-sp-cat.lt-ie9 .spcat01-3 .spcat-item {
  width: 33.315%; }

.sp-sp-cat.lt-ie9 .spcat01-2 .spcat-item {
  width: 49.999%; }

.sp-sp-cat.lt-ie9 .spcat01-1 .spcat-item {
  width: 100%; }

.sp-sp-cat.lt-ie9 .spcat-items-inner .clr1,
.sp-sp-cat.lt-ie9 .spcat-items-inner .clr2,
.sp-sp-cat.lt-ie9 .spcat-items-inner .clr3,
.sp-sp-cat.lt-ie9 .spcat-items-inner .clr4,
.sp-sp-cat.lt-ie9 .spcat-items-inner .clr5,
.sp-sp-cat.lt-ie9 .spcat-items-inner .clr6 {
  clear: both; }

/*-----------------------------ClearFix----------------------*/
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/* Effect Fade In */
.sp-sp-cat .spcat-items .fadeIn .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Effect Flip In Vertical */
.sp-sp-cat .spcat-items .flipInY .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -webkit-backface-visibility: visible;
  -moz-animation-play-state: running;
  -moz-backface-visibility: visible;
  -o-animation-play-state: running;
  -o-backface-visibility: visible;
  animation-play-state: running;
  backface-visibility: visible; }

@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(80deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  90% {
    -webkit-transform: perspective(400px) rotateY(-5deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg); } }
@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateY(80deg); }
  40% {
    -moz-transform: perspective(400px) rotateY(-20deg); }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }
  90% {
    -moz-transform: perspective(400px) rotateY(-5deg); }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateY(0deg); } }
@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -o-transform: perspective(400px) rotateY(80deg); }
  40% {
    -o-transform: perspective(400px) rotateY(-20deg); }
  70% {
    -o-transform: perspective(400px) rotateY(10deg); }
  90% {
    -o-transform: perspective(400px) rotateY(-5deg); }
  100% {
    opacity: 1;
    -o-transform: perspective(400px) rotateY(0deg); } }
@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(80deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  90% {
    -webkit-transform: perspective(400px) rotateY(-5deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg); } }
/* Effect Flip In Horizontal */
.sp-sp-cat .spcat-items .flipInX .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -webkit-backface-visibility: visible;
  -moz-animation-play-state: running;
  -moz-backface-visibility: visible;
  -o-animation-play-state: running;
  -o-backface-visibility: visible;
  animation-play-state: running;
  backface-visibility: visible; }

@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(85deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(15deg); }
  90% {
    -webkit-transform: perspective(400px) rotateX(-5deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg); } }
@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateX(85deg); }
  40% {
    -moz-transform: perspective(400px) rotateX(-20deg); }
  70% {
    -moz-transform: perspective(400px) rotateX(15deg); }
  90% {
    -moz-transform: perspective(400px) rotateX(-5deg); }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(0deg); } }
@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -o-transform: perspective(400px) rotateX(85deg); }
  40% {
    -o-transform: perspective(400px) rotateX(-20deg); }
  70% {
    -o-transform: perspective(400px) rotateX(15deg); }
  90% {
    -o-transform: perspective(400px) rotateX(-5deg); }
  100% {
    opacity: 1;
    -o-transform: perspective(400px) rotateX(0deg); } }
@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(85deg); }
  40% {
    transform: perspective(400px) rotateX(-20deg); }
  70% {
    transform: perspective(400px) rotateX(15deg); }
  90% {
    transform: perspective(400px) rotateX(-5deg); }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg); } }
/* Effect Flip */
.sp-sp-cat .spcat-items .flip .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -webkit-backface-visibility: visible;
  -moz-animation-play-state: running;
  -moz-backface-visibility: visible;
  -o-animation-play-state: running;
  -o-backface-visibility: visible;
  animation-play-state: running;
  backface-visibility: visible; }

@-webkit-keyframes flip {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(500px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) scale(1);
    -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip {
  0% {
    opacity: 0;
    -moz-transform: perspective(500px) rotateY(0);
    -moz-animation-timing-function: ease-out; }
  40% {
    -moz-transform: perspective(500px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }
  50% {
    -moz-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }
  80% {
    -moz-transform: perspective(500px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }
  100% {
    opacity: 1;
    -moz-transform: perspective(500px) scale(1);
    -moz-animation-timing-function: ease-in; } }
@-o-keyframes flip {
  0% {
    opacity: 0;
    -o-transform: perspective(500px) rotateY(0);
    -o-animation-timing-function: ease-out; }
  40% {
    -o-transform: perspective(500px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }
  50% {
    -o-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }
  80% {
    -o-transform: perspective(500px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }
  100% {
    opacity: 1;
    -o-transform: perspective(500px) scale(1);
    -o-animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    opacity: 0;
    transform: perspective(500px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(500px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(500px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    opacity: 1;
    transform: perspective(500px) scale(1);
    animation-timing-function: ease-in; } }
/* Effect Star War */
.sp-sp-cat .spcat-items .starwars .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-play-state: running;
  -moz-transform-origin: 50% 50%;
  -moz-animation-play-state: running;
  -o-transform-origin: 50% 50%;
  -o-animation-play-state: running;
  transform-origin: 50% 50%;
  animation-play-state: running; }

@-webkit-keyframes starwars {
  0% {
    opacity: 0;
    -webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
  80% {
    opacity: 1;
    -webkit-transform: perspective(200px) scale(1) rotateX(60deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(200px) scale(1) rotateX(0deg); } }
@-moz-keyframes starwars {
  0% {
    opacity: 0;
    -moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
  80% {
    opacity: 1;
    -moz-transform: perspective(200px) scale(1) rotateX(60deg); }
  100% {
    opacity: 1;
    -moz-transform: perspective(200px) scale(1) rotateX(0deg); } }
@-o-keyframes starwars {
  0% {
    opacity: 0;
    -o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
  80% {
    opacity: 1;
    -o-transform: perspective(200px) scale(1) rotateX(60deg); }
  100% {
    opacity: 1;
    -o-transform: perspective(200px) scale(1) rotateX(0deg); } }
@keyframes starwars {
  0% {
    opacity: 0;
    transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
  80% {
    opacity: 1;
    transform: perspective(200px) scale(1) rotateX(60deg); }
  100% {
    opacity: 1;
    transform: perspective(200px) scale(1) rotateX(0deg); } }
/* Effect Slide Right */
.sp-sp-cat .spcat-items .slideRight .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    left: 30px; }
  100% {
    opacity: 1;
    left: 0; } }
@-moz-keyframes slideRight {
  0% {
    opacity: 0;
    left: 30px; }
  100% {
    opacity: 1;
    left: 0; } }
@-o-keyframes slideRight {
  0% {
    opacity: 0;
    left: 30px; }
  100% {
    opacity: 1;
    left: 0; } }
@keyframes slideRight {
  0% {
    opacity: 0;
    left: 30px; }
  100% {
    opacity: 1;
    left: 0; } }
/* Effect Bounce In */
.sp-sp-cat .spcat-items .bounceIn .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    opacity: 1;
    -o-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    opacity: 1;
    transform: scale(1); } }
/*Effect Zoom In */
.sp-sp-cat .spcat-items .zoomIn .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(1.8); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -o-transform: scale(1.8); }
  100% {
    opacity: 1;
    -o-transform: scale(1); } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(1.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }
/* Effect Page Top*/
.sp-sp-cat .spcat-items .pageTop .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -webkit-transform-origin: 50% 0%;
  -moz-animation-play-state: running;
  -moz-transform-origin: 50% 0%;
  -o-animation-play-state: running;
  -o-transform-origin: 50% 0%;
  animation-play-state: running;
  transform-origin: 50% 0%; }

@-webkit-keyframes pageTop {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg); } }
@-moz-keyframes pageTop {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateX(90deg); }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(0deg); } }
@-o-keyframes pageTop {
  0% {
    opacity: 0;
    -o-transform: perspective(400px) rotateX(90deg); }
  100% {
    opacity: 1;
    -o-transform: perspective(400px) rotateX(0deg); } }
@keyframes pageTop {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg); }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg); } }
/*Effect Zoom Out */
.sp-sp-cat .spcat-items .zoomOut .spcat-item {
  opacity: 0;
  position: relative;
  -webkit-animation-play-state: running;
  -moz-animation: zoomOut 600ms ease both;
  -moz-animation-play-state: paused;
  -o-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes zoomOut {
  0% {
    opacity: 0;
    -moz-transform: scale(0.6); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@-o-keyframes zoomOut {
  0% {
    opacity: 0;
    -o-transform: scale(0.6); }
  100% {
    opacity: 1;
    -o-transform: scale(1); } }
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(0.6); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.sp-sp-cat .spcat-items .hatch .spcat-item {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
.play .spcat-item {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

/*
==============================================
bounce
==============================================
*/
.sp-sp-cat .spcat-items .bounce .spcat-item {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
div.sp_supercategory {
  margin: 0; }

@-moz-document url-prefix() {
  div.sp-sp-cat div.category-wrap-cat .sp-catchild {
    min-height: 493px; } }
div.sp-sp-cat .category-wrap-cat {
  display: block; }
  div.sp-sp-cat .category-wrap-cat .sp-cat-title-parent {
    padding: 0;
    margin: -2px 0 0 -8px;
    position: relative;
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.24); }
    div.sp-sp-cat .category-wrap-cat .sp-cat-title-parent:before {
      content: "";
      position: absolute;
      top: auto;
      bottom: -8px;
      left: 0;
      right: auto;
      border-bottom: 8px solid transparent;
      border-top: 8px solid transparent; }
    div.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
      text-transform: uppercase;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 0;
      padding: 15px 20px;
      display: block; }
  div.sp-sp-cat .category-wrap-cat .sp-catchild {
    background: #f5f5f5;
    padding: 15px;
    min-height: 490px;
    border: 1px solid #ddd;
    border-top: none; }
    div.sp-sp-cat .category-wrap-cat .sp-catchild .item {
      padding: 9px 0 7px; }
      div.sp-sp-cat .category-wrap-cat .sp-catchild .item a {
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        color: #222;
        font-weight: 600; }
div.sp-sp-cat .spcat-wrap .spcat-items-container.show-slider {
  margin: 0;
  padding: 0; }
div.sp-sp-cat .spcat-items-container .spcat-items .spcat-item {
  padding: 0 0 1px;
  width: 100%; }
div.sp-sp-cat .spcat-tabs-container {
  display: none; }
  div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab {
    display: inline-block; }
    div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab span {
      position: relative;
      color: #999999;
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0 25px 15px 0;
      cursor: pointer;
      display: block; }
      div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab span:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30px;
        height: 2px; }
    div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab:first-child {
      border-left: none; }
    div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab.tab-sel span, div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab:hover span {
      color: #444; }
div.sp-sp-cat .owl-nav .owl-prev, div.sp-sp-cat .owl-nav .owl-next {
  font-size: 24px;
  position: absolute;
  height: 35px;
  width: 35px;
  line-height: 33px;
  text-align: center;
  text-indent: -9999;
  transition: 0.3s all ease 0s;
  background-color: #fff !important;
  z-index: 2;
  cursor: pointer;
  top: 40%;
  border: 1px solid #ddd; }
div.sp-sp-cat .owl-nav .owl-next {
  right: 0;
  left: auto; }
div.sp-sp-cat .owl-nav .owl-prev {
  left: 0;
  right: auto; }
div.sp-sp-cat .product_list.grid .product-container, div.sp-sp-cat .product_lists.grid .product-container {
  border: 1px solid #e1e1e1;
  border-left: none;
  border-top: none;
  margin-bottom: 0; }

#sp_super_category_1 .spcat-inner {
  border-top: 2px solid #ff5c00; }
#sp_super_category_1.sp-sp-cat .category-wrap-cat .sp-cat-title-parent:before {
  border-right: 8px solid #ff5c00; }
#sp_super_category_1.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
  background: #ff5c00; }

#sp_super_category_2 .spcat-inner {
  border-top: 2px solid #2bafa4; }
#sp_super_category_2.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
  background: #2bafa4; }
#sp_super_category_2.sp-sp-cat .category-wrap-cat .sp-cat-title-parent:before {
  border-right: 8px solid #2bafa4; }

#sp_super_category_3 {
  margin-bottom: 40px; }
  #sp_super_category_3 .spcat-inner {
    border-top: 2px solid #f24f5a; }
  #sp_super_category_3.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
    background: #f24f5a; }
  #sp_super_category_3.sp-sp-cat .category-wrap-cat .sp-cat-title-parent:before {
    border-right: 8px solid #f24f5a; }

#sp_super_category_4.sp-sp-cat .category-wrap-cat {
  border-top: 2px solid #6170bc; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild .item:hover a {
    color: #6170bc; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat:before {
    border-right: 8px solid #6170bc; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
    background: #6170bc; }

#sp_super_category_5.sp-sp-cat .category-wrap-cat {
  border-top: 2px solid #ff3366; }
  #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild .item:hover a {
    color: #ff3366; }
  #sp_super_category_5.sp-sp-cat .category-wrap-cat:before {
    border-right: 8px solid #ff3366; }
  #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
    background: #ff3366; }

#sp_super_category_4, #sp_super_category_5 {
  margin-bottom: 40px; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat, #sp_super_category_5.sp-sp-cat .category-wrap-cat {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);
    margin: 0 0 0 -8px;
    position: relative;
    background: #f5f5f5; }
    #sp_super_category_4.sp-sp-cat .category-wrap-cat:before, #sp_super_category_5.sp-sp-cat .category-wrap-cat:before {
      content: "";
      position: absolute;
      top: auto;
      bottom: -8px;
      left: 0;
      right: auto;
      border-bottom: 8px solid transparent;
      border-top: 8px solid transparent; }
    #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-cat-title-parent, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-cat-title-parent {
      float: left;
      width: 30%;
      margin: 0; }
      #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-cat-title-parent a {
        padding: 12px 20px 13px; }
    #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild {
      float: left;
      width: 57%;
      min-height: auto;
      padding: 12px 5px;
      border: none; }
      #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild .item, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild .item {
        display: inline-block;
        padding: 0 11px; }
        #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild .item a, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild .item a {
          font-size: 13px;
          color: #222;
          padding: 0; }
    #sp_super_category_4.sp-sp-cat .category-wrap-cat h5.more, #sp_super_category_5.sp-sp-cat .category-wrap-cat h5.more {
      float: left;
      width: 13%;
      display: inline-block;
      text-align: center;
      padding-top: 16px;
      font-size: 13px;
      font-weight: 600;
      margin: 0; }
  #sp_super_category_4 .item-time, #sp_super_category_5 .item-time {
    padding: 0;
    font-size: 0;
    z-index: 2;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    width: 100%; }
    #sp_super_category_4 .item-time .time-item, #sp_super_category_5 .item-time .time-item {
      display: inline-block;
      width: 45px;
      height: 27px;
      line-height: 25px;
      border-radius: 3px;
      background: #ebebeb;
      text-align: center;
      margin-right: 18px;
      position: relative; }
      #sp_super_category_4 .item-time .time-item:before, #sp_super_category_5 .item-time .time-item:before {
        content: "\:";
        font-size: 20px;
        color: #222;
        position: absolute;
        top: -2px;
        left: auto;
        bottom: auto;
        right: -10px; }
      #sp_super_category_4 .item-time .time-item.time-sec, #sp_super_category_5 .item-time .time-item.time-sec {
        margin: 0; }
        #sp_super_category_4 .item-time .time-item.time-sec:before, #sp_super_category_5 .item-time .time-item.time-sec:before {
          display: none; }
      #sp_super_category_4 .item-time .time-item .num-time, #sp_super_category_5 .item-time .time-item .num-time {
        color: transparent;
        font-size: 0; }
        #sp_super_category_4 .item-time .time-item .num-time span, #sp_super_category_5 .item-time .time-item .num-time span {
          color: #222;
          font-size: 18px;
          font-weight: normal;
          margin-bottom: 0;
          display: block; }
  #sp_super_category_4.sp-sp-cat, #sp_super_category_5.sp-sp-cat {
    border: 1px solid #e1e1e1;
    border-top: none; }
    #sp_super_category_4.sp-sp-cat .product_list.grid .product-container, #sp_super_category_5.sp-sp-cat .product_list.grid .product-container {
      border: none; }
  #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .item-first, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .item-first {
    float: left;
    width: 48%;
    padding-top: 10px; }
  #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner {
    width: 52%;
    float: left;
    padding-top: 20px;
    padding-left: 30px;
    border-left: 1px solid #e1e1e1; }
    #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item {
      float: none;
      width: 100%;
      margin-bottom: 10px; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item:last-child, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item:last-child {
        margin-bottom: 0; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .left-block, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .left-block {
        float: left;
        width: 100px;
        margin-right: 10px; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .right-block, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .right-block {
        text-align: left; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container h5.product-name, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container h5.product-name {
        margin: 10px 0 5px; }
        #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container h5.product-name a, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container h5.product-name a {
          font-weight: 600; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .title_manufacture, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container .title_manufacture {
        font-size: 13px;
        color: #7d7d7d;
        margin-bottom: 5px; }
      #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover .comments_note, #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover .price-box, #sp_super_category_4 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover h5.product-name, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover .comments_note, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover .price-box, #sp_super_category_5 .spcat-wrap .spcat-items-container .spcat-items .spcat-items-inner .spcat-item .product-container:hover h5.product-name {
        visibility: visible;
        opacity: 1; }

@media (max-width: 1199px) {
  div#sp_super_category_4.sp-sp-cat div.spcat-wrap div.spcat-items-container .spcat-items .spcat-items-inner, div#sp_super_category_5.sp-sp-cat div.spcat-wrap div.spcat-items-container .spcat-items .spcat-items-inner {
    padding: 20px 0 0 0; } }
@media (min-width: 992px) and (max-width: 1199px) {
  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem01-3 .item-first {
    width: 33%; }
  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem01-3 .spcat-items-inner {
    width: 67%; }

  div.sp-sp-cat .category-wrap-cat div.sp-catchild {
    min-height: 575px; }

  div#sp_super_category_4.sp-sp-cat div.category-wrap-cat div.sp-catchild, div#sp_super_category_5.sp-sp-cat div.category-wrap-cat div.sp-catchild {
    min-height: 0; }

  #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild .item a, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild .item a {
    display: none; }

  #sp_super_category_4 .item-time .time-item, #sp_super_category_5 .item-time .time-item {
    width: 40px; }
    #sp_super_category_4 .item-time .time-item .num-time span, #sp_super_category_5 .item-time .time-item .num-time span {
      font-size: 16px; } }
@media (max-width: 991px) {
  div.sp-sp-cat .category-wrap-cat .sp-catchild {
    min-height: 0; }

  div.sp-sp-cat .product_list.grid .product-container {
    border-left: 1px solid #e1e1e1; }

  .rtl div.sp-sp-cat .product_list.grid .product-container {
    border-right: 1px solid #e1e1e1; } }
@media (min-width: 767px) and (max-width: 991px) {
  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .item-first h3 {
    font-size: 16px; }

  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem02-2 .item-first {
    width: 33%; }
  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem02-2 .spcat-items-inner {
    width: 67%; }

  .rtl div.sp_supercategory div.sp-sp-cat .spcat-wrap .category-wrap-cat {
    float: none; }
  .rtl div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container {
    float: none;
    padding: 0; } }
@media (max-width: 767px) {
  #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-cat-title-parent, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-cat-title-parent {
    width: 30%; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild {
    width: 45%;
    min-height: 0; }
    #sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild .item a, #sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild .item a {
      display: none; }
  #sp_super_category_4.sp-sp-cat .category-wrap-cat h5.more, #sp_super_category_5.sp-sp-cat .category-wrap-cat h5.more {
    width: 25%; }
  #sp_super_category_4.sp-sp-cat .item-time .time-item, #sp_super_category_5.sp-sp-cat .item-time .time-item {
    width: 40px; }
    #sp_super_category_4.sp-sp-cat .item-time .time-item .num-time span, #sp_super_category_5.sp-sp-cat .item-time .time-item .num-time span {
      font-size: 16px; }

  .rtl div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container {
    border: none;
    padding: 0; } }
@media (max-width: 480px) {
  .sp-sp-cat .spcat-wrap .spcat-items-container.show-slider {
    margin: 50px 0 0; }

  div.sp-sp-cat .owl-nav .owl-prev, div.sp-sp-cat .owl-nav .owl-next {
    top: -46px; }

  div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab span:before {
    display: none; }

  div.sp-sp-cat .spcat-wrap .spcat-tabs-container {
    margin: 0 0 30px; }

  div.sp-sp-cat .spcat-tabs-container .spcat-tabs .spcat-tab {
    display: block; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox {
    line-height: 38px; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-selected {
    height: 40px;
    border-radius: 0;
    width: 85%;
    text-transform: uppercase;
    padding: 0; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox span.spcat-tab-arrow {
    height: 40px;
    border-radius: 0;
    width: 15%; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tabs {
    top: 40px; }

  .sp-sp-cat .spcat-tabs-container .spcat-tabs-wrap.spcat-selectbox .spcat-tab span {
    line-height: 20px;
    padding: 5px 20px;
    font-size: 13px; }

  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem04-1 .item-first {
    width: 100%; }
  div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items.spcatitem04-1 .spcat-items-inner {
    width: 100%;
    border-left: none;
    border-top: solid 1px #e5e5e5; }

  .rtl div.sp_supercategory div.sp-sp-cat .spcat-wrap .spcat-items-container .spcat-items-inner {
    border-right: none; } }
@media (max-width: 479px) {
  div#sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-cat-title-parent, div#sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-cat-title-parent {
    width: 45%; }
  div#sp_super_category_4.sp-sp-cat .category-wrap-cat .sp-catchild, div#sp_super_category_5.sp-sp-cat .category-wrap-cat .sp-catchild {
    width: 30%; }
  div#sp_super_category_4.sp-sp-cat .category-wrap-cat h5.more, div#sp_super_category_5.sp-sp-cat .category-wrap-cat h5.more {
    width: 25%; }
  div#sp_super_category_4.sp-sp-cat div.spcat-wrap .spcat-items-container .spcat-items .item-first, div#sp_super_category_5.sp-sp-cat div.spcat-wrap .spcat-items-container .spcat-items .item-first {
    float: none;
    width: 100%; }
  div#sp_super_category_4.sp-sp-cat div.spcat-wrap .spcat-items-container .spcat-items div.spcat-items-inner, div#sp_super_category_5.sp-sp-cat div.spcat-wrap .spcat-items-container .spcat-items div.spcat-items-inner {
    float: none;
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0 0;
    border-left: none;
    border-right: none; } }

/*# sourceMappingURL=style.css.map */