/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.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;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    /*background-color: #CCC;*/
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
/*  .owl-carousel .owl-item img {
    display: block;
    width: inherit; 
  }*/
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .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 {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    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 - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

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

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

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

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

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

.owl-carousel .owl-item img.owl-lazy {
  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;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: 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;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


.cloned .item {
  display: none;
}

@media only screen and (min-width: 900px) {
.products_list_wrapper .owl-next,
.products_list_wrapper .owl-prev {
  background-color: #1278A5;
  top: calc(50% - 30px)!important;
}
.products_list_wrapper .owl-next:hover,
.products_list_wrapper .owl-prev:hover {
  background-color: #218fbf;
  transition: all 0.3s;
}
.products_list_wrapper .owl-next:before,
.products_list_wrapper .owl-prev:before {
  color: #FFF!important;
}
}

.owl-nav {
  color: #1278A5;  
}
.owl-prev {
  position: absolute;
  left: 0px;
  opacity: 1;
  top: 0;
  background-color: rgba(0,0,0,0.05);
  width: auto!important;
  height: auto;
  padding: 5px 10px!important;
  top: calc(50% - 20px);
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease; 
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; 
}
.owl-prev:before {
  font-family: FontAwesome;
  content: "\f104";
  font-size: 45px;
  color: #CCC;
}


.products_list_wrapper .disabled  {
  background-color: #e2e3de!important;
}

.owl-next {
  position: absolute;
  right: 2px;
  opacity: 1;
  top: 0;
  background-color: rgba(0,0,0,0.05);
  width: auto!important;
  height: auto;
  padding: 5px 10px!important;
  top: calc(50% - 20px);
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease; 
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;  
}
.owl-next:before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 45px;
  color: #CCC;
}
.rec_browsed .owl-prev {
  padding: 60px 5px!important;
  top: calc(50% - 100px)!important;  
  border-radius: 0;
}

.rec_browsed .owl-next  {
  right: 0px;
  padding: 60px 5px!important;
  top: calc(50% - 100px)!important;  
  border-radius: 0;
}
.owl2 .owl-next,
.owl2 .owl-prev {
   top: calc(0% - 15px)!important; 
}




.owl-carousel:hover .owl-prev {
  left: 0;
  opacity: 1;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease;
}
.owl-carousel:hover .owl-next {

  opacity: 1;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease;  
}




.owl-carousel .groupList {
  width: calc(100% - 4px)!important;
  margin:5px 0!important;
}

#mainOwl .owl-dots,
#newsOwl .owl-dots {
  display: none;
  counter-reset: slides-num;
  /* Initialize counter. */
  position: absolute;
  top: 11px;
  right: 3.5px;
  padding: 0px 4px 2px 4px;
  background-color: #f4f4f4;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;

}

#newsOwl .owl-dots {
  top: 6px;
  right: 6px;
}

.owlProductDisplay {
  text-align: center;
}

/*.owlMainBanner .owl-dots,*/
.owlMainBanner .owl-next,
.owlMainBanner .owl-prev {
  display: none;
}

/*.owlProductDisplay .owl-dots {
  top: 0;
  right: 0;
}*/
.owlProductDisplay img {
  width: 65%;
  margin: 20px 0;
}

#mainOwl .owl-dots:after,
#newsOwl .owl-dots:after {
  content: "/" counter(slides-num);
  /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */
  display: inline-block;
  font-size: 11px;
  /*font-weight: 700;*/
  /*vertical-align: middle;*/
  /*padding-left: 6px;*/
}

#mainOwl .owl-dot,
#newsOwl .owl-dot {
  display: inline-block;
  counter-increment: slides-num;

  /* Increment counter */
  /*margin-right: 5px;*/
}
#mainOwl .owl-dot span,
#newsOwl .owl-dot span {
  display: none;
}
#mainOwl .owl-dot.active:before,
#newsOwl .owl-dot.active:before {
  content: counter(slides-num);
  /* Use the same counter to get current item. */
  display: inline-block;
  /*vertical-align: middle;*/
  font-size: 11px;
  /*position: absolute;*/
  left: 0;
  top: 2px;
  margin-left: 2px;
}

/*////////*/
/*MEDIA*/

@media only screen and (min-width: 150px) and (max-width: 600px) {


  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: inline-block; }

  .owl-next:before,
  .owl-prev:before {
    font-size: 35px;
  }

}

#owlMainBanner .owl-next,
#owlMainBanner .owl-prev {
  display: none!important;
}


@media only screen and (min-width: 150px) and (max-width: 1000px) {
  .mBannerImg {
    height: 450px;
    background-size: auto 450px!important;
    background-position: center;
  }

  .mBannerImg a {
    height: 450px;
  }

  .mainMBanners {
    overflow: hidden;
    height: 450px;
  }

  .owl-next,
  .owl-prev {
    background-color: rgba(0,0,0,0.0);
  }

   #mainOwl .owl-dots,
 #owlMainBanner .owl-dots,
 #newsOwl .owl-dots {
    display: block;
  }

}
@media only screen and (min-width: 150px) and (max-width: 800px) {
  .mBannerImg {
    height: 300px;
    background-size: auto 300px!important;
    background-position: center;
  }

  .mBannerImg a {
    height: 300px;
  }

  .mainMBanners {
      overflow: hidden;
      height: 300px;
  }

}

@media only screen and (min-width: 150px) and (max-width: 500px) {
  .mBannerImg {
    height: 205px;
    background-size: auto 205px!important;
    background-position: center;
  }

  .mBannerImg a {
    height: 205px;
  }

  .mainMBanners {
      overflow: hidden;
      height: 205px;
  }

}

#owlProduct .owl-dots,
#owlMainBanner .owl-dots {
    text-align: right;
    position: absolute;
    bottom: 5px!important;
    width: 100%;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    
}
#owlProduct .owl-dots {
  width: auto;
  position: relative;
  display: inline-block;
}
#owlProduct .owl-dot,
#owlMainBanner .owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    background: rgba(255,255,255,0.6);
    margin-left: 2.5px;
    margin-right: 2.5px;
    display: inline-block;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    /*display: none;*/
}
#owlMainBanner .owl-dot.active {
    background: rgba(255,255,255,1);
}
#owlProduct .owl-dot.active {
    background: rgba(0,0,0,0.3);
}

.ft_Testimonials .owl-item {
  /*margin-bottom: 50px;*/
}


@media only screen and (min-width: 150px) and (max-width: 800px) {
  .ft_Testimonials .owl-next,
  .ft_Testimonials .owl-prev {
    top: calc(50% - 35px);
  }
}