/*
Theme Name: Hop
Theme URI: http://www.kangamedia.com
Author: Kevin Pageau
Author URI: mailto:kevin@kangamedia.com
Description: Developer-friendly theme used to build websites from scratch. Uses Bootstrap v4.
Version: 1.00
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: development
Text Domain: hop

Hop WordPress Theme © 2015 Kevin Pageau
Hop is distributed under the terms of the GNU GPL
*/







/* General Elements
-------------------------------------------------------------------------------------------- */

body {
	font-family: 'Raleway', sans-serif;
	background-color: #f4f4f4;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600;
	text-transform: uppercase;
}

h1, .h1 {
	font-weight: 400;
	font-size: 1.6rem;
}

h2, .h2 {
	font-size: 1.3rem;
}

h3, .h3 {
    font-size: 1.2rem;
}

h4, .h4 {
    font-size: 1.1rem;
}

h5, .h5 {
    font-size: 1.0rem;
}

h6, .h6 {
    font-size: .9rem;
}

h1.entry-title {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

p {
	text-align: justify;
}

img {
	max-width: 100%;
	height: auto;
}

table caption {
	caption-side: top;
}

a { color: #d61921; }
a:hover { color: #000000; text-decoration: none; }
a:focus, a:active { outline: none; color: #000000; text-decoration: none; }




/* Forms
-------------------------------------------------------------------------------------------- */
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover {
    outline:0px !important;
    -webkit-appearance:none;
}

/* Active State */
input:active[type=search], input:focus[type=search],
input[type=text]:active, input[type=text]:focus,
textarea:active, textarea:focus,
.form-control:active, .form-control:focus {
	border: 1px solid #b2b0b0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Bootstrap Inputs */
.form-control {
	
}

.form-control:active, .form-control:focus {

}




/* Containers
-------------------------------------------------------------------------------------------- */
/* Wraps around both sidebar & content */
.mid-container {
	border: 1px solid #ddd;
}

/* Column, wraps around content */
.content-wrapper {
	padding: 0;
}

.content {
	padding: .9375rem;
    overflow: hidden;
}

/* Columns, wraps around sidebar */
.sidebar-wrapper {
	padding: 0;
}

.sidebar {
	padding: .9375rem;
}




/* Image Alignments
-------------------------------------------------------------------------------------------- */
.aligncenter {
	margin: 0 auto;
	margin-bottom: 25px;
	display: block;
}

.alignleft {
	margin: 15px 15px 15px 0;
	float: left;
}

.alignright {
	margin: 15px 0 15px 15px;
	float: right;
}





/* Header
-------------------------------------------------------------------------------------------- */
/* Branding <section> */
.branding {
	
}


.search-col {
float:right;
	
}

/* Logo <div> */
.site-logo {
	
}

/* Logo <img> */
.site-logo-img {
	height: auto;
	width: 500px;
}

/* Slogan */
.site-title {

}

.header {
	padding: 10px 0;
}

.header-mid {
	background-image: url(images/crank-bg-top.jpg);
	background-position: 0 70%;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

/* Account login/signup options */
.account-ls-wrap {
	display: inline-block;
}

.account-ls-wrap:last-child {
	margin-left: 10px;
	margin-right: 10px;
}

a.account-ls {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 5px;
}

.account-ls span:nth-child(2) {margin-bottom: 5px;}
a.account-ls:hover, a.account-ls:focus {color: #ddd;text-decoration: none;}



/* Navigation
-------------------------------------------------------------------------------------------- */
/* <nav> */
.navbar {
	border-radius: 0;
	padding: 0;
}

/* Navigation <ul> */
.nav {
	text-align: left;
}

/* Navigation <li> */
.menu .nav .nav-item {
	float: none;
	display: block;
	margin: 0;

	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.main .nav-item:last-child {
	border-bottom: none;
}

/* Navigation <a> */
.menu .nav-link {
	font-size: 16px;
	padding: .5rem 1rem;
	display: block;
	background-color: #f9f9f9;

	color: #76ba43;
	font-size: 14px;
	text-transform: uppercase;
}

/* Navigation current <a> */
.menu .nav-item.active .nav-link {
	font-weight: 700;
	background-color: #f0f0f0;

	color: #66a239;
}

/* Navigation hover <li> <a> */
.menu .nav-item:hover .nav-link {
	color: #014c8c;
	background-color: #f0f0f0;

	color: #66a239;
}




/* Navigation - Main Menu
-------------------------------------------------------------------------------------------- */
/* Main <nav> */
.menu-main {

}

/* Main <ul> */
.main-menu-ul {
	
}

/* Main <li> */
.menu-main .navbar-nav .nav-item {
}

.menu-main .navbar-nav .nav-item:last-child {
	border-bottom: none;
}

/* Main <a> */
.menu-main .navbar-nav .nav-link {
	color: #76ba43;
	font-size: 16px;
	text-transform: uppercase;
}

/* Main current <a> */
.menu-main .nav-item.active .nav-link {
	color: #66a239;
}

/* Main hover <li> <a> */
.menu-main .nav-item:hover .nav-link {
	color: #66a239;
}




/* Navigation - Footer
-------------------------------------------------------------------------------------------- */
/* Footer <ul> */
.footer-menu-ul {
}

/* Footer <li> */
.footer-menu-ul .navbar-nav .nav-item {

}

/* Footer <a> */
.menu-footer .nav-link {
}

/* Footer current <a> */
.menu-footer .nav-item.active .nav-link {
	
}

/* Footer hover <li> <a> */
.menu-footer .nav-item:hover .nav-link {
	
}




/* Dropdown Navigation
-------------------------------------------------------------------------------------------- */
.dropdown-menu { 
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
}

.dropdown-item:first-child {
	padding-top: 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.dropdown-item:last-child {
	padding-bottom: 8px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Hover Dropdown */
.dropdown:hover .dropdown-menu 	{ display: block; }
.dropdown-toggle:after { display: none; }

/* Top fixed navbar with WP admin bar */
.admin-bar .navbar-fixed-top {
	margin: 32px 0;
}

/* Dropdown <ul> */
.dropdown-menu {
	position: static;
	display: block;
	float: none;
}

/* Dropdown <a> */
.dropdown-item {
	background: none;
	color: inherit;
}

.dropdown-item:hover {
	color: inherit;
}

/* Dropdown menu FontAwesome icon */
.menu-icon {
	color: #d61921;
	border: 1px solid #d61921;
	padding: 5px 7px;
	border-radius: 2px;
}



/* Post list
-------------------------------------------------------------------------------------------- */
h2.entry-title {
	text-transform: none;
	font-weight: 400;
	margin-bottom: 0;
}

.entry-excerpt p {
	margin-bottom: 0;
}

/* <article> */
article.hentry {
	margin: 2em 0 0;
}

/* First in list (after h1) */
article.hentry:nth-child(2) {
	margin: 0;
}


/* Comments
---------------------------------------------------- */
.media-left img {
	max-width: none;
}

/* <h4> */
.media-heading {
	font-size: 16px;
}

.media-body p {
	margin: 0;
}

.comment-edit-link {
	font-size: 14px;
	text-transform: none;
	font-weight: 500;
}




/* Sidebar
-------------------------------------------------------------------------------------------- */
.sidebar {

}

/* <ul> */
.xoxo {
	list-style-type: none;
	padding: 0;
}

/* <li> */
.widget-container {
	margin-top: 2rem;
}

.widget-container:first-child {
	margin-top: 0;
}

/* Title <div> */
.widget-title {

}

/* Title <h3> */
.widget-title h3 {

}

.widget-content {

}

/* Search <form> */
#searchform {
	position: relative;
}

/* Search <input> */
#s {
	padding-right: 32px;
	border-radius: 25px;
}

/* Search <i> icon */
.search-icon {
	position: absolute;
	top: 7px; right: 10px;
}





/* Spritesheet
-------------------------------------------------------------------------------------------- */
.sp {
	background-image: url(images/spritesheet.png);
	display: inline-block;
}

.sp-kanga-white {
	width: 27px;
	height: 19px;
	background-position: -51px 0;
}

.sp-greenguysmall {
	width: 23px;
	height: 53px;
	background-position: 0 -24px;
}

.sp-greenguysmall-pointing {
	width: 29px;
	height: 53px;
	background-position: -23px -24px;
}

.sp-magnifying-glass {
	width: 32px;
	height: 32px;
	background-position: -52px -24px;
}

.sp-greenpromosicon {
	width: 53px;
	height: 61px;
	background-position: -95px 0;
}

.sp-greenguybig {
	width: 43px;
	height: 100px;
	background-position: 0 -77px;
}

.sp-greenguybig-pointing {
	width: 56px;
	height: 100px;
	background-position: -43px -77px;
}

.sp-greenshopicon {
	width: 91px;
	height: 114px;
	background-position: -100px -77px;
}

.sp-greyguybig {
	width: 43px;
	height: 100px;
	background-position: 0 -191px;
}

.sp-greyguybig-pointing {
	width: 56px;
	height: 100px;
	background-position: -43px -191px;
}

.sp-greyshopicon {
	width: 91px;
	height: 114px;
	background-position: -100px -191px;
}

.sp-greypromosicon {
	width: 53px;
	height: 61px;
	background-position: 0 -305px;
}


/* Payment options
-------------------------------------------------------------------------------------------- */
.payment-options {
	font-size: 32px;
	width:auto;
	float:left;
}

.payment-options .fa {
	margin-right: 5px;
}

.texthautrouge

{
float: right;
padding:12px 0 0 50px;}

.texthautrouge a{
color:#FFFFFF;}

.texterouge {
color: #d61921;
font-family: 'Raleway', sans-serif;
font-size:20px;}

/* Footer
-------------------------------------------------------------------------------------------- */
.footer {
    padding: .5rem 1rem;
    background-image: url(images/footer-bg-grunge.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}

.footer-top {
	padding: 50px 0;
	background-color: #ddd;
	border-top: 6px solid #d61921;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 0 0;
}




/* Footer Options
---------------------------------------------------- */
.f-option {
	text-align: center;
	display: block;
	height: 135px;
	padding-left: 70px;
	font-size: 18px;
	text-transform: uppercase;
	color: #424143;
	line-height: 1.2;
	background-color: rgba(255,255,255,0.7);
	line-height: 135px;
	position: relative;
}

.f-option:hover {
	background-color: #fff;
	text-decoration: none;
	color: #424143;
}

.f-option:active, .f-option:focus {
	text-decoration: none;
	color: #424143;
}

.f-option-inside {
	display: block;
	line-height: 1;
}

.f-option-icon {
	position: absolute;
}

/* Footer options icons */
.f-option .sp-greypromosicon {
	top: 40px; left: 22px;
}
.f-option .sp-greyshopicon {
	top: 11px; left: 10px;
}
.f-option .sp-greyguybig {
	top: 18px; left: 25px;
}
.f-option .sp-greyguybig-pointing {
	top: 18px; left: 17px;
}

.f-option:hover .sp-greypromosicon {
	background-position: -95px 0;
}
.f-option:hover .sp-greyshopicon {
	background-position: -100px -77px;
}
.f-option:hover .sp-greyguybig {
	background-position: 0 -77px;
}
.f-option:hover .sp-greyguybig-pointing {
	background-position: -43px -77px;
}





/* Left Part
---------------------------------------------------- */
.footer-left {

}

.copyright {

}

/* Right Part
---------------------------------------------------- */
/* "Created by" link */
.kanga-link-anchor {
	font-size: 14px;
	color: #fff;
}

.kanga-link-anchor:hover, .kanga-link-anchor:focus {
	color: #eee;
	text-decoration: none;
}

.kanga-link-anchor:before {
	content:'';
	display: inline-block;
	width: 27px;
	height: 19px;
	background-image: url(images/spritesheet.png);
	background-position: -51px 0;
	margin-right: 5px;
}

/* Footer logos
---------------------------------------------------- */
.footer-logos-section {
	border-bottom: 50px solid #d61921;
}

.footer-logos-heading {
	color: #fff;
	font-weight: 400;
	vertical-align: sub;
	font-size: 24px;
}

.footer-logos-heading .fa {
	font-size: 42px;
	vertical-align: sub;
	margin-right: 7px;
}

.fl-inner {
	padding: 50px 0;
}

.marques-list.slick-slider {
	padding: 0 35px;
}




/* Buttons
-------------------------------------------------------------------------------------------- */
.btn {
	border-radius: 0;
}

.btn-orange {
    color: #fff;
    background-color: #f37736;
    border-color: #e96f2f;
}

.btn-orange:hover {
    color: #fff;
    background-color: #d2662d;
    border-color: #c65f29;
}

.btn-orange:focus, .btn-orange.focus, 
.btn-orange:active, .btn-orange.active, 
.open > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #d2662d;
    border-color: #c65f29;
}



/* Contact info
-------------------------------------------------------------------------------------------- */
.contact-info, .contact-info a {
	color: #fff;
	font-size: 16px;
}

.contact-info .phone-icon {
	color: #d61921;
	font-size: 28px;
	margin-right: 5px;
}

.contact-info span {
	display: inline-block;
}



/* Location info link
-------------------------------------------------------------------------------------------- */
.location {
	font-size: 14px;
}

.location .fa {
	font-size: 42px;
	margin-right: 5px;
}



/* =Helper Classes
-------------------------------------------------------------------------------------------- */

/* Alignment
---------------------------------------------------- */
.text-center, .sm-text-center {
	text-align: center;
}

.display-block, .sm-display-block {
	display: block;
	float: none;
	width: 100%;
	max-width: none;
}

/* Vertical-align middle */
.vam {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.text-row {
	display: block;
}


/* Margin
---------------------------------------------------- */
/* Margin Y */
.sm-m-t {
	margin-top: 1rem !important;
}

.sm-m-b {
	margin-bottom: 1rem !important;
}

.sm-m-y {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.m-t-sm {
	margin-top: .5rem !important;
}

.m-b-sm {
	margin-bottom: .5rem !important;
}




/* Padding
---------------------------------------------------- */
/* Padding X */
.sm-p-l-0 {
	padding-left: 0 !important;
}

.sm-p-r-0 {
	padding-right: 0 !important;
}

.sm-p-x-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Padding all around */
.p {
	padding: .9375rem;
}


/* Colors
---------------------------------------------------- */
.text-blue {
	color: #1265c0;
}

.color-white {
	color: #fff;
}

.color-white:hover, .color-white:active, .color-white:focus {
	color: #fff;
	text-decoration: none;
}

.color-grey {
	color: #808080;
}

.color-green {
	color: #d61921;
}


/* Background colors
---------------------------------------------------- */
.bg-orange {
	background-color: #f37736;
}


/* Text
---------------------------------------------------- */
.strong {
	font-weight: 700;
}

.fz-lg {
	font-size: 1.25rem;
}

.fz-xl {
	font-size: 1.875rem;
}

.fz-xs {
	font-size: 12px;
}

.t-row {
	display: block;
}

.lh-short {
	line-height: 1.2;
}

.sm-tac {
	text-align: center;
}

.text-uppercase {
	text-transform: uppercase;
}


/* Others
---------------------------------------------------- */
.border-box, input.border-box {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}

.unselectable {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.unselectable:hover { cursor: default; }

.bg-green {
	background-color: #d61921;
}

.bg-red {
	background-color: #d61921;
}

.bg-black {
	background-color: #000;
}


/* =Floats
---------------------------------------------------- */
.sm-fln-l, .sm-fln-r {
	float: none !important;
}



/* Plugin - Formidable Pro
-------------------------------------------------------------------------------------------- */
/* Inputs wrapping <div>s */
.form-field {
	margin-bottom: 15px;
}



/* Bxslider
-------------------------------------------------------------------------------------------- */
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	float:right;
}

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* Next/prev */
.bx-controls-direction a {
	display: inline-block;
	text-align: center;
	color: #424143;
	font-size: 28px;
	padding: 4px 12px;
	background-color: #969696;
	line-height: 1;
}

.bx-prev {border-bottom-left-radius: 2px;}
.bx-next {border-bottom-right-radius: 2px;}
.bx-controls-direction { text-align: right; margin-top: 10px; }
.bx-controls-direction a:hover, .bx-controls-direction a:focus, .bx-controls-direction a:active { color: #000; background-color: #888888; text-decoration: none; }
.bx-controls-direction a.disabled { display: none; }

/* Slick
-------------------------------------------------------------------------------------------- */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box;
-moz-box-sizing: border-box; -webkit-touch-callout: none;
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select:
none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y;
touch-action: pan-y; -webkit-tap-highlight-color: transparent; list-style-type: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin:
0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; margin: 0 auto; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px
solid transparent; }

/* For responsive */
.slick-slide { text-align: center; float: left; }

@media only screen and (max-width : 48em) {
	.slick-slide { 
		width: 100% !important;
	}
	.slick-track {
		width: 100% !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) !important;
		-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) !important;
	}

	.s-next, .s-prev {display: none !important;}
	.marques-list .slick-slide:nth-child(3), .marques-list .slick-slide:nth-child(4) {display: none !important;}
}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height:
20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer;
background: transparent; color: transparent; top: 50%; margin-top: -10px;
padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{ outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 0.25; }

/* Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display:
block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px;
width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block;
height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0;
color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0;
content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size:
6px; line-height: 20px; text-align: center; color: black; opacity: 0.25;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/* Prev/next */
.s-prev, .s-next {
	position: absolute;
	top: 46%;
	color: #d61921;
	font-size: 32px;
}

.s-prev:hover, .s-next:hover {cursor: pointer;}
.s-prev { left: 2px; }
.s-next { right: 2px; }

.slick-prev, .slick-next {
	border: 1px solid red;
	position: absolute; 
	display: block; 
	height: 20px; 
	width: 20px; 
	line-height: 1;
	cursor: pointer;
	top: 50%; 
	padding: 0;
	margin-top: -10px;
}

.slick-prev { left: -25px; }
.slick-next { right: 0; }


.marques-list li {
	display: none;
}

.marques-list.slick-initialized li {
	display: block;
}

.marques-list .loading {
	display: block;
}

.marques-list.slick-initialized .loading {
	display: none;
}




/* Home
-------------------------------------------------------------------------------------------- */
.home-shop-section {
	background-image: url(images/home-section-crank.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.home-shop-container {
	background-color: rgba(0,0,0,0.4);
}

.home-shop-container-bg {
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.22+2,1+26 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.22) 2%, rgba(0,0,0,1) 26%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.22) 2%,rgba(0,0,0,1) 26%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.22) 2%,rgba(0,0,0,1) 26%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}


/* Left section - categories list
------------------------------------------------------------- */
/* <ul> */
.products_list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.product_cats a {
	color: #fff;
	display: block;
	border-radius: 2px;
	padding: 2px 7px;
}

.product_cats a:hover {
	background-color: #d61921;
	text-decoration: none;
}

.product_cat > a {
	text-transform: uppercase;
	font-weight: 700;
}

/* Right section - Slider
------------------------------------------------------------- */
.home-slider-col {
	background-color: #000;
}

.home-slider {
	visibility: hidden;
}

/* Featured products
------------------------------------------------------------- */
.featured-products-container {
	
}

.featured-star {
	font-size: 54px;
	color: #d61921;
}

.featured-products-container h1 {
	font-weight: 600;
	color: #fff;
}

.featured-products {
	background-color: #fff;
	border-radius: 2px;
}

/* <ul> */
.fp-list {
	list-style-type: none;
	padding: 0;
}

.fp-list.slick-initialized {
	padding: 0 20px;
}

.fp-list li {
	text-align: center;
	margin-bottom: 10px;
}

.fp-list h2 {
	text-align: center;
	margin-bottom: 15px;
}

.fp-list h2 a {
	color: #231f20;
	text-transform: uppercase;
	font-size: 12px;
	max-width: 100%;
}

.fp-list h2 a:hover, .fp-list h2 a:active, .fp-list h2 a:focus {text-decoration: none;}

.generic-product-thumbnail {
	border: 1px solid #d61921;
	border: 1px solid #ddd;
	padding: 30px 25px;
}

/* Woocommerce main frame
-------------------------------------------------------------------------------------------- */
#content {
	padding: .9375rem;
}


/* Woocommerce product single
-------------------------------------------------------------------------------------------- */
.woocommerce.woocommerce-page .images {
	padding: 100px 50px;
	padding: 50px 0 25px 0;
}

.woocommerce.woocommerce-page div.product div.images img {
	width: auto;
	margin: 0 auto;
}


/* Responsive
----------------------------------------------------------------------------------------------------------------------------- */

/* Extra small devices (portrait phones, less than ???px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 34em and up) */
@media (min-width: 34em) {
	
	

}

/* Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {

	
	/* Navigation
	-------------------------------------------------------------------------------------------- */
	.menu .nav {
		text-align: left;
	}

	/* Navigation <li> */
	.menu .nav .nav-item {
		display: inline-block;
		margin-left: 8px;
		vertical-align: middle;
	}

	.menu .nav .nav-item:first-child {
		margin-left: 0;
	}

	/* Navigation <a> */
	.menu .nav .nav-link {
		background: none;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
	    padding: .5rem .2rem;
	}

	/* Navigation current <a> */
	.menu .nav-item.active .nav-link {
		background: none;
		color: #fff;
		font-weight: 600;
	}
	
	/* Navigation hover <li> <a> */
	.menu .nav-item:hover .nav-link {
		background: none;
		color: #fff;
	}

	.menu .nav-item:after {
		content: '';
		display: inline-block;
		width: 19px;
		height: 16px;
		vertical-align: middle;
		background-repeat: no-repeat;
	}
	
	
	/* Navigation - Main
	-------------------------------------------------------------------------------------------- */
	/* Main navigation <li> */
	.menu-main .navbar-nav .nav-item {
		border-bottom: none;
	}

	.top-menu {
		background-color: #d61921;
	}
	
	
	/* Dropdown Navigation
	-------------------------------------------------------------------------------------------- */
	/* Dropdown <ul> */
	.dropdown-menu {
		position: absolute;
		display: none;
		float: left;
	}
	
	/* Dropdown <li> */
	.header .menu-main .dropdown-menu .nav-item {
		display: block;
	}

	.dropdown-toggle:after { 
		display: inline-block; 
	}
	
	/* Shopping cart menu item
	-------------------------------------------------------------------------------------------- */
	.menu .nav .nav-item.menu-item-14395 {
		float: right;
	}

	.nav-item.menu-item-14395:after { display: none; }

	.menu .nav .nav-item.menu-item-14395 a {
		vertical-align: middle;
		position: relative;
		padding-right: 30px;
	}

	.menu-item-14395 a:after {
		content: '';
		background-image: url(images/spritesheet.png);
		width: 23px;
		height: 24px;
		background-position: -53px -305px;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 5px; right: 0;
	}

	/* Footer */
	.menu-footer .nav .menu-item-14395 a {
		background-color: #d61921;
		border-radius: 6px;
		padding: 6px 20px 6px 10px;
	}

	.menu-footer .nav-item:hover .nav-link {
		background-color: #d61921;
	}

	.menu-footer .nav .menu-item-14395 a:hover {background-color: #d61921;}
	.menu-footer .nav .menu-item-14395 a:after {right: 5px;}

	
	
	
	
	
	
	
	/* Shopping cart menu item
	-------------------------------------------------------------------------------------------- */
	.menu .nav .nav-item.menu-item-59 {
		float: right;
	}

	.nav-item.menu-item-59:after { display: none; }

	.menu .nav .nav-item.menu-item-59 a {
		vertical-align: middle;
		position: relative;
		padding-right: 30px;
	}

	.menu-item-59 a:after {
		content: '';
		background-image: url(images/spritesheet.png);
		width: 23px;
		height: 24px;
		background-position: -53px -305px;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 5px; right: 0;
	}

	/* Footer */
	.menu-footer .nav .menu-item-59 a {
		background-color: #d61921;
		border-radius: 6px;
		padding: 6px 20px 6px 10px;
	}

	.menu-footer .nav-item:hover .nav-link {
		background-color: #d61921;
	}

	.menu-footer .nav .menu-item-59 a:hover {background-color: #d61921;}
	.menu-footer .nav .menu-item-59 a:after {right: 5px;}


	/* Helper Classes
	-------------------------------------------------------------------------------------------- */

	/* Alignment
	---------------------------------------------------- */
	.sm-text-center {
		text-align: left;
	}

	.sm-display-block {
		display: inline-block;
		float: left;
		width: auto;
	}

	.md-text-left, .sm-tac.md-text-left {
		text-align: left;
	}

	.md-text-right, .sm-tac.md-text-right {
		text-align: right;
	}

	
	
	/* Margin
	---------------------------------------------------- */
	/* Margin Y */
	.sm-m-t {
		margin-top: 0 !important;
	}

	.sm-m-b {
		margin-bottom: 0 !important;
	}

	.sm-m-y {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}


	
	
	/* Padding
	---------------------------------------------------- */
	/* Padding X */
	.sm-p-l-0 {
	    padding-left: .9375rem !important;
	}

	.sm-p-r-0 {
	    padding-right: .9375rem !important;
	}

	.sm-p-x-0 {
		padding-left: .9375rem !important;
		padding-right: .9375rem !important;
	}

	/* =Floats
	---------------------------------------------------- */
	.sm-fln-l {
		float: left;
	}

	.sm-fln-r {
		float: right;
	}

	/* Footer
	---------------------------------------------------- */
	.footer-top {
		background-color: transparent;
		background-image: url(images/footer-top-bg.jpg);
	}

}

/* Large devices (desktops, 62em and up) */
@media (min-width: 62em) {
	
}

/* Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
	
}

/* Print */
@media print {
  .hidden-print {
    display: none !important;
  }
}



/* Products
-------------------------------------------------------------------------------------------- */
.woocommerce ul.products li.product a img {
	border: 1px solid #ddd;
	max-width: 200px !important;
	height: auto !important;
}



/* Products search
-------------------------------------------------------------------------------------------- */
.media {
	margin-top: 30px;
	padding: 5px 0 30px;
	border-bottom: 1px solid #d7d7d7;
}

.media-object {
	border: 1px solid #d7d7d7;
}

.media:first-child {
	margin-top: 5px;
}

.media:last-child {
	border-bottom: none;
}

.media-left {
	padding-right: 20px;
}



/* Pagination
-------------------------------------------------------------------------------------------- */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
	background: #d61921;
	border-color: #d61921;
}

.page-link {
	color: #d61921;
}

.page-link:focus, .page-link:hover {
    color: #d61921;
    background-color: #eceeef;
    border-color: #ddd;
}

.recherhcemarque {
color:#FFFFFF;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#d61921;
text-align:right;
margin:0 auto;
display:inline-block;
float:right;}