img {
	height: auto;
}

.column-2-image-text .brand-block
{
	padding:20px;
}

.image-full-width img { width : 100%; }

.brand-block h3
{
	font-size:18px;
	width: 100%;
	text-align: center;
}

.block-hr
{
	height:1px;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	background-color: #000;
	margin-bottom: 30px;
}

.manifesto-title .tit-picto-back p
{
	margin : 50px 0 50px 0;
}

.manifesto-title h1
{
	width: 100%;
	text-align: center;
	font-size: 60px;
	margin-top: -120px;
}

.manifesto-title p
{
	padding:30px;
	width: 100%;
	text-align: center;
	margin-top: -60px;
}

.vr
{
	height:50px;
	width: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DFDFDF;
	margin-bottom: 30px;
}

.title-center
{
	width: 100%;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	color:#000;
}

h2.color-title
{
	font-size: 25px;
	padding:10px 20px;
	border: 1px solid #fff;
	color: #fff;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:inline-table;
}

h2.color-title-black
{
	color:#000;
	border-color: #000;
}

.color-title-container
{
	width:100%;
	text-align:center;
}

.column-2-image-text .color-title-container
{
	padding: 20px;
}

.color-title-container > p
{
	font-size: 12px;
	color:#000;
}

.color-title-container .block-link
{
	margin-top:25px;
}

p.color-white, a.color-white, .block-white,  .block-white p, .block-white h1, .block-white h2, .block-white h3
{
	color:#fff;
}

.color-block-blue { background-color:#3564CF ;}
.color-block-grey { background-color:#B9B9B9 ;}
.color-block-yellow { background-color:#FFDB49 ;}
.color-block-black { background-color:#000000 ;}
.color-block-green { background-color:#41AB79 ;}
.color-block-pink { background-color:#F897A5 ;}
.color-block-red { background-color:#DF2035 ;}
.color-block-brown { background-color:#685550 ;}
.color-block-orange { background-color:#FF9235 ;}
.color-block-navy { background-color:#003A5A ;}


.key-numbers-force-vr:after
{
	display:block;
	height: 35px;
}

.key-numbers-no-vr:after
{
	height:50px;
	background-color: transparent;
}

h2.title-20 { font-size:20px; }
h2.title-18 { font-size:18px; }

h1.block-title { font-size:35px; }

.quotation.bg-wap-sf-quote-1, .bg-wap-sf-quote-1 { background-color: #68879C; }
.bg-wap-sf-colors-40 { background-color: #B10B4D; }
.bg-wap-sf-stitches { background-color: #D3BEA3; }
.bg-wap-sf-stitches h2 { color:#fff; text-align: center; line-height: 30px;}

.bg-wap-heritage-polo-throughout { background-color: #F4F4F4; }

.arrow-grey:after
{
	border-color: #F4F4F4 transparent transparent transparent;

}

.swiper-wraper, .swiper-slide {
  width: 100%;
}

.swiper-slide img
{
	float:left;
}

.arrow-recenter:after
{
	margin : 0 0 0 -15px;
}

.column-half, .column-picture, .column-quarter, .column-three-quarter {}

.quote-white { color:#fff; }
.quote-black { color:#000; }

.column-2-image-text .column-inner-wide { max-width : 760px;}
.column-2-image-text .column-inner-height-wide { padding-top: 100px; padding-bottom:100px;}

.quotation .quotation-author { margin-top:50px; }
.quotation-no-padding { padding:0px;}

.swiper-scrollbar
{
	border-radius: 10px;
	height: 15px;
	background: #e9e9e9;
	position:absolute;
	left:15px;
	right:15px;
	bottom: -10px;
	z-index:1;

}

.swiper-scrollbar-drag
{
	border-radius: 10px;
	background-color:rgba(40,95,65,1);
	width:200px;
	height: 100%;
	position: relative;
	color:#fff;
	text-align: center;
}

.swiper-scrollbar-drag:after
{
	content:"↔";
	position:absolute;
	left:50%;
	top:-10px;
	font-size:25px;
	margin-left: -12.5px;
}

.swiper-scrollbar-cursor-drag
{
    cursor: move;
}

.arrow-right:after { right:-30px; }

.description-key-numbers { width:75%; margin-left:auto; margin-right:auto; font-size:12px; }

.content-full-html-lacoste a:hover { text-decoration:underline; }


.column-2-image-text .block-header-we-are-polo
{
	position:absolute;
	left:10%;
	bottom:10%;
	padding:0px;
}

.block-header-we-are-polo p.block-description { width:75%;}

.quotation-heritage { padding:0px; }


/* POLO GUIDE */
.tabs li.active
{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.polo-guide-tab, .polo-guide-guide-switcher
{
	display:none;
}

.tab-container .active, .polo-guide-guide-switcher .active, .polo-guide-guide-switcher.active
{
	display:block;
}

.gender-switcher a
{
	color:#454545;
	text-decoration:none;
}

.gender-switcher a.selected
{
	text-decoration:underline;
}

.gender-switcher a:hover
{
	text-decoration: underline;
}

.bg-grey { background-color: #F5F5F6; }
.arrow-right.bg-grey:after { border-color: transparent transparent transparent #F5F5F6; }
.arrow-left.bg-grey:after { border-color: transparent #F5F5F6 transparent transparent ; }

.column-2-image-text .column-inner { padding:30px; }

.hr-polo-guide { width: 100%; height: 1px; background-color:#E6E6E6; margin-top:10px; margin-bottom:10px; }
.p-bolder { font-size:14px; font-family: "LacosteSansBold"; color:#454545; }

a.text-squared {
	font-size: 12px;
	font-family:"LacosteSansBold";
	padding:7px 12px;
	border: 1px solid #454545;
	color: #454545;
	background-color: #fff;
	width:100%;
	text-align: center;
	display:inline-table;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

a.text-squared:hover
{
	color: #fff;
	background-color: #285f41;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	text-decoration:none;
}

p.img-ill { width:100%; text-align: center;}
p.img-ill img {margin-right: auto; margin-left: auto;}

.column-right-border { border-right: 1px solid #F4F4F4; }

.column-2-image-text .column-no-padding-v { padding-top:0px; padding-bottom: 0px; }

.column-2-image-text .column-v-aligned {vertical-align: top;}
.column-2-image-text .column-three-quarter-force { width: 75%; display:table-cell; float:none; position:relative; vertical-align: middle; }
.column-2-image-text .column-quarter-force { width: 25%; display:table-cell; float:none; position:relative; vertical-align: middle; }
.column-2-image-text.row-accordion { display:table; }

.row-accordion .column-three-quarter { padding: 30px; font-family:"LacosteSansBold"; font-size:14px; color:#fff; background-color:#154629; }
.row-accordion .column-quarter {  text-align:center; font-size:14px; color:#fff; background-color:#214F35; }

.row-accordion { border-bottom : 1px solid #F4F4F4; }

.content-accordion { display:none; }

.icon-accordion.close:after
{
	content:'';
	background-color:#fff;
	width:30%;
	position: absolute;
	left:35%;
	top:50%;
	height: 1px;
}
.icon-accordion.open:before
{
	background-color:#fff;
	height:30%;
	position: absolute;
	left:50%;
	top:35%;
	width: 1px;
	content:"";
}

.swiper-polo-guide-slide { margin-left:auto; margin-right:auto; width:60%;}
.swiper-polo-guide-slide img { width:100%; }
#swiper-polo-fabric .swiper-polo-guide-slide img {width: 50%; margin-left:auto; margin-right:auto; display:block; float:none;}
.margin-bottom-30 { margin-bottom:30px;}

.swiper-arrow-left { left:0px; }
.swiper-arrow-right { right:0px; }

.swiper-arrow { top:14px; z-index:20; background-color: rgba(255,255,255,0.7); position:absolute; width: 20%; height:50px; color:#000; font-size:40px; }
.swiper-arrow-left:after { content:"←"; top: 50%; position: absolute; margin-top: -40px; left: 50%; margin-left: -20px;}
.swiper-arrow-right:after { content:"→"; top: 50%; position: absolute; margin-top: -40px; left: 50%; margin-left: -20px;}

@media screen and (max-width:1279px)
{
	.color-title-container > p
	{
		font-size:10px;
	}

	.column-2-image-text .brand-block { font-size:10px; }
	.description-key-numbers { font-size:10px; }

	.content-full-html-lacoste
	{
		font-size:10px;
	}

	.block-link { font-size:10px; }
	.pre-title { font-size:9px; }

	.brand-block h3 {font-size:16px; }
}

@media screen and (max-width: 767px)
{
	h2.color-title
	{
		font-size: 15px;
	}

	.column-2-image-text .brand-block
	{
		padding:30px;
	}

	.block-hr
	{
		width:25%;
		background-color:#D8D8D8;
		margin-top: 25px;
	}

	.description-key-numbers
	{
		width:90%;
		margin-bottom:25px;
		color:#797979;
		line-height:1.7;
		font-size:10px;
	}

	.column-2-image-text .brand-block-full-width
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.tabs li
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.column-2-image-text .block-header-we-are-polo
	{
		bottom:0%;
		left:0%;
	}

	h2.color-title-steps-polo-guide
	{
		display:block;
		width:60%;
		text-align:center;
		margin-bottom:20px;
	}
}