/**
* 2007-2019 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2019 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
#index .homepage-category {margin: 0px auto 50px; max-width:1200px;width: 100%;}
#index .homepage-category img{width: 100%;}
#index .homepage-category .homme {margin-bottom: 38px;}
#index .homepage-category .homme .homepage-category-left {width: 45.5%;float: left; padding-top: 33px;}
#index .homepage-category .homme .homepage-category-right {width: 51%; float: right;}
#index .homepage-category span,#index .homepage-category h2 {text-align: left;display: inline-block;font-size: 20px;font-family: Oswald-Bold !important;width: 100%; margin-top: 20px; color: #000000;text-transform: uppercase;transition:all 0.3s ease 0s;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0.0s}
#index .homepage-category h2,#index .homepage-category h2 span {font-size: 55px;color: #821a0d; margin-top: 40px;}
#index .homepage-category h2 span{ color: #183483; text-align: right; float: left; font-size: 35px; margin: 10px 0px 0px 0px; }
#index .homepage-category h3 span {margin-top: 0;text-align: right;}
#index .homepage-category p {color: #000000;line-height: 1.5;font-size: 14px;margin: 7px 0 15px;text-align: left;}
#index .homepage-category .homepage-category-right a.readmore, #index .homepage-category .homepage-category-left a.readmore {text-transform: uppercase;margin-bottom: 45px;font-family: Oswald-Bold;font-weight: 500; display: inline-block;font-size: 20px;transition:all 0.3s ease 0s;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0.0s}
#index .homepage-category .femme h2, #index .homepage-category .femme p, #index .homepage-category .femme a.readmore {text-align: right;}
#index .homepage-category .femme .homepage-category-right {text-align: right;padding: 0;}
#index .homepage-category .homepage-category-right .category-col-3, #index .homepage-category .homepage-category-right .category-col-2,#index .homepage-category .homepage-category-left .category-col-3, #index .homepage-category .homepage-category-left .category-col-2 {max-width: 305px; height: auto;float: left; width: 100%;}
#index .homepage-category .homepage-category-right .category-col-3, #index .homepage-category .homepage-category-left .category-col-3 {float: right;}

#index .homepage-category .femme .homepage-category-right {width: 45.5%;float:right; padding-top: 30px;}
#index .homepage-category .femme .homepage-category-left {width: 51%; float: left;}
#index .homepage-category .femme .homepage-category-left a.readmore {float: right;width: 100%; text-decoration: none;}
#index .homepage-category .mobile-view {display: none;} 
#index #columns .homepage-category .homepage-category-right a.readmore:hover, #index #columns .homepage-category .homepage-category-left a.readmore:hover,#index .homepage-category a span:hover {text-decoration: underline; color: #821a0d!important; background-color:transparent!important;transition:all 0.3s ease 0s;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0.0s}
/*Added by Ocs*/
.fancybox-outer .container { width: 100%; max-width: 865px; border: 1px solid #DCDCDC; margin: 0 auto; padding: 20px; }
.fancybox-outer .right-block-list { float: left; width: 100%; max-width: 30%; padding: 10px;}
.fancybox-outer .left-block-list { float: right; width: 100%; max-width: 65%; margin-top: 15px; } 
.fancybox-outer .block-list-b2b { display: inline-block; }
.fancybox-outer .popup-b2b { margin-bottom: 65px; text-align: left; color: #073a4f; font-size: 24px;font-weight: bold;margin-top: 20px;}
.fancybox-outer .popup-b2b-text{ margin-bottom: 25px; text-align: left; width: 100%; color: #073a4f; display: inline-block;font-size: 18px; }
.fancybox-outer .popup-b2b-text span { width: 100%; display: inline-block;}
.fancybox-outer .left-block-list a { text-decoration: none; color: #073a4f; font-size: 17px;}
.fancybox-outer .popup-b2b span { color: #730d1d; margin-left: 5px; text-transform: uppercase;}
.popup { display: none; }
body#index .fancybox-skin .fancybox-close {top: 10px;right: 10px;background: none;color: #787878;font-size: 18px;}
body#index .fancybox-skin .fancybox-close:hover {background: none;color: #787878;}
@media (min-width: 1201px) and (max-width: 1400px) {
	#index .homepage-category  img {width: 100%;}
	#index .homepage-category .homepage-category-right .category-col-3,
	#index .homepage-category .homepage-category-right .category-col-2,
	#index .homepage-category .homepage-category-left .category-col-3,
	#index .homepage-category .homepage-category-left .category-col-2 {max-width: 100%;width: 49.5%;padding: 0;}
	#index .homepage-category h3 {font-size: 50px;margin-top: 14px;}
	#index .homepage-category .homme .homepage-category-left {padding-top: 15px;}
}
@media (min-width: 1025px) and (max-width: 1200px) {
	#index .homepage-category  img {width: 100%;}
	#index .homepage-category .homepage-category-right .category-col-3,
	#index .homepage-category .homepage-category-right .category-col-2,
	#index .homepage-category .homepage-category-left .category-col-3,
	#index .homepage-category .homepage-category-left .category-col-2 {max-width: 260px;width: 100%;padding: 0;}
	#index .homepage-category h3 {font-size: 50px;}
	.insta_container_inner div {max-width: 100%; width: 33.3%}
}
@media (min-width: 801px) and (max-width: 1024px) {
	#index .homepage-category  img {width: 100%;}
	#index .homepage-category .homepage-category-right .category-col-3,
	#index .homepage-category .homepage-category-right .category-col-2,
	#index .homepage-category .homepage-category-left .category-col-3,
	#index .homepage-category .homepage-category-left .category-col-2 {max-width: 240px;width: 100%;padding: 0;}
	#index .homepage-category h3 {font-size: 50px;}
	.insta_container_inner div {max-width: 100%; width: 33.3%}
	.fancybox-outer .right-block-list {width: 100%; max-width: 35%; text-align: center;}
	.fancybox-outer .left-block-list {width: 100%; max-width: 60%;} 
}
@media (min-width: 0px) and (max-width: 800px) {
	#index .homepage-category .desktop-view {display: none;}
	#index .homepage-category .mobile-view {display: block;}
	#index .homepage-category .homepage-category-right .category-col-3, #index .homepage-category .homepage-category-left .category-col-3 {float: left;}
	#index .homepage-category .homepage-category-right .category-col-3,
	#index .homepage-category .homepage-category-right .category-col-2,
	#index .homepage-category .homepage-category-left .category-col-3,
	#index .homepage-category .homepage-category-left .category-col-2 {max-width: 100%;width: 50%;padding: 0;}
	#index .homepage-category .homme .homepage-category-right,
	#index .homepage-category .homme .homepage-category-left,
	#index .homepage-category .femme .homepage-category-right,
	#index .homepage-category .femme .homepage-category-left .mobile-view{width: 100%;float:left;margin-bottom: 20px;}
	#index .homepage-category  img,#index .homepage-category .femme .homepage-category-left {width: 100%;}
	#index .homepage-category .homepage-category-left,
	#index .homepage-category .mobile-view,
	#index .homepage-category .homepage-category-right .category-col-3,
	#index .homepage-category .homepage-category-right .category-col-2,
	#index .homepage-category .homepage-category-left .category-col-3,
	#index .homepage-category .homepage-category-left .category-col-2{position: relative;padding: 0;}
	#index .homepage-category span, #index .homepage-category h3 {position: absolute;top: 40%;transform: translateY(-50%); text-align: center; z-index: 100; width: 100%; display: block;color: #ffffff;font-size: 24px;line-height: 35px;}
	#index .homepage-category {float: left;margin: 0;max-width: 100%;padding: 0;width: 100%;}		
	#index .homepage-category .homme {margin-bottom: 0;}
	.fancybox-outer .right-block-list {width: 100%; max-width: 35%; text-align: center;}
	.fancybox-outer .left-block-list {width: 100%; max-width: 53%;} 
	.lookandinsta_container p.instagram_name {margin-bottom: 23px;}
	.lookandinsta_container .titre_block_redskins {margin-bottom: 5px;}		
	.fancybox-outer .popup-b2b {font-size: 18px;}
	.fancybox-outer .popup-b2b-text,.fancybox-outer .left-block-list a {font-size: 14px;}
}
@media (min-width: 0px) and (max-width: 676px) {
	.fancybox-outer .right-block-list {width: 100%; max-width: 100%; text-align: center; }
	.fancybox-outer .left-block-list {width: 100%; max-width: 100%;margin-left: 10px;} 
	body#index .fancybox-skin .fancybox-close {top: 0px;right: 0px;background: none;color: #787878;font-size: 14px;}
	.lookandinsta_container .titre_block_redskins {margin-bottom: 5px;}	
	.fancybox-outer .popup-b2b {margin-bottom: 15px;margin-left:10px; }
	.fancybox-outer .popup-b2b-text {margin-bottom: 10px;margin-left: 10px;}
	.fancybox-outer .left-block-list a {margin-left: 10px;}
	.fancybox-outer .pop-up-contact { margin-left: 0 !important; }
	body#index .fancybox-skin .fancybox-inner { height: auto !important; }
}
#index .homepage-category-left div.desktop-view p{ margin: 5px 0px 80px 0px !important; }
/*Added by Ocs*/
.fancybox-outer .left-block-list .img-large-logo-trade { width: 100%; max-width: 250px; margin-top: 15px; }
.fancybox-outer .left-block-list .img-large-logo-trade-1 { width: 100%; max-width: 110px; margin-top: 15px; }
.fancybox-outer .left-block-list .img-large-logo-trade-2 { width: 100%; max-width: 100px; }
.fancybox-outer .popup-b2b,
.fancybox-outer .popup-b2b-text,
.fancybox-outer .pop-up-contact,
.fancybox-outer .pop-up-b2b-number { margin-left: 11px; }
.fancybox-outer .right-block-list img{ width: 100%; }