@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400;500;600;700;800&display=swap');

/*** Reset ***/
*           { outline: none;}
body	    { font:normal 16px/26px "Barlow"; letter-spacing:.4px; color: #000000;}
body>main 	{ overflow: hidden;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
strong, b   { font-weight: 500; font-size: 16px;}
ul          { list-style-type: none;}
a           { color:#29b6ff;}
a:hover     { text-decoration: none; color:#222222;}
img         { border:none;}
p           { color: #222222; font-size:14px; font-weight: 400;}

#wrapper    { padding: 0; margin: 0; background: #fff; overflow: hidden;}
#wrapper *  { box-sizing: border-box;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #b5b5b5;
  -webkit-text-fill-color: #222222;
  -webkit-box-shadow: 0 0 0px 1000px #eeeeee inset;
  transition: background-color 5000s ease-in-out 0s;
}

a:focus { outline:none; outline-offset:none; text-decoration: inherit;}

.page-content.page-cms ul          { list-style-type: none; list-style: none;}
.page-content.page-cms ul li       { padding: 5px 0 5px 25px; position: relative;  background: url(/themes/discount/assets/img/li-bullet.svg) 0 50% no-repeat; font-size: 14px;}
p, .page-content.page-cms ul  { margin-bottom: 30px; font-size: 14px; color: #222222;}

button:focus, .form-control:focus, .input-group.focus { outline:none;}
.product-miniature .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after { content: none;}
.product-miniature .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants { top:inherit;}
#main .page-footer  { margin-bottom:0;}
.card-block         { padding: 0;}
.block-category     { min-height: inherit;}
.products-sort-order .dropdown-menu, .brands-sort .dropdown-menu, .suppliers-sort .dropdown-menu, .facet-dropdown { box-shadow: none;}
.block-category h1 { margin-bottom: 0;}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus, .btn-primary:focus, .btn-primary.focus { background-color:#29b6ff;}
.container { width: 100%; padding-left: 5vw; padding-right: 5vw;}
.btn-primary:hover {background-color: #222222;}

/*** Scrollbar ***/
::-webkit-scrollbar 							{ width:8px; height: 0; background-color:#222222;}
::-webkit-scrollbar-thumb						{ background-color:#29b6ff;}

/***** transition *****/
@media (min-width:1201px) {
    .link, .slick-arrow, :before, :after, a, a span, .sub, button { transition: all 400ms ease-in-out;}
}

/*** Class Global ***/
.titre, .h1, h1, .block-category h1 { font:600 24px/30px "Barlow"; letter-spacing: 0.6px; position: relative; text-transform: inherit;}
.link  { border-radius:5px; font: 500 13px/60px "Barlow"; letter-spacing: 1px; text-transform: uppercase; height: 60px; border: none; display: inline-block; vertical-align: middle; color: #ffffff; padding: 0 30px; background:#29b6ff; cursor: pointer;}
.sous_titre { font:400 20px/24px "Barlow"; letter-spacing:1px; position: relative; margin-bottom: 20px;}
.sous_titre span { font-weight: 400; display: block; font-size: 14px;}

#category .titre::after, #cms .titre::after, #manufacturer .titre::after, #cart h1.h1::after, #authentication .titre::after, #password .titre::after, #my-account .titre::after, #identity .titre::after, #addresses .titre::after, #address .titre::after, #history .titre::after, #order-slip .titre::after { position: absolute; content: ""; background: #29b6ff; width: 50px; height: 2px; left: 0; bottom: -20px;}
#category .titre, #cms .titre, #manufacturer .titre, #cart h1.h1, #authentication .titre, #password .titre, #my-account .titre, #identity .titre, #addresses .titre, #address .titre, #history .titre, #order-slip .titre { margin-bottom: 60px;}
.remove-from-cart { color: #29b6ff;}

@media (min-width:1201px) {
    .link:hover { color:#ffffff; background: #222222;}
    .remove-from-cart:hover { color: #222222;}
}

@media (max-width:800px) {
    .titre, .h1, h1, .block-category h1 { font:600 20px/26px "Barlow";}
}


/*** google traduction ***/
#google_translate_element   						{ position: absolute; right: 5vw; top: 15px;}
#google_translate_element span 						{ display: none;}
#google_translate_element .goog-te-gadget 			{ font-size: 0; line-height: 0;}
#google_translate_element .goog-te-combo 			{ margin: 0;}




/*** Header Top ***/
#header 											{ box-shadow: none; z-index: 800;} 
#header .header_top 								{ background: #ffffff; padding: 30px 5vw 0 5vw; height: 130px; display:grid; grid-template-columns:1fr auto; align-items: center;}
#header .header_top div.item,
#header .header_top div.item div 					{ position: relative;  display: inline-block; font-size: 0; line-height: 0; letter-spacing: 0;}
#header .header_top div.item:nth-child(2) 			{ text-align: right; display: grid; grid-template-columns:1fr auto; align-items: center;}
#header .header_top div.item div.header_right 		{ display: none;}

#header .header_top .menu_top        { display: inline-block; vertical-align: middle; z-index: 50; margin-bottom: 0;}
#header .header_top .menu_top li     { display: inline-block; vertical-align: middle; position: relative; margin: 0 25px 0 0; font-size: 13px; letter-spacing: 0.6px;}
#header .header_top .menu_top li a.current { color:#29b6ff;}

#header .header_top #search_widget   { float: none; margin-bottom: 0;}

#header .header_top .header-connexion, #header .header_top .logout, #header .header_top .header-caddie  { display: block; width: 50px; height: 50px; border-radius: 5px; position: relative;}
#header .header_top .header-connexion    { background:url(/themes/discount/assets/img/picto-connexion.svg) 50% no-repeat #eeeeee; margin: 0 10px;}
#header .header_top .logout              { background:url(/themes/discount/assets/img/picto-logout.svg) 50% no-repeat #eeeeee; }
#header .header_top .header-caddie       { background:url(/themes/discount/assets/img/picto-caddie.svg) 50% no-repeat #eeeeee; }
#header .header_top .cart-products-count { position: absolute; top: -10px; right: -10px; background: #29b6ff; width: 20px; height: 20px; border-radius: 20px; color: #ffffff; font-size: 11px; text-align: center; line-height: 20px;}

#search_widget form input { line-height: 50px; height: 50px; background: #eeeeee; padding: 10px 60px 10px 20px; font-size: 14px;}
#search_widget form i     { background:url(/themes/discount/assets/img/picto-search.svg) 50% no-repeat #eeeeee; height: 50px; width: 50px; padding: 0; right: 0; font-size: 0; border-radius: 5px;}

.ui-menu .ui-menu-item a { font-size: 13px;  display: grid; grid-template-columns:auto 1fr; align-items: center; grid-gap: 0 5px;}

@media (min-width:1201px) {
    #header .header_top .menu_top li a:hover { color:#29b6ff;}
}

@media (max-width:1200px) {
#header .header_top div.item:nth-child(2)>div:nth-child(1) { display: none;}
#header .header_top div.item:nth-child(2)>div:nth-child(3) { display: block;}
}
@media (max-width:700px) {
#header .header_top #search_widget 			{ display: none;}
}
@media (max-width:600px) {
.header_top .item img 						{ max-width: 80%; height: auto;}
}

/*** Header Menu ***/

#header .header_menu                        { background: #222222; text-align: center;}
#header .header_nav							{ display: inline-block; vertical-align: middle; z-index: 50;}
#header .header_nav .menu					{ position: relative; margin: 0;}	
#header .header_nav .menu li				{ display: inline-block; vertical-align: middle; position: relative; margin: 20px;}
#header .header_nav .menu li a				{ color:#ffffff; font: 600 13px/80px "Barlow"; text-transform: uppercase; letter-spacing: 1px; height: 80px; display: block; transition-property: all;}
#header .header_nav .menu>li.current>a, #header .header_nav .sub li.current>a 		{ color: #29b6ff;}
#header .header_nav .menu li.menu_top_mobile { display:none;}

#header .header_nav .sub					{ width: 300px; text-align: center; position: absolute; top: 100%; left: 50%; margin-left: -150px; display: block; visibility: hidden; opacity: 0; background: #222222; padding: 15px 0;}
#header .header_nav .sub.sized				{ width: 280px; margin-left: -140px;}
#header .header_nav .sub li					{ width: 100%; margin: 0;}
#header .header_nav .sub li a				{ width: 100%; font: 400 13px/26px "Barlow"; text-transform: inherit; letter-spacing: 0.4px; height: 40px; color: #ffffff;}
#header .header_nav .menu li:hover .sub		{ opacity: 1; visibility: visible; z-index: 999;}
#header .header_nav .menu .sub li.active a	{ color: #ffc53b;}

@media (min-width:1201px) {
    #header .header_nav .menu li a:hover  { color:#29b6ff;}
}
@media (max-width:1400px) {
/*#header .header_nav .menu li 				{ margin: 20px 15px;}*/
}

@media (max-width:1200px) {
#header .header_nav .menu li.menu_top_mobile { display: block;}
#header .header_top .header_right           { display: block; text-align: right; margin-left: 5vw;}
#header .menu_mobile						{ width: 60px; height: 100px; display: block; cursor: pointer; position: relative; margin: 0 -15px; transition: height 400ms ease-in-out;}
#header .menu_mobile div					{ width: 30px; height: 2px; background: #222; position: absolute; right: 50%; top: 50%; margin: -1px -15px 0 0;}
#header .menu_mobile div:before				{ width: 100%; height: 2px; background: #222; position: absolute; right: 0; top: 7px; content: "";}
#header .menu_mobile div:after				{ width: 100%; height: 2px; background: #222; position: absolute; right: 0; top: -7px; content: "";}
#header .menu_mobile.active div				{ height: 0;}
#header .menu_mobile.active div:before		{ top: 0; transform: rotate(-135deg);}
#header .menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}

#header .header_nav 	  					{ width: 100%; background: #222; position: absolute; right: -100%; top: 100%; overflow-y: scroll; display: block; z-index: 100; transition: all 400ms ease-in-out 400ms;}
#header .header_nav::-webkit-scrollbar		{ display: none;}
#header .header_nav .menu  					{ width: 100%; text-align: left; padding: 5vw; margin: 0; position: relative; z-index: 100; opacity: 0; transition: all 200ms ease-in-out 0ms;}
#header .header_nav .menu li 				{ width: 100%; display: block; margin: 0; vertical-align: middle; position: relative;}
#header .header_nav .menu li a				{ width: 100%; font-size: 16px; line-height: 55px; height: 55px;}
#header .header_nav .menu li i				{ width: 75px; height: 37px; display: block; margin-top: -46px; position: relative; z-index: 5; background: #fff; float: right; border-radius: 3px;}
#header .header_nav .menu li i:after		{ width: 30px; height: 30px; background: url(/themes/discount/assets/img/arrow-down-white.svg) 50% no-repeat; filter: invert(1); position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; content: "";}
#header .header_nav .menu li i.active:after { transform: rotate(-180deg);}

#header .header_nav .sub 					{ width: 100%; position: relative; left: auto; top: auto; padding: 20px 30px; margin: 10px 0; border-radius: 5px; background: #333; opacity: 1; visibility: visible; display: block; z-index: 150;}
#header .header_nav .sub li  				{ width: 100%;}
#header .header_nav .sub li a				{ width: 100%; font-size: 16px; line-height: 40px; height: 40px; text-align: left; color: #fff;}

/* active menu mobile */
#header .header_nav.active					{ right: 0; transition-delay: 0ms;}
#header .header_nav.active .menu			{ opacity: 1; transition-delay: 400ms;}
}
@media (max-width:600px) {
#header .header_nav .menu  					{ padding: 7.5vw; align-self: start;}
#header .header_nav .menu>li>a				{ font-size: 14px; line-height: 50px; height: 50px;}
#header .header_nav .menu li i				{ width: 70px; height: 34px; margin-top: -42px;}
#header .header_nav .sub 					{ padding: 15px 20px;}
#header .header_nav .sub li a				{ font-size: 13px; line-height: 30px; height: 30px;}
}





/*** BG Half Circle  ***/
#index #carousel::before 					{ content: ""; background: url('/themes/discount/assets/img/bg-half-circle.svg') 50% -150px no-repeat; background-size: cover; position: absolute; top:-100px; bottom: 0; left: 0; right: 0; margin-left: -5vw; margin-right: -5vw;}

@media (max-width:1200px) {
#index #carousel::before 					{ background-position: 50% -80px;}
}



/*** breadcrumb ***/
#wrapper .breadcrumb 						{ line-height: 50px; height: 50px; color: #222222; background: #eeeeee; margin-bottom: 0; width: 100%; padding-left: 5vw; padding-right: 5vw; }
#wrapper .breadcrumb ol 					{ margin: 0 auto; max-width: 1200px;}
#wrapper .breadcrumb li a,
#wrapper .breadcrumb li:last-child 			{ color:#222222;}
#wrapper .breadcrumb li 					{ display: inline-block; font-size: 14px; line-height: 50px; margin-right: 25px; position: relative;}
#wrapper .breadcrumb li:after 				{ width: 1px; height: 10px; content: ""; position: absolute; right: -20px; top: 15px;background: #222222;}
#wrapper .breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
#wrapper .breadcrumb li a:hover 			{ color:#29b6ff;}
}


/*** slider ***/
.carousel                      			{ text-align: center;}
.carousel .carousel-inner      			{ height: auto;}
.carousel-control              			{ top:inherit; bottom: 40px; left: 40px;}
.carousel .carousel-control.left,
.carousel .carousel-control.right 		{ width: 50px; height: 50px; border-radius: 50px;}
.carousel .carousel-control.left 		{ background:url(/themes/discount/assets/img/arrow-left-blue.svg) -2px 50% no-repeat #ffffff; }
.carousel .carousel-control.right 		{ right: inherit; left: 100px; background:url(/themes/discount/assets/img/arrow-right-blue.svg) 2px 50% no-repeat #ffffff;}

@media (max-width:991px) {
.carousel 								{ left: inherit; width: inherit; padding-bottom: inherit; margin-left: inherit; }
}

/*** Home ***/


/****** category ******/
#index h2.chapo  									{ margin: 0 auto; max-width: 1000px; padding: 0; background: #ffffff;font-weight: 400; }
h2.chapo          									{ font-size: 16px; line-height: 28px; font-weight: 400;  color: #222; letter-spacing: 0.4px; padding: 30px 40px; background: #eee;}
.home_category    									{ position: relative; margin: 80px 0 120px 0;}
.home_category .titre 								{ text-align: center;}
.home_category .titre::after 						{ position: absolute; content: ""; background: #29b6ff; width: 50px; height: 2px; left: 50%; margin-left: -25px; bottom: -20px;}

.home_category .grid 								{ margin: 80px auto 120px auto; display: grid; grid-template-columns:repeat(5,1fr); grid-gap: 0 20px; align-items: center; justify-content: center; position: relative; text-transform: uppercase;}
.home_category .grid strong 						{ display: block; height: 60px; line-height: 60px; color: #ffffff; background: #29b6ff; text-align: center;}
.home_category .grid .item:nth-child(1) 			{ height: 100%; background: #222222; display: flex; align-items: center; text-align: center;}
.home_category .grid .item:nth-child(1) div 		{ color: #ffffff; font-size: 40px; letter-spacing: .6px; line-height: 40px; font-weight: 600; width: 100%; }
.home_category .grid .item:nth-child(1) div span 	{ color: #29b6ff; font-size: 20px; line-height: 30px; display: block;}
.home_category .grid .item img 						{ max-width: 100%; height: auto;}

@media (max-width:1200px) {
.home_category  									{ margin: 60px auto;}
.home_category .grid                      			{ grid-template-columns: repeat(2,1fr); grid-gap: 30px; margin: 60px auto;}
.home_category .grid .item:nth-child(1)   			{ grid-column: 1 / span 2; padding-top: 20px; padding-bottom: 20px;}
}
@media (max-width:1000px) {
.home_category .grid                      			{ grid-gap: 20px;}
}
@media (max-width:600px) {
.home_category  									{ margin: 40px auto;}
.home_category .titre 								{ padding: 0 5vw;}
.home_category .grid                      			{ grid-gap: 10px; margin: 45px auto 40px auto;}
.home_category .grid strong 						{ height: 45px; line-height: 45px; font-size: 14px;}
.home_category .grid .item:nth-child(1)   			{ padding: 15px; }
.home_category .grid .item:nth-child(1) div 		{ font-size: 16px; line-height: 30px;}
.home_category .grid .item:nth-child(1) div span 	{ font-size: 16px; line-height: 30px; display: inline;}
}


/****** banner ******/
.carousel, 
.carousel ul 						{ margin: 0;}
.carousel-indicators 				{ display: none;}

@media (max-width:1200px) {
.carousel 							{ margin: 5vw 0 0 0;}
}
@media (max-width:600px) {
.carousel 							{ margin: 0 -5vw;}
.carousel::before 					{ display: none;}
}



/****** showroom ******/
.home_category    					{ position: inherit;}
.showroom         					{ position: absolute; top: 50px; padding: 9px 20px; color: #222; margin-left: 190px; left: 5vw; font: 500 15px/19px "Barlow"; letter-spacing: 0.4px; z-index: 900; border: 1px solid #29b6ff; border-radius: 5px;}
.showroom i       					{ font-size: 12px; letter-spacing: 0.6px; font-weight: 400; font-style: normal; display: block;}

@media (max-width:1270px) {
.home_category    					{ position: relative; margin-top: 0;}
.showroom         					{ position: static; padding: 15px 25px; font-size: 20px; line-height: 28px; text-align: center; width: 100%; margin: 40px 0;}
.showroom i       					{ font-size: 16px;}
}
@media (max-width:600px) {
.showroom       					{ font-size: 16px; padding: 10px 25px; margin: 30px 0;}
.showroom i     					{ font-size: 14px;}
}

/****** Produits populaires ******/
.featured-products               { background: #222222; padding: 120px 0; margin-left: -5vw; margin-right: -5vw; text-align: center;}
.featured-products .titre        { color:#ffffff; margin-bottom: 85px;}
.featured-products .titre::after { position: absolute; content: ""; background: #29b6ff; width: 50px; height: 2px; left: 50%; margin-left: -25px; bottom: -20px;}

@media (max-width:1200px) {
.featured-products 				{ padding: 60px 0;}
}

/****** Rassurants ******/
.rassurant { background: #eeeeee; padding: 120px 0; margin-left: -5vw; margin-right: -5vw; text-align: center;}
.rassurant .grid { margin: 0 auto; display: grid; grid-template-columns:repeat(4,1fr); grid-gap: 0 20px; align-items: center; justify-content: center; position: relative; text-transform: uppercase; color: #34baff;  font: 600 16px/26px "Barlow"; letter-spacing: .8px; max-width: 1200px; }
.rassurant .grid .item div { width: 100px; height: 100px; border-radius: 100px; background: #ffffff; margin: 0 auto 30px auto; display: flex; align-items: center; justify-content: center;}
.rassurant .grid .item div img { width:50px; height: auto;}
.rassurant .grid .item span { text-transform: initial; color: #000000; letter-spacing: .4px; display: block; font-weight: 400;}

@media (max-width:1200px) {
    .rassurant .grid { padding: 0 3vw;}
}

@media (max-width:800px) {
    .rassurant .grid { grid-template-columns:repeat(2,1fr); grid-gap: 60px 20px;}
}

/****** À propos ******/
.about 								{ margin: 120px auto; max-width: 1200px;}
.about .grid 						{ display: grid; grid-template-columns:repeat(2,1fr); align-items: center; justify-content: center; position: relative; margin: 140px 0; grid-gap: 60px;}
.about .grid .texte 				{ font: 400 16px/26px "Barlow"; letter-spacing: .4px; padding-right: 5vw; position: relative;}
.about .grid .texte .titre 			{ margin-bottom: 60px;}
.about .grid .texte .titre::after 	{ position: absolute; content: ""; background: #29b6ff; width: 50px; height: 2px; left: 0; bottom: -20px;}
.about .grid .texte p    			{ margin-bottom: 20px;}
.about .grid .photo      			{ position: relative; line-height: 0;}
.about .grid .photo img  			{ max-width: 100%; height: auto}
.about .grid .photo span 			{ width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; font: 800 16px/22px "Barlow"; letter-spacing: .8px; color: #ffffff; border-radius: 160px; background:#29b6ff; text-align: center; text-transform: uppercase; position: absolute; bottom: 0; right: 0;}

.about .grid.reverse .texte			{ grid-area: 1 / 1;}
.about .grid.reverse .photo        	{ grid-area: 1 / 2;}

@media (max-width:1200px) {
.about     { margin: 80px auto;}
}
@media (max-width:1000px) { 
.about .grid                		{ grid-template-columns: 1fr; grid-gap: 40px; margin: 80px 0;}
.about .grid.reverse .photo      	{ position: initial; grid-area: 1;}
.about .grid.reverse .photo img  	{ display: none;}
.about .grid .photo span    		{ position: static;}
.about .grid.reverse .texte			{ grid-area: 2;}
}

@media (max-width:600px) {
.about                       { margin: 50px auto;}
.about .grid:nth-child(1)    { margin: 240px 0 40px 0;}
.about .grid:nth-child(2)    { margin: 40px 0;}
.about .grid .photo span     { top: -200px; left: 0;}
}


/****** marques ******/
.index-marque            { background: #eeeeee; padding: 120px 0 70px 0; margin-left: -5vw; margin-right: -5vw; text-align: center;}
.slider-marque           { max-width: 1200px; margin: 0 auto;}
.slider-marque .item     { margin: 0 10px;}
.slider-marque .item img { max-width: 100%; height: auto;}

@media (max-width:1200px) {
.index-marque 			{ padding-left: 3vw; padding-right: 3vw;}
}





/****** miniatures produits ******/
.product-miniature .thumbnail-container             			{ margin: 0; width: 100%;}
.product-miniature .thumbnail-container .product-thumbnail 		{ display: block; height: auto; padding: 30px;}
.product-miniature .thumbnail-top img         					{ max-width: 100%; height: auto;}
.product-miniature .product-description 						{ padding: 0;}

.product-miniature .product-title                   			{ padding: 0; margin: 0;}
.product-miniature .product-title a                 			{ font-size: 15px; line-height: 25px; font-weight: 500; letter-spacing: 0.4px; color: #222; display: block; text-transform: lowercase; text-align: left; padding: 30px; min-height: 110px;}
.product-miniature .product-title a:first-letter    			{ text-transform: uppercase;}
.product-miniature .product-price-and-shipping      			{ margin: 0; font-size: 22px; letter-spacing: 0.4px; font-weight: 600; color: #29b6ff; text-align: left; padding: 0 30px 30px 30px;}
.product-miniature .regular-price, 					
.product-price-and-shipping .price .tax-shipping-delivery-label,
.list_price_ttc 												{ font-size: 14px; font-weight: 400; color: #444;}

.product-miniature .highlighted-informations        			{ padding: 0 30px; top: auto; left: 0; bottom: 25px; opacity: 0; visibility: hidden; transition: all 400ms ease-in-out;}
.product-miniature .highlighted-informations .quick-view 		{ font: 600 12px/55px "Barlow"; letter-spacing: 1px; height: 55px; border-radius: 5px; color: #fff; background: #29b6ff; text-transform: uppercase; display: block; margin: 0 auto;}

@media (min-width:1201px) { 
.product-miniature .thumbnail-container:hover .product-title a 					{ color: #29b6ff;}
.product-miniature .thumbnail-container:hover .highlighted-informations 		{ opacity: 1; visibility: visible; top: auto;}
.product-miniature .highlighted-informations .quick-view:hover 					{ color: #fff; background: #333;}
}
@media (max-width:600px) {
.product-miniature .thumbnail-container .product-thumbnail 		{ padding: 25px;}
.product-miniature .product-title a                 			{ font-size: 14px; line-height: 22px; padding: 20px 25px; min-height: inherit;}
.product-miniature .product-price-and-shipping      			{ font-size: 20px; padding: 0 25px 20px 25px;}
}



/*#index*/ .featured-products  								{ max-width: 1200px; margin: 0 auto; position: relative;}
/*#index*/ .featured-products:before						{ width: 200vw; height: 100%; position: absolute; left: -50vw; top: 0; background: #222; content: "";}
/*#index*/ .products.slick-slider 							{ margin: auto -10px;}
/*#index*/ .products.slick-slider .product 					{ margin: 0 10px;}
.featured-products.category-products:before					{ background: #333;}



/****** category ******/
#category #content-wrapper             	{ max-width: 1200px; margin: 60px auto 0 auto;}
#category #products .products 			{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px 30px; position: relative;}
#category #products .product 			{ border: 1px solid #ccc; transition: border 400ms ease-in-out;}

#category-description 					{ margin-top: 60px; font-size: 14px; line-height: 26px; padding-bottom: 60px;}
#category-description h3,
#category-description .sous_titre 		{ font-size: 18px; font-weight: 500; color: #222; margin: 40px 0 15px 0;}
#category-description p					{ margin-bottom: 15px;}


@media (min-width:1201px) { 
#category #products .product:hover 		{ border-color: #29b6ff;}
}
@media (max-width:1200px) {
#category #products .products 			{ grid-template-columns: repeat(3,1fr);}
}
@media (max-width:1000px) {
#category #content-wrapper             	{ margin: 40px auto 0 auto;}
#category #products .products 			{ grid-template-columns: repeat(2,1fr); grid-gap: 40px 20px;}
}
@media (max-width:600px) {
#category #content-wrapper             	{ margin: 20px auto 0 auto;}
#category #products .products 			{ grid-template-columns: 1fr; grid-gap: 20px;}
#category-description 					{ margin-top: 40px; padding-bottom: 40px;}
}


/***** FLAG *****/
.product-flags li.product-flag.on-sale,
.product-flags li.product-flag.discount,
.product-flags li.product-flag.new,
.product-flags li.product-flag.out_of_stock 	{ background: #29b6ff; color: #fff; text-transform: inherit; letter-spacing: 1px; font-size: 11px; line-height: 30px; height: 30px; display: block; padding: 0 15px; border-radius: 3px; width: min-content; font-weight: 500; white-space: nowrap;}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.out_of_stock 	{ margin-left: 10px;}
.product-flags li.product-flag.on-sale     		{ margin: 10px 0 0 10px !important;}
.product-flags li.product-flag.new         		{ right: 10px; position: absolute;}






/****** sous categories ******/
#subcategories 								{ margin: 0; border: none;}

.grid.list-category 						{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; position: relative; margin: -20px 0 80px 0;}
.grid.list-category .item a       			{ border: 1px solid #ccc; padding: 20px; display: block; position: relative; height: 100%; color: #000;}
.grid.list-category .item a img     		{ width: 100%; max-width: 170px; height: auto; display: block; margin: 0 auto 15px auto; transition: opacity 400ms ease-in-out;}
.grid.list-category .item a div     		{ font: 600 16px/22px "Barlow"; letter-spacing: 0.4px; text-align: center;}

@media (min-width:1201px) { 
.grid.list-category .item a:hover  			{ border-color: #29b6ff; color: #29b6ff;}
.grid.list-category .item a:hover img     	{ opacity: 0.5;}
}
@media (max-width:1200px) {
.grid.list-category 						{ grid-template-columns: repeat(4,1fr);}
}
@media (max-width:1000px) {
.grid.list-category 						{ grid-template-columns: repeat(3,1fr); margin: -20px 0 60px 0;}
}
@media (max-width:600px) {
.grid.list-category 						{ grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin: -10px 0 40px 0;}
.grid.list-category .item a img     		{ margin-bottom: 10px;}
.grid.list-category .item a div     		{ font-size: 14px; line-height: 20px;}
}





/***** tri et pagination ****/
.products-selection p 						{ font-size: 16px; color: #222222; letter-spacing: 0.4px;}
.grid.tri,
.hidden-md-up.text-sm-center.showing 		{ display: grid; grid-template-columns: 1fr 20%; grid-gap: 40px 0; align-items: start; position: relative; font-size: 14px; letter-spacing: 0.4px; color: #222; padding-bottom: 20px; margin-bottom: 20px;}
.block-categories             				{ padding: 0; margin: 0; width: 25%;}
.block-categories ul             			{ margin: 0;}
#search_filters               				{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; padding: 0 0 0 10px; margin: 0;}
#search_filter_controls,				
#search_filters .facet .title 				{ display: none;}
#search_filters .facet 						{ padding: 0;}
#search_filters ul 							{ margin: 0;}
.grid.tri .sort-by-row 						{ padding-left: 10px;}
.facet-dropdown								{ color: #222; background: none; border: none;}
.facet-dropdown .select-title 				{ padding: 12px 20px; color: #222; background: #f2f2f2; border-radius: 5px; transition: none;}
.facet-dropdown.open>.select-title 			{ background: #f2f2f2; border: none; border-radius: 5px 5px 0 0;}
.facet-dropdown .dropdown-menu 				{ box-shadow: none; margin: 0; background: #f2f2f2; border-radius: 0 0 5px 5px; overflow: hidden; overflow-y: auto; max-height: 400px;}
.facet-dropdown .select-list 				{ padding: 10px 20px; color: #222; background: #f2f2f2; font-size: 14px; line-height: 20px; letter-spacing: 0.4px;}
.facet-dropdown .select-list:first-letter	{ text-transform: uppercase;}
.facet-dropdown .select-list:hover 			{ background: #29b6ff; transition-duration: 200ms;}
.facet-dropdown .select-list.depth-1 		{ padding: 8px 20px 8px 35px; position: relative; font-size: 13px; line-height: 18px;}
.facet-dropdown .select-list.depth-1:before	{ width: 6px; height: 10px; background: url(/themes/discount/assets/img/li-bullet.svg) 50% no-repeat; background-size: 6px 10px; position: absolute; left: 20px; top: 12px; content: "";}
.facet-dropdown .faceted-slider				{ padding: 5px 20px 20px 20px; overflow: hidden;}

@media (max-width:1000px) {
.grid.tri,
.hidden-md-up.text-sm-center.showing 		{ grid-template-columns: 1fr; grid-gap: 0; padding-bottom: 20px; margin-bottom: 20px;}
.block-categories             				{ width: 100%;}
#search_filters               				{ padding: 0; margin-top: 10px; grid-template-columns: 1fr 1fr;}
.grid.tri .sort-by-row 						{ width: 50%;  padding-left: 5px; position: absolute; right: 0; top: 120px;}
.facet-dropdown								{ float: none;}
.grid.tri .hidden-sm-down 					{ margin-top: 40px;}
}


.products-sort-order .select-title     		{ background: #ffffff; border-radius: 5px; border:1px solid #b5b5b5; min-width: 300px;}
.products-sort-order .select-title>i   		{ background:url(/themes/discount/assets/img/arrow-select.svg) 50% no-repeat #ffffff; font-size: 0; width: 12px; height: 8px; top: 20px; position: absolute; right: 15px;}


.pagination {border-top: 1px solid #b5b5b5; margin-top: 25px; padding-top: 25px; display: grid; grid-template-columns:1fr auto; grid-gap:30px;}
.pagination  a { font-size: 13px; font-weight: 400}
.pagination .current a { font-size: 13px; font-weight: 600}
.pagination .next { padding: 0 10px 0 10px; position: relative;}
.pagination .prev { padding: 0 10px 0 0; position: relative;}
.pagination .next .material-icons, .pagination .prev .material-icons { position: absolute; top: 0; bottom: 0;}

@media (min-width:1201px) {
.products-sort-order .select-list:hover { background: #29b6ff;}
}
@media (max-width:767px) {
.grid.tri, .hidden-md-up.text-sm-center.showing { border-bottom:none; grid-gap: 0; }
}


/*** Boule à facette - Colonne de gauche ***/
#left-column { padding-left: 0; padding-right: 0; display: grid; grid-template-columns:auto 1fr; grid-gap:0; align-items: baseline; margin: 40px auto 0 auto; max-width: 1200px;}
#left-column #search_filters { padding: 0; margin: 0;}
/*#left-column #search_filters>.h6 { font-size: 20px; font-weight: 600; color: #29b6ff; text-transform: inherit!important; margin-bottom: 30px;}*/
#left-column #search_filters .facet { margin-bottom: 40px; padding: 0 50px 0 0;}
#left-column #search_filters .facet .facet-title {font-size: 16px; font-weight: 400; color: #222222; margin-bottom: 15px;}
#left-column #search_filters .facet .facet-label a {font-size: 14px; color: #222222; margin-top: 0; }
#left-column #search_filters .custom-checkbox input[type="checkbox"]+span { border-color: #b5b5b5; border-radius: 5px;}
#left-column #search_filters .facet .facet-label .custom-checkbox  { top:-10px;}
#left-column #search_filters .facet-dropdown                       { border:none; background: #ffffff;}
#left-column #search_filters .facet-dropdown .select-title>i       { background:url(/themes/discount/assets/img/arrow-select.svg) 50% no-repeat #ffffff; font-size: 0; width: 12px; height: 8px;}
#left-column #search_filters .facet-dropdown .select-title, .category-top-menu li select         { background: #ffffff; border-radius: 5px; border:1px solid #b5b5b5;}
#left-column #search_filters .facet-dropdown.open>.select-title    { border:1px solid #b5b5b5; background: #ffffff}
#left-column #search_filters .ui-widget-header                     { background: #29b6ff;}
#left-column .category-top-menu li.h6                              { font-size: 16px; font-weight: 400; color: #222222; margin-bottom: 15px;}

/*.read_more_content  { display: none;}*/
a.read_more         {font-size: 13px; line-height: 55px; height: 55px; width: 160px; border-radius: 5px; color: #ffffff; background: #29b6ff; text-transform: uppercase; display: block; text-align: center; text-decoration: none; margin: 40px auto 0 auto;}

.active_filters               {background: #eeeeee;}
.category-top-menu li .h6     { font-size: 16px; font-weight: 400; color: #222222; margin-bottom: 15px; text-transform: inherit!important; display: block;}


.category-top-menu li select  { padding:10px; height: 48px; appearance: none; background: url(/themes/discount/assets/img/arrow-select.svg) right 10px center no-repeat #ffffff; cursor: pointer;}
.category-top-menu li select:nth-child(1) { color: #7a7a7a;}
.category-top-menu li select option { display: block; padding: 0.625rem 1.25rem; color: #232323; background: #f6f6f6;}

.clear_filtre { margin-bottom: 40px;}

.faceted-slider li p { margin-bottom: 10px;}

.block-categories .category-sub-menu li[data-depth="1"] { margin-left: 10px;}


@media (min-width:1201px) {
    #left-column #search_filters .facet-dropdown .select-list:hover     { background: #29b6ff;}
    a.read_more:hover                                                   { background: #222222;}
}

/*** fiche produit ***/
.grid-fiche {display: grid; grid-template-columns:1fr 1fr; grid-gap:60px; justify-items: left; max-width: 1200px; margin: 80px auto 0 auto;}
.grid-thumb {display: grid; grid-template-columns:100px 1fr; grid-gap:15px;}

#product #content { max-width: 100%}

.product-images>li.thumb-container>.thumb, .product-images>li.thumb-container>.thumb.selected   { border:1px solid #b5b5b5; padding: 2px;}
.images-container .product-images>li.thumb-container>.thumb { margin: 0 0 15px 0; max-width: 100%; height: auto;}

.product-cover												 { border:1px solid #b5b5b5;}
.grid-thumb .item .product-cover                             { margin:0; border-radius: 5px; border:1px solid #b5b5b5; padding: 10px;}
.grid-thumb .item .product-cover .layer                      {background: #00000075;}
.grid-thumb .item .product-cover .material-icons.zoom-in     { font-size: 0; width: 40px; height: 40px; display: block;  background: url(/themes/discount/assets/img/picto-search.svg) 50% no-repeat; background-size: 110%;}

.grid-fiche .item .titre        { font-size: 30px; font-weight: 400; line-height: 40px; margin-bottom: 60px;}
.grid-fiche .item .titre::after { position: absolute; content: ""; background: #29b6ff; width: 50px; height: 2px; left: 0; bottom: -20px;}

.grid-fiche .item .product-prices div                                                { margin: 0}
.grid-fiche .item .has-discount.product-price, .has-discount.product-price, .product-line-info .current-price .price           { color:#29b6ff; font-size: 24px; font-weight: 600;}
.grid-fiche .item .product-discount .regular-price, .product-discount .regular-price { color:#222222; font-size: 14px;}
.grid-fiche .item .product-actions .control-label                                    { margin-bottom: 20px; font-size: 16px;}
.grid-fiche .item .product-quantity .qty                                             { margin-right: 10px;}

.bootstrap-touchspin                                                            { border-radius: 5px; border:1px solid #b5b5b5; padding: 1px;}
.bootstrap-touchspin .btn-touchspin                                             { border: none;}
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { border: none;}

.product-quantity #quantity_wanted { height: 100%;}
.input-group-btn-vertical          { margin-top: 7px;}
#product .current-price-value {color:#29b6ff; font-size: 24px;}

.product-actions .add-to-cart                 { background: #29b6ff; border: none; font-size: 13px; letter-spacing: .5px; border-radius: 5px; height: 60px; line-height: 60px; padding-top: 0;}
.product-actions .add-to-cart .material-icons { font-size: 0; width: 20px; height: 20px; background: url(/themes/discount/assets/img/picto-caddie.svg) 50% no-repeat;}

.container-description                             { background: #eeeeee; padding: 60px 0; margin-left: -5vw; margin-right: -5vw; margin-top: 60px;}
.container-description .onglet_nav                 { text-align: center; max-width: 1200px; margin: 0 auto;}
.container-description .onglet_nav a.link.active   { background: #222222; color: #ffffff; }
.container-description .onglet_content             { max-width: 1200px; margin: 0 auto 0 auto; padding-left: 5vw; padding-right: 5vw;}
.container-description .onglet_content img, #product-description-short p img         { display: none;}

section.product-accessories 	{max-width: 1200px; margin:0 auto; padding: 60px 0;}


@media (min-width:1201px) {
    .product-images>li.thumb-container>.thumb:hover         { border-radius: 5px; border:1px solid #29b6ff;}
    .product-actions .add-to-cart:hover                     { color:#ffffff; background: #222222;}
    .product-actions .add-to-cart:hover .material-icons     { filter: invert(100%);}
}

@media (max-width:1200px) {
    .grid-fiche {grid-gap:30px;}
}

@media (max-width:1000px) {
    .grid-fiche {grid-template-columns:1fr;}
}

@media (max-width:1000px) {
    .grid-thumb { grid-template-columns:1fr;}
    .grid-thumb .item:nth-child(1) { grid-area:2 / 1;}
}

/*** Modal ***/
#blockcart-modal                                          { color: #222222;}
#blockcart-modal .modal-header                            { background: #222222;}
#blockcart-modal .modal-header                            { border-bottom: none;}
#blockcart-modal .modal-header .close                     { color: #ffffff; text-shadow:none;}
#blockcart-modal .modal-header .close .material-icons     { color: #ffffff;}

.grid-modal                {display: grid; grid-template-columns:1fr 1fr; grid-gap:60px;}    
.grid-modal .grid-item     {display: grid; grid-template-columns:auto 1fr; grid-gap:60px; align-items: center;}    

#blockcart-modal .modal-title     { font-size: 14px; color: #ffffff; letter-spacing: .4px;}
#blockcart-modal .product-name    { color: #222222; font-size: 14px; line-height: 20px; font-weight: 600;}
#blockcart-modal .product-image   { max-width: 100%; height: auto; border: 1px solid #b5b5b5; border-radius: 5px; padding: 2px;}
#blockcart-modal .product-price   { color: #29b6ff; font-size: 24px; font-weight: 600;}

#blockcart-modal .cart-content p.cart-products-count { font-size: 16px; color: #222222; font-weight: 400;}

/*** Card ***/
.cart-grid                      { max-width: 1200px; margin: 80px auto; display: grid; grid-template-columns:auto 300px; grid-gap:30px;}
.cart-grid-body                 { margin-bottom:0;}
.cart-grid-body .cart-overview, .cart-grid-body .card-block  { padding: 0;}

.grid-cart-detail               { display: grid; grid-template-columns:auto 1fr 1fr; grid-gap:30px;}
.grid-cart-detail .item img     { border: 1px solid #b5b5b5; border-radius: 5px; padding: 2px;}
.grid-cart-detail .item.grid-3  { display: grid; grid-template-columns:repeat(3,1fr); grid-gap:10px; align-items: center;}
.grid-cart-detail .item.grid-3 .product-price { color: #29b6ff; font-weight: 600;}

.cart-items .cart-item { padding: 40px 0; border-bottom: 1px solid #b5b5b560;}
.card-block.cart-summary-totals { padding: 0;}
.cart-grid-right { background:#eeeeee; padding: 20px;}
.cart-grid-right .card { background:#eeeeee; margin-bottom: 0; }
.card-block.cart-detailed-subtotals+.cart-summary-totals .cart-total { border-top:none;}
.card-block.cart-summary-totals .cart-summary-line.cart-total { padding:10px; margin-top: 20px;}
.cart-detailed-totals { margin-bottom: 20px;}
.cart-summary-line.cart-total { color:#ffffff; background: #222222;}
.card-block.cart-summary-totals .cart-summary-line.cart-total .label, .card-block.cart-summary-totals .cart-summary-line.cart-total .value{ color:#ffffff;}

@media (max-width:1200px) {
.cart-grid {grid-template-columns:1fr; grid-gap:40px 0;}
}

@media (max-width:800px) {
    .grid-cart-detail { grid-template-columns:auto 1fr; grid-gap:30px;}
    .grid-cart-detail .item:nth-child(1)    { grid-row: 1 / span 2;  }
    .grid-cart-detail .item.grid-3 { display: inline-flex; grid-gap: 0;}
    .grid-cart-detail .item.grid-3 div:nth-child(2), .grid-cart-detail .item.grid-3 div:nth-child(3) { margin-right: 10px;}
}


/*** Marques - Brands ***/
#manufacturer #main     { max-width: 1200px; margin: 80px auto;}
.grid-brands            {display: grid; grid-template-columns:repeat(4,1fr); grid-gap:60px; justify-items: center; max-width: 1200px; margin: 80px auto 0 auto;}
.grid-brands .brand                { text-align: center;}
.grid-brands .brand .brand-img     { border-radius: 5px; border:1px solid #b5b5b5; padding: 5px;}
.grid-brands .brand .brand-img img { max-width: 100%; height: auto;}
.grid-brands .brand .brand-infos   { margin-top: 10px;}
.grid-brands .brand .brand-infos a { color: #222222;}
.brand-products                    { opacity: 0; font-size: 13px; padding: 5px; color: #ffffff; background: #29b6ff; border-radius: 5px;}

@media (min-width:1201px) {
    .grid-brands .brand:hover .brand-infos a  { color: #29b6ff;}
    .grid-brands .brand:hover .brand-products { opacity: 1;}
}

@media (max-width:1000px) {
    .grid-brands {grid-template-columns:repeat(3,1fr); grid-gap:40px;}
}

@media (max-width:600px) {
    .grid-brands {grid-template-columns:repeat(2,1fr); grid-gap:20px;}
}

/*** CMS ***/
#cms #main             { max-width: 1200px; margin: 80px auto 0 auto;}
.page-content.page-cms { padding: 0;}

/***** bloc grid *****/
.page-content.page-cms .bloc_grid                        { display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; margin:100px 0;}
.page-content.page-cms .bloc_grid.align_top              { align-items:start;}
.page-content.page-cms .bloc_grid :last-child            { margin-bottom:0;}
.page-content.page-cms .bloc_grid .photo                 { position:relative;}
.page-content.page-cms .bloc_grid .texte                 { position:relative; z-index:5; padding-left:80px;}
.page-content.page-cms .bloc_grid .texte :last-child     { margin-bottom:0;}
.page-content.page-cms .bloc_grid img                    { width:100%; height:auto; object-fit:cover; display:block; position:relative; z-index:10;}
.page-content.page-cms .bloc_grid p                      { margin-bottom:20px;}
.page-content.page-cms .bloc_grid.reverse .texte         { grid-area:1 / 1; padding:0;}
.page-content.page-cms .bloc_grid.reverse .photo         { grid-area:1 / 2; padding-left:80px;}

@media (max-width:1200px) { 
.page-content.page-cms .bloc_grid                        { grid-template-columns:1fr 1fr;}
.page-content.page-cms .bloc_grid .texte                 { padding-left:60px;}
.page-content.page-cms .bloc_grid.reverse .photo         { padding-left:60px;}
}
@media (max-width:1000px) { 
.page-content.page-cms .bloc_grid                         { grid-template-columns:1fr; grid-gap:60px; margin:80px 0;}
.page-content.page-cms .bloc_grid .texte                  { padding:0;}
.page-content.page-cms .bloc_grid.reverse .texte          { grid-area:2; padding:0;}
.page-content.page-cms .bloc_grid.reverse .photo          { grid-area:1; padding-left: 0;}
}
@media (max-width:600px) { 
.page-content.page-cms .bloc_grid                         { grid-gap: 30px; margin: 50px 0;}
}

/***** bloc texte *****/
.bloc_texte							{ margin: 100px 0; position: relative;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 80px 0;}
}
@media (max-width:600px) {
.bloc_texte							{ margin: 50px 0;}
}

/*** Connexion - Compte client ***/
#authentication #content-wrapper, #password #content-wrapper, #my-account #content-wrapper, #checkout #content, #identity #main, #addresses #main, #address #main, #history #main, #order-slip #main     { max-width: 1200px; margin: 80px auto 0 auto;}  
#my-account #content-wrapper { margin-bottom: 40px;}
#authentication .login-form          { margin-top: 100px;}
#authentication .form-control, #password .form-control        { border-radius: 5px; border:1px solid #b5b5b5; background: #eeeeee; font-size: 14px; padding: 10px; line-height: inherit;}
.page-authentication #content        { padding:0; max-width: inherit;}
form .form-control-label { font-size: 14px; font-weight: 400; color: #222222;}
.input-group .input-group-btn>.btn[data-action="show-password"] { margin-left: 10px; border-radius: 2px;}
.page-customer-account #content .forgot-password     { font-size: 13px; padding: 0; margin-top: 20px; margin-bottom: 20px;}
.page-customer-account #content .forgot-password a, .no-account a   { color: #29b6ff;}
.page-customer-account #content .no-account          { font-size: 13px; margin-top: 20px; margin-bottom: 20px;}

#password .page-footer { text-align: center;} 
.forgotten-password .form-fields .email input, .forgotten-password .form-fields .center-email-fields button { height: inherit; line-height: 0;}
.forgotten-password .form-fields .center-email-fields button { margin-left: 10px;}

.page-customer-account #content { padding: 0; font-size: inherit; color: #222222;}
.forgotten-password, .send-renew-password-link { padding: 0;}

#customer-form .form-group { margin-bottom: 30px;}

.grid-account {display:grid; grid-template-columns:repeat(3,1fr); align-items:center; grid-gap: 60px; position:relative; margin:30px 0; text-align: center;}
.grid-account a {border-radius: 5px; border:1px solid #29b6ff; padding: 40px; background: #29b6ff;}
.grid-account a span { color: #ffffff;}
.grid-account a span i { display: block; width: 100%; margin-bottom: 15px; font-size: 40px;}

#checkout #wrapper .breadcrumb[data-depth="1"] { display: block;}
body#checkout { color: #222222;}
body#checkout .cart-grid-right { padding-bottom: 20px; margin-bottom: 60px;}
body#checkout .cart-grid-body { margin-bottom: 60px;}
body#checkout section.checkout-step .step-title { font: 400 20px/24px "Barlow"; letter-spacing: 1px; position: relative; margin-bottom: 20px; text-transform: inherit;}
body#checkout #footer { padding: 0;}
body#checkout .cart-grid-right .card .cart-total { background-color: #222222;}
.js-show-details {color: #29b6ff;}

.form-control           { border-radius: 5px; border: 1px solid #b5b5b5; background: #eeeeee; font-size: 14px; padding: 10px; line-height: inherit;}
.form-control-select    { background: #eeeeee url(/themes/discount/assets/img/arrow-select.svg) no-repeat scroll right 0.5rem center/1.25rem 1.25rem; cursor: pointer; }
.form-control:focus     {border: 1px solid #b5b5b5;}
select.form-control:not([size]):not([multiple]) { height: inherit;}
.custom-radio input[type="radio"]:checked+span { background-color:#29b6ff;}

.media-list li.media { border-bottom: 1px solid #b5b5b5; margin-bottom: 20px; padding-bottom: 20px;}
.media-list li:last-child {border-bottom:none;}
.media-list li.media .product-price { font-size: 16px; font-weight: 600; color: #29b6ff;}

.address-footer .link i, .address-footer .link span { color:#ffffff;}

.page-addresses .address .address-body     {padding: 0;}
.page-addresses .address .address-footer   { border-top:none; padding: 20px 0;}
.page-addresses .addresses-footer          { margin: 0;}

#password #main .page-footer { margin-bottom: 40px;}

@media (min-width:1201px) {
    .grid-account a:hover { background: #222222; border:1px solid #222222;}
    body#checkout a:hover {color:#29b6ff;}
}

@media (max-width:1200px) {
    .grid-account {grid-template-columns:repeat(2,1fr); grid-gap: 30px;}
}

@media (max-width:600px) {
    .grid-account {grid-template-columns:1fr; grid-gap: 10px;}
}

/*** FOOTER ***/
#footer                             { padding-top:0;}
.footer								{ width: 100%; position: relative; padding-top: 80px; background: #222222; color: #ffffff; font-size: 0;}
.footer .wrapper                    { width: 90vw; max-width: 1200px; margin: 0 auto; position: relative;}

.footer .logo                       { margin-bottom:45px;}

.footer .bloc_footer 				{ display: inline-block; vertical-align: top; margin-right: 100px; line-height: 30px;}
.footer .bloc_footer.last			{ margin-right: 0;}
.footer .bloc_footer p              { color: #ffffff;}
.footer .bloc_footer p a            { color: #ffffff;}
.footer .bloc_footer p strong       { font-weight: 600;}
.footer .bloc_footer ul				{ margin-top: 10px; display: inline-block; vertical-align: top; margin-right: 40px;}
.footer .bloc_footer ul li:nth-child(1) { margin-bottom: 25px;}
.footer .bloc_footer li				{ color: #ffffff; font-size:13px; text-transform:uppercase; }
.footer .bloc_footer li a           { font-size: 13px; color: #ffffff; margin-top: 3px; background: url(/themes/discount/assets/img/li-bullet.svg) 0 50% no-repeat; padding-left: 25px;    display: inline-block; text-transform:initial;}


.footer	.rs							{ position: absolute; right: 0; top: 15px;}
.footer	.rs a						{ width: 60px; height: 60px; display: inline-block; vertical-align: top; border-radius: 50%; margin-right: 10px;}
.footer	.rs .scroll					{ background: url(/themes/discount/assets/img/scrolltop.svg) 50% no-repeat #333333; margin: 0;}

.footer_bottom   					{ padding: 20px 0; line-height: 0; margin-top: 70px;}
.footer_bottom li 					{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.2px; position: relative;}
.footer_bottom li a 				{ color: #ffffff;}
.footer_bottom li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -12px; top: 6px; background: #29b6ff;}
.footer_bottom li:last-child:after 	{ display: none;}

.toponweb							{ display: block; z-index: 85; position: fixed; right: 0; bottom: -65px; transition: bottom 400ms ease-in-out;}
.toponweb span						{ width: auto; display: block; padding: 20px; background:#29b6ff; background-size: 200% 100%; background-position: 100% 0;}
.toponweb img						{ width: 74px; height: auto; display: block; margin: 0 auto;}
.toponweb.show						{ bottom: 0;}

@media (min-width:1201px) {
    .footer .bloc_footer p a:hover,
    .footer .bloc_footer li a:hover,
    .footer_bottom li a:hover			{ color: #29b6ff;}
    .footer	.rs .facebook:hover,
    .footer	.rs .scroll:hover			{ background-color: #29b6ff;}
    .toponweb:hover span				{ background-color: #222222;}
}
@media (max-width:1200px) {
    .footer .bloc_footer 				{ margin-right: 80px;}
    .toponweb                           { position: absolute;}
}
@media (max-width:1000px) {
    .footer .bloc_footer 				{ display: block; margin: 0;}
    .footer .bloc_footer ul             { display: block; margin: 20px 0;}
    .footer .bloc_footer p              { margin: 0 0 10px;}
    .footer_bottom   					{ margin-top: 80px;}
}
@media (max-width:600px) {
    .footer								{ padding-top: 60px;}
    .footer .logo						{ width: 170px; margin-bottom: 15px;}
    .footer .bloc_footer 				{ margin: 0;}
    .footer .bloc_footer p b			{ font-size: 18px; line-height: 20px; margin-bottom: 20px;}
    .footer	.rs							{ top: 0; }
    .footer_bottom 	 					{ text-align: left; margin-top: 30px; padding: 0 0 40px 0;}
    .footer_bottom li 					{ display: block; margin-right: 0; line-height: 30px;}
    .footer .bloc_footer .link          { margin-top: 20px;width: 100%; }
    .footer_bottom li:after				{ display: none;}
}
@media (max-width:350px) {
    .footer .logo						{ width: 150px;}
}

/***** slick *****/
.slick-slider							{ position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list								{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; height: 100%;}
.slick-list:focus						{ outline: none;}
.slick-list.dragging					{ cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list				{ -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); width: 100%; height: 100%;}
.slick-track							{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after 						{ display: table; content: '';}
.slick-track:after						{ clear: both;}
.slick-loading .slick-track				{ visibility: hidden;}
.slick-slide							{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide				{ float: right;}
.slick-slide img						{ display: block;}
.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;}
.slick-dots                             { font-size: 0; line-height: 0; text-align: center; margin-top: 40px;}
.slick-dots li                          { display: inline-block; vertical-align: top; margin: 0 10px;}
.slick-dots button                      { width: 10px; height: 10px; border-radius: 50%; border: none; background: #222222; transition: all ease-in-out 400ms; padding: 0; font-size: 0; cursor: pointer;}
.slick-dots li.slick-active button      { background: #29b6ff;}

/***** slick arrows *****/
.slick-arrow							{ width: 50px; height: 50px; border: 0; padding: 0; font-size: 0; cursor: pointer; border-radius: 50px; top: 50%; position: absolute; margin-top: -25px; z-index: 10;}
.slick-disabled 						{ opacity: 0.5; cursor: default;}
.slick-prev								{ background: url("/themes/discount/assets/img/arrow-left-blue.svg") -2px 50% no-repeat #fff; left: -60px;}
.slick-next								{ background: url("/themes/discount/assets/img/arrow-right-blue.svg") 2px 50% no-repeat #fff; right: -60px;}

@media (max-width:1366px) {
    .featured-products .products { overflow: hidden;}
}

@media (min-width:1201px) { 
    .slick-dots li:hover button      { background: #29b6ff;}
}
@media (max-width:600px) { 
    .slick-arrow                     { width: 50px; height: 50px;}
}


/***** animation *****/
.animate.fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.fade_in.play				{ opacity: 1;}
.animate.fade_up					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_up.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_down.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_left.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_right					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_right.play			{ opacity: 1; transform: translateY(0);}

.animate.zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.zoom_in.play				{ opacity: 1;  transform: scale(1);}

@media (min-width:1201px) {
.animate.fade_up					{ transform: translateY(40px);}
.animate.fade_down					{ transform: translateY(-40px);}
.animate.fade_left					{ transform: translateX(-40px);}
.animate.fade_right					{ transform: translateX(40px);}

.animate.clip_ttb					{ clip-path: inset(0 0 100% 0); transition: clip-path 800ms ease-out;}
.animate.clip_ttb.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_btt					{ clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_btt.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_ltr					{ clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_ltr.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_rtl					{ clip-path: inset(0 0 0 100%); transition: clip-path 800ms ease-out;}
.animate.clip_rtl.play				{ clip-path: inset(-1px -1px -1px -1px);}

.animate.delay-200 					{ transition-delay: 200ms;}
.animate.delay-300 					{ transition-delay: 300ms;}
.animate.delay-400 					{ transition-delay: 400ms;}
.animate.delay-500 					{ transition-delay: 500ms;}
.animate.delay-600					{ transition-delay: 600ms;}
.animate.delay-700					{ transition-delay: 700ms;}
.animate.delay-800					{ transition-delay: 800ms;}
.animate.delay-900					{ transition-delay: 900ms;}
.animate.delay-1000					{ transition-delay: 1000ms;}
.animate.delay-1100					{ transition-delay: 1100ms;}
.animate.delay-1200					{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {
.animate.fade_in.play,			 
.animate.fade_up.play,
.animate.fade_down.play,
.animate.fade_left.play,
.animate.fade_right.play { transition-delay: 300ms;}

.animate.clip_ttb,					
.animate.clip_ltr,					
.animate.clip_rtl					{ opacity: 0; transition: opacity 800ms ease-out; transition-delay: 0ms;}
.animate.clip_ttb.play,	 
.animate.clip_ltr.play, 
.animate.clip_rtl.play				{ opacity: 1; transition-delay: 300ms;}
}

/***** animation groups *****/
.animate .fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_in				{ opacity: 1;}
.animate .fade_up, .animate .fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_up, .animate.play .fade_down				{ opacity: 1; transform: translateY(0);}
.animate .fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_left			{ opacity: 1; transform: translateY(0);}
.animate .fade_right				{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_right			{ opacity: 1; transform: translateY(0);}

.animate .zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.play .zoom_in				{ opacity: 1;  transform: scale(1);}
.animate .rotate					{ transform: rotate(-20deg); transition: transform 400ms ease-out; transition-delay: 0ms;}
.animate.play .rotate				{ transform: rotate(0deg);}
.animate .clip_btt					{ clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;}
.animate.play .clip_btt				{ clip-path: inset(-1px -1px -1px -1px);}
.animate .clip_ltr					{ clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;}
.animate.play .clip_ltr				{ clip-path: inset(-1px -1px -1px -1px);}
.animate .clip_rtl					{ clip-path: inset(0 0 0 100%); transition: clip-path 800ms ease-out;}
.animate.play .clip_rtl				{ clip-path: inset(-1px -1px -1px -1px);}

@media (min-width:1201px) {
.animate .fade_up					{ transform: translateY(40px);}
.animate .fade_down					{ transform: translateY(-40px);}
.animate .fade_left					{ transform: translateX(-20px);}
.animate .fade_right				{ transform: translateX(20px);}
.animate .clip_btt					{ clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;}
.animate .clip_btt.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate .clip_ltr.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate .clip_rtl.play				{ clip-path: inset(-1px -1px -1px -1px);}

.animate .delay-200 				{ transition-delay: 200ms;}
.animate .delay-300 				{ transition-delay: 300ms;}
.animate .delay-400 				{ transition-delay: 400ms;}
.animate .delay-500 				{ transition-delay: 500ms;}
.animate .delay-600					{ transition-delay: 600ms;}
.animate .delay-700					{ transition-delay: 700ms;}
.animate .delay-800					{ transition-delay: 800ms;}
.animate .delay-900					{ transition-delay: 900ms;}
.animate .delay-1000				{ transition-delay: 1000ms;}
.animate .delay-1100				{ transition-delay: 1100ms;}
.animate .delay-1200				{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {

.animate.play .fade_in,
.animate.play .fade_up,
.animate.play .fade_down,
.animate.play .rotate,
.animate .clip_btt,
.animate .clip_ltr,
.animate .clip_rtl,
.animate.play .zoom_in,
.animate.play .fade_left,
.animate.play .fade_right { transition-delay: 300ms;}
}