/* ==========================================================================
Base colors
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for colors
   ========================================================================== */
/* ==========================================================================
Base Mixins
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Mixins
   ========================================================================== */
/*when used ALLWAYS use in this order 
       @include phones {
                bottom: 117px;
            }

            @include tablets {
                bottom: 190px;
            }

            @include desktops {
                bottom: 300px;
            }
*/
/* ==========================================================================
Base colors
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for colors
 *  2.
 *  3. 
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for colors
   ========================================================================== */
/* ==========================================================================
Base utility
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. Variables for font-family 
 *  2. Other variables
 *  3. Animations
 *  4. Shadows
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10. 
 *  11.
 *  12.
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. Variables for font-family
   ========================================================================== */
/* 2. Other variables
   ========================================================================== */
/*sizes*/
/*input, select*/
/*Buttons*/
/*$button-min-width: 50px;*/
/*$button-max-width: 130px;*/
/*$button-min-width-small: $input-select-height;*/ /*same as $button-min-height*/
/*$button-background-color: $blue;*/
/* 3. animations
   ========================================================================== */
/*Buttons*/
/* ==========================================================================
Base Carrousels
   ========================================================================== */
/**
 * Table of Contents:
 *
 *  1. owl-nav
 *  2. owl-dots
 *  3. owl-thumbs
 *  4.
 *  5.
 *  6.
 *  7.
 *  8.
 *  9.
 *  10.carousel-last-seen-products
 *  11.carousel-single-product
 *  12.carousel-data-dot
 *  13.
 *  14.
 *  15.
 *  16.
 *  17.
 *  18.
 *  19.
 *  20.Fix the img on slide
 *  21.
 *  22.
 *  23.
 *  24.
 */
/* 1. owl-nav
   ========================================================================== */
.owl-nav {
  /*position: relative;*/
}
@media only screen and (max-width: 767px) {
  .owl-nav {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .owl-nav {
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) {
  .owl-nav {
    opacity: 1;
  }
}
@media only screen and (min-width: 1199px) {
  .owl-nav {
    opacity: 0;
  }
}
.owl-nav .owl-prev, .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -37px;
  background-color: #0089c4;
  width: 15px;
  height: 75px;
  font-size: 25px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease;
}
.owl-nav .owl-prev {
  left: 0;
}
.owl-nav .owl-prev:before {
  content: "\f0d9";
  font-family: FontAwesome;
  -moz-transition: 0.1s ease all;
  -o-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
  transition: 0.1s ease all;
}
.owl-nav .owl-prev:hover:before {
  padding-right: 3px;
}
.owl-nav .owl-next {
  right: 0;
}
.owl-nav .owl-next:before {
  content: "\f0da";
  font-family: FontAwesome;
  -moz-transition: 0.1s ease all;
  -o-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
  transition: 0.1s ease all;
}
.owl-nav .owl-next:hover:before {
  padding-left: 3px;
}

.owl-carousel:hover {
  transition: all 0.3s ease;
}
.owl-carousel:hover .owl-nav {
  transition: all 0.3s ease;
  opacity: 1 !important;
  display: block;
}

/* 2. owl-dots
   ========================================================================== */
.owl-dots {
  text-align: right;
}
.owl-dots .owl-dot {
  display: inline-block;
  transition: all 0.3s ease;
  margin-left: 2px;
}
.owl-dots .active a {
  background-color: #80cff1;
}
.owl-dots .owl-dot:hover a {
  background-color: #80cff1;
}

/* 3. owl-thumbs
   ========================================================================== */
.owl-thumbs .owl-thumb-item {
  transition: all 0.3s ease;
  margin-top: 10px;
  position: relative;
}
.owl-thumbs .owl-thumb-item .overlay-active {
  transition: all 0.3s ease;
}
.owl-thumbs .owl-thumb-item:hover .overlay-active {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
}
.owl-thumbs .center .overlay-active {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
}

/* 10. carousel-last-seen-products
   ========================================================================== */
.last-seen-products-wrapper {
  background-color: #fff;
}
.last-seen-products-wrapper .carousel-last-seen-products .product {
  padding: 0;
  border: 1px solid #cccccc;
  border-top: 0;
  border-left: none;
  border-right: none;
  min-height: 0;
  border-bottom: none;
}
.last-seen-products-wrapper .carousel-last-seen-products .product .product-price {
  margin-top: 5px;
  text-align: center;
}
.last-seen-products-wrapper .carousel-last-seen-products .product .product-price .curent-price {
  color: #333333;
}
.last-seen-products-wrapper .carousel-last-seen-products a {
  color: #333333;
  text-decoration: underline;
  text-align: left;
  float: left;
}

/* 11. carousel-single-product
   ========================================================================== */
/* 12. carousel-data-dot
   ========================================================================== */
/* 20. Fix the img on slide
   ========================================================================== */
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

.owl-item {
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}