body {overflow-x:hidden!important;}

.border, .test {border:1px solid red;}


/* decoration  ------------------------------------*/

.text-decoration {text-decoration:underline!important;}
.underline {text-decoration:underline!important;}
.uppercase {text-transform:uppercase;}



/* positions  ------------------------------------*/

.float-right {float:right;}
.float-left {float:left;}
.float-none {float:none;}
.center {text-align:center;margin: 0 auto;}
.left {text-align:left!important;}
.clear {clear:both;padding:10px 0;}
.block-div {display:block;min-height:auto!important;}
.block-div:hover {box-shadow:none;}
.inline-block {display:inline-block;}
.inline {display:inline;}
.fixed {position:fixed;}
.relative {position:relative;}
.absolute {position:absolute;}
   
.absolute.center {position:absolute;display: flex;align-items: center;justify-content: center;text-align: center;}
.absolute-div-center { 
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* img   ------------------------------------*/

.full-width {width:100%; min-width:100%;height:auto;}
	
/* visibility settings  ------------------------------------*/

.hidden {position:absolute;top:-99999px!important;}	
.hidde {display:none;}
.hide-for-mobile {display:block;}
.hide-for-desktop {display:none;}
.overflow-hidden {overflow:hidden;}
.overflow-visible {overflow:visible;}
.visibility {visibility:hidden;}
.flex {display:flex;padding:0;margin:0;}
.flex li {list-style:none;padding:0;margin:0;}
.flex.column {flex-direction: column;}
.flex.row {flex-direction: row;}
.flex.center{align-items: center; justify-content: center;}
ul li:before  {display:none;}




/* Margins   ------------------------------------*/

.reset {margin:0;padding:0;}
section {display:block;overflow:hidden;}

/* COLOR txt   ------------------------------------*/

.open-sans {font-family: 'Open Sans', sans-serif;}
.pacifico {font-family: 'Pacifico', cursive;}
.ubuntu {font-family: 'Ubuntu', sans-serif;}
.ubuntu_light, .UbuntuLight  { font-family: "UbuntuLight", sans-serif;}
.UbuntuBold {font-family: "UbuntuBold";}
.open-sans_semi_bold {font-family: 'OpenSansSemiBold', sans-serif;}
.caveat {font-family: 'Caveat', cursive;}
.goodlife-script{font-family: goodlife-script, sans-serif;font-style: normal;font-weight: 400;}


.txt-grey {color:#575757!important;}
.txt-grey-light {color:#8c8c8c!important;}
.txt-orange {color:#f47321!important;}
.txt-white {color:#ffffff!important;}
.txt-primary {color:#5cb5ed!important;}
.txt-blue {color:#0e3368!important;} 
.txt-blue-light {color:#0970E6!important;} 
.txt-blue-light-2 {color:#049EE3!important;} 
.txt-green {color:#0c532e!important;}
.txt-green-primary {color:#4CCD8A!important;}
.txt-red {color:#EF373D!important;}
.txt-wine {color:#A02448!important;}

.bg-white {background-color:#ffffff!important;}
.bg-blue {background-color:#0e3368!important;}
.bg-blue-light {background-color:#D2EEFF!important;}
.bg-blue-primary {background-color:#0670E6!important;}
.bg-transparent {background-color:transparent!important;}
.custom-light-blue {
    background: #009ee3;
}

.bg-red {background-color:#e61111!important;}
.bg-wine {background-color: #A02448!important;}
.bg-green {background-color: #005524!important;}
.bg-green-primary {background-color: #E50414!important;}
.bg-pink {background-color: #FFCCBD40!important;}
.bg-yellow {background-color: #F3E200!important;}




.btn.size_1 {width:20px!important;}
.btn.size_2 {width:40px!important;}
.btn.size_3 {width:60px!important;}
.btn.size_4 {width:80px!important;}
.btn.size_5 {width:100px!important;}





/*CUSTOM   ------------------------------------*/

.component {
    margin-bottom: 0;
} 

[data-component-name='intro'] {width: 70%; margin: 0 auto;}
[data-component-name='intro'] h1 {padding: 40px 0 20px 0;}
[data-component-name='intro'] p {}

[data-component-name='download'] aside > header {    width: 50%;}
[data-component-name='download'] aside > header > span  {    width: 70px;
   padding: 10px;
    margin: 0 auto;
    font-size: 20px;
    z-index: 1;
    background: #ffffff;}

[data-component-name='download'] #Bon01, [data-component-name='download'] #Bon02 , [data-component-name='download'] #Bon03, [data-component-name='download'] #Bon04{display:none;    width: 90%;margin: 0 auto;} 
[data-component-name='download'] div.block-div {display:block!important;}
[data-component-name='download'] section >  header {}
[data-component-name='download'] section >  header ul {gap: 5px; width: 560px;margin: 0 auto;padding: 40px 0;}
[data-component-name='download'] section >  header ul  li { -webkit-border-radius: 20px;-moz-border-radius: 10px;border-radius:10px;width:25%;padding:5px 0;   }


[data-component-name='download'] section >  header ul  li span {font-size: 13px;line-height: 22px;}
[data-component-name='download'] section >  header ul  li span.date { margin: 0 0 -5px 0;}



[data-component-name='download'] section >  header ul  li em {font-size: 40px;font-style: normal;}

[data-component-name='download'] li.past {border: 1px solid #EF7D00;background-color: transparent;}
[data-component-name='download'] li.past span {color: #EF7D00;}
[data-component-name='download'] li.past em {color: #EF7D00;}
[data-component-name='download'] li.current {border: 1px solid #E50414;background-color: #E50414;}
[data-component-name='download'] li.current span {color: #ffffff;}
[data-component-name='download'] li.current em {color: #ffffff;}
[data-component-name='download'] li.future {border: 1px solid #BCBCBC;background-color: transparent;}
[data-component-name='download'] li.future span {color: #929292;}
[data-component-name='download'] li.future em {color: #929292;}

[data-component-name='download'] aside { -webkit-border-radius: 20px;-moz-border-radius: 10px;border-radius:10px;    padding: 20px 0;}
[data-component-name='download'] aside h3 {font-size: 28px;line-height: 36px;padding: 0 0 10px 0;height: 100%;} 
[data-component-name='download'] aside ul {width: 70%;margin: 0 auto;display: flex;align-content: space-between;align-items: stretch!important;height: 100%;}
[data-component-name='download'] aside ul li{padding: 40px 0;}
[data-component-name='download'] aside ul li header{
    height: max-content;
}
[data-component-name='download'] aside ul li p {font-size: 16px;line-height: 22px;}
[data-component-name='download'] aside ul li figure {margin: 0;padding: 20px 0 0 0;}
[data-component-name='download'] aside legend {font-size: 16px;
    line-height: 22px;
    padding: 10px 0;
    margin: 0;}

[data-component-name='download'] aside footer {}
[data-component-name='download'] aside .row > div:first-child footer i{margin: 0 10px 0 0;
    position: relative;
    top: 5px;}
[data-component-name='download'] aside .row > div:last-child footer i{
	position: relative;
    font-size: 22px;
    line-height: 0px;
    left: -3px;
    top: 6px;
	}
[data-component-name='download'] #week05 {
	position: relative;
}
[data-component-name='download'] #week05.current [data-component-name='download'] li.current {
    border: 1px solid #005AAA;
    background-color: #005AAA;
}


[data-component-name='download'] #week05 .icon-alert-circle{
	font-size: 12px;
    line-height: 12px;
}
/* Tooltip container */
[data-component-name='download'] #week05 .mytooltip {
  position: relative;
  display: inline-block;  
}

/* Tooltip text */
[data-component-name='download'] #week05 .mytooltip .tooltiptext {
  	visibility: hidden;
 	width: 180px;
    background-color: #FFFFFF;
    color: #282828;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 17px;
    left: 30px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);
}
[data-component-name='download'] #week05 .mytooltip .tooltiptext a{  	
    font-family: 'OpenSansBold';
    line-height: 20px;
}

/* Show the tooltip text when you mouse over the tooltip container */
[data-component-name='download'] #week05 .mytooltip:hover .tooltiptext {
  visibility: visible;
}

[data-component-name='download'] #week05::after {
	content: " ";
    width: 50px;
    height: 52px;
    background: url(https://cdn-mkt.be.carrefour.eu/free-html/EB-29522/icon-smartphone.png?nocache) no-repeat;
    top: -30px;
    right: -35px;
    display: block;
    position: absolute;
}
[data-component-name='download'] #week05.current {	
    border: 1px solid #005AAA;
    background-color: #005AAA;
}
[data-component-name='download'] #week05.current::after {	
    background: url(https://cdn-mkt.be.carrefour.eu/free-html/EB-29522/icon-smartphone-blue.png?nocache) no-repeat;    
}
[data-component-name='download'] #week05 .mytooltip .tooltiptext::after {
	content: " ";
    position: absolute;
    top: 15%;
    right: 100%;
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
    margin-right: -1px;
}


[data-component-name='download'] aside .row > div:first-child .btn {
	width:300px!important;margin: 0 0 10px 0;}
[data-component-name='download'] aside .row > div:last-child .btn {
	width: 200px!important;margin: 0 0 10px 0;
}



[data-component-name='download'] .promo-code {width: 87%;padding: 20px;margin: 40px auto 10px auto;height: 124px;}
[data-component-name='download'] .promo-code span {font-size: 14px;line-height: 16px;margin: 10px 0 0 0;}
[data-component-name='download'] .promo-code em {font-size: 30px;font-style: normal;}




[data-component-name='download'] aside .row > div:first-child{border-right: 1px solid #eeeeee;}
[data-component-name='download'] aside .row > div:last-child{}


[data-component-name='bonuscard'] {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 10px;
	margin-bottom: 40px;
    margin-top: 40px;
    left: 50%;
	display: block;
	background-color: #E6F4FF;
height:273px;}

[data-component-name='bonuscard']  ul {margin: 50px 0 0 0;}
[data-component-name='bonuscard'] h3 {font-size: 28px;line-height: 36px;    width: 60%;}
[data-component-name='bonuscard'] p {font-size: 16px;line-height: 20px;}
[data-component-name='bonuscard'] footer {    padding: 10px 0;}
[data-component-name='bonuscard'] .btn {width: 300px;}
[data-component-name='legal'] {padding: 20px 0 40px 0;}
[data-component-name='legal'] p {color:#575757;font-size: 12px;margin:0 0 20px 0;}


.modal-header .close {
    position: relative;
    top: -20px;
    left: 10px;
    font-size: 50px;
    color: #000000;
}

/* DUAL BANNERS */
[data-component-name='custom-dual-banner'] {padding:40px 0 0 0;}
[data-component-name='custom-dual-banner'] h3  {font-size: 22px;line-height: 20px; margin-bottom: 8px;}
[data-component-name='custom-dual-banner'] h3 span {    
	font-family: "UbuntuRegular";
    font-size: 14px;
    line-height: 14px;}
[data-component-name='custom-dual-banner'] section {	
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		gap: 30px;
		margin-bottom: 30px;
	}

[data-component-name='custom-dual-banner']  section > div {	
	width: 50%;
	border-radius: 8px;
	padding: 25px;
	margin: 0px 0 0 0;
	height: 180px;
}

[data-component-name='custom-dual-banner']  section > div  a{		
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	height: 100%;
}

[data-component-name='custom-dual-banner']  section div img {width:100%; max-width:240px;}
[data-component-name='custom-dual-banner']  section > div:first-child a img {bottom:-41px;}
[data-component-name='custom-dual-banner']  section > div:last-child  a img {bottom:-14px;}

[data-component-name='custom-dual-banner']  section > div  a div { 
	width: 60%;	
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	align-content: flex-start;	
} 


@media only screen and (max-width : 1280px) {
	
	[data-component-name='download'] aside ul {width: 75%;}
	[data-component-name='custom-dual-banner'] h3  {font-size: 23px;}
	
	
}
	
@media only screen and (max-width : 1024px){

	[data-component-name='download'] .promo-code em {font-size: 22px}
	
	[data-component-name='bonuscard'] ul {margin: 50px auto 0 auto;width: 80%;}
	[data-component-name='bonuscard'] h3 { width: 100%;}
	[data-component-name='bonuscard'] .btn {width: 200px;}	
	
	[data-component-name='custom-dual-banner'] section  > div:first-child div ,
	[data-component-name='custom-dual-banner'] section  > div:last-child div  {	    
	    justify-content: flex-end;
	}
	[data-component-name='custom-dual-banner'] section  > div:first-child div img,
	[data-component-name='custom-dual-banner'] section  > div:last-child div img {
	    max-width: 190px!important;
	    width: 100%!important;
	    bottom: -25px;	    
	}

	[data-component-name='custom-dual-banner'] section > div {height: 200px;}
	
	[data-component-name='custom-dual-banner'] h3{  
		font-size: 17px;
    	line-height: 20px;
    }
	
	[data-component-name='custom-dual-banner'] section > div a div:first-child,
	[data-component-name='custom-dual-banner'] section > div a div:last-child{width: 65%}	
	
	[data-component-name='custom-dual-banner'] section div img {max-width: 190px!important;
	    width: 100%!important;}	
	[data-component-name='custom-dual-banner'] section > div a div:last-child {width: 35%;}	
	
}

@media only screen and (max-width : 800px) {

	[data-component-name='intro'] {width: 80%;margin: 0 auto;}
	[data-component-name='bonuscard'] ul {margin: 50px auto 0 auto; width: 80%;}
	[data-component-name='bonuscard'] h3 {    width: 80%;}
		
	
}

@media only screen and (max-width : 770px) {
	
	[data-component-name='download'] aside > header > span {    width: 50px;}
	
	[data-component-name='download'] .promo-code em {font-size: 26px;}
	[data-component-name='download'] aside h3 {
	    font-size: 25px;
	    line-height: 29px;	  
	}
	
	[data-component-name='download'] aside ul li p {
	    font-size: 14px;
	    line-height: 20px;
	}	
	
	[data-component-name='bonuscard'] ul { width: 90%;}	
		
	[data-component-name='download'] aside .row > div:first-child {
	    border-right: 0px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
	}
	
}
	
@media only screen and (max-width : 600px) {
	
	.hide-for-mobile {display:none!important;}
	.hide-for-desktop {display:block!important;}
		
	[data-component-name='bonuscard'] h3 {font-size: 20px;line-height: 28px; text-align: center!important;width: 100%;}
	[data-component-name='bonuscard'] p {font-size: 16px;line-height: 22px; text-align: center!important;}
	[data-component-name='bonuscard'] footer {text-align: center!important;}
	[data-component-name='bonuscard'] .btn {width:200px!important;}	
	[data-component-name='bonuscard'] ul {flex-direction: column}	
	[data-component-name='bonuscard'] {height:100%;}	
	[data-component-name='bonuscard'] ul {argin: 0 auto;width: 80%;}
	[data-component-name='bonuscard'] {padding: 0 0 20px 0;}		
		
	[data-component-name="download"] #Bon01, [data-component-name="download"] #Bon02, [data-component-name="download"] #Bon03, [data-component-name="download"] #Bon04 {
	    width: 99%;
	    margin: 0px auto;
	}	
		
	[data-component-name='download'] aside ul {width: 90%;}	
	[data-component-name='custom-dual-banner'] section {  display: block; }
	
	[data-component-name='custom-dual-banner'] section div {height:150px;width: 100%;}
	[data-component-name='custom-dual-banner'] section > div:first-child{margin-bottom:20px!important;}
	[data-component-name='custom-dual-banner'] section > div a div:first-child {height: auto;}

	[data-component-name='custom-dual-banner'] section > div:first-child a img {bottom: 25px;}
	[data-component-name='custom-dual-banner'] section > div:last-child a img {bottom: 25px;}
	
		
}
@media only screen and (max-width : 480px) {	
	[data-component-name='custom-dual-banner'] section > div:last-child  h3 span {
        font-size: 8px!important;
        line-height: 8px!important;
    }	
    [data-component-name='custom-dual-banner'] section div img {width: 170px;}	
}
@media only screen and (max-width : 420px) {	
	[data-component-name='intro'] h1 {font-size: 24px;line-height: 30px;}	
	[data-component-name='intro'] p {font-size: 14px;line-height: 20px;}
	[data-component-name='download'] section > header ul {width:100%;flex-wrap: wrap;}	
	[data-component-name='download'] section > header ul li {    flex: 1 1 125px;}
	[data-component-name='intro'] {width: 100%;}	
	[data-component-name='download'] aside ul {width: 90%;}	
	[data-component-name='download'] aside {height:100%;padding: 0 20px;}
	[data-component-name='download'] aside .row > div:first-child {border-bottom: 1px solid rgb(238, 238, 238);border-right: 0px solid rgb(238, 238, 238);}	
	[data-component-name="download"] aside h3 {font-size: 20px;line-height: 28px;padding:0;}
	[data-component-name='download'] aside ul li p, [data-component-name='download'] aside legend {font-size: 14px;line-height: 20px;}
	[data-component-name='download'] section > header ul {width:100%;}
}

@media only screen and (max-width : 375px) {
	[data-component-name='custom-dual-banner'] section > div:first-child a img {width: 140px;}
	
	[data-component-name='custom-dual-banner'] h3 {
	    font-size: 14px;
	    line-height: 20px;
	}
}