/*----------------------------------------------------------------------------
 Responsive
 ---------------------------------------------------------------------------*/
 .flashsale {
    position: relative;
}

.flashsale *,
.flashsale *:before,
.flashsale *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.flashsale .row {
   margin-left: -15px;
   margin-right: -15px;
}

.flashsale .row:before,
.flashsale .row:after {
   content: " ";
   display: table;
}

.flashsale .row:after {
   clear: both;
}

.flashsale .col-lg-12 {
   position: relative;
   min-height: 1px;
   padding-left: 10px;
   padding-right: 15px;
}

@media (min-width: 1200px) {
   .flashsale .col-lg-12 {
       width: 100%;
   }
}

.flashsale .img-responsive {
   display: block;
   max-width: 100%;
   height: auto;
}

.flashsale img {
   vertical-align: middle;
   width: auto !important;
   border: 0;
}

.flashsale .clearfix:before,
.flashsale .clearfix:after {
   content: " ";
   display: table;
}

.flashsale .clearfix:after {
   clear: both;
}

.flashsale .banner {
   margin: 5px 0;
}

.flashsale .banner img {
   width: 100% !important;
}

/*----------------------------------------------------------------------------
Icons
---------------------------------------------------------------------------*/
@font-face {
   font-family: 'flashsale';
   src: url('../../fonts/flashsale.eot?54159740');
   src: url('../../fonts/flashsale.eot?54159740#iefix') format('embedded-opentype'),
        url('../../fonts/flashsale.woff2?54159740') format('woff2'),
        url('../../fonts/flashsale.woff?54159740') format('woff'),
        url('../../fonts/flashsale.ttf?54159740') format('truetype'),
        url('../../fonts/flashsale.svg?54159740#flashsale') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
 /*
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'flashsale';
     src: url('../font/flashsale.svg?54159740#flashsale') format('svg');
   }
 }
 */
 .flashsale [class^="icon-"]:before, 
 .flashsale [class*=" icon-"]:before {
   font-family: "flashsale";
   font-style: normal;
   font-weight: normal;
   speak: never;
 
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity: .8; */
 
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
 
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
 
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   /* margin-left: .2em; */
 
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
 
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
 .flashsale .icon-clock-o:before { content: '\e800'; }
 /* .flashsale .icon-clock-o:before { content: '\e801'; } */

/*----------------------------------------------------------------------------
Carousel
---------------------------------------------------------------------------*/
.flashsale .owl-stage-outer {
   overflow: hidden;
}

.flashsale .owl-item {
   float: left;
}

.flashsale .owl-nav.disabled {
   display: none;
}

.flashsale .owl-nav.disabled+.owl-dots {
   width: 100%;
}

.flashsale .products.owl-carousel .product-miniature {
   margin: 0 !important;
   width: 100% !important;
   display: block !important;
}

.flashsale .products.owl-carousel .product-miniature .thumbnail-container,
.flashsale .products.owl-carousel .product-miniature .product-description,
.flashsale .products.owl-carousel .product-miniature .highlighted-informations {
   max-width: 100%;
}

.flashsale .product_list.owl-carousel {
   margin: 0;
}

.flashsale .product_list.owl-carousel li {
   width: 100% !important;
   padding-bottom: 20px;
   text-align: center;
}

.flashsale .products-section-title {
   border-bottom: 1px solid #dcdcdc;
   display: block;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 14px;
   padding-bottom: 10px;
   text-transform: uppercase;
   width: 100%;
   margin-top: 30px;
   position: relative;
   text-align: left !important;
}

.flashsale .show-more-link {
  position: absolute;
  font-size: 14px;
  right: 0;
  top: 8px;
}

/*----------------------------------------------------------------------------
Column
---------------------------------------------------------------------------*/
.flashsale-column {
   background: white;
   margin-bottom: 25px;
   padding: 5px;
}

.flashsale-column .flashsale-product-listing li {
   padding: 0 0 20px 0;
   margin-bottom: 20px;
   border-bottom: 1px solid #d6d4d4;
}

.flashsale-column .flashsale-product-listing li .product-image {
   float: left;
   border: 1px solid #d6d4d4;
   margin-right: 19px;
}

.flashsale-column .flashsale-product-listing li .product-content {
   overflow: hidden;
}

.flashsale-column .flashsale-product-listing li .product-content .product-name {
   font-size: 15px;
   line-height: 18px;
   color: #3a3939;
   margin-bottom: 5px;
}

.flashsale-column .flashsale-product-listing li .product-content .product-description {
   margin-bottom: 14px;
}

.flashsale-column .flashsale-product-listing li .product-content .product-price .price {
   font-size: 13px;
   color: #777;
   white-space: nowrap;
}

.flashsale-column .flashsale-product-listing li .product-content .product-price .special-price {
   color: #f13340;
}

.flashsale-column .flashsale-product-listing li .product-content .product-price .price-percent-reduction {
   font: 700 14px/17px Arial, Helvetica, sans-serif;
   padding: 1px 6px;
   background: #f13340;
   border: 1px solid #d02a2c;
   color: #fff;
   display: inline-block;
}

.flashsale-column .flashsale-product-listing li .product-content .product-price .old-price {
   color: #6f6f6f;
   text-decoration: line-through;
}

.flashsale-column .flashsale-product-listing .btn a {
   color: #fff;
}

.flashsale-column .show-more-button a {
   width: 100%;
}

/*----------------------------------------------------------------------------
Page
---------------------------------------------------------------------------*/
.flashsale-page .page-heading {
   font: 600 18px/22px "Open Sans", sans-serif;
   color: #555454;
   text-transform: uppercase;
   padding: 0px 0px 17px 0px;
   margin-bottom: 30px;
   border-bottom: 1px solid #d6d4d4;
   overflow: hidden;
}