/* caroussel HP*/
/* SLIDE 1 */


.exclusive_offers{
	width: 100%; display: block; position: relative; overflow: hidden; z-index: 0;}
/*.exclusive_offers .caroussel_slide{
	width: 100%; height: 397px; display: block; position: relative; z-index: 1; overflow: hidden;}*/
#carrousel_ipcash ul.bxslider{
	margin: 0; padding: 0; width: 100%; height: 397px; display: block; position: relative;
	overflow: hidden; z-index: 1; font-size: 0;}
.carrousel_slide{
	margin: 0; padding: 0; display: block; position: absolute; vertical-align: top; width: 100%; height: 397px;
	opacity: 0; z-index: 1;}
.carrousel_slide.slide_active {
	display: block; opacity: 1; z-index: 3;}
.nav_caroussel{
	padding: 0; margin: 0; width: 100%; top:0; left: 0; display: block; position: absolute; z-index: 5; outline: 1px solid pink;}
.nav_arrow_left,
.nav_arrow_right{
	content:""; padding: 0; margin: -30px 0 0 0; width: 30px; height: 60px; top:50%; left: 0; display: block; position: absolute; z-index: 5;
	background:#DDD; background:rgba(0,0,0,0.15); border-radius: 0 2px 2px 0; cursor: pointer; font-size: 0; color:#FFF;}
.nav_arrow_right{left: inherit; right: 0px; border-radius: 2px 0 0 2px;}
.nav_arrow_left:hover,
.nav_arrow_right:hover{background:#666;	background:rgba(0,0,0,0.5);}
.nav_arrow_left img{
	position: absolute; top: 22px; left: 5px;}
.nav_arrow_right img{
	position: absolute; top: 22px; right: 5px;}
.left_offers{
	width: 100%; display: inline-block; position: absolute; top: 0; left:0;}
.special-exclu {margin: 0 0 65px 50px; display: inline-block; width: 34%; position: relative; vertical-align: bottom; z-index:2;}
.special-exclu img {width: 100%;}
.text-offers {
	margin: -25px 0 0 -70px; padding: 53px; width: 60%; background: url(../images_fr/newsite/bubble.svg) no-repeat 48% ;position: relative; display: inline-block;}
.text-offers img{
	position: absolute; top:255px; left:-282px;}
.slide1-offers {
	margin: 18px 0 0 0; position: relative;
	font-family: 'Roboto Bold',sans-serif; font-size: 33px; color:#8a8280; text-transform: uppercase; text-align: center; line-height:1;}
.add_title {
	font-family: 'Roboto Light',sans-serif; font-size: 30px; color:#8a8280; text-transform: uppercase; line-height:1.2;}
.amount_discount{
	margin: 6px 0 0; padding: 0 10px; position: relative; display: inline-block; background: #fff; text-align: center; z-index: 2;
	font-family: 'Roboto Bold',sans-serif; font-size: 75px; color:#d4011c; line-height:1;}
.zone_amount{
	margin: 0 auto; position: relative; display: block; width: 65%;
	text-align: center;}
.zone_amount:after {
	content: ""; margin: 0; padding: 0; width: calc(100% - 20px); height: 2px; top:50%; left: 10px; position: absolute; display: block;
	z-index: 1; background: red;}
.text_discount {
	margin-top: 10px; display: inline-block; width: 100%; position: relative; text-align: center;
	font-family: 'Roboto Regular',sans-serif; font-size: 23px; color:#8a8280;}
.discount_t1{
	font-family: 'Roboto Bold',sans-serif; font-size: 49px; text-transform: uppercase; line-height: 1;}
.discount_t2{
	font-family: 'Roboto Bold',sans-serif; font-size: 31px; text-transform: uppercase;}
.exclu {margin: -12px 0 0 -10%; display: inline-block; width: 16%; position: relative; vertical-align: top;}
.exclu img {width: 100%;}
.text_conditions {
	margin: 0 auto; position: absolute; bottom:1%;
	font-family: 'Roboto', sans-serif; text-align: center; font-size: 10px; color:#3d3e43;}

	/*responsive*/
@media screen and (max-width: 768px) {
.carrousel_slide{
	height: 320px; overflow: hidden;}
#carrousel_ipcash ul.bxslider{
	height: 320px;}
.exclusive_offers{
	margin-top:20px;}
.slide_1 .left_offers{
	width: 100%; overflow: hidden;}
.nav_arrow_left,
.nav_arrow_right{
	margin: -60px 0 0 0;}
.left_offers img{
	width: 100%;}
.special-exclu {margin: 0 0 50px 10px;width: 34%;}
.text-offers {
	padding: 5%;}
.slide1-offers {
	padding-top:10px; font-size: 25px; line-height:1;}
.add_title {
	font-family: 'Roboto Light',sans-serif; font-size: 23px; color:#8a8280; text-transform: uppercase; line-height:1;}
.amount_discount{
	margin: 3px 0 0;font-size: 50px;}
.zone_amount{
	margin: 0 auto; position: relative; display: block; width: 65%;
	text-align: center;}
.zone_amount:after {
	content: ""; margin: 0; padding: 0; width: calc(100% - 20px); height: 2px; top:50%; left: 10px; position: absolute; display: block;
	z-index: 1; background: red;}
.text_discount {
	margin-top: 6px; font-size: 18px;}
.discount_t1{
	font-size: 38px;}
.discount_t2{
	font-size: 24px; line-height: 1;}
.text_conditions {bottom:5%;}
}

@media screen and (max-width: 550px) {
.exclusive_offers .caroussel_slide{
	height: 250px;}
.text-offers {margin: -25px 0px 0px -40px;}
.exclu {width: 18%;}
.slide1-offers {font-size: 20px;}
.add_title {font-size: 19px;}
.amount_discount {font-size: 40px;}
.discount_t1 {font-size: 31px;}
.discount_t2 {font-size: 20px;}
.text_discount {font-size: 16px;}
.special-exclu {margin: 0 0 40px 10px; width: 33%;}
}

@media screen and (max-width: 480px) {
.carrousel_slide{
	height: 300px; overflow: hidden;}
#carrousel_ipcash ul.bxslider{
	height: 300px;}
.mobile-bg-offers {
	width: 100%; height:414px; position: absolute; top: 105px; left: 0; display: block;
	background-color: #ddddde;}
.exclusive_offers {overflow: visible;}
.exclusive_offers .caroussel_slide{
	height: 300px; box-shadow: 0 1px 2px rgba(0,0,0,0.7); border-top: 3px solid #d4011c ; background-color:#D6D5D3;}
.triangle-border-top{
	margin-left:-6px; display: block; width: 0;  height: 0; position: absolute; top:0; left: 50%; z-index:2;
	border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 9px solid #d4011c;}
.exclu {display: none;}
.special-exclu {display: none;}
.nav_arrow_left,
.nav_arrow_right{
	margin: -30px 0 0 0;}
.text-offers {
	margin: 0px 0px 0px -40px; width: 70%; position: absolute; right: 13%; top:5px;}
.slide1-offers {
	margin: 0; padding:16px 0 0; font-size: 16px;}
.add_title {
	font-size: 15px;}
.amount_discount {font-size: 35px;}
.discount_t1 {font-size: 25px;}
.discount_t2 {font-size: 16px;}
.text_discount {font-size: 13px;}
.text_conditions {
	bottom: 7%;}
}


/* SLIDE 2 */
.slide_2 .left_offers{
	padding: 7%; width: 100%; display: block; position: relative; background-image: url(../images_fr/newsite/promo-slide-2.jpg);
	background-repeat: no-repeat; background-size: 100%; background-position: center 40%;}
.left_offers_opacity {display: none;}
.leader {
	padding: 0; position: relative; display: block; width: 50%; text-align: center;}
.leader-title {
	margin: 0; padding: 0; font-family: 'Roboto Bold',sans-serif; font-size: 35px; color: #d4011c;
	text-transform: uppercase; line-height:1; text-align: center}
.text-leader {
	padding: 0; margin: 19px; font-family: 'Roboto Regular',sans-serif; font-size: 23px; color: #fff;
	line-height:1.2; text-align: center;}
.maj {
	text-transform: uppercase;}
.btn-leader {
	margin: 0 auto; padding: 10px 0; display: block; width: 70%; font-family: 'Roboto Regular',sans-serif; font-size: 16px; color: #fff;
	background: #d4011c; text-align: center;}

	/*responsive*/
@media screen and (max-width: 768px) {
.slide_2 .left_offers{
	padding: 5% 0; background-position: 40%;}
.leader {
	width: 62%;}
.leader-title {
	font-size: 30px;}
.text-leader {
	font-size: 20px; color: #3D3E43;}
}

@media screen and (max-width: 550px) {
.leader {
	width: 60%;}
.leader-title {
	font-size: 24px;}
.text-leader {
	font-size: 16px;}
.btn-leader {
	padding: 5px 0; font-size: 15px;}

}

@media screen and (max-width: 480px) {
.slide_2 .left_offers{
	padding: 14% 0; background-size: 185%; background-position: 102% 40%;}
.left_offers_opacity {display:block; position: absolute; width:100%; height:100%; left:0; top:0; background-color: rgba(221, 221, 222, 0.7)}
.leader {
	width: 100%; padding: 0 20px;}
}