
.row.list-view{margin:0!important;}
.big-content img, .carousel-item img{  width:100%;}
.carousel-indicators li{ width: 130px; height: auto; font-size:12px; text-align:center; background:rgba(255, 255, 255, 0.7)!important; opacity: 1; border-bottom:1px solid rgba(0, 0, 0, 0.1); border-top:none; padding-bottom:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.carousel-indicators li span{font-size:10px; display:block; line-height:12px; }
.carousel-indicators li.active,.carousel-indicators li:hover{background:#fff!important; border-bottom:solid 1px var(--mycolor)!important}   
.spl-slider.noarrow .owl-nav div{ display:none!important; }

.spl-slider .single-product{ margin:0px 8px; }
.spl-slider .owl-carousel .owl-item{ display:flex; flex-wrap:wrap; height:auto; }
.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev{ left:-30px; }
.most-popular .owl-carousel .owl-controls .owl-nav .owl-next{ right:-30px; }
.most-popular .owl-carousel .owl-nav, .most-popular .owl-carousel .owl-nav:hover{ opacity:1; }
.most-popular .owl-carousel .owl-nav div{ color:var(--mycolor); border:0px solid var(--mycolor); font-weight: bold; background:none; }
.most-popular .owl-carousel .owl-nav div:hover{ background:none!important; color:var(--mycolor); font-weight: bold; }
.most-popular .owl-carousel .owl-nav div i{ font-weight:bold; }

.owl-carousel.main-carousel .owl-controls .owl-dots{ position:absolute; bottom:30px; left:45%; }
.owl-carousel.main-carousel .owl-controls .owl-nav{ position: absolute; width: 100%; margin: 0; top: 50%; margin-top: -25px; opacity:1; }
.owl-carousel.main-carousel .owl-controls .owl-nav .owl-prev{ position: absolute; width:20px; height:auto; left:10px; color:#fff; margin:0px; padding:0px; /*border:1px solid var(--mycolor); border-radius:20px;*/ background:none; opacity:0.5; }
.owl-carousel.main-carousel .owl-controls .owl-nav .owl-next{ position: absolute; width:20px; height:auto; right:10px; color:var(--mycolor); margin:0px; padding:0px; /*border:1px solid var(--mycolor); border-radius:20px;*/ background:none; opacity:0.5; }
.owl-carousel.main-carousel .owl-controls .owl-nav .owl-prev:hover{ opacity:1; color:#fff!important; } 
.owl-carousel.main-carousel .owl-controls .owl-nav .owl-next:hover{ opacity:1; color:var(--mycolor)!important; }

.owl-carousel.main-carousel .owl-controls .owl-nav .owl-prev:before { font-family: "FontAwesome"; content: "\f104"; display: inline-block; vertical-align: middle; font-weight:400; font-size:26px; }
.owl-carousel.main-carousel .owl-controls .owl-nav .owl-next:before { font-family: "FontAwesome"; content: "\f105"; display: inline-block; vertical-align: middle; font-weight:400; font-size:26px; }

.owl-stage{ display:flex; }
.owl-stage .owl-item .single-product{ height:100% !important; }


.owl-stage .owl-item .thumb-product{ display:flex !important; flex-wrap: wrap !important;  height: 100%; margin: 0px 7px; padding:0px; background: #fff; border-radius: 7px; }
.thumb-product .product-img{ width:100%; display:flex; align-items: center; }
.thumb-product .product-img a{ display:flex; align-items:center; width:100%; height:100%; z-index:999; } 
.thumb-product .product-img a img { width: 100%; height: auto; max-width: 100%; border-radius:6px; border: 0; }
.thumb-product .product-img span{ width:75%; height:75%; border-radius:50%; position:absolute; left:12.5%; z-index:99; display:flex; align-items:center; }
.thumb-product .product-content{ display:flex; flex-direction:column; justify-content: center; align-items: center; position:absolute; width:calc(100% - 16px); height:100%; padding:20px; opacity:0; overflow:hidden; z-index:999; cursor:pointer; }
.thumb-product:hover .product-content{ opacity:1; }
.thumb-product .product-content a{ min-height: 55px; font-size: 16px; font-weight: 500; margin: 0; line-height: 1.4; text-align: center; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.thumb-product .product-content span{ position: relative; display: block; font-size: 12px; line-height: 16px; font-weight: 400; margin-top:20px; }

.owl-stage .owl-item .thumb-product.Round{ height: 100%; aspect-ratio: 1 / 1; border-radius:50%; }
.thumb-product.Round .product-img, .thumb-product.Round .product-img a img{ border-radius:50%; }
.thumb-product.Round .product-content{ width:calc(100% - 16px); border-radius:50%; }

@media only screen and (max-width: 992px){
  .owl-stage .owl-item .single-product{ margin:0px 10px; height:99% !important; max-height:inherit; }
  .foot-slider .owl-stage .owl-item .single-product{ height:auto !important; }
}

@media only screen and (max-width: 768px){
  .owl-stage .owl-item .single-product{ margin:0px 10px; height:99% !important; max-height:inherit; }
  .foot-slider .owl-stage .owl-item .single-product{ height:auto !important; }
  .foot-slider .owl-stage .owl-item .single-product img{ height:auto !important; }

  .carousel-indicators li{display:none;}
  .spl-slider.noarrow .owl-nav div{ display:block!important; }

  .most-popular .owl-carousel .owl-controls .owl-nav .owl-prev { left: -15px; }
  .most-popular .owl-carousel .owl-controls .owl-nav .owl-next { right: -15px; }
  .owl-carousel.main-carousel .owl-controls .owl-dots{ display:flex; width:100%; justify-content:center; bottom:-40px; left:inherit; }
}

@media only screen and (max-width: 500px){
  .empmenus .acart{ float:none; }
  .owl-carousel .product-content .line2{ font-size:13px; }
}

@media only screen and (max-width: 470px){
  .owl-stage .owl-item .single-product{ margin:0px 14px; }
}

.most-popular .foot-slider.owl-carousel .owl-nav div{ line-height: 35px; }

.owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; /*opacity:0;*/ }
.owl-theme:hover .owl-nav{opacity:0.5;} 
.owl-theme .owl-nav [class*='owl-']{ color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; margin: 5px 7px; background: #fff; border:1px solid var(--mycolor); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:var(--mycolor); }

.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-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; }
.owl-carousel{ display: none; width: 100%; -webkit-tap-highlight-color: transparent; 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; border-radius:0px;
  /* 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;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%; height: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;
}
.foot-slider .single-product{margin:0 5px 0 5px; padding: 5px; text-align:center; text-transform:capitalize;}
.foot-slider .single-product img{ height:100px!important; max-width: 100%; width: auto!important; margin:0 auto;
 filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.foot-slider .single-product:hover img{

   filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.br_name{ position: absolute; bottom: 0; left: 0; right: 0; display: block; opacity: 0; color:var(--mycolor); transform: translate3d(0,10px,0); background:#fff; border:1px solid var(--mycolor); border-radius:6px; padding:3px 3px; transition: all .075s ease-out; font-size:12px; font-weight:500; } 
.foot-slider .single-product:hover .br_name{ opacity: 1; transform: translate3d(0,0,0);}
.foot-slider .single-product .br_name:hover{ color:#fff; background:var(--mycolor); }
.foot-slider .single-product .product-img{margin-bottom:0!important; margin:0!important;}
/*side banner images*/
.mb_side{height:100%;}  
.mb_side a img{height:calc(50% - 5px)!important; width:100%;}
.mb_side a img:first-child{margin-bottom:4%; height:calc(50% - 0.5rem);}

.industries-slider .single-product{ margin:0px 5px 0px 7px; }
.most-popular .industries-slider.owl-carousel .owl-controls .owl-nav .owl-prev { left: -33px; }
.most-popular .industries-slider.owl-carousel .owl-controls .owl-nav .owl-next { right: -33px; }


