/*---------------------------------------------------------------*/
/* 
/*  Withinpixels Theme Framework v1.0 - layout.css
/*
/*  This file created as a part of the "Withinpixels Theme
/*  Framework" and all of the codes below created solely for
/*  "Autumn - Prestashop Theme". Content of this file cannot
/*  be copied for an outside personal/commercial project.
/*
/*  All rights are reserved.
/*
/*---------------------------------------------------------------*/

/*----------------------------------------------------------*/
/* Common Fixes
/*----------------------------------------------------------*/
.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

a.img-wrapper {
    display: block;
}

img {
    max-width: 100%;
    vertical-align: top;
}

/*----------------------------------------------------------*/
/* Common Styles
/*----------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -o-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hide {
    display: none !important;
}

.soft-hide {
    display: none;
}

/*----------------------------------------------------------*/
/* Main Containers
/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/* Columns - Common Styles
/*----------------------------------------------------------*/
.row {
    position: relative;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0 50px;
    max-width: 1300px;
    height: 100%; 
}

.boxed .row {
    padding: 0 50px;
}

.row.padding {
    padding: 0 10px;
}
.row.nopadding {    padding: 0px !important;}
/* Auto clearfix for rows */
.row:after {
    display: table;
    clear: both;
    content: "";
}

.column {
    position: relative;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .5%;
    height: 100%;
    min-height: 1px;
}.column.nomargin{	margin: 0px!important;}.column.noheight{	height:auto!important;}

.column.fixed {
    float: left;
    margin: 0 1%;
}

.column:first-child {
    margin-left: 0;
}

.column:last-child {
    margin-right: 0;
}

/*----------------------------------------------------------*/
/* Special Rows and Columns
/*----------------------------------------------------------*/
/* Row Specific */
.row.parent .row {
    padding: 0;
}

.valign-middle {
    font-size: 0;
}

.valign-middle > .column {
    display: inline-block;
    float: none;
    vertical-align: middle;
    font-size: 13px;
}

.row.fullwidth-row,
.row.fullwidth-row .row,
.boxed .row.fullwidth-row .row,
.boxed .row.fullwidth-row .row {
    margin: 0;
    padding: 0;
    max-width: none;
    width: 100%;
}

.fullwidth-row > .column {
    overflow: hidden;
}

/* Column Specific */
.align-left {
    float: left;
}

.t-align-left {
    text-align: left;
}

.align-right {
    float: right;
}

.t-align-right {
    text-align: right;
}

.align-center {
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
}

.t-align-center {
    text-align: center;
}

/*----------------------------------------------------------*/
/* Columns - 12-columns
/*----------------------------------------------------------*/
.col-1-12 {
    width: 9.5%;
}

.col-2-12 {
    width: 15%;
}

.col-3-12 {
    width: 25%;
}

.col-4-12 {
    width: 52%;
}

.col-5-12 {
    width: 20.5%;
}

.col-6-12 {
    width: 49%;
}

.col-7-12 {
    width: 57.5%;
}

.col-8-12 {
    width: 65.5%;
}

.col-9-12 {
    width: 74.5%;
}

.col-10-12 {
    width: 83%;
}

.col-11-12 {
    width: 91.5%;
}

.col-12-12 {
    width: 100%;
}

/* Non-responsive (fixed) columns */
.col-1-12.fixed {
    width: 6.5% !important;
}

.col-2-12.fixed {
    width: 15% !important;
}

.col-3-12.fixed {
    width: 23.5% !important;
}

.col-4-12.fixed {
    width: 32% !important;
}

.col-5-12.fixed {
    width: 40.5% !important;
}

.col-6-12.fixed {
    width: 49% !important;
}

.col-7-12.fixed {
    width: 57.5% !important;
}

.col-8-12.fixed {
    width: 66% !important;
}

.col-9-12.fixed {
    width: 74.5% !important;
}

.col-10-12.fixed {
    width: 83% !important;
}

.col-11-12.fixed {
    width: 91.5% !important;
}

.col-12-12.fixed {
    width: 100% !important;
}

/*----------------------------------------------------------*/
/* Column Offsetting - 12-columns
/*----------------------------------------------------------*/
.offset-1-12 {
    margin-left: 8.48%;
}

.offset-2-12 {
    margin-left: 16.95%;
}

.offset-3-12 {
    margin-left: 25.43%;
}

.offset-4-12 {
    margin-left: 33.90%;
}

.offset-5-12 {
    margin-left: 42.38%;
}

.offset-6-12 {
    margin-left: 50.85%;
}

.offset-7-12 {
    margin-left: 59.33%;
}

.offset-8-12 {
    margin-left: 67.80%;
}

.offset-9-12 {
    margin-left: 76.28%;
}

.offset-10-12 {
    margin-left: 84.75%;
}

.offset-11-12 {
    margin-left: 93.23%;
}

/*----------------------------------------------------------*/
/* Pull & Push - 12-columns
/*----------------------------------------------------------*/
.push-11-12 {
    right: auto;
    left: 93.23%;
}

.pull-11-12 {
    right: 93.23%;
    left: auto;
}

.push-10-12 {
    right: auto;
    left: 84.75%;
}

.pull-10-12 {
    right: 84.75%;
    left: auto;
}

.push-9-12 {
    right: auto;
    left: 76.28%;
}

.pull-9-12 {
    right: 76.28%;
    left: auto;
}

.push-8-12 {
    right: auto;
    left: 67.80%;
}

.pull-8-12 {
    right: 67.80%;
    left: auto;
}

.push-7-12 {
    right: auto;
    left: 59.33%;
}

.pull-7-12 {
    right: 59.33%;
    left: auto;
}

.push-6-12 {
    right: auto;
    left: 50.85%;
}

.pull-6-12 {
    right: 50.85%;
    left: auto;
}

.push-5-12 {
    right: auto;
    left: 42.38%;
}

.pull-5-12 {
    right: 42.38%;
    left: auto;
}

.push-4-12 {
    right: auto;
    left: 33.90%;
}

.pull-4-12 {
    right: 33.90%;
    left: auto;
}

.push-3-12 {
    right: auto;
    left: 25.43%;
}

.pull-3-12 {
    right: 25.43%;
    left: auto;
}

.push-2-12 {
    right: auto;
    left: 16.95%;
}

.pull-2-12 {
    right: 16.95%;
    left: auto;
}

.push-1-12 {
    right: auto;
    left: 8.48%;
}

.pull-1-12 {
    right: 8.48%;
    left: auto;
}

/*----------------------------------------------------------*/
/* Columns - 16-columns
/*----------------------------------------------------------*/

.col-1-16 {
    width: 4.375%;
}

.col-2-16 {
    width: 10.75%;
}

.col-3-16 {
    width: 17.125%;
}

.col-4-16 {
    width: 23.5%;
}

.col-5-16 {
    width: 29.875%;
}

.col-6-16 {
    width: 36.25%;
}

.col-7-16 {
    width: 42.625%;
}

.col-8-16 {
    width: 49%;
}

.col-9-16 {
    width: 55.375%;
}

.col-10-16 {
    width: 61.75%;
}

.col-11-16 {
    width: 68.125%;
}

.col-12-16 {
    width: 74.5%;
}

.col-13-16 {
    width: 80.875%;
}

.col-14-16 {
    width: 87.25%;
}

.col-15-16 {
    width: 93.625%;
}

.col-16-16 {
    width: 100%;
}

/* Non-responsive (fixed) columns  */
.col-1-16.fixed {
    width: 4.375% !important;
}

.col-2-16.fixed {
    width: 10.75% !important;
}

.col-3-16.fixed {
    width: 17.125% !important;
}

.col-4-16.fixed {
    width: 23.5% !important;
}

.col-5-16.fixed {
    width: 29.875% !important;
}

.col-6-16.fixed {
    width: 36.25% !important;
}

.col-7-16.fixed {
    width: 42.625% !important;
}

.col-8-16.fixed {
    width: 49% !important;
}

.col-9-16.fixed {
    width: 55.375% !important;
}

.col-10-16.fixed {
    width: 61.75% !important;
}

.col-11-16.fixed {
    width: 68.125% !important;
}

.col-12-16.fixed {
    width: 74.5% !important;
}

.col-13-16.fixed {
    width: 80.875% !important;
}

.col-14-16.fixed {
    width: 87.25% !important;
}

.col-15-16.fixed {
    width: 93.625% !important;
}

.col-16-16.fixed {
    width: 100% !important;
}

/*----------------------------------------------------------*/
/* Column Offsetting - 16-columns
/*----------------------------------------------------------*/
.offset-1-16 {
    margin-left: 6.375%;
}

.offset-2-16 {
    margin-left: 12.75%;
}

.offset-3-16 {
    margin-left: 19.125%;
}

.offset-4-16 {
    margin-left: 25.5%;
}

.offset-5-16 {
    margin-left: 31.875%;
}

.offset-6-16 {
    margin-left: 38.25%;
}

.offset-7-16 {
    margin-left: 44.625%;
}

.offset-8-16 {
    margin-left: 51%;
}

.offset-9-16 {
    margin-left: 57.375%;
}

.offset-10-16 {
    margin-left: 63.75%;
}

.offset-11-16 {
    margin-left: 70.125%;
}

.offset-12-16 {
    margin-left: 76.5%;
}

.offset-13-16 {
    margin-left: 82.875%;
}

.offset-14-16 {
    margin-left: 89.25%;
}

.offset-15-16 {
    margin-left: 95.625%;
}

/*----------------------------------------------------------*/
/* Pull & Push - 16-columns
/*----------------------------------------------------------*/
.push-15-16 {
    right: auto;
    left: 95.625%;
}

.pull-15-16 {
    right: 95.625%;
    left: auto;
}

.push-14-16 {
    right: auto;
    left: 89.25%;
}

.pull-14-16 {
    right: 89.25%;
    left: auto;
}

.push-13-16 {
    right: auto;
    left: 82.875%;
}

.pull-13-16 {
    right: 82.875%;
    left: auto;
}

.push-12-16 {
    right: auto;
    left: 76.5%;
}

.pull-12-16 {
    right: 76.5%;
    left: auto;
}

.push-11-16 {
    right: auto;
    left: 70.125%;
}

.pull-11-16 {
    right: 70.125%;
    left: auto;
}

.push-10-16 {
    right: auto;
    left: 63.75%;
}

.pull-10-16 {
    right: 63.75%;
    left: auto;
}

.push-9-16 {
    right: auto;
    left: 57.375%;
}

.pull-9-16 {
    right: 57.375%;
    left: auto;
}

.push-8-16 {
    right: auto;
    left: 51%;
}

.pull-8-16 {
    right: 51%;
    left: auto;
}

.push-7-16 {
    right: auto;
    left: 44.625%;
}

.pull-7-16 {
    right: 44.625%;
    left: auto;
}

.push-6-16 {
    right: auto;
    left: 38.25%;
}

.pull-6-16 {
    right: 38.25%;
    left: auto;
}

.push-5-16 {
    right: auto;
    left: 31.875%;
}

.pull-5-16 {
    right: 31.875%;
    left: auto;
}

.push-4-16 {
    right: auto;
    left: 25.5%;
}

.pull-4-16 {
    right: 25.5%;
    left: auto;
}

.push-3-16 {
    right: auto;
    left: 19.125%;
}

.pull-3-16 {
    right: 19.125%;
    left: auto;
}

.push-2-16 {
    right: auto;
    left: 12.75%;
}

.pull-2-16 {
    right: 12.75%;
    left: auto;
}

.push-1-16 {
    right: auto;
    left: 6.375%;
}

.pull-1-16 {
    right: 6.375%;
    left: auto;
}


/*----------------------------------------------------------*/
/* Item Grid
/*----------------------------------------------------------*/
.grid-container {
}

.grid {
    display: block;
    margin-right: -1%;
    margin-left: -1%;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 0;
}

.grid.grid-6 .item {
    width: 14.667%;
}

.grid.grid-5 .item {
    width: 18%;
}

.grid.grid-4 .item {
    width: 23%;
}

.grid.grid-3 .item {
    width: 31.333%;
}

.grid.grid-2 .item {
    width: 48%;
}

.grid.grid-1 .item {
    width: 98%;
}

/* double sized items */
.grid.grid-6 .item.double {
    width: 31.333%;
}

.grid.grid-5 .item.double {
    width: 38%;
}

.grid.grid-4 .item.double {
    width: 48%;
}

.grid.grid-3 .item.double {
    width: 64.666%;
}

.grid.grid-2 .item.double {
    width: 98%;
}

.grid .item {
    position: relative;
    display: inline-block;
    margin: 0 1% 30px 1%;
    height: auto;
    vertical-align: top;
    font-size: 13px;
}

.grid .item-wrapper {
    position: relative;
}

.grid .item-upper-container {
    position: relative;
}

/* Item Image */
.grid .item-image-container {
    display: block;
    position: relative;
    background: #ffffff;
}

.grid .item-images {
    overflow: hidden;
}

.grid .item-image-cover {
    width: 100%;
}

.grid .card-view-item-details-overlay {
    display: none;
}

/* Details */
.grid .item-details {
    font-size: 14px;
    position: relative;
    display: block;
    margin: 10px 20px 0 20px;
    text-align: center;
}

/* Name */
.grid .item-hover .item-name-link {
    margin: 10px 0;
}

.grid .item-name-link {
    display: block;
}

/* Description */
.grid .item-description-full {
    display: none;
    clear: both;
    
}

/* Price */
.grid .item-price {
    display: block;
    clear: both;
   
    color: #da3b44;
}

.grid .item-old-price {
    margin-left: 6px;
    color: #84888f;
    text-decoration: line-through;
}

/* Tags (badges) */
.grid .item-tag {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 50;
    display: block;
}

.grid .item-tag-new,
.grid .item-tag-discount,
.grid .item-online-only {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 3px 0;
    padding: 0 5px;
    background: #da3b44;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    white-space: nowrap;
}

.grid .item-tag-discount {
    background: #3b7bda;
}

.grid .item-online-only {
    background: #1e9749;
}

/* Quick view */
.grid .item-quickview {
    display: none;
    position: absolute;
    z-index: 50;
    top: 3px;
    right: 3px;
    background: rgba(255,255,255,0.85);
    padding: 5px 7px;
}

.no-touch .grid .item:hover .item-quickview {
    display: block;
}

/* Item Hover */
.grid .item-hover {
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    font-size: 13px;
    z-index: 999;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.45), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.45), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.45), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}

.grid .item-hover.notouch {
    background: none;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.no-touch .grid .item:hover .item-hover {
    display: block;
}

/* Buttons */
.no-touch .grid .item-buttons.notouch {
    display: none;
}

.grid .item-buttons > a {
    position: relative;
    font-weight: normal;
    margin: 7px 5px;
}

.grid .item-buttons .add-to-cart,
.grid .item-buttons .view-product {
    display: inline-block;
    clear: both;
}

.grid .item-buttons .compare,
.grid .item-buttons .add-to-wishlist {
    display: block;
    margin: 10px 0;
}

/* Availability */
.grid .item-availability {
    font-size: 12px;
    
}

.grid .item-availability .wpicon {
    margin-right: 5px;
}

.grid .item-availability .available-now {
    color: #4f8a10;
}

.grid .item-availability .available-dif {
    color: #e57900;
}

.grid .item-availability .out-of-stock {
    color: #d8000c;
}

/* Color options */
.grid .item-hover .item-color-options {
    margin: 10px 0;
}

.grid .item-color-options {
    
    overflow: hidden;
}

.grid .item-color-options ul {
    font-size: 0;
}

.grid .item-color-options ul li {
    display: inline-block;
    border: 1px solid #d7dce2;
    margin-right: 4px;
    vertical-align: top;
}

.grid .item-color-options ul li:last-child {
    margin-right: 0;
}

.grid .item-color-options a {
    display: block;
    margin: 1px;
    width: 15px;
    height: 15px;
}

/* Comments */
.grid .item-rating {
    display: block;
    overflow: hidden;
    
    font-size: 0;
}

.grid .item-rating .comments_note {
    display: inline-block;
}

.grid .item-rating .star {
    position: relative;
    top: 0;
    float: left;
    color: #eea711;
}

/* Ratings, color options, stock info and quick view controls */
.grid.hide-rating .item-rating {
    display: none;
}

.grid.hide-color-options .item-color-options {
    display: none;
}

.grid.hide-stock-info .item-availability {
    display: none;
}

.grid.hide-quickview .item-quickview {
    display: none!important;
}

/* Countdown */
.grid .item-countdown {
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
    padding: 5px 3px;
    background: rgba(0,0,0,0.65);
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    z-index: 5001;
}

.grid .item-countdown .item-countdown-label {
    display: block;
    clear: both;
}


.item-countdown .item-countdown-time .weeks {
    margin-right: 3px;
}

.item-countdown .item-countdown-time .days {
    margin-right: 3px;
}

.item-countdown .item-countdown-time .hours {

}

.item-countdown .item-countdown-time .minutes {

}

.item-countdown .item-countdown-time .seconds {

}

.product-list-grid .item:hover .item-countdown {
    display: none;
}

/*----------------------------------------------------------*/
/* Item Grid - List Mode
/*----------------------------------------------------------*/
.grid.list .item {
    padding-bottom: 30px;
    border-bottom: 1px solid #a2a9ad;
}

.grid.list .item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/* Upper container */
.grid.list .item-upper-container {
    float: left;
    width: 12%;
}

/* Details */
.grid.list .item-details {
    float: right;
    margin: 0;
    width: 82%;
    text-align: left;
}.grid.list .item-details-cat {    float: left;	padding:15px;    margin: 0;    width: 100%;    text-align: left;}

/* Name */
.grid.list .item-hover .item-name-link {
    display: none;
}

.grid.list .item-name-link {
    font-size: 20px;
}

/* Price */
.grid.list .item-price {
    font-size: 18px;
}

/* Description */
.grid.list .item-description-full {
    display: block;
}

/* Item Hover */
.grid.list .item-hover {
    display: block!important;
    position: relative;
    z-index: auto;
    opacity: 100;
}

/* Buttons */
.grid.list .item-buttons.notouch {
    display: none!important;
}

/* Availability */
.grid .item-availability {
    font-size: 13px;
}

/* Color options */
.grid.list .item-hover .item-color-options {
    display: none;
}

.grid.list .item-color-options a {
    width: 24px;
    height: 24px;
}

/*----------------------------------------------------------*/
/* Item Grid - Card Mode -CURRENTLY NOT AVAILABLE-
/*----------------------------------------------------------*/
.grid.card .item-wrapper {
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}

.grid.card .item-image-container {
    z-index: 10;
    float: left;
    width: 60%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.grid.card .item-details {
    position: absolute;
    right: -50%;
    z-index: 15;
    overflow: hidden;
    padding: 15px;
    width: 90%;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.grid.card .item-details:hover {
    right: 0;
}

.grid.card .item-details:hover .card-view-item-details-overlay {
}

.grid.card .item-details:hover .item-buttons {
    display: block;
}

.grid.card .item-name-link {
    font-size: 16px;
}

.grid.card .item-price {
    margin-top: 5px;
    font-size: 16px;
}

.grid.card .item-availability {
    display: none;
}

.grid.card .item-description-truncated {
    display: block;
}

.grid.card .item-buttons {
    display: block;
    clear: both;
    margin: 15px 0 0 0;
    max-width: 250px;
    opacity: 100;
}

/*----------------------------------------------------------*/
/* Isotope Grid Fixes
/*----------------------------------------------------------*/
.isotope-grid {
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.no-touch .isotope-grid .item-buttons {
    opacity: 0;
}

.no-touch .isotope-grid .item:hover .item-buttons {
    opacity: 100;
}

.touch .isotope-grid .item-buttons {
    opacity: 100!important;
}

/*----------------------------------------------------------*/
/* Carousel Grid Fix
/*----------------------------------------------------------*/
.carousel-grid.grid {
    margin-left: auto;
    margin-right: auto;
}

.carousel-grid .item {
    display: block;
    float: left;
    margin: 3px 10px;
}

.no-touch .carousel-grid .item-buttons {
    opacity: 0;
}

.no-touch .carousel-grid .item:hover .item-buttons {
    opacity: 100;
}

.touch .carousel-grid .item-buttons {
    opacity: 100!important;
}
