#main:not(.main-homepage) {
	margin-top: 0px;
}
.breadcrumb {
	display: none;
}
.MyContent {
	display: block;
	width: 100%;
	max-width: 1250px;
	min-width: 320px;
	margin: 0 auto;
}
@media screen and (min-width: 1250px) {
.MyContent {
	width:1600px;
	max-width: 1600px;
	margin-left:-175px;
}
}
@media screen and (max-width: 1249px) and (min-width:762px) {
.MyContent {
	overflow: hidden;
}
}
.MyContent button:not(.not-tabbable):active, .MyContent button:not(.not-tabbable):focus {
	outline: 0px solid!important;
}
.MyContent .MyBlock {
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	z-index:1;
}

@media screen and (min-width: 1250px) {
.MyContent .MyFullWidthBlock {
	margin-left: calc(625px - 50vw);
	width: 100vw;
}
}
.MyContent .AnchorTag {
	margin: 0px;
	padding-top: 50px;
	margin-top: -50px;
}
/*------------------------------------------------------------------------------------------*/
.MyContent .BtnLink {
	margin: 0px;
}
.MyContent .BtnLink span, .MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	position: relative;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 30px;
	display: inline-block;
	line-height: 14px;
	min-width: 110px;
	text-align: center;
	background-color: black;
	cursor: pointer;
	transition: color ease-in-out 0.5s, background 0.5s ease-in-out;
	border: 2px solid #000;
}
.MyContent .BtnLink span:hover, .MyContent .BtnLink a:hover {
	color: black;
	background-color: white;
}

@media screen and (max-width: 1024px) {
.MyContent img {
	float:none!important;
	display:block;
	margin:0 auto;
}
}

/*---------------------------------*/

#ClarinsInTheCity-Header{
	background-image:url(img/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#97d1d8
	
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Header{
	background-image:url(img/header-mobile.jpg);background-position:bottom center;
	padding-bottom:235px;
	background-color:#fff;
}
}
#ClarinsInTheCity-Header .Wrapper{
	max-width:970px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-direction:column;
	height:410px;
	box-sizing:border-box;
	padding-left:555px;
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Header .Wrapper {
    max-width: 720px;
    padding-left: 425px;
	
}
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Header .Wrapper {
    padding: 20px;
	height:auto;
	text-align:center;align-items:center;
	font-size:14px;
}
}
#ClarinsInTheCity-Header .Title{
	margin: 0;
	font-size: 50px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
#ClarinsInTheCity-Header .Text{
	margin:0;	
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:22px;
	margin-top:15px;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Header .Text{
	font-size:14px;	line-height:1.4em;
}
}
#ClarinsInTheCity-Breezometer{
	margin-top:60px;
	text-align:center;
	position: relative;
}
@media screen and (max-width: 761px) {
	#ClarinsInTheCity-Breezometer{
		margin: 20px 0;
	}
}
#ClarinsInTheCity-Breezometer .AirQualityResponse {
	padding: 0 40px;
	border: 2px solid #999;
	max-width: 500px;
	display: inline-block;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
	background-color: #fff;
	z-index: 2;
	position: absolute;
	padding-bottom: 20px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 761px) {
	#ClarinsInTheCity-Breezometer .AirQualityResponse {
		padding: 0 40px;
		padding-bottom: 20px;
		left: 50%;
		top: auto;
		transform: translateX(-50%);
		margin-top: 20px;
	}
}
#ClarinsInTheCity-Breezometer .AirQualityValue{
	font-size:100px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}
#ClarinsInTheCity-Breezometer .AirQualityType{
	font-size:11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
#ClarinsInTheCity-Breezometer .Title{
	margin: 0;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	margin-bottom:20px;
}
@media screen and (max-width: 761px) {
	#ClarinsInTheCity-Breezometer .Title{
		max-width: 280px;
    margin: 0 auto;
	}
	#ClarinsInTheCity-Breezometer img{
		height: 50vw;
    margin-top: 50vw;
	}
	}
#ClarinsInTheCity-Quizz{
	display:block;
	text-align:center;
	padding-top:40px;
	position:relative;
	/*margin-top:106px;*/
	margin-bottom: 120px;
}
#ClarinsInTheCity-Quizz::before{
	content:" ";
	display:block;
	width:162px;
	height:242px;
	background-image:url(img/deco-1.png);
	position:absolute;
	top:-106px;
	right:50%;
	margin-right:424px;
}
@media screen and (max-width: 1024px) {
#ClarinsInTheCity-Quizz::before{
	margin-right:324px;
}	
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Quizz::before{
 margin-right: 204px;
transform: scale(0.8);
top: -80px;
}	
}
#ClarinsInTheCity-Quizz::after{
	content:" ";
	display:block;
	width:281px;
	height:131px;
	background-image:url(img/deco-3.png);
	position:absolute;
	bottom:-90px;
	left:50%;
	margin-left:94px;
}
@media screen and (max-width: 1024px) {
#ClarinsInTheCity-Quizz::after{
	margin-left:-294px;
}	
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Quizz::after{
	margin-left: -294px;
}	
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz::after{
	margin-left: -134px;
}	
}
#ClarinsInTheCity-Quizz .Routines{
	display:block;
	position:relative;
	
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Routines{
	margin:0 10px;
}	
}
#ClarinsInTheCity-Quizz .Routine{
	display:none;
	padding:40px;
	background-color:#fff;
	box-sizing:border-box;
	max-width:1170px;
	margin:40px auto;
	margin-bottom:0;
	font-size:14px;
	line-height:1.4em;
}

@media screen and (max-width: 761px) {
	#ClarinsInTheCity-Quizz .slick-dots{
	bottom: 10px;
}	
#ClarinsInTheCity-Quizz .Routine{
	padding:20px 0;
	padding-bottom:60px;
}	
}

#ClarinsInTheCity-Quizz .Routine .Packshot{
	cursor:pointer;
}

#ClarinsInTheCity-Quizz .Routines::before{
	content:" ";
	display:block;
	width:121px;
	height:260px;
	background-image:url(img/deco-2.png);
	position:absolute;
	top:-226px;
	left:50%;
	margin-left:410px;
}
@media screen and (max-width: 1024px) {
#ClarinsInTheCity-Quizz .Routines::before{
	margin-left:340px;
}	
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Quizz .Routines::before{
	display:none;
}	
}
#ClarinsInTheCity-Quizz .Screen{
	display:none;
	justify-content:center;
	align-items:center;
}
#ClarinsInTheCity-Quizz .Title{
	margin: 0;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Quizz .Title{
   	padding-left: 180px;
	text-align: left;
}	
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Title{
   	padding:0 20px;
	text-align: center;
}	
}
#ClarinsInTheCity-Quizz .SubTitle{
	font-size: 16px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}
#ClarinsInTheCity-Quizz.quizz-question-1{
	background-color:#d5f4f7;
}
#ClarinsInTheCity-Quizz.quizz-question-1 h2,
#ClarinsInTheCity-Quizz.quizz-question-1 h3{
	color:#47929a;
}

#ClarinsInTheCity-Quizz.quizz-question-2{
	background-color:#d5f4f7;
}
#ClarinsInTheCity-Quizz.quizz-question-2 h2,
#ClarinsInTheCity-Quizz.quizz-question-2 h3{
	color:#47929a;
}

#ClarinsInTheCity-Quizz.quizz-result-1{
	background-color:#fef4d1;
}
#ClarinsInTheCity-Quizz.quizz-result-1 h2,
#ClarinsInTheCity-Quizz.quizz-result-1 h3{
	color:#af870d;
}

#ClarinsInTheCity-Quizz.quizz-result-2{
	background-color:#fbd7d9;
}
#ClarinsInTheCity-Quizz.quizz-result-2 h2,
#ClarinsInTheCity-Quizz.quizz-result-2 h3{
	color:#c2646e;
}

#ClarinsInTheCity-Quizz.quizz-result-3{
	background-color:#c6e5e9;
}
#ClarinsInTheCity-Quizz.quizz-result-3 h2,
#ClarinsInTheCity-Quizz.quizz-result-3 h3{
	color:#136e78;
}

#ClarinsInTheCity-Quizz.quizz-result-4{
	background-color:#ccfbed;
}
#ClarinsInTheCity-Quizz.quizz-result-4 h2,
#ClarinsInTheCity-Quizz.quizz-result-4 h3{
	color:#378d6b;
}

#ClarinsInTheCity-Quizz.quizz-question-1 #quizz-question-1,
#ClarinsInTheCity-Quizz.quizz-question-2 #quizz-question-2{
	display:block;
}
#ClarinsInTheCity-Quizz.quizz-result-1 #quizz-result-1,
#ClarinsInTheCity-Quizz.quizz-result-2 #quizz-result-2,
#ClarinsInTheCity-Quizz.quizz-result-3 #quizz-result-3,
#ClarinsInTheCity-Quizz.quizz-result-4 #quizz-result-4{
	display:flex;height:500px;margin-top:40px;margin-bottom:-40px;
	z-index:2;
	position:relative;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz.quizz-result-1 #quizz-result-1,
#ClarinsInTheCity-Quizz.quizz-result-2 #quizz-result-2,
#ClarinsInTheCity-Quizz.quizz-result-3 #quizz-result-3,
#ClarinsInTheCity-Quizz.quizz-result-4 #quizz-result-4{
	display:block;height:auto;margin-top:40px;margin-bottom:-40px;
	z-index:2;
	position:relative;
}	
}
#ClarinsInTheCity-Quizz.quizz-result-1 .Routines,
#ClarinsInTheCity-Quizz.quizz-result-2 .Routines,
#ClarinsInTheCity-Quizz.quizz-result-3 .Routines,
#ClarinsInTheCity-Quizz.quizz-result-4 .Routines{
	z-index:1;
	position:relative;
}
#ClarinsInTheCity-Quizz.quizz-result-1 #quizz-result-1-routine,
#ClarinsInTheCity-Quizz.quizz-result-2 #quizz-result-2-routine,
#ClarinsInTheCity-Quizz.quizz-result-3 #quizz-result-3-routine,
#ClarinsInTheCity-Quizz.quizz-result-4 #quizz-result-4-routine{
	display:block;
}
#ClarinsInTheCity-Quizz .Choices{
	padding:0px;
	margin:0;
	list-style:none;
	display:flex;
	justify-content:center;
	padding-bottom:80px;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Choices{
   	padding:0 20px;
	padding-bottom:80px;
	text-align: center;
	flex-direction:column;
}	
}
#ClarinsInTheCity-Quizz .Choices li{
	padding:10px;
	padding-top:0;
	background-color:#fff;
	margin:5px;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Choices li{
 	padding:10px;
}	
}
#ClarinsInTheCity-Quizz .Choices li img{
	display:block;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Choices li img{
 	width:80px;
}	
}
#ClarinsInTheCity-Quizz .Choices li a{
	text-decoration:none;
	color:#000;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Choices li a{
   display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
}	
}
#ClarinsInTheCity-Quizz .Choices li span{
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	height:43px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	display:flex;
	justify-content:center;
	align-items:center;
	width:150px;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Choices li span{
	justify-content: center;
	width: auto;
	flex: 1;
	align-items: center;
	padding: 20px;
	text-align: center;
}
}
#ClarinsInTheCity-Quizz .TextChoices{
	font-size:14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	margin:20px;
	margin-top:40px;
}
#ClarinsInTheCity-Quizz .MainVisual{
	max-width:370px;
	flex-basis:50%;
	margin:20px;
	position:relative;
}
#ClarinsInTheCity-Quizz .MainVisual img{
	position:absolute;
	top:0;
	transform:translateY(-50%);
	right:0;
}
@media screen and (max-width: 1023px) {
#ClarinsInTheCity-Quizz .MainVisual img{
	width:350px;
}	
	
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .MainVisual img{
	position:relative;
	top:auto;
	transform:none;
	right:auto;
	margin:0 auto;
	width:300px;
}	
	
}
#ClarinsInTheCity-Quizz .Wrapper{
	max-width:370px;
	flex-basis:50%;
	margin:20px;
	text-align:left;	
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:22px;
	padding-bottom:40px;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .Wrapper{
	text-align:center;
}	
	
}
#ClarinsInTheCity-Quizz .BackBtn{
	margin:0px auto;
	padding:20px;
	text-align:left;
	max-width:1170px;
	padding-bottom:80px;
	display:none;
}
@media screen and (max-width: 761px) {
#ClarinsInTheCity-Quizz .BackBtn{
	text-align:center;
}	
	
}
#ClarinsInTheCity-Quizz.quizz-result-1 .BackBtn,
#ClarinsInTheCity-Quizz.quizz-result-2 .BackBtn,
#ClarinsInTheCity-Quizz.quizz-result-3 .BackBtn,
#ClarinsInTheCity-Quizz.quizz-result-4 .BackBtn{
	display:block;
}
#ClarinsInTheCity-Quizz .BackBtn a{
	font-size:11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

/*--------------------DTW EDITS------------------*/
#ClarinsInTheCity-Quizz .Routine .ProductHeight{
	height: 60px;
}

.slick-slide img {
	display: unset!important;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1112px) 
and (orientation : landscape) {
#ClarinsInTheCity-Quizz .Routine .ProductHeight{
	height: 60px;
}
.slick-slide img {
    margin-left: -9px;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
#ClarinsInTheCity-Quizz .Routine .ProductHeight{
	height: 60px;
}
.slick-dots {
    position: unset;
    padding-top: 31px;
}
.slick-slide img {
    margin-left: -9px;
}
}

.slick-next, .slick-prev{
	width: 150px!important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#ClarinsInTheCity-Header .Wrapper{
		display: block;
		padding-top: 90px;
		padding-left: 600px;
	}
}