@charset "UTF-8";
// Make sure the charset is set appropriately

@import "compass";
@import "compass/reset";
@import "theme_variables";
@import "bootstrap";
@import "font-awesome/font-awesome"; 
@import "icons";

a{color:$base-body-color;}
a:hover {
	text-decoration: none;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
a:visited, a:focus { 
    text-decoration:none; 
	outline:none;
}
@media only screen and (min-width: 1200px) {
	.container {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (min-width: 1400px)
{
	.container {
    max-width: 1290px;
    } 
}

body {
	min-width: 320px;
	height: 100%;
	line-height: 1.3;
	font-family:$font-family;
	font-size: 13px;
	font-weight:400;
	color: $base-body-color;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	&.content_only {
		background: none;
		min-width: 0px;
	}
	#page
	{
		background:$light-background;
	}
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 
{
 font-family:$font-custom;
 font-weight:600;
}
/*chrome*/
body::-webkit-scrollbar {
    
	width: 5px;
}
body::-webkit-scrollbar-track {
    background-color: #f2f2f2;
	width: 5px;
	-webkit-box-shadow: inset 0 0 6px #6c5a44; 
	box-shadow: inset 0 0 6px #6c5a44;  
}
body::-webkit-scrollbar-thumb {
    background-color:#000;
	cursor: pointer;
}
body::-webkit-scrollbar-thumb:hover {
	background-color: #000;
}

textarea {
	resize: none;
}

//structure
#header {
	z-index: 5003;
	.nav {
		padding:11px 0 10px;background:$bg-main;
		
		>.container{position:relative;} 
		}
}

.columns-container {
	
}

#columns {
	position: relative;
	padding-bottom: 55px;
	padding-top: 15px;
}
#index {
	.tab-content {
		margin-top: 0;
		margin-bottom: 34px;
		@media (max-width: $screen-xs-max)
	    {
		 margin-bottom: 0;
	    }
	}
	#columns 
	{
		padding-top:0;
		padding-bottom:60px; 
		@media (max-width: $screen-xs-max) {padding-bottom:30px;}
	}
	
}

header {
	z-index: 1;
	position: relative;
	.banner {
		background: black;
		max-height: 100%;
		.row {
			margin: 0px;
		}
	}
	.nav {
		
		
		nav {
			 position:relative;z-index:2;color:$light-text-color;
			 a{color:$light-text-color;}
		}
	}
	.row {
		position: relative;
		> .container {
			position: relative;
		}
		
	}
	#header_logo { 
			position: relative; z-index:1;color:$light-text-color;float:left;margin-top:-5px;
			.logo{
				max-width:165px;
				}
			.icon_menu{float:left;font-size:0;background:url(../img/icon-menu.png) no-repeat;width:36px;height:33px;margin-right:20px;cursor:pointer;}
				a{display:inline-block;}
			}
	@media (min-width: $screen-xs-max){
		.col-sm-4 + .col-sm-4 + .col-sm-4 {
			float: right;
		}
	}
}
.header-top
{
position:relative;z-index:1;  margin:45px 0;
>.container{
	position:relative;
	@media (max-width: $screen-xs-max){text-align:center;}
	}  
}
.ie8 #header #header_logo {
	width: 350px;
}

//title
#center_column {
	.page_product_box {
		h3 {
			@include sub-heading;
		}
	}
}

//text
p.info-title {
	font-weight: bold;
	color: $base-text-color;
	margin-bottom: 25px;
}

p.info-account {
	margin: -4px 0 24px 0;
}

.dark {
	color: $base-text-color;
}

.main-page-indent {
	margin-bottom: $base-page-indent;
}

.alert {
	font-weight: bold;
	&:before {
		cursor:  pointer;
	}
	ul, ol {
		padding-left: 15px;
		margin-left: 27px;
		li {
			list-style-type: decimal;
			font-weight: normal;
		}
	}
	&.alert-success {
		color:#35b33f;
		background:$table-background;
		border-color:#46a74e;
		&:before {
			font-family: $font-icon;
			content: "\f058";
			font-size: 20px;
			vertical-align: -2px;
			padding-right: 7px;
		}
	}
	&.alert-danger {
		 color:#ce454d;
		background:$table-background;
		border-color:#efc4c4;
		&:before {
			font-family: $font-icon;
			content: "\f057";
			font-size: 20px;
			vertical-align: -2px;
			padding-right: 7px;
			float: left;
		}
	}
}

.label {
	white-space: normal;
	display: inline-block;
	padding: 6px 10px;
}

label {
	color: $base-title-color;
	font-weight:500;
	&.required {
		&:before {
			content: "*";
			color: red;
			font-size: 14px;
			position: relative;
			line-height: 12px;
		}
	}
}

.unvisible {
	display: none;
}

.checkbox {
	line-height: 16px;
	label {
		color: #777777;
	}
}

.close {
	opacity: 1;
	&:hover {
		opacity: 1;
	}
}

//buttons
input.button_mini,
input.button_small,
input.button,
input.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled,
a.button_mini,
a.button_small,
a.button,
a.button_large,
a.exclusive_mini,
a.exclusive_small,
a.exclusive,
a.exclusive_large,
span.button_mini,
span.button_small,
span.button,
span.button_large,
span.exclusive_mini,
span.exclusive_small,
span.exclusive,
span.exclusive_large,
span.exclusive_large_disabled {
	position: relative;
	display: inline-block;
	padding: 5px 7px;
	border: 1px solid #cc9900;
	font-weight: bold;
	color: black;
	background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
	cursor: pointer;
	white-space: normal;
	text-align: left;
}

*:first-child+html input.button_mini,
*:first-child+html input.button_small,
*:first-child+html input.button,
*:first-child+html input.button_large,
*:first-child+html input.button_mini_disabled,
*:first-child+html input.button_small_disabled,
*:first-child+html input.button_disabled,
*:first-child+html input.button_large_disabled,
*:first-child+html input.exclusive_mini,
*:first-child+html input.exclusive_small,
*:first-child+html input.exclusive,
*:first-child+html input.exclusive_large,
*:first-child+html input.exclusive_mini_disabled,
*:first-child+html input.exclusive_small_disabled,
*:first-child+html input.exclusive_disabled,
*:first-child+html input.exclusive_large_disabled {
	border: none;
}

//hover button
input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
input.exclusive_mini:hover,
input.exclusive_small:hover,
input.exclusive:hover,
input.exclusive_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover,
a.exclusive_mini:hover,
a.exclusive_small:hover,
a.exclusive:hover,
a.exclusive_large:hover {
	text-decoration: none;
	background-position: left -50px;
}

//active button
input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
input.exclusive_mini:active,
input.exclusive_small:active,
input.exclusive:active,
input.exclusive_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active,
a.exclusive_mini:active,
a.exclusive_small:active,
a.exclusive:active,
a.exclusive_large:active {
	background-position: left -100px;
}

input.button_disabled,
input.exclusive_disabled,
span.exclusive {
	border: 1px solid #cccccc;
	color: #999999;
	background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc;
	cursor: default;
}

.btn.disabled,
.btn[disabled]:hover {
	opacity: 0.3;
}

.button.button-small,.cart_navigation .button-exclusive,.button.exclusive-medium,#owl_reset {
    font-size: 13px;
	$font-family:$font-custom;
	font-weight:400;
	background:$bg-button;
	color:$light-text-color;
	border: 1px solid $border-button;
	padding:9px 20px;
	@include border-radius(0);
	
	span {
		
		i {
			display:none;
		}
	}
	   i {
			display:none;
		}
	&:hover {
		border-color:$base-border-color;
		background:$bg-button-two;
		color:$base-text-color;
		
	}
}
.cart_navigation .button-exclusive
{
	margin-bottom:15px;
}
.cart_navigation .button-medium
  {
	  float:right;margin-bottom:15px;
	  @media (max-width: 360px) 
	  {
		  float:left;
		  margin-right:5px;
	  }
 }
.button.button-medium,.button.lnk_view,.closefb,.cart_navigation .button-medium ,.button.button-medium.exclusive, .comment_form button {
	font-size: 13px;
	font-weight:400;
	$font-family:$font-custom;
	background:$bg-button-two;
	border: $main_border;
	padding:9px 20px;
	@include border-radius(0);
	color:$base-text-color;
	span {
		
		i {
			display:none;
		}
			
		
	}
	&:hover {
		background:$bg-button;
		color:$light-text-color;
		border-color:$border-button;
		
	}
}
#login_form  .button.button-medium
{
	background:$bg-button;
	color:$light-text-color;
	border-color:$border-button;
	&:hover
	{
		background:$bg-button-two;
	border: $main_border;color:$base-text-color;
		
	}
}
.address_add .button.button-small
{
	
	color: $button-text-color;
		background:$bg-button;
	&:hover
	{
		background:transparent;
	color:$link-hover-color;
		
	}
}
.bt_compare.button.button-medium {
    color: #686868;
    border: 1px solid;
    border-color: #949494;
    min-height:36px;
    background: transparent;
    text-transform: uppercase;
    text-align: center;
	&:hover
	{
		
    background: #000;
    color:$light-text-color;
    border-color: #000;

	}
}
.link-button {
	font-weight: bold;
	i {
		margin-right: 5px;
		&.large {
			font-size: 26px;
			line-height: 26px;
			vertical-align: -3px;
			color: silver;
		}
	}
}
.box label{font-size:10px;text-transform:uppercase;font-family:$font-custom;font-weight:600;}
.btn.button-plus,
.btn.button-minus {
	font-size: 14px;
	line-height: 14px;
	color:$base-body-color;
	padding: 0; 
	border:none;
	overflow:hidden;
	span {
		background-color: #f0f0f0;
		display: block;
		vertical-align: middle;
		width: 37px;
		height: 37px;
		text-align: center;
		vertical-align: middle;
		line-height:37px;
		
		
		
	}
	&:hover {
		color: $base-text-color;
		span {
			filter: none;
			
		}
	}
}
#quantity_wanted_p .button-minus span, .cart_quantity .button-minus span {
    background-image: url(../img/minus.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#quantity_wanted_p .button-plus span, .cart_quantity .button-plus span {
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.cart_quantity .cart_quantity_button a {
	@include border-radius(0px); 
	 span
	 {
		   width: 16px;
			height: 16px;
			padding: 0;
			vertical-align: middle;
			font-size: 12px;
			line-height: 16px;
			
	 }
   
}
#cart_voucher .button.button-small{ min-height: 37px; padding: 7px 15px;}
.icon-trash:before{content:"\f057";}


.button.ajax_add_to_cart_button,.box-info-product .exclusive{
	font: 400 13px / 20px $font-family;
	padding: 0;
	border: 1px solid;
	background:$bg-button;
		border-color:$border-button; color:$light-text-color;
	padding:0 10px;
	line-height:37px;height:37px;
	text-align:center;
	&:hover {
		border-color: $base-border-color;
	background:$bg-button-two;
	color:$base-text-color;
		
	}	
}
.box-info-product .exclusive:before
{
	font-family: "FontAwesome";
    content: "\f07a";
    font-size: 14px;
}
.bottom-home
{
	background:#eee;
	padding:60px 0;
	@media (max-width: $screen-xs-max) 
	{padding:30px 0;}
}
//form
.form-control {
	padding: 3px 5px;
	height: 37px;
	@include box-shadow(none);
	&.grey {
		background: $base-box-bg;
	}
}

//table
table.std,
table.table_block {
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #999999;
	border-bottom: none;
	background: white;
	border-collapse: inherit;
}

table.std th,
table.table_block th {
	padding: 14px 12px;
	font-size: 12px;
	color: $light-text-color;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 0 black;
	background: #999999;
}

table.std tr.alternate_item,
table.table_block tr.alternate_item {
	background-color: #f3f3f3;
}

table.std td,
table.table_block td {
	padding: 12px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-size: 12px;
	vertical-align: top;
}

.table {
	margin-bottom: 30px;
	> thead {
		> tr {
			> th {
				background: $table-background;
				border-bottom-width: 1px;
				color: $base-text-color;
				vertical-align: middle;
			}
		}
	}
	td {
		ul, ol {
			margin-bottom: 0 !important;
		}
		a.color-myaccount {
			color: $link-color;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
			}
		}
	}
	tfoot {
		tr {
			
		}
	}
}

.home-left .owl-prod-filter
{
	.left-block{float:left;margin-right:15px;}
	.ls-l.big_black{margin-bottom:40px;}
	.product-container
	{
		text-align:left;
		float:left;width:100%;margin-bottom:20px;padding-top:20px;border-top:1px solid #eee;
		&:first-child{border-top:none;padding-top:0;}
	}
	
} 
//g-name-review

.category-name{font-size:14px;font-style:italic;font-weight:300;color:$description-color;margin-bottom:13px;margin-top:2px;} 
//product elements
.product-name {
	font-size: 15px;
	color: $product-name-color;font-weight:500;
	margin-bottom: 0;
	margin-top:0;

	a {
		font-size: 15px;color: $product-name-color;
		&:hover {
			color: $product-name-hover-color;
		}
		
	}
}
.product-container > p{color:#777;}
.price {
	font: 500 18px / 20px $font-family;
	color: $price-color;
	white-space: nowrap;
}

.price.product-price {
	font: 500 18px / 20px $font-family;
	color: $product-price-color;
}

.old-price {
	color: $product-old-price-color;
	text-decoration: line-through;
}

.old-price.product-price {
	font: 600 13px / 20px $font-family; color:$base-body-color;  
}

.special-price {
	color: $product-special-price-color;
}

.price-percent-reduction {
	background:transparent; 
	font: 500 15px / 15px $font-family; 
	color:#1055a6;
	height: 37px;
	width:67px;
	line-height:33px;
	display: inline-block;
	border:2px solid #1055a6;
}

//Labels New/Sale
.owl-label
{
	position: absolute;
	top:10px; 
	width: 67px;
	right: 10px;
}
.new-box,
.sale-box {
	
	overflow: hidden;
	height: 37px;
	width: 67px;
	text-align: center;
	z-index: 0;
	float:left;
}

 

.new-box {
	margin-bottom:7px; 
}

.new-label {
	font: 500 15px / 15px $font-family;
	color:#e94d17;
	background:transparent;
	height: 37px; 
	width: 67px;
	line-height:33px;
	text-align: center;
	display: block;
	z-index: 1;
	border:2px solid #e94d17;
}

.sale-label {
	font: 500 15px / 15px $font-custom;
	color: #1055a6;
	background: transparent;
	height:37px;
	width:67px;
	line-height:33px; 
	text-align: center;
	display: block;
	z-index: 1;
	border:2px solid #1055a6;
	
}

//BOXES
.box {
	
	margin: $base-box-indent;
	line-height: 23px;
	p {
		margin-bottom: 0;
	}
	&.box-small {
		padding: 9px 10px 9px 20px;
		.dark {
			padding-top: 10px;
			padding-right: 20px;
			margin-bottom: 0;
			width: auto;
		}
	}
}

.page-product-box {
	margin-top:75px; 
}

.product-box {
	
	@include box-sizing(border-box);
	.product-image {
		
		display: block;
		img {
			max-width: 100%;
			width: 100%;
			height: auto;
		}
	}
}

//Homepage Tabs
#home-page-tabs {
	border: none;
	background: $light-background;
	// min 768px
	@media (min-width: $screen-sm) {
		padding: 10px 0;
		margin: 0 0 0 -18px;
	}
	> li {
		margin-bottom: 0;
		// min 768px
		@media (min-width: $screen-sm-max) {
			border-left: 1px solid $base-border-color;
			margin: 0 0px 0 9px;
			padding: 0 0px 0 9px;
		}
		// max 479px
		@media (max-width: $screen-xs - 1) {
			width: 100%;
		}
		a {
			font: 600 21px / 24px $font-custom;
			color: $base-heading-color;
			text-transform: uppercase;
			border: none;
			outline: none;
			margin: 0;
			padding: 10px;
			// min 768px
			@media (min-width: $screen-sm) {
				padding: 1px 10px;
			}
			@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
				padding: 10px 10px;
			}
		}
		&:first-child {
			border: none;
		}
	}
	> li.active a,
	>li a:hover {
		background: $dark-background;
		color: $light-text-color;
		padding: 10px;
		// min 768px
		@media (min-width: $screen-sm) {
			margin: -9px 0;
		}
		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
			margin: 0px 0;
		}
	}
}

.block {
	margin-bottom: 50px;
	// max 767px
	@media (max-width: $screen-xs-max) {
		margin-bottom: 0px;
	}
	.block_content {
		// max 767px
		@media (max-width: $screen-xs-max) {
			margin-bottom: 20px;
		}
	}
}
#categories_block_left.block .title_block, #categories_block_left.block h4,#blog_categories.block .title_block,#blog_categories.block h4 {margin-bottom: 20px;}
.block {
	.title_block,
	h4 {
		font: 500 24px / 24px $font-custom; 
		color: $base-heading-color;
		text-transform: uppercase;
		padding:0 0 8px 0;
		margin-bottom: 20px;
		margin-top:0;
		border-bottom:$main_border;
		
		// max 767px
		@media (max-width: $screen-xs-max) {
			position: relative;
			&:after {
				display: block;
				font-family: $font-icon;
				content: "";
				position: absolute;
				right: 0;
				top: 0;
				height: 20px;
				width: 20px;
				font-size: 14px; 
				font-weight: normal;
				cursor:pointer;
			}
			&.active:after {
				content: "";
			}
		}
		a {
			color: $base-heading-color;
			&:hover {
				color: $base-text-color;
			}
		}
	}
	.list-block {
		margin-top: -8px;
		// max 767px
		@media (max-width: $screen-xs-max) {
			margin-top: 0;
		}
		li {
			padding: 10px 0;
			 
			a {
				i {
					display: none;
				}
				
				&:hover {
					color: $link-hover-color;
					
				}
			}
			&:first-child {
				border-top: none;
			}
		}
		.form-group {
			padding-top: 20px;
			margin-bottom: 0;
			select {
				max-width: 270px;
				// max 767px
				@media (max-width: $screen-xs-max) {
					width: 270px;
				}
			}
		}
		.btn {
			margin-top: 12px;
		}
	}
	.products-block {
		li {
			padding: 0 0 20px 0;
			margin-bottom: 20px;
			
			.products-block-image {
				float: left;
				
				margin-right: 19px;
				// min 768px max 991px
				@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
					float: none;
					display: inline-block;
					margin: 0 auto 10px;
					text-align: center;
				}
			}
			.product-content {
				overflow: hidden;
				h5 {
					position: relative;
					top: -8px;
				}
			}
		}
		.product-name {
		
		}
		.product-description {
			margin-bottom: 14px;
		}
		.price-percent-reduction {
			font: 700 14px / 17px $font-family;
			padding: 1px 6px;
		}
	}
}
h1.page-heading{display:none;}
.page-heading {
	font: 600 14px / 18px $font-custom;
	color: $base-heading-color;
	text-transform: uppercase;
	padding: 0px;
	margin-bottom: 30px;
	margin-top:0;
	
	overflow: hidden; 
	span.heading-counter {
		font: 600 13px / 22px $font-family;
		float: right;
		color: $base-text-color;
		text-transform: none;
		margin-bottom: 10px;
		@media (max-width: $screen-xs) {
			float: none;
			display: block;
			padding-top: 5px;
		}
	}
	span.lighter {
		color: #9c9c9c;
	}
	&.bottom-indent {
		margin-bottom: 16px;
	}
	&.product-listing {
		border-bottom: none;
		margin-bottom: 0;
	}
}

.page-subheading {
	font-family: $font-custom;
	font-weight: 400;
	text-transform: uppercase;
	color: $base-heading-color;
	font-size: 16px;
	padding: 0;
	line-height: normal;
	margin-bottom: 25px;
	margin-top:0;
}

h3.page-product-heading {
	font-family: $font-custom;
	font-weight: 400;
	color: $base-heading-color;
	font-size: 18px;
	text-transform: uppercase;
}

// BLOCK .footer_links (cms pages)
ul.footer_links {
	
	li {
		float: left;
		&+li {
			margin-left: 10px;
		}
	}
}

// barre comparaison / tri
.content_sortPagiBar {
	margin-bottom:35px;
	.sortPagiBar {
		
		clear: both;
		#productsSortForm {
			float: right;
			margin-right:2px;
			
			@media (max-width: $screen-xs-max) {
					margin-right:15px;
				}
			select {
				max-width: 192px;
				float: left;
				@media (max-width: $screen-sm-max) {
					max-width: 80px;
				}
			}
			.selector {
				float: left;height:36px;
			}
		}
		.nbrItemPage {
			float: left;margin-top:7px;
			@media (max-width: $screen-sm-max) 
			{
				display:none;
			}
			select {
				max-width: 59px;
				float: left;
			}
			.clearfix > span {
				padding: 10px 0 0 12px;
				display: inline-block; 
				float: left;
			}
			#uniform-nb_item {
				float: left;
			}
		}
		label,
		select {
			float: left;
		}
		label {
			padding: 10px 18px 0 0;
		}
		&.instant_search {
			#productsSortForm {
				display: none;
			}
		}
	}
	.display,
	.display_m {
		float: right;
		margin-right:12px;
		margin-bottom:0;
		li {
			float: left;
			padding-left: 12px;
			text-align: center;
			a {
				background: url(../img/list_grid.png) no-repeat;
				cursor: pointer;
				display: block;
				height: 36px;
				transition: all 0.3s ease 0s;
				-moz-transition: all 0.3s ease 0s;
				-webkit-transition: all 0.3s ease 0s;
				width: 36px;
				background-position: 0 100%;
				font-size:0;
				i 
				{
					display:none;
				}
				
			}
			&#list
			{
				 a
				{    
			      background-position: 100% 100%;
			    }
				&:hover,&.selected
				{
					a 
					{
						    background-position: 100% 0;
					}
				}
			}
			
			&.selected,&:hover a{
				a {
					background-position: 0 0;
				}
				
			}
			&.display-title {
				font-weight: bold;
				color: $base-text-color;
				padding: 7px 6px 0 0;
				display:none;
			}
		}
	}
}
.compare-form{float:right;}

//pagination
.top-pagination-content,
.bottom-pagination-content {
	text-align: center;
	position: relative;
	div.pagination {
		margin: 0;
		float:right;
		text-align: center;
		
	}
	ul.pagination {
		margin:0;
		// max 991px
		@media (max-width: $screen-sm-max) {
			float: left;
		}
		li {
			display: inline-block;
			float: left;
			width:20px;height:30px;line-height:30px;text-align:center;padding:0 5px;margin-right:2px;font-size:13px;
			transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			> a,
			> span {
				margin: 0;
				padding: 0;
				display: block;
				border:none;
				background:none;
				line-height:30px;
				span {
					border:none;
					background:none;
				}
			}
			
			&.pagination_previous,
			&.pagination_next {
				color:$pagination-prevnext-color;
				font-weight: bold;
				background:#000;
				border: none; 
				text-align:center;
				width:30px;height:30px;line-height:30px;text-align:center;padding:0 12px;
				i{font-size:18px;}
				
				> a,
				> span { 
					border: none;
					background: none;
					display: block;
					padding:0;
					color: $pagination-prevnext-color;
					font-size:15px;
					// max 767px
					@media (max-width: $screen-xs-max) {
						b {
							display: none;
						}
					}
				
					span {
						border: none;
						padding: 0;
						background: none;
						b {
							font-weight: bold;
						}
					}
				}
				&:hover {
				background:#000;
				>span, >a {
					color:$light-text-color;
				}
			    }
				&.disabled 
				{
					background:#e1e1e1;
					&:hover {
				      background:#e1e1e1;
					}
				}
			}
			&.pagination_previous {
				
			}
			&.pagination_next {
			
			}
			&.active {
				
				> span {
					color:$link-hover-color;  
					background:none;
					span {
						
					}
				}
			}
		}
	}
	.compare-form {
		float: right;
		// max 479px
		@media (max-width: $screen-xs - 1) {
			float: left;
			width: 100%;
			text-align: left;
			padding-bottom: 10px;
			clear: both;
		}
	}
	.product-count {
		padding: 0 0 0 10px;
		float: left;
		font-size:13px;
		// max 991px
		@media (max-width: $screen-sm-max) {
			clear: left;
		}
	}
}

.bottom-pagination-content {
	
}

//CART steps
ul.step {
	margin-bottom: 50px;
	overflow: hidden;
	position:relative;
	  &:after
	  {
		  position:absolute;top:50%;
		  left:0;width:100%;content:"";height:1px;background:$base-border-color;z-index:1;
	  }
	li {
		float: left;
		width: 20%;
		text-align: left;
		
		// max 480px
		@media (max-width: $screen-sm - 1) {
			width: 100%;
			border-left-width: 1px;
		}
		a,
		span,
		&.step_current span,
		&.step_current_end span {
			display: block;
			padding: 18px 0; 
			color: $description-color;
			font-size: 20px;
			line-height: 21px;
		    text-transform:uppercase;
			font-family:$font-custom;
			position: relative;
			text-align:center;
			border: 1px solid;
			display:inline-block;
			border-color:$base-border-color;
		
			width:80%;margin-left:20%;
			@media (max-width: $screen-xs-max)
			{
				width:100%;margin-left:0%;
			}
			&:focus {
				text-decoration: none;
				outline: none;
			}
		}
		&.first {
		
			
			span,
			a {
				z-index: 6;
			    margin-left:0;
				width:100%;
				
			}
		}
		&.second {
			span, a {
				z-index: 5;
			}
		}
		&.third {
			span, a {
				z-index: 4;
			}
		}
		&.four {
			span, a {
				z-index: 3;
			}
		}
		&.last {
			span {
				z-index: 2;
			}
			
		}
		&.step_current {
			
			
			span {
				color: $light-text-color;
				position: relative;
				background:$bg-main;
				
			}
		}
		&.step_current_end {
			font-weight: bold;
		}
		&.step_todo {
			
			span {
				border:$main_border;
				color:$description-color;
				position: relative;
				background:$light-text-color;
				
			}
		}
		&.step_done {
			
			a {
				color:$base-text-color;
				background:$table-background;
				
			}
			&:hover 
			{
				a 
				{
					background:$bg-main;
				color: $light-text-color;
				}
			}
		}
		&.step_done.step_done_last {
			
		}
		&#step_end {
			span {
				@media (min-width: $screen-md) {
					&:after {
						display: none;
					}
				}
			}
		}
		em {
			font-style: normal;
			display:none;
		}
	}
}

// module productcomments
.rating {
	clear: both;
	display: block;
	margin: 2em;
	cursor: pointer;
}

.rating:after {
	content: ".";
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}

.cancel, .star {
	overflow: hidden;
	float: left;
	margin: 0 1px 0 0;
	width: 16px;
	height: 14px;
	line-height:1;
	cursor: pointer;
}

.cancel, .cancel a {
	background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important;
}

.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

div.star_on a {
	background-position: 0 -16px;
}

div.star_hover a,
div.star a:hover {
	background-position: 0 -32px;
}

.pack_content {
	margin: 10px 0 10px 0;
}

.confirmation {
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #e6db55;
	font-size: 13px;
	background: none repeat scroll 0 0 lightyellow;
}

#page .rte {
	background: transparent none repeat scroll 0 0;

	em {
		font-style: italic !important;
	}
}

.listcomment {
	list-style-type: none;
	margin: 0 0 20px 0 !important;
}

.listcomment li {
	padding: 10px 0;
	border-bottom: 1px dotted $base-border-color;
	color: #666666;
}

.listcomment .titlecomment {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: $base-text-color;
}

.listcomment .txtcomment {
	display: block;
	padding: 5px 0;
	color: $base-text-color;
}

.header-container {

}
.owl-menu-ver-top .category-title {
    background: $bg-main url(../img/icon_list_menu.png) 15px center no-repeat;
    font-weight: 500;
    color:$light-text-color;
    display: block;
    height: 50px;
    padding-left: 46px;
    line-height: 53px;
    padding-right: 15px;
	text-transform:uppercase;
    cursor: default;
}
// BREADCRUMB
.breadcrumb {
	display: inline-block;
	padding: 0;
	font-size: 13px;
	
	min-height: 6px;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	background:transparent;
	color:$base-body-color;
	.navigation-pipe {
		width: 9px;
		display: inline-block;
		font-size: 0;
		text-align: center;
		&:after {
		content: "/";
		font-size: 14px;
         }
		
	}
	a {
		display: inline-block;
		padding: 0;
		position: relative;
		z-index: 2;
		color:$base-text-color;
		font-size: 12px;
		font-weight:300;
		&.home {
			
			padding: 0;
			z-index: 99;
			line-height: 22px;
			display: inline-block;
			
			&:before {
				border: none;
			}
		}
		
		
		&:hover {
			color:$link-hover-color;
		}
	}
}

.title-topsale
{
	margin-bottom:60px;
	h3{margin:0;font-size:20px;text-transform:uppercase;color:$base-text-color;}
}

// FOOTER
.footer-top
{
	background:$homepage-footer-bg url(../img/bn-letter.png) center top no-repeat;  
	height:421px;
	text-align:center;
	.footer-logo{margin-top:55px;margin-bottom:22px; } 
}
.footer-container {
	
	#footer {
		color: $base-body-color;
		text-transform:capitalize;
		
		padding-top:60px;
		
		@media (max-width: $screen-xs-max) 
        {
			padding-top:30px;
		}
		.row {
			position: relative;
		}
		ul.row{
			position: static;
		}
		.footer-block {
			margin-top: 55px; 
			// max 767px
			@media (max-width: $screen-xs-max) {
				margin-top: 20px;
			}
			@media (min-width: $screen-sm) and (max-width:$screen-sm-max) 
			{
				margin-top: 30px;
			}
		}
		a {
			color: $description-color;
			&:hover {
				color: $link-hover-color;
			}
		}
		h4 {
			font: 600 14px / 18px $font-custom;
			color: $base-text-color;  
			margin: 0 0 20px 0;   
			cursor: pointer;
			text-transform:uppercase;
			
			
			@media (min-width: $screen-sm) and (max-width: $screen-sm-max) 
	          {
				  font-size:13px; 
			  }
			// max 767px
			@media (max-width: $screen-xs-max) {
				position: relative;
				margin-bottom: 15px;
				padding-bottom: 13px;
				&:after {
					display: block;
					content: "\f067";
					font-family: $font-icon;
					position: absolute;
					right: 0;
					top: 1px;
				}
				&.active:after {
					content: "\f068";
				}
			}
			a {
				color: $base-text-color;  
				font-family:$font-custom; 
			}
		}
		ul {
			li {
				padding-bottom: 15px;
				a {
					
					
				}
			}
		}
		#block_contact_infos {
		
			
			> div {

				ul {
					li {
						
						overflow: hidden;
						 
						> span,
						> span a {
							
							font-weight: normal;
						}
						i {
							font-size: 16px;
							width: 30px;
							text-align: center;
							padding-right: 12px;
							float: left;
							color: $link-hover-color;
						}
					}
				}
			}
		}
		#social_block {
			
			
			
			ul {
				
				li {
					float: right;
					padding:10px;
					width:190px;
					margin-left:30px;
					text-align: center;
					// min 768px max 991px
					@media (min-width: $screen-sm) and (max-width:$screen-md-max) {
						width:120px;float:left;margin-left:0;margin-right:10px;
						
					}
					@media (min-width: 1200px) and (max-width:1399px) {
						margin-left:25px;
					}
					@media (max-width: $screen-xs-max) 
					{
						width:auto;float:left;margin-left:0;margin-right:10px;margin-top:10px;
					}
        
					a {
						display: inline-block;
						color:$light-text-color;
						font-size: 13px;
						
						
						&:before {
							display: inline-block;
							font-family: $font-icon;
							
							font-weight: normal;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
						}
						
					}
					
					&.facebook {
						background:#48629b;
						a {
							&:before {
								content: "\f09a";
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.twitter {
						background:#52a4e3;
						a {
							&:before {
								content: "\f099";
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.rss {
						background:#48629b;
						a {
							&:before {
								content: "\f09e";
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.youtube {
						background:#d12228;
						a {
							&:before {
								content: "\f167";
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.google-plus {
					background:#d04233;
						a {
							&:before {
								content:"\f0d5"; 
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.pinterest {
						background:#d12228; 
						a {
							&:before {
								content: "\f0d2";
							}
						}
						&:hover {
							background: $link-hover-color;
						}
					}
					&.vimeo {
						a {
							&:before {
								content: "\f194";
							}
						}
					}
					&.instagram {
						a {
							&:before {
								content: "\f16d";
							}
						}
					}
				}
			}
			h4 {
				float: right;
				margin-bottom: 0;
				font-size: 21px;
				line-height: 25px;
				text-transform: none;
				padding: 0 10px 0 0;
				// max 767px
				@media (max-width: $screen-xs-max) {
					display: none;
					text-align: center;
				}
			}
		}
		.bottom-footer {
			position: absolute;
			bottom: -55px;
			left: 0;
			div {
				padding: 15px 0 0 0;
				border-top: 1px solid #515151;
				width: 100%;
			}
		}
	}
}

#reinsurance_block {
	clear: both !important;
}

// Make sure lists are correctly displayed in tinyMCE BO edition mode too
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {
	margin-left: 20px;
}

.rte ul {
	list-style-type: disc;
	padding-left: 15px;
}

.rte ol {
	list-style-type: decimal;
	padding-left: 15px;
}

.block_hidden_only_for_screen {
	display: none;
}

// PAIMENT - PAGE ORDER

//nav bottom


// step 1 - cart
.cart_last_product {
	display: none;
}

.cart_quantity .cart_quantity_input {
	height: 27px;
	line-height: 27px;
	padding: 0;
	text-align: center;
	width: 57px;
}

.cart_gift_quantity .cart_quantity_input {
	height: 27px;
	line-height: 27px;
	padding: 0;
	text-align: center;
	width: 57px;
}

.table {
	tbody > tr > td {
		vertical-align: middle;
		&.cart_quantity {
			padding: 41px 14px 25px;
			width: 70px;
			.cart_quantity_button {
				margin-top: 3px;
				display:inline-block;
				a {
					float: left;
					margin-right: 3px;
					&+ a {
						margin-right: 0;
					}
					
				}
			}
		}
		&.cart_delete,
		&.price_discount_del {
			padding: 5px;
		}
	}
	tfoot > tr > td {
		vertical-align: middle;
	}
}

.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
	font-size: 23px;
	color: $base-text-color;
	&:hover {
		color: silver;
	}
}

#cart_summary {
	thead {
		th {
			padding: 15px 8px 15px 8px;
			&.cart_product,&.cart_description,&.cart_unit,&.cart_quantity,&.cart_total,&.cart_avail {
				@extend .text-center;
				text-transform:uppercase;
				font-size:11px;
				font-family:$font-custom;
			}
		}
	}
	tbody {
		td {
			padding: 7px 8px 9px 8px;
			&.cart_product {
				@extend .text-center;
				padding: 7px;
				width: 137px;
				img {
					height:auto;
				}
			}
			&.cart_unit {
				@extend .text-center;
			     ul.price
				 {
					 display:inline-block;
					 li{float:left;margin:0 3px;}
				 }
				.price {
					@extend .text-center;
					
					color:$base-body-color;
					.price-percent-reduction
					{
						display:none;
					}
					span {
						display: inline-block;
						&.price-percent-reduction {
							margin: 5px auto;
							display: inline-block;
						}
						&.old-price {
							text-decoration: line-through;
						}
					}
				}
			}
			&.cart_description {
				small {
					display: block;
					padding: 5px 0 0 0;
				}
			}
			&.cart_avail{
				@extend .text-center;
				width: 1%;
				span {
					white-space: nowrap;
					background:none;
					border:none;
					padding:0;
					color:$link-hover-color;
				}
			}
			&.cart_delete{
				@extend .text-center;
				width: 1%;
			}
			&.cart_total {
				@extend .text-center;
				.price
				{
					color:$base-body-color;
				}
				
			}
		}
	}
	tfoot {
		
		td {
			&.text-right {
				text-transform:uppercase;
				@extend .text-center;
				color:$description-color;
				font-weight:600;
			}
			&.price {
				text-align: center;
				color:$description-color;
			}
			&.total_price_container {
				span {
					font: 500 18px / 22px $font-custom;
					color:$base-text-color;
					text-transform: uppercase;
				}
			}
			&#total_price_container {
				font: 400 20px / 25px $font-custom;
				color:$base-text-color;
				background: $light-background;
			}
		}
	}
}

#cart_summary .stock-management-on {
	tbody {
		td {
			&.cart_description {
				width: 480px;
			}
		}
	}
}

.cart_discount_price{
  text-align: right;
}

.cart_discount_delete{
  text-align: center;
}


.cart_voucher {
	vertical-align: top !important;
	h4 {
		font: 600 14px / 18px $font-custom;
		color: $base-heading-color;
		text-transform: uppercase;
		padding: 7px 0 10px 0;
		margin:0;
	}
	.title-offers {
		color: $base-text-color;
		font-weight: bold;
		margin-bottom: 6px;
	}
	fieldset {
		margin-bottom: 10px;
		#discount_name {
			float: left;
			width: 219px;
			margin-right: 11px;
		}
	}
	#display_cart_vouchers {
		span {
			font-weight: bold;
			cursor: pointer;
			color: $link-color;
			&:hover {
				color: $link-hover-color;
			}
		}
	}
}

.enable-multishipping {
	margin: -13px 0 17px;
	label {
		font-weight: normal;
	}
}

#HOOK_SHOPPING_CART {
	#loyalty {
		i {
			font-size: 26px;
			line-height: 26px;
			color: #cfcccc;
		}
	}
}

#order_carrier {
	clear: both;
	margin-top: 20px;
	border: 1px solid #999999;
	background: $light-background;
}

.order_carrier_logo {
  max-width: 65px;
  max-height: 65px;
}

#order_carrier .title_block {
	padding: 0 15px;
	height: 29px;
	font-weight: bold;
	line-height: 29px;
	color: $light-text-color;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}

#order_carrier span {
	display: block;
	padding: 15px;
	font-weight: bold;
}

.multishipping_close_container {
	text-align: center;
}

table#cart_summary .gift-icon {
	color: white;
	background: #0088cc;
	display: inline;
	line-height: 20px;
	padding: 2px 5px;
	border-radius: 5px;
}

// step 3 - address
#multishipping_mode_box {
	padding-top: 12px;
	padding-bottom: 19px;
	.title {
		font-weight: bold;
		color: $base-text-color;
		margin-bottom: 15px;
	}
	.description_off {
		display: none;
		div {
			margin-bottom: 10px;
		}
	}
	.description_off a:hover,
	.description a:hover {
		background: #f3f3f3;
		border: 1px solid #cccccc;
	}
}

#multishipping_mode_box.on .description_off {
	display: block;
}

.multishipping-cart {
	.cart_address_delivery {
		&.form-control {
			width: 198px;
		}
	}
}

#order .address_add.submit {
	margin-bottom: 20px;
}

#ordermsg {
	margin-bottom: 30px;
}

#id_address_invoice.form-control,
#id_address_delivery.form-control {
	width: 269px;
}

.addresses {
	.select label,
	.selector,
	.addresses .address_select {
		clear: both;
		float: left;
	}
	.waitimage {
		display: none;
		float: left;
		width: 24px;
		height: 24px;
		background-image: url("../../../img/loader.gif");
		background-repeat: no-repeat;
		position: relative;
		bottom: -2px;
		left: 10px;
	}
	.checkbox.addressesAreEquals {
		clear: both;
		float: left;
		margin: 15px 0 25px 0;
	}
}

// step 4 - paiement
#order .delivery_option,
#order-opc .delivery_option {
	> div {
		display: block;
		margin-bottom: 20px;
		font-weight: normal;
		> table {
			background: $light-background;
			margin-bottom: 0;
			&.resume {
				height: 53px;
				&.delivery_option_carrier {
					margin-top: 10px;
					width: 100%;
					border: 1px solid $table-border-color;
					font-weight: bold;
					td {
						padding: 8px 11px 7px 11px;
						i {
							font-size: 20px;
							margin-right: 7px;
							vertical-align: -2px;
						}
					}
				}
				td {
					&.delivery_option_radio {
						width: 54px;
						padding-left: 0;
						padding-right: 0;
						text-align: center;
					}
					&.delivery_option_logo {
						width: 97px;
						padding-left: 21px;
					}
					&.delivery_option_price {
						width: 162px;
					}
				}
			}
		}
	}
}

.order_carrier_content {
	line-height: normal;
	padding:0;
	background:none;;
	border:none;
	.carrier_title {
		font-weight: bold;
		color: $base-text-color;
	}
	.checkbox {
		input {
			margin-top: 2px;
		}
	}
	.delivery_options_address {
		.carrier_title {
			margin-bottom: 17px;
		}
	}
	& + div {
		padding-bottom: 15px;
	}
}

#carrierTable {
	border: 1px solid #999999;
	border-bottom: none;
	background: $light-background;
}

#carrierTable tbody {
	border-bottom: 1px solid #999999;
}

#carrierTable th {
	padding: 0 15px;
	height: 29px;
	font-weight: bold;
	line-height: 29px;
	color: $light-text-color;
	text-transform: uppercase;
	background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}

#carrierTable td {
	padding: 15px;
	font-weight: bold;
	border-right: 1px solid #e9e9e9;
}

#carrierTable td.carrier_price {
	border: none;
}

p.checkbox.gift {
	margin-bottom: 10px;
}

#gift_div {
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

a.iframe {
	color: $base-text-color;
	text-decoration: underline;
	&:hover {
		text-decoration: none;
	}
}

//step 5 - paiement
p.payment_module {
	padding:40px;background:#eee;text-align:center;    transition: all 0.4s ease 0s;  
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
	margin-bottom:30px;
	   .img-bankwire {
			background: url(../img/bankwire.png) no-repeat;
			display:inline-block;width:41px;height:36px;
		}
		.img-cheque {
			background: url(../img/cash.png) no-repeat;display:inline-block;width:41px;height:31px;
		}
		.img-cash {
			background: url(../img/cash.png) no-repeat;display:inline-block;width:41px;height:40px;
		}
	a {
		display: block;
		color: $base-text-color;
		text-transform:uppercase;
		
		position: relative;
		.text-bw
		{
			font-size:22px;margin-top:30px;margin-bottom:15px;line-height:27px;
		}
		.text-bw-wt
		{
			font-size:16px;font-family:$font-special; color:$description-color;font-style:italic;text-transform:lowercase;
			&:after {
				padding-left:15px;
				content: "\f054";
				font-family: $font-icon;font-size:13px;
		        font-style:normal;
			}
			
		}
		
		span {
			display:block;
			color: $base-text-color;
		}
	}
	&:hover {
			span{color:$link-hover-color;}
		}
}

.payment_module.box {
	margin-top: 20px;
}

p.cheque-indent {
	margin-bottom: 9px;
}

.cheque-box {
	.form-group {
		margin-bottom: 0px;
		.form-control {
			width: 269px;
		}
	}
}

.order-confirmation.box {
	line-height: 29px;
	a {
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}

//PAGE ORDER-OPC
.delivery_option_carrier td {
	width: 200px;
}

.delivery_option_carrier td + td {
	width: 280px;
}

.delivery_option_carrier td + td + td {
	width: 200px;
}

.delivery_option_carrier tr td {
	padding: 5px;
}

.delivery_option_carrier.selected {
	display: table;
}

.not-displayable {
	display: none;
}

//PAGES ADRESSES, IDENTITY
#address,
#identity,
#account-creation_form,
#new_account_form,
#opc_account_form,
#authentication {
	.box {
		padding-bottom: 20px;
		line-height: 20px;
	}
	p.required {
		color: #f13340;
		margin: 9px 0 16px 0;
	}
	p.inline-infos {
		color: red;
	}
	.form-group {
		margin-bottom: 4px;
		.form-control {
			max-width: 271px;
			&#adress_alias {
				margin-bottom: 20px;
			}
		}
		&.phone-number {
			// min 1200px
			@media (min-width: $screen-lg) {
				float: left;
				width: 270px;
				margin-right: 13px;
			}
			+ p {
				@media (min-width: $screen-lg) {
					padding: 23px 0 0 0px;
					margin-bottom: 0;
				}
			}
		}
	}
	.gender-line {
		margin-bottom: 4px;
		padding-top: 4px;
		> label {
			margin-right: 10px;
			margin-bottom: 0;
		}
		.radio-inline {
			label {
				font-weight: normal;
				color: #777777;
			}
		}
	}
}

#identity,
#authentication,
#order-opc {
	#center_column {
		form.std {
			.row {
				margin-left: -5px;
				margin-right: -5px;
				.col-xs-4 {
					padding-left: 5px;
					padding-right: 5px;
					max-width: 94px;
					.form-control {
						max-width: 84px;
					}
				}
			}
		}
		.footer_links {
			border: none;
			padding-top: 0;
		}
	}
}

#new_account_form .box {
	line-height: 20px;
	.date-select {
		padding-bottom: 10px;
	}
	.top-indent {
		padding-top: 10px;
	}
	.customerprivacy {
		padding-top: 15px;
	}
}

#authentication {
	fieldset.account_creation {
		margin-bottom: 20px;
	}
}

// PASSWORD
#password {
	.box {
		p {
			margin-bottom: 9px;
		}
		.form-group {
			margin-bottom: 20px;
			.form-control {
				width: 263px;
			}
		}
	}
	.footer_links {}
	padding-top: 0;
	border: none;
}

//PAGE SEARCH
#instant_search_results {
	a.close {
		font-size: 13px;
		font-weight: 600;
		opacity: 1;
		line-height: inherit;
		text-transform: none;
		font-family: $font-family;
		&:hover {
			color: $link-hover-color;
		}
	}
}

// MANUFACTURERS/SUPPLIERS
#manufacturers_list,
#suppliers_list {
	h3 {
		font-size: 17px;
		line-height: 23px;
	}
	.description {
		line-height: 18px;
	}
	.product-counter {
		a {
			font-weight: bold;
			color: $base-text-color;
			&:hover {
				color: $link-hover-color;
			}
		}
	}
	&.list {
		li {
			.mansup-container {
				border-top: 1px solid $base-border-color;
				padding: 31px 0 30px 0;
				// < 768
				@media (max-width: $screen-xs-max) {
					text-align: center;
				}
			}
			&:first-child {
				.mansup-container {
					border-top: 0;
				}
			}
			.left-side {
				text-align: center;
			}
			h3 {
				margin-top: -5px;
				padding-bottom: 8px;
			}
			.middle-side {
				padding-left: 0;
				// < 768
				@media (max-width: $screen-xs-max) {
					padding-right: 15px;
					padding-left: 15px;
				}
			}
			.right-side-content {
				border-left: 1px solid $base-border-color;
				padding: 0 0 32px 31px;
				min-height: 108px;
				// < 768
				@media (max-width: $screen-xs-max) {
					min-height: 1px;
					padding: 0;
					border: none;
				}
				.product-counter {
					position: relative;
					top: -6px;
					margin-bottom: 12px;
					// < 768
					@media (max-width: $screen-xs-max) {
						top: 0;
					}
				}
			}
		}
	}
	&.grid {
		li {
			text-align: center;
			.product-container {
				padding-top: 40px;
				padding-bottom: 20px;
				border-bottom: 1px solid $base-border-color;
				.left-side {
					padding-bottom: 42px;
				}
				h3 {
					padding-bottom: 10px;
				}
				.product-counter {
					margin-bottom: 12px;
				}
			}
		}
		// > 1199
		@media (min-width: $screen-lg) {
			li.first-in-line {
				clear: left;
			}
			li.last-line {
				.product-container {
					border-bottom: none;
				}
			}
		}
		//768 -> 1199
		@media (min-width: $screen-sm) and (max-width: $screen-md-max) {
			li.first-item-of-tablet-line {
				clear: left;
			}
			li.last-tablet-line {
				.product-container {
					border-bottom: none;
				}
			}
		}
		// < 768
		@media (max-width: $screen-xs-max) {
			li.item-last {}
			.product-container {
				border-bottom: none;
			}
		}
	}
}

#manufacturer,
#supplier {
	.description_box {
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid $base-border-color;
		.hide_desc {
			display: none;
		}
	}
	.bottom-pagination-content,
	.top-pagination-content {
		min-height: 69px;
	}
	.top-pagination-content.bottom-line {
		border-bottom: 1px solid $base-border-color;
	}
}

//DISCOUNT PAGE
table.discount {
	i {
		font-size: 20px;
		line-height: 20px;
		vertical-align: -2px;
		&.icon-ok {
			color: #46a74e;
		}
		&.icon-remove {
			color: #f13340;
		}
	}
}

//GUEST TRACKING
#guestTracking {
	.form-control {
		max-width: 271px;
	}
	// > 1200px
	@media (min-width: $screen-lg) {
		.form-group {
			overflow: hidden;
			i {
				padding-left: 10px;
			}
		}
		.form-control {
			float: left;
		}
		label {
			float: left;
			clear: both;
			width: 100%;
		}
	}
}

//PAGE 404
#pagenotfound {
	.pagenotfound {
		max-width: 824px;
		margin: 100px auto 100px auto;
		text-align: center;
		.img-404 {
			padding: 8px 0 27px 0;
			img {
				max-width: 100%;
			}
		}
		h1 {
			font: 600 28px / 34px $font-custom;
			color: $base-text-color;
			text-transform: uppercase;
			margin-bottom: 7px;
		}
		p {
			font: 600 16px / 20px $font-custom;
			color: #555454;
			text-transform: uppercase;
			border-bottom: 1px solid $base-border-color;
			padding-bottom: 19px;
			margin-bottom: 20px;
		}
		h3 {
			font-weight: bold;
			color: $base-text-color;
			font-size: 13px;
			line-height: normal;
			margin-bottom: 18px;
		}
		label {
			font-weight: normal;
			@media (max-width: $screen-xs-max) {
				display: block;
			}
		}
		.form-control {
			max-width: 293px;
			display: inline-block;
			margin-right: 5px;
			// max 767px
			@media (max-width: $screen-xs-max) {
				margin: 0 auto 15px auto;
				display: block;
			}
		}
		.buttons {
			padding: 48px 0 20px 0;
			.button-medium {
				i.left {
					font-size: 17px;
				}
			}
		}
	}
}

//addon RerversoForm
#account-creation_form fieldset.reversoform {
	padding: 10px !important;
}

#account-creation_form fieldset.reversoform .text label {
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
	text-align: left;
}

#account-creation_form fieldset.reversoform .infos-sup {
	padding: 0 !important;
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

//addon customer privacy
#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
	cursor: pointer;
}

//addon referralprogram
.tab-content {
	margin-top: 20px;
}

//addons comments products
form#sendComment fieldset {
	padding: 10px;
	border: 1px solid #cccccc;
	background: #eeeeee;
}

form#sendComment h3 {
	font-size: 14px;
}

#new_comment_form p.text {
	margin-bottom: 0;
	padding-bottom: 0;
}

#sendComment p.text label,
#sendComment p.textarea label {
	display: block;
	margin: 12px 0 4px;
	font-weight: bold;
	font-size: 12px;
}

#sendComment p.text input {
	padding: 0 5px;
	height: 28px;
	width: 498px;
	border: 1px solid #cccccc;
	background: url(../img/bg_input.png) repeat-x 0 0 $light-background;
}

#sendComment p.textarea textarea {
	height: 80px;
	width: 508px;
	border: 1px solid #cccccc;
}

#sendComment p.submit {
	padding: 0;
	text-align: right;
}

#sendComment p.closeform {
	float: right;
	padding: 0;
	height: 12px;
	width: 12px;
	text-indent: -5000px;
	background: url(../img/icon/delete.gif) no-repeat 0 0;
}

.star {
	position: relative;
	top: -1px;
	float: left;
	width: 14px;
	overflow: hidden;
	cursor: pointer;
	font-size: 12px; 
	font-weight: normal;
}

.star {
	display: block;
	a {
		display: block;
		position: absolute;
		text-indent: -5000px;
	}
}

div.star {
	&:after {
		content: "\f005";
		font-family: $font-icon;
		display: inline-block;
		color:#a9a9a9;
	}
}

div.star.star_on {
	display: block;
	&:after {
		content: "\f005";
		font-family: $font-icon;
		display: inline-block;
		color: #ff9000;
	}
}

div.star.star_hover {
	&:after {
		content: "\f005";
		font-family: $font-icon;
		display: inline-block;
		color: $link-hover-color;
	}
}
.comments_note{display:inline-block;margin:10px 0 0;} 
.product-desc{color:$description-color;margin-top:7px;}
.content_price{margin-top:5px;}
//CSS Modules
//IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.

//Block ADVERTISING
.advertising_block {
	
	margin-bottom: 1em;
	text-align: center;
	 a {
		display: block;
		position: relative;
		
		&:before
		{
			background-color: rgba(255, 255, 255, 0.15);
			content: "";
			height: 0;
			left: 0;
			margin: auto;
			position: absolute;
			top: 0;
			transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s; 
			width: 0;
		}
		&:after
		{
		background-color: rgba(255, 255, 255, 0.15);
		bottom: 0;
		content: "";
		height: 0;
		position: absolute;
		right: 0;
		transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
		width: 0;
		}
		&:hover:before ,&:hover:after{
				height: 100%;
				transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
				width: 100%;
				
			}
     }
}

//footer
.blockcategories_footer ul ul {
	display: none !important;
}

//Form validate
.form-group {
	&.form-error {
		input, textarea {
			border: 1px solid #f13340;
			color: #f13340;
			background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2;
		}
	}
	&.form-ok {
		input, textarea {
			border: 1px solid #46a74e;
			color: #35b33f;
			background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1;
		}
	}
	&.form-error, &.form-ok {
		.form-control {
			padding-right: 30px;
		}
	}
}

//uniform
.radio-inline, .checkbox {
	padding-left: 0;
	.checker {
		float: left;
		span {
			top: 0px;
		}
	}
	div.radio {
		display: inline-block;
		span {
			float: left;
			top: 0px;
		}
	}
}

.fancybox-skin {
	background: $light-background !important;
}

.fancybox-skin .fancybox-close {
	width: 28px;
	height: 28px;
	background: none;
	font-size: 28px;
	line-height: 28px;
	color: $base-text-color;
	text-align: center;
	background: white;
	@include border-radius(50px);
	&:hover {
		color: $link-hover-color;
	}
	&:after {
		content: "\f057";
		font-family: $font-icon;
	}
}

//Homepage pre-footer
#facebook_block,
#cmsinfo_block {
	overflow: hidden;
	background: $homepage-footer-bg;
	min-height: 344px;
	height: 344px;
	padding-right: 29px;
	padding-left: 29px;
	// max 991px
	@media (max-width: $screen-sm-max) {
		min-height: 354px;
		height: 354px;
		padding-left: 13px;
		padding-right: 13px;
	}
	// max 767px
	@media (max-width: $screen-xs-max) {
		width: 100%;
		min-height: 1px;
	}
}

#facebook_block {
	h4 {
		padding: 35px 0 0 0;
		margin: 0 0 12px 0;
		font: 300 21px / 25px $font-custom;
		color: lighten($base-heading-color, 10%);
		// max 991px
		@media (max-width: $screen-sm-max) {
			font-size: 18px;
		}
		// max 767px
		@media (max-width: $screen-xs-max) {
			padding-top: 20px !important;
		}
		// 768px
		@media (max-width: $screen-sm) {
			font-size: 16px;
		}
	}
	.facebook-fanbox {
		background: $light-background;
		border: 1px solid #aaaaaa;
		padding-bottom: 10px;
	}
}

#cmsinfo_block {
	border-left: 1px solid $homepage-footer-border;
	// max 767px
	@media (max-width: $screen-xs-max) {
		border: none;
		margin-top: 10px;
	}
	> div {
		padding: 35px 10px 0 0;
		// max 767px
		@media (max-width: $screen-xs-max) {
			padding-top: 20px;
		}
		// max 479px
		@media (max-width: $screen-xs - 1) {
			width: 100%;
			border-top: 1px solid $homepage-footer-border;
		}
	}
	> div + div {
		border-left: 1px solid $homepage-footer-border;
		min-height: 344px;
		padding-left: 29px;
		// max 479px
		@media (max-width: $screen-xs - 1) {
			border-left: none;
			padding-left: 10px;
			min-height: 1px;
			padding-bottom: 15px;
		}
	}
	em {
		float: left;
		width: 60px;
		height: 60px;
		margin: 3px 10px 0 0;
		font-size: 30px;
		color: $light-text-color;
		line-height: 60px;
		text-align: center;
		background: lighten($base-heading-color, 10%);
		@include border-radius(100px);
		// max 991px
		@media (max-width: $screen-sm-max) {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 20px;
		}
	}
	.type-text {
		overflow: hidden;
	}
	h3 {
		margin: 0 0 5px 0;
		font: 300 21px / 25px $font-custom;
		color: lighten($base-heading-color, 10%);
		// max 1199px
		@media (max-width: $screen-md-max) {
			font-size: 18px;
		}
	}
	ul {
		li {
			padding-bottom: 22px;
			// max 1199px
			@media (max-width: $screen-md-max) {
				padding-bottom: 10px;
			}
			// max 991px
			@media (max-width: $screen-sm-max) {
				padding-bottom: 0;
			}
		}
	}
	p {
		em {
			background: none;
			@include border-radius(0);
			margin: 0;
			font-size: 13px;
			color: $text-color;
			float: none;
			height: inherit;
			line-height: inherit;
			text-align: left;
			font-style: italic;
		}
	}
}

.ie8 {
	#facebook_block,
	#cmsinfo_block {
		height: 344px;
	}
}

//Zoom
// max 1199px
@media (max-width: $screen-md-max) {
	.zoomdiv {
		display: none !important;
	}
}

//temporary fix for quickview
#product.content_only {
	div.pb-left-column {
		p.resetimg {
			margin-bottom: 0px;
			padding-top: 0px;
		}
		#thumbs_list_frame {
			margin-bottom: 0px;
		}
	}
}

//Product Compare
#product_comparison {
	td.compare_extra_information {
	
	}
	#social-share-compare {
		margin-bottom: 50px;
	}
}

//Social Sharing
.btn-facebook, .btn-twitter, .btn-google-plus, .btn-pinterest {
	&:hover {
		border-color: white;
	}
}

.btn-facebook {
	i {
		color: #435f9f;
	}
	&:hover {
		color: white;
		background-color: #435f9f;
		i {
			color: white;
		}
	}
}

.btn-twitter {
	i {
		color: #00aaf0;
	}
	&:hover {
		color: white;
		background-color: #00aaf0;
		i {
			color: white;
		}
	}
}

.btn-google-plus {
	i {
		color: #e04b34;
	}
	&:hover {
		color: white;
		background-color: #e04b34;
		i {
			color: white;
		}
	}
}

.btn-pinterest {
	i {
		color: #ce1f21;
	}
	&:hover {
		color: white;
		background-color: #ce1f21;
		i {
			color: white;
		}
	}
}

.payment_option_form {
  display: none;
}

.payment_option_logo {
  height:50px;
  max-height: 50px;
}

.payment_module_adv {
  height:120px;
  max-height: 120px;
}

.payment_option_selected {
    i {
      color: green;
    }
    display: none;
    margin-top: 15px;
}

.payment_option_cta {
  margin-left: 10px;
  color: #333 !important;
}

.tnc_box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px;
}

/******owl-control*****/
.owl-carousel .owl-controls .owl-nav, div.bx-wrapper .bx-controls-direction
{
 top:0;margin-top:-85px;position:absolute;right:0;z-index:3;
   .owl-prev, .owl-next, a
   {
    width:37px;height:37px; text-align:center;transition: all 500ms ease 0ms;-moz-transition: all 500ms ease 0ms;-webkit-transition: all 500ms ease 0ms;  font-size:0;background:#eeeeee;margin:0 0 0 5px;padding:0 12px; display:inline-block;position:static;
	 &:before
	   {
	   font-size:20px;color:$light-text-color; content:"\f104";font-family:$font-icon;line-height:35px;
	   }
		
	 &:hover{
	   background:#bfbaba;
	   &:before
	   {
	     color:$light-text-color;
	   }
	 }
	 &.disabled{display:none;}
	 
   }
   .owl-next, .bx-next { 
        &:before{content:"\f105";}
		}
	@media  (max-width: $screen-xs-max) 
	{
		margin-top:-60px; 
	}
}
.bottom-home .owl-carousel .owl-controls .owl-nav .owl-prev,.bottom-home .owl-carousel .owl-controls .owl-nav .owl-next
{
	background:$light-background;
	 &:before
	   {
	   color:$base-body-color; 
	   }
	   &:hover{
	   background:#bfbaba;
	   &:before
	   {
	     color:$light-text-color;
	   }
	 }
}
#views_block
{
	div.bx-wrapper .bx-controls-direction
	{
		bottom:-55px; top:auto;position:absolute;left:50%;margin-left:-35px; 
	a
	 {
			 width:25px;height:25px;padding:0 5px;position:static;display:inline-block;margin:0 5px;
	 &:before
	   {
	   font-size:15px; content:"\f106";font-family:$font-icon;line-height:25px;
	   }
	 
	}
	.bx-next { 
        &:before{content:"\f107";}
		}
	 }
}

.content_price .price-item
{
	float:left;margin-right:50px;
	label{display:block;font-size:13px;color:$base-body-color;margin-bottom:10px;}
	span{
		font-size:18px;color:$base-text-color;font-weight:700;
		&.old-price.product-price{color:$base-body-color;}
		}
	@media (max-width: $screen-xs-max) {margin-right:30px;}
}



.pointer-box {
  cursor: pointer;
}
#wt-block-instagram-social ul li{
	
	float:left;margin-right:10px;
	a
	 {
		 display:inline-block;position:relative;
		 &:after 
		 {
			 content:"";
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 0.5;
			filter: alpha(opacity=50);
			position: absolute;
			left: 0;
			top: 0;
			background-color: #000;
			width: 100%;
			height: 100%;
			-webkit-transition: -webkit-transform 0.4s ease-in-out;
			-moz-transition: -moz-transform 0.4s ease-in-out;
			-o-transition: -o-transform 0.4s ease-in-out;
			transition: transform 0.4s ease-in-out;
		 }
		 &:hover:after 
		 {
			 
				-webkit-transform: scale(0);
			-ms-transform: scale(0);
			transform: scale(0);
			opacity: 0;
			filter: alpha(opacity=0);
		 }
		
     }
	}
.product-container-img{
	position: relative;text-align: center; overflow:hidden;
	img{margin:0 auto;}
	}


.wishlist a, .compare a,.quick-view {
	
    position: relative;
    height: 37px;
	display:block;
    background:$bg-button-two;
	border:1px solid $base-border-color;
    text-align: center;
    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;
    vertical-align: top;
	padding:0 10px;
	overflow:hidden; 
	color:$base-text-color;
	&:before{
	 font-family: "FontAwesome";
    line-height: 37px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
        
	}
	&:hover, &.checked{background:$bg-button;color:$light-text-color;border-color:$border-button;}
	span{display:none;}
}

.wishlist a:before{content:"\f004";}
.compare a:before{ content: "\f079";}
.quick-view:before {content: "\f06e";}
.product_img_link
{
    position: relative;
    display: block;
	
}
.product_img_link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3); 
    content: '';
    opacity: 0;  
	filter: alpha(opacity=0);
}

.product-container-img:hover .product_img_link:after
{
        opacity: 1;  filter: alpha(opacity=100);
}
.wt-prod-cat .product_img_link 
{
	margin-bottom:10px;
  img
  {
    transition: all 500ms ease-in-out 0ms;
    -moz-transition: all 500ms ease-in-out 0ms;
    -webkit-transition: all 500ms ease-in-out 0ms;
  }
  &:hover 
   {
    opacity: 0.7; filter: alpha(opacity=70);
  }
 
}

.fa-tree:before {
    content: "\f1bb";
	font-family:$font-icon;
}


.attribute-color
{
	margin-bottom:28px;margin-top:10px;
	.owl_color
	{
		li
		{
			border:1px solid #ccc;float:left;margin-right:10px;
			span{width:36px;height:36px;margin:1px;float:left;}
		}
	}
}
/***/
.product-container-img .prod-hover {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all 350ms ease-in-out 0ms;
    -moz-transition: all 350ms ease-in-out 0ms;  
    -webkit-transition: all 350ms ease-in-out 0ms;   
    opacity: 1;
    filter: alpha(opacity=0);
	 bottom: 0; 
    margin-bottom: -40px;   
    z-index: 50;
	overflow:hidden;
}
.product-container-img:hover .prod-hover{opacity: 1;filter: alpha(opacity=100); margin-bottom: 0;}
.product-container-img:hover .owl-count-down{opacity: 0;filter: alpha(opacity=0); }
.owl-specail-prod .product-container-img:hover .owl-count-down{opacity: 1;filter: alpha(opacity=100); margin-bottom: 0;}
.owl-label .new-box
{
	transition: all 350ms ease-in-out 0ms;
    -moz-transition: all 350ms ease-in-out 0ms;  
    -webkit-transition: all 350ms ease-in-out 0ms; 
	 opacity: 0;
    filter: alpha(opacity=0);
	margin-bottom:-47px; 
}
.product-container-img:hover .owl-label .new-box{margin-bottom:7px;opacity: 1;filter: alpha(opacity=100);}
.wishlist, .compare ,.prod-hover .out-quick-view{
    float: right;
    position: relative;
	width:19.3%;
	
	border-left:1px solid #fff; 
	    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}



.product-container-img .button.ajax_add_to_cart_button {
    width:43%;
	float:left;
	position:absolute;left:0;background:$bg-button;
		border-color:$border-button; color:$light-text-color;
	    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    
}

.product-container-img  .button.ajax_add_to_cart_button {
 
	div{overflow:hidden;    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;} 

} 

.product-container-img .prod-hover:hover .button.ajax_add_to_cart_button
{
	width:19.3%;
	border-color: $base-border-color;
	background:$bg-button-two;
	color:$base-text-color;
	span{display:none;}
}
.product-container-img .prod-hover .button.ajax_add_to_cart_button:hover{background:$bg-button;
		border-color:$border-button; color:$light-text-color;}
.product-container-img .prod-hover .wishlist:hover,.product-container-img .prod-hover  .compare:hover ,.product-container-img  .prod-hover .out-quick-view:hover ,.product-container-img .prod-hover .button.ajax_add_to_cart_button:hover{ 
    width: 43% !important;
	span{display:inline-block;}  
}


/***/
.owl-specail-prod .out-button {
	margin-top:18px; 
	.quick-view,.functional-buttons
	{
		display:inline-block;margin-right:8px;
		span{display:inline-block;}
	}
	
}




div.selector {
    font-size: 13px;
    border:$main_border;
    padding: 0 0 0 10px;
    min-height: 35px;
}
.owl-carousel .owl-item img{margin:0 auto;}
.g-block-footer
{
	
	#block_contact_map,#newsletter_block_left{padding:0;}
	#newsletter_block_left{margin-bottom:0;position:relative;}
	
}

.page-title
{
	margin-bottom:15px;
  .g-breadcrumb
  {
	 padding:30px 0  0;
	  
  }
	h1{
		font-size:36px;font-weight:600;text-transform:uppercase;color:$link-hover-color;margin:0;line-height:1;
		@media (max-width: $screen-md-max) 
		{
			font-size:30px;
		}
		@media (max-width: $screen-xs-max) 
		{
			font-size:22px;
		}
	} 

}
#module-wtblog-categoryPost ,#module-wtblog-post
{
	
}
.block-home-title
  { 
	  position:relative;margin-bottom:60px;border-top:1px dotted #7f7f80;z-index:1;
	  .owl-out-title{display:inline-block;position: relative; }
	  h3{
		 
		font-size: 20px;
		text-transform: uppercase;
		color:$base-text-color;
		border: none;
		margin:20px 0 0;
		font-weight: 600; 
		font-family:$font-custom;
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s; 	
		a{color:$base-text-color;}
		
		
		}
	.sub-title{
	font-size:12px;font-family:$font-custom;color:#ddd;text-transform:uppercase;font-weight:600;display:inline-block; margin-bottom:0;
		}
	@media (max-width: $screen-xs-max)
	{
		margin-bottom:35px;
	}
 }
.owl-prod-cat-bh
{
	.out-owl-prod
	{
		position:relative;
	.block-home-title
	{
		position: absolute;top: -20px;width: 100%;margin:0;
		.owl-out-title{margin:0;} 
	}
	}
}  
#HOOK_PAYMENT { margin-left: -15px; margin-right: -15px;}
.product-container
{
	text-align:center;
   .product-container-img
   {
	   margin-bottom:20px;  
   }
} 
/****banner special***/
#page  > .banner-special 
{
  
  text-align:center;
  .wt-banner-special
  {
     .banner-special-fixed
	 {
	    position: fixed;
			 width:745px;
			  margin: 0 auto;
				  top: 50%;
				  left: 50%;
			 margin-top:-209.5px;
			 margin-left:-372.5px;
	         z-index: 100000;
			 @media (max-width: $screen-xs-max) 
			 {
			    width:300px;
			    margin-left:-150px;
				margin-top:-87px;
			 }
			
	 
	 }
	 .banner-special-content
	 {
	 padding:0;display:none;
	 }
	 .close-banner-special
	  {
	  position:absolute;
	  top:-13px;
	  right:0;
	  width:34px;
	  height:34px;
	 
	   span 
	   {
	           font-size:0;
		      background: url(../img/close.jpg)  no-repeat;
			  width:34px;
			  height:34px;display: inline-block;margin-top:-10px;

		  
	   }
	 }
	 .show-banner-special
	  {
	  span 
	  {
	   color:$light-background;
	   padding:5px 10px;
	   font-weight:500;
	   text-transform:uppercase;
	   font-size:0;
	   max-width:28px;
	   background:#000;
	   @include border-radius(4px);
	   display:inline-block;
	   line-height:10px; transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;
	    &:before 
		{
		  content: "\f102";
		  font: normal normal normal 12px FontAwesome;
		}
		&:hover
		{
		background:$light-background;
		color:#2856bf;
		}
	  }
	 }
  }
}
#wt_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
}
.zoomWindow{
   border:$main_border;
    @media (max-width: $screen-sm-max) 
	{
	 display:none;
	}
}
@media (min-width: $screen-sm)
{
.owl-carousel .owl-item img{width:auto !important;}  
}
#footer
{
	
}
.accessories-block,.blockproductscategory{

	.block{margin-bottom:0;}
	
}
#cookie_notice
{
	text-align: center;
    background-color: #eee;
	.notice-cookie-inner
	{
		margin: 0;
		padding: 10px 5px;
		line-height: 25px;
		> span
		{
			display: inline-block;
		}
		a{color:#000;} 
		.button{
			height: 25px;
			line-height: 23px;
			margin: 0 10px;
			font-size: 12px;
			font-weight: bold;
			color: $light-text-color;
			background-color:$bg-button;
			border: 1px solid $border-button;
			text-transform:uppercase;
			padding:0 15px;
			&:hover 
			{
				background:$bg-button-two;border-color:$dark-border-color;color:$base-text-color; 
			}
	}
	}
}  

.owl-menu{background:$homepage-footer-bg;}
#owl_scroll_top{cursor:pointer;}
.body-fixed {
    position: fixed;
    overflow: hidden;
}
body.no-scroll
{
	 height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 0;
}
.modal-backdrop{    
background-color: rgba(0, 0, 0, 0.55);
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5003;}
.owl-carousel .owl-item img
{
	transform-style:inherit !important;
}
.header_wishlist_link{float:left;margin-left:17px;}
.header_wishlist_link:before{content:"|";padding-right:16px;color:#fff;} 
#left_column .informations_block_left{display:none;}
#informations_block_left_1 {
    margin-top: 20px;
	.title_block a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;}
}
/***reponsive***/
@media (max-width: $screen-xs-max) 
{
	
#right_column{display:none;}
.out-button 
{
	margin-top:15px;
	.quick-view
	{
		display:none;
	}
	.wishlist,.compare{display:inline-block;}
	.wishlist a ,.compare a
	  {
		  border-color:$base-border-color;
		  &:hover, &.checked
		  {
			  border-color:$border-button;
		  }
	 }
}
.product-count{display:none;}
header .nav nav{text-align:center;}
div.wt-html-nav
   {
	   float:none;display:block; border:none;
	   ul {
		   display:inline-block;
		   li:first-child{margin-left:0;}
		   }
  }
div.drop_search{position:static;display:inline-block;width:100%;}
div.search_hover{display:none;}
div#search_block_top 
{
	clear: both;
    display: block; 
	float: none;
    margin-right: 0;margin-left:0;
	#search_query_top{width:100%;} 
}
div#languages-block-top ul,div#currencies-block-top ul{width:110px;text-align:left;}
#header_logo{text-align:center;margin-bottom:20px;}
#header_logo a{display:inline-block;}


div.out-block-newletter
	{
	margin-top: 0;
	margin-left: 0;
    padding: 25px 20px 0;
    width:100%;
	position:static;
	h3
	{
		font-size: 30px;
		margin-bottom: 25px;
		padding-bottom: 30px;
	}
	.nl-enter{margin-bottom:0;}
	.block_content >p{display:none;}
	}


.layer_cart_cart 
{
	.title, .layer_cart_row{display:none !important;}
}
 #layer_cart .layer_cart_cart .button-container .btn{padding:15px 10px;}
 div#layer_cart .layer_cart_product{padding-bottom:0;}
 div#layer_cart .layer_cart_cart{padding-top:0;}
 #index .out-button{display:none;}
#index .prod-hover{margin-top:15px;}
#block_contact_infos{clear:both;display:inline-block;}
.footer-right{padding:15px 0 0;} 
.product-container{text-align:center;}
.g-name-review .product-name{float:none;} 


#left_column {
    background: #fff;
    display: block;
    height: 100%;
    left: -150%;
    list-style: outside none none;
    margin: 0;
    overflow: scroll;
    padding: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 290px;
    z-index: 5005;
	padding:0 0 0 15px;  
	
	
	&.open-left {
    left: 0;
    transition: left 300ms linear 0s;
    }
	.left-icon-back { 
    border-bottom: 1px solid #e5e5e5;
    
    display: block;
    font-weight: 600 !important;
    line-height: 1em !important; 
	padding-top:10px;
	padding-bottom:10px; 
    text-decoration: none;
    text-transform: uppercase;
	margin-bottom:10px;
	font-size:16px;
	 a {color: $link-hover-color;}
	 span{margin-right:5px; }
	
    }
	
}
.product-container .product-container-img{margin-bottom:15px;}
header #header_logo .icon_menu{margin-top:8px;}
.header-top{margin:30px 0;}
.title-topsale{margin-bottom:35px;}

}  
@media (max-width: $screen-xs - 1) 
{
.bottom-pagination-content .compare-form
{
	float:none;padding-left:0;display:inline-block;text-align:center;
}

}
@media  (min-width: $screen-sm) 
{
#left_column .left-icon-back ,#switch_left_column{display:none;}    
}

@media  (max-width: $screen-sm-max) 
{
	#index .product-container > p{display:none;} 
	.footer-container{margin-bottom:50px;}
	.wishlist, .compare, .prod-hover .out-quick-view{display:none !important;}
	.product-container-img .button.ajax_add_to_cart_button,.product-container-img .prod-hover .button.ajax_add_to_cart_button:hover,.product-container-img .prod-hover:hover .button.ajax_add_to_cart_button{width:37px !important;position:relative;display:block;float:right;}
	.product-container-img .prod-hover{    opacity: 1;
    filter: alpha(opacity=100);
    margin-bottom: 0;}
	div.owl-count-down{display:none;}
}
@media (min-width: $screen-sm) and (max-width:$screen-sm-max) 
{
	.home-left
	{
		.block-hotline,.owl-prod-filter {width:50%;float:left;}
		.owl-prod-filter
		{
			margin-top:0;
			.block-home-title
			{
				margin-bottom:30px;
				h3{margin-left:20px;}
			}
			.product-container.last{display:none;}
		}
	}
}