#spa-alignment-l07pdpjr-fw2-prod01{

	margin-left:50%;

}

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

	#spa-alignment-l07pdpjr-fw2-prod01{

	margin-left:0%;

}

}



#main {

/*margin-top:0px;*/

}

#spa-landing-parallax-01 {

	background-image: url(../img/spa-landing-visual-parallax-01.jpg);

}

#spa-skinspa-parallax-01 {

	background-image: url(../img/spa-skinspa-visual-parallax-01.jpg);

}


#spa-byclarins-parallax-01 {

	background-image: url(../img/spa-byclarins-visual-parallax-01.jpg);

}

#spa-byclarins-parallax-02 {

	background-image: url(../img/spa-byclarins-visual-parallax-02.jpg);

}

#spa-myblend-parallax-01 {

	background-image: url(../img/spa-myblend-visual-parallax-01.jpg);

}

#spa-myblend-parallax-02 {

	background-image: url(../img/spa-myblend-visual-parallax-02.jpg);

}

#spa-myblend-parallax-03 {

	background-image: url(../img/spa-myblend-visual-parallax-03.jpg);

}

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

#Header-Section {

	width: 100%;

	display: block;

	position: relative;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	text-align: right;

	margin-bottom: 60px;

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

}



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

#Header-Section {

	margin-bottom: 0px;

}



}

#MyContent .text-link a, #MyContent .text-link span {

	margin: 0;

	padding-top: 15px!important;

	color: #000!important;

	line-height: 1em!important;

	text-transform: uppercase;

	display: inline;/*-block;*/

	font-size: 11px!important;

	line-height:18px!important;

	text-decoration: none!important;

	border-bottom: #d4d4d4 1px solid!important;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

}

#MyContent .text-link a:hover, #MyContent a:hover .text-link span {

	border-bottom: #be0f34 1px solid!important;

	color: #be0f34!important;

}

#MyContent h2 {

	font-family: clarinsreg;

	font-size: 50px;

	line-height: 60px;

	font-weight: normal;

	margin: 0;

	padding: 0;

	text-align: center;

	padding-bottom: 30px;

}



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

#MyContent h2 {

	font-size: 40px;

	line-height: 40px;

}

}

#Header-Section .slider-top-banner {

	position: absolute;

	text-align: center;

	width: 100%;

	height: 100%;

}



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

#Header-Section .slider-top-banner {

	position: relative;

}

}

#Header-Section .main-top-banner {

	height: 530px;

}



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

#Header-Section .main-top-banner {

	max-height: 530px;

	height: auto;

}

}

#Header-Section .slider-nav {

	position: absolute;

	font-size: 0px;

	height: 22px;

	text-align: center;

	width: 100%;

	left: 0px;

	bottom: 20px;

	z-index: 4;

}



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

#Header-Section .slider-nav {

	bottom: -30px;

}

}



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

#Header-Section .slider-nav {

	margin-top: 10px;

	position: relative;

	bottom: auto;

}

}

#Header-Section .slider-nav ul {

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 0;

}

#Header-Section .slider-nav ul li {

	display: inline-block;

	font-size: 0px;

	margin: 0;

	padding: 0;

}

#Header-Section .slider-nav a {

	display: block;

	position: relative;

	width: 20px;

	height: 30px;

	background-image: url(../img/pictos.svg?$staticlink$);

	background-position: -35px 0px;

	outline: none;

}

#Header-Section .slider-nav .Selected a {

	background-position: -65px 0px;

}



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

#Header-Section .slider-nav a {

	width: 19px;

	height: 25px;

	background-position: -28px 0px;

	background-size: auto 100%;

}

#Header-Section .slider-nav .Selected a {

	background-position: -53px 0px;

}

}

#Header-Section .slider-content {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	width: 2000px;

	height: 100%;

	margin-left: -1000px;

	left: 50%;

	top: 0px;

	text-align: center;

	overflow-y: hidden;

}



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

#Header-Section .slider-content {

	margin-bottom: 20px;

}

}

#Header-Section .slider-content li {

	margin: 0;

	padding: 0;

	position: absolute;

	width: 100%;

	height: 100%;

	vertical-align: top;

		display: none;

}



#Header-Section .slider-content li:first-child{

		display: block;

}

#Header-Section .slider-content li.Selected {

	z-index: 3;

}

#MyContent .slider-content img {

	height: 100%!important;

	width: auto!important;

}

#Header-Section .slider-top-banner .banner-spacer {

	display: none;

}



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

#Header-Section .slider-top-banner .banner-spacer {

	display: block;

	width: 100%;

	height: auto;

	max-width: 1024px;

}

}

#Header-Section .main-top-banner .banner-spacer {

	display: none;

}



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

#Header-Section .main-top-banner .banner-spacer {

	display: block;

	width: 100%;

	height: auto;

	max-width: 1024px;

}

}



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

#Header-Section .slider-top-banner {

	overflow: hidden;

	width: 100%;

}

}



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

#Header-Section .slider-top-banner {

	overflow: hidden;

	width: 100%;

}

}

#Header-Section .box-wrapper {

	margin-left: auto;

	margin-right: auto;

	max-width: 1024px;

	position: relative;

}



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

#Header-Section .box-wrapper {

	overflow: visible;

	max-width: 762px;

}

}

#Header-Section .white-block {

	margin-bottom: 95px;

	margin-top: 95px;

	margin-right: 80px;

	overflow: visible;

	position: relative;

	width: 400px;

	z-index: 5;

	text-align: left;

	display: inline-block;

	min-height: 340px;

	line-height: 340px;

}



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

#Header-Section .white-block {

	margin-bottom: 30px;

	margin-top: 30px;

	margin-right: 60px;

	width: 40%;

}

}



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

#Header-Section .white-block {

	margin: 0;

	position: relative;

	left: auto;

	top: auto;

	width: 100%;

	min-height: 0px;

	line-height: 0px;

}

}

#Header-Section .white-block .wrapper {

	background-color: #fff;

	display: inline-block;

	line-height: 12px;

	padding: 30px;

	position: relative;

	vertical-align: middle;

}



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

#Header-Section .white-block .wrapper {

}

}



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

#Header-Section .white-block .wrapper {

	min-height: 10px;

	padding: 20px;

}

}

#Header-Section .white-block .wrapper h3 {

	color: #be0f34;

	margin: 0;

	padding: 0;

	font-family: clarinsreg;

	font-size: 40px;

	font-weight: normal;

	padding-bottom: 25px;

	line-height: 1em;

}



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

#Header-Section .white-block .wrapper h3 {

	font-size: 30px;

}

}

#Header-Section .white-block .wrapper p {

	color: #8b8b8b;

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-weight: normal;

	padding-bottom: 5px;

	line-height: 22px;

}

#Header-Section .infos {

	color: #fff;

	font-size: 11px;

	text-align: left;

	width: 400px;

	z-index: 10;

	bottom: 30px;

	right: 80px;

display: block;

	position: absolute;

	padding: 0px;

	margin: 0px;

}



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

#Header-Section .infos {

	right: 60px;

	width: 40%;

	bottom: 10px;

}

}



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

#Header-Section .infos {

    margin-left: auto;

    margin-right: auto;

    position: absolute;

    right: auto;

    text-align: center;

    bottom: 0px;

    width: 100%;

    color: #000;

    background-color: #FFF;

    line-height: 30px;

}

}

#MyContent .row-2XLinks {

	text-align: center;

	font-size: 0;

	padding-bottom: 30px;

}

#MyContent .row-2XLinks h3 {

	color: #000;

	margin: 0;

	padding: 0;

	font-family: clarinsreg;

	font-size: 22px;

	font-weight: normal;

	padding-bottom: 15px;

	padding-top: 25px;

	line-height: 1em;

}

#MyContent .row-2XLinks .MyBlock {

	max-width: 452px;

	display: inline-block;

	vertical-align: top;

	text-align: left;

	padding-bottom: 30px;

}

#MyContent .row-2XLinks .MyBlock img {

	max-width: 452px;

	width: 100%;

}

#MyContent .row-2XLinks .Visual {

	display: block;

	position: relative;

}

#MyContent .row-2XLinks .MyBlock p {

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	margin: 0;

}



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

#MyContent .row-2XLinks .MyBlock p {

	font-size: 14px;

}

}

#MyContent .row-2XLinks .MyBlock a {

	color: #8b8b8b;

	font-size: 11px;

	line-height: 17px;

}

/* parallax with box home spa */



#MyContent .parallax {

	position: relative;

	display: block;

	height: 300px;

	overflow: visible;

	margin-bottom: 60px;

}



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

#MyContent .parallax {

	min-height: 200px;

	height:auto;

	margin-bottom: 240px;

}

}

#MyContent .parallax .background {

	position: absolute;

	left: 50%;

	margin-left: -1250px;

	width: 2500px;

	top: 0px;

	height: 300px;

	background-repeat: no-repeat;

	background-color: #e1e1e1;

	z-index: 1;

	background-attachment: fixed;

}



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

#MyContent .parallax .background {

	height: 200px;

	margin-bottom: 240px;

}



}

#MyContent .white-block-parallax {

	z-index: 2;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -100px;

	height: 200px;

	width: 50%;

	max-width: 452px;

	text-align: center;

	line-height: 200px;

}



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

#MyContent .white-block-parallax {

	z-index: 2;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -120px;

	height: 240px;

	width: 50%;

	max-width: 452px;

	text-align: center;

	line-height: 240px;

}

}



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

#MyContent .white-block-parallax {

	left: 0;

	top: 240px;

	margin: 0;

	height: auto;

	width: 100%;

	text-align: center;

	line-height: 1em;

	max-width: 762px;

	/*position: relative;*/

}

}

#MyContent .white-block-parallax .col-gutter {

	background-color: #FFF;

	height: 100%;

}



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

#MyContent .white-block-parallax .col-gutter {

	margin: 0px!important;

	margin-left: auto!important;

	margin-right: auto!important;

}

}

#MyContent .white-block-parallax .wrapper {

	display: inline-block;

	vertical-align: middle;

	line-height: 14px;

}

#MyContent .white-block-parallax h3 {

	font-size: 14px;

	line-height: 1em;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	color: #be0f34;

	font-weight: normal;

	margin: 0;

	text-transform: uppercase;

	padding-bottom: 20px;

}

#MyContent .white-block-parallax p {

	margin: 0;

	padding: 20px;

	padding-top: 0px;

	padding-bottom: 0px;

	color: #000;

	font-size: 14px;

}

#MyContent .white-block-parallax .author {

	display: block;

	font-size: 11px;

	color: #8b8b8b;

	padding-top: 5px;

}

#MyContent .white-block-parallax .text-link {

	padding-top: 8px;

}

/* parallax with caption  spa by */



#MyContent .with-caption.parallax {

	position: relative;

	display: block;

	height: 300px;

	overflow: visible;

	margin-bottom: 60px;

}



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

#MyContent .with-caption.parallax {

	height: 200px;

}

}

#MyContent .white-caption-parallax {

	bottom: 10px;

	left: 50%;

	line-height: 11px;

	max-width: 452px;

	position: absolute;

	text-align: center;

	font-size: 11px;

	width: 50%;

	z-index: 2;

}



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

#MyContent .white-caption-parallax {

}

}



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

#MyContent .white-caption-parallax {

	bottom: -10px;

	font-size: 14px;

	width: 100%;

	left: 0%;

	max-width: 762px;

}

}

#MyContent .white-caption-parallax .col-gutter {

	position: relative;

	text-align: right;

}



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

#MyContent .white-caption-parallax .col-gutter {

	text-align: center;

}

}

#MyContent .white-caption-parallax .wrapper {

	background-color: #fff;

	display: inline-block;

	line-height: 1em;

	padding: 20px;

}

/**/

#MyContent .shadow-border {

	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);

	position: absolute;

	left: 50%;

	width: 2600px;

	margin-left: -1300px;

	top: 0px;

	height: 100%;

	z-index: 3;

}

.editorial-slides-section li .spa-item {

	margin-left: 20px;

	margin-right: 20px;

}

#MyContent .editorial-slides-section {

	margin-bottom: 60px!important;

}

#MyContent .editorial-slides-section h3 {

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif!important;

	color: #be0f34!important;

	font-size: 11px!important;

	text-transform: uppercase!important;

	margin: 0!important;

	margin-top: 10px!important;

}

#MyContent .editorial-slides-section p.text-content {

	font-family: clarinsreg;!important;

	color: #000!important;

	font-size: 22px!important;

	line-height: 27px!important;

	text-transform: none!important;

}

#MyContent .editorial-slides-section p.text-link {

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif!important;

}

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

/*----------        page Spa By           -----------*/

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



#MyContent .spaby-block-1 {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 60px;

}

#MyContent .spaby-block-1 h3 {

	font-size: 35px;

	color: #000;

	font-family: clarinsreg;

	line-height: 1em;

	text-align: center;

	font-weight: normal;

	margin: 0;

	padding: 0;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

}

#MyContent .spaby-block-1 p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

}

#MyContent .spaby-block-1 .col {

	margin-left: auto;

	margin-right: auto;

	float: none;

}



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

#MyContent .spaby-block-1 .col-gutter {

	padding: 20px;

	margin: 0px;

}

}

.spa-finder-block-title p {

	padding: 0px;

	margin: 0px;

	color: #8b8b8b;

	font-size: 14px;

	padding-bottom: 30px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

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

/*----------        page Spa FAQ           -----------*/

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



.spa-faq {

	display: block;

	margin: 0;

	padding: 0;

	list-style: none;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	margin-bottom: 60px;

}

.spa-faq li {

	display: block;

	margin: 0;

	padding: 0;

	border-bottom: #ececec solid 4px;

}

.spa-faq li h3 {

	display: block;

	margin: 0;

	padding: 0;

	font-size: 16px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 25px;

	padding: 20px;

	font-weight: normal;

	cursor: pointer;

	background-position: right 20px;

	background-repeat: no-repeat;

	background-image: url(../img/faq-close.svg);

	background-size: 18px auto;

}

.spa-faq li.Selected h3 {

	background-image: url(../img/faq-open.svg);

}

.spa-faq li h3 .red {

	width: 20px;

	color: #be0f34;

	display: inline-block;

}

.spa-faq li.Selected p {

	display: block;

}

.spa-faq li p {

	display: none;

	margin: 0;

	padding: 20px;

	padding-top: 0px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	transition: 0.5s height;

}

#MyContent .spa-expertise-blocks .jcarousel li h3 {

	color: #000!important;

	font-size: 22px!important;

	font-family: clarinsreg;!important;

	text-transform: none!important;

	padding-bottom: 0.7em;

}

#MyContent .spa-expertise-blocks .jcarousel li p {

	color: #8b8b8b!important;

	font-size: 14px!important;

	line-height: 22px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

}

#MyContent .spaexpertise-block-1 {

	padding-bottom: 60px;

}

#MyContent .spaexpertise-block-1 p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

	padding-bottom: 1em;

}

#MyContent .spaexpertise-block-1 .col {

	margin-left: auto;

	margin-right: auto;

	float: none;

}



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

#MyContent .spaexpertise-block-1 .col-gutter {

	padding: 20px;

	margin: 0px;

}

}

#MyContent .product-badge {

	left: -10px;

	position: absolute;

	top: 15px;

	z-index: 12;

}



@media only screen and (min-width: 762px) {

#MyContent .product-badge {

	left: -10px;

}

}

#MyContent .product-badge .badge-text {

	background-color: #c20430;

	color: #fff;

	display: inline-block;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	font-size: 10px;

	letter-spacing: 0.1em;

	padding: 1px 3px;

	text-align: left;

}

#MyContent .badge-image {

	background: rgba(0, 0, 0, 0) url("../img/badge-corner.svg") no-repeat scroll center center;

	height: 10px;

	margin-top: -1px;

	width: 10px;

	z-index: 11;

}

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

/*----------       page Spa Finder         -----------*/

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

#MyContent .spafinder {

	margin: 0;

	padding: 0;

	margin-bottom: 60px;

	list-style: none;

}

#MyContent .spafinder .banner-spacer {

	display: none;

}



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

#MyContent .spafinder .slide-wrapper {

	display: block;

	position: relative;

}

}



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

#MyContent .spafinder {

	overflow: hidden;

}

}



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

#MyContent .spafinder {

	/*display:none;*/

	overflow: hidden;

	margin-bottom: 0px;

}

#MyContent .spafinder .banner-spacer {

	display: block;

	width: 100%;

}

}

#MyContent .spafinder .visual {

	height: 100%;

	display: block;

	position: absolute;

	width: 2000px;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: auto 100%;

	margin-left: -375px;

	text-align: center;

	left: 0px;

	top: 0px;

}



/* margin for Tablet version */

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

#MyContent .spafinder .visual {

	left: 50%;

	margin-left: -1000px;

}

}

#MyContent .spafinder .visual img {

	height: 100%;

}

#MyContent .spafinder img.js-loaded {

	width: auto!important;

}

#MyContent .spafinder .slider-nav {

	/*width:100%;*/

	position: absolute;

	display: block;

	bottom: 0px;

}

#MyContent .spafinder .slider-nav img {

	width: 100%;

	display: block;

}

#MyContent .spafinder .slider-nav ul {

	position: absolute;

	width: 100%;

	margin: 0;

	padding: 0;

	list-style: none;

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

}

#MyContent .spafinder .slider-nav ul li {

	display: block;

	float: left;

	width: 33.33%;

	position: relative;

}

#MyContent .spafinder .slider-nav ul li a {

	display: block;

	background-color: rgba(255,255,255,0.4);

	border: 6px solid rgba(255,255,255,0);

	height: 58px;

}

#MyContent .spafinder .slider-nav ul li.selected a {

	background-color: rgba(255,255,255,0);

	border: 6px solid #be0f34;

}



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

#MyContent .spafinder .slider-nav ul li a {

	border-radius: 5px;

	width: 10px;

	height: 10px;

	border: 0px solid;

	background-color: #c0bebe;

}

#MyContent .spafinder .slider-nav ul li.selected a {

	background-color: #000;

	border: 0px solid;

}

#MyContent .spafinder .slider-nav {

	position: absolute;

	top: 15px;

	width: 100%;

}

#MyContent .spafinder .slider-nav img {

	display: none;

}

#MyContent .spafinder .slider-nav ul {

	text-align: center;

	height: 10px;

	position: relative;

	width: 100%;

}

#MyContent .spafinder .slider-nav ul li {

	display: inline-block;

	float: none;

	width: 15px;

	position: relative;

	height: 10px;

}

}

#MyContent .spafinder .slide {

	margin: 0;

	padding: 0;

	display: none;

	position: relative;

	width: 100%;

	text-align: right;

}

#MyContent .spafinder .slide.selected {

	display: block;

}

#MyContent .spafinder .white-block {

	background-color: #FFF;

	display: inline-block;

	position: relative;

	text-align: left;

	margin-right: 80px;

	margin-top: 80px;

	margin-bottom: 80px;

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

	padding-top: 40px;

	padding-bottom: 100px;

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

	width: 368px;

	min-height: 230px;

	vertical-align: top;

}



/* margin for Tablet version */

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

#MyContent .spafinder .white-block {

	margin-right: 60px;

	margin-top: 60px;

	margin-bottom: 60px;

}

}



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

#MyContent .spafinder .white-block {

	margin-top: 0px;

	margin-bottom: 0px;

	display: block;

	margin-left: 0px;

	margin-right: 0px;

	width: auto;

	padding-top: 55px;

	padding-bottom: 40px;

}

}

/* Title */

#MyContent .spafinder .white-block h3 {

	margin: 0;

	font-size: 50px;

	line-height: 1em;

	font-family: clarinsreg;

	font-weight: normal;

	text-align: left;

	color: #be0f34;

	padding-left: 40px;

	letter-spacing: -0.015em;

}

/* Horizontal padding for P tag */

#MyContent .spafinder .white-block p {

	padding-left: 40px;

	padding-right: 40px;

}

/* Content text */

#MyContent .spafinder .white-block p.text-content {

	width: 288px;

	font-size: 14px;

	line-height: 22px;

	max-width: 1024px;

}



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

#MyContent .spafinder .white-block p.text-content {

	width: auto;

}

}

/* Redirection link */

#MyContent .spafinder .white-block p.text-link a {

	text-transform: uppercase;

	border-bottom: #bfbfbf 1px solid;

	font-size: 11px;

	line-height: 1em!important;

	color: #000;

}

#MyContent .spafinder .white-block p.text-link a:hover {

	border-bottom: #be0f34 1px solid;

	color: #be0f34;

}

#MyContent .spafinder-block-1 {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 60px;

	display: block;

	position: relative;

}

#MyContent .spafinder-block-1 {

	padding-bottom: 60px;

}

#MyContent .spafinder-block-1 p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

	padding-bottom: 1em;

}

#MyContent .spafinder-block-1 .col {

	margin-left: auto;

	margin-right: auto;

	float: none;

}



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

#MyContent .spafinder-block-1 .col-gutter {

	padding: 20px;

	margin: 0px;

}

}

/*skin spa*/



#Lightbox-SkinSpa {

	position: fixed;

	background-color: rgba(0,0,0,0.5);

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 1000;

	display: none;

}



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

#Lightbox-SkinSpa {

	width: 100%;

	margin: 0;

	position: relative;

	height: auto;

	display: block!important;

	top: auto;

	left: auto;

	background-color: #FFF;

}

}

#Lightbox-Close-btn {

	position: absolute;

	top: 0px;

	right: 0px;

}



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

#Lightbox-Close-btn {

	display: none;

}

}

#Lightbox-SkinSpa .white-box {

	position: absolute;

	background-color: #FFF;

	width: 860px;

	height: 640px;

	border-top: 4px solid #be0f34;

	left: 50%;

	top: 50%;

	margin-top: -320px;

	margin-left: -430px;

}



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

#Lightbox-SkinSpa .white-box {

	width: 100%;

	height: auto;

	left: auto;

	top: auto;

	margin: 0;

	position: relative;

}

}

#Lightbox-SkinSpa .white-box .wrapper {

	margin: 40px;

	overflow: hidden;

	overflow-y: scroll;

	display: block;

	position: relative;

	height: 550px;

	margin-top: 50px;

}



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

#Lightbox-SkinSpa .white-box .wrapper {

	overflow: visible;

	height: auto;

}

}

#MyContent .spa-list-by-location {

	display: block;

	position: relative;

}

#MyContent .spa-list-by-location h3 {

	font-family: clarinsreg;

	color: #be0f34;

	font-size: 36px;

	display: block;

	position: relative;

	padding: 20px;

	margin: 0;

	text-align: center;

	font-weight: normal;

}



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

#MyContent .spa-list-by-location h3 {

	border-top: 2px solid #ececec;

	cursor: pointer;

}

}

#MyContent .spa-list-by-location ul {

	display: block;

	position: relative;

	padding: 0;

	margin: 0;

}



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

#MyContent .spa-list-by-location ul {

	display: none;

}

#MyContent .spa-list-by-location.Selected ul {

	display: block;

	margin-bottom: 60px;

}

}

#MyContent .spa-list-by-location ul li {

	display: block;

	position: relative;

	padding: 0;

	margin: 0;

	border-bottom: 2px solid #ececec;

	padding-bottom: 20px;

	margin-bottom: 20px;

	background-image: url(../img/location.svg);

	background-repeat: no-repeat;

	background-position: 20px 0px;

	padding-left: 60px;

	color: #000!important;

	font-size: 11px!important;

	line-height: 16px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	text-align: center;

}

#MyContent .spa-list-by-location ul li p.text-content {

	display: inline-block;

	position: relative;

	padding: 0;

	margin: 0;

	min-width: 140px;

	text-align: left;

}

#MyContent .spa-list-by-location ul li strong {

	color: #000!important;

	font-size: 14px!important;

	line-height: 22px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	font-weight: normal;

	text-transform: uppercase;

	width: 350px;

	display: block;

	padding-bottom: 10px;

}

#MyContent .btn-text {

	text-align: center!important;

	padding: 20px!important;

}

#MyContent .btn-text a {

	text-transform: uppercase;

	border: 2px #e5e5e5 solid;

	display: inline-block;

	padding: 17px;

	min-width: 120px;

	text-transform: uppercase;

	text-decoration: none;

	color: #000;

	text-align: center;

	background-color: #FFF;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 12px;

}

#MyContent .btn-text-black {

	text-align: center!important;

	padding: 60px!important;

	padding-top: 0px!important;

}

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

	#MyContent .btn-text-black {

		padding: 0px!important;

		padding-bottom: 60px!important;

	}

}

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

#Lightbox-Open-btn {

	/*display: none;*/

}

}

#MyContent .btn-text-black a {

	text-transform: uppercase;

	border: 2px #e5e5e5 solid;

	display: inline-block;

	padding: 17px;

	min-width: 160px;

	text-transform: uppercase;

	text-decoration: none;

	color: #FFF;

	text-align: center;

	background-color: #000;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 12px;

}

#MyContent .spa-skinspa-blocks .jcarousel li h3 {

	color: #000!important;

	font-size: 22px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	text-transform: none!important;

	padding-bottom: 0.7em;

}

#MyContent .spa-skinspa-blocks .jcarousel li p.text-title {

	color: #be0f34!important;

	font-size: 11px!important;

	line-height: 11px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

}

#MyContent .spa-skinspa-blocks .jcarousel li p.text-content {

	color: #8b8b8b!important;

	font-size: 14px!important;

	line-height: 22px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

}

#MyContent .skinspa-block-1 {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 60px;

	text-align: center;

}

#MyContent .skinspa-block-1 h3 {

	font-size: 35px;

	color: #000;

	font-family: clarinsreg;

	text-align: center;

	font-weight: normal;

	margin: 0;

	padding: 0;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

}

#MyContent .skinspa-block-1 p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

}

#MyContent .skinspa-block-1 .Visual img {

	width: 100%

}

#MyContent .skinspa-block-1 .col {

	float: none;

	display: inline-block;

	vertical-align: middle;

}



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

#MyContent .skinspa-block-1 .col-gutter {

	padding: 20px;

	margin: 0px;

}

}

.video-top-banner {

	position: relative;

}

.video-play-btn {

	background-image: url(../img/video-play.svg);

	width: 50px;

	height: 50px;

	background-size: 100% 100%;

	background-repeat: no-repeat;

	top: 50%;

	left: 50%;

	margin-left: -25px;

	margin-top: -25px;

	position: absolute;

	z-index: 20;

}

#Header-Section.video-header .white-block {

	margin: 0;

	width: 330px;

	position: absolute;

	right: 80px;

	top: 0px;

	height: 100%;

	line-height: 530px;

}



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

#Header-Section.video-header .white-block {

	height: 530px;

	line-height: 530px;

	margin: -265px 0 0;

	position: absolute;

	right: 30px;

	top: 50%;

	width: 280px;

}

}



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

#Header-Section.video-header .white-block {

	width: 100%;

	margin: 0;

	position: relative;

	height: auto;

	line-height: 1em;

	top: auto;

	right: auto;

}

}

#MyContent .gray-block {

	background-color: #eeeeee;

	margin-left: -375px;

	width: 2000px;

	text-align: center;

	padding-top: 60px;

	padding-bottom: 40px;

}



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

#MyContent .gray-block {

	width: 100%;

	margin-left: 0;

}

}

#MyContent .gray-block .Visual {

	width: 100%;

}

#MyContent .gray-block p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

}

#MyContent .gray-block h2 {

	poition: relative;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

#MyContent .gray-block .wrapper {

	width: 100%;

	max-width: 1250px;

	poition: relative;

	display: block;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

#MyContent .hotel .wrapper {

	text-align: center;

}

#MyContent .gray-block .col {

	float: none;

	display: inline-block;

	vertical-align: middle;

	padding-bottom: 20px;

	max-width: 452px;

}

#MyContent .hotel .col {

	float: none;

	display: inline-block;

	vertical-align: middle;

	padding-bottom: 20px;

	max-width: 452px;

}

#gray-block-1 img {

	max-width: 470px;

}

#gray-block-2 {

	margin-top: -60px;

}

#gray-block-2 p {

	text-align: center!important;

}

#MyContent .gray-block .wrapper h3 {

	color: #000;

	margin: 0;

	padding: 0;

	font-family: clarinsreg;

	font-size: 35px;

	font-weight: normal;

	padding-bottom: 25px;

	line-height: 1em;

	display: inline-block;

}

#gray-block-3 {

	padding-top: 0px!important;

}

#gray-block-2 .line {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	display: block;

}

#MyContent .contact-hotel {

	text-align: center;

}

#MyContent .contact-hotel p {

	text-align: center;

	color: #000;

	font-size: 14px;

	padding: 0px;

	line-height: 22px;

}

#MyContent .text-content {

	max-width: 452px;

}

#MyContent .text-content p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding-bottom: 10px!important;

}

#MyContent .contact-hotel p.title {

	text-transform: uppercase;

}

.btn-spa-hotel a {

	text-transform: uppercase;

	border: 2px #e5e5e5 solid;

	padding-top: 15px;

	display: inline-block;

	padding-bottom: 15px;

	min-width: 160px;

	margin-left: 10px;

	margin-right: 10px;

	text-transform: uppercase;

	text-decoration: none;

	color: #000;

	text-align: center;

	background-color: #FFF;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	margin-bottom: 10px;

	margin-top: 10px;

}

#MyContent .btn-spa-hotel a:hover {

	border: 2px #000 solid;

}

#MyContent .btn-spa-hotel-download {

	background-image: url("../img/download.svg");

	background-position: left 10px;

	background-repeat: no-repeat;

	display: inline-block;

	min-height: 40px;

	padding-left: 40px !important;

	position: relative;

	text-align: left!important;

	width: 200px;

	margin-top: 0;

}

#MyContent .btn-spa-hotel-download a {

	margin: 0;

	padding-top: 15px!important;

	color: #000!important;

	line-height: 1em!important;

	text-transform: uppercase;

	display: inline-block;

	font-size: 11px!important;

	text-decoration: none!important;

	border-bottom: #d4d4d4 1px solid!important;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

}

#MyContent .btn-spa-hotel-download a:hover {

	border-bottom: #be0f34 1px solid!important;

	color: #be0f34!important;

}

#white-block-4 {

	padding-top: 60px;

}

#white-block-5 {

	text-align: center!important;

	position: relative;

	display: block;

}

#white-block-5 .col p {

	font-size: 35px;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

	text-align: left;

	margin: 0;

	padding: 0px;

	max-width: 452px;

}

#white-block-5 img {

	max-width: 470px;

	width: 100%;

}

#white-block-5 .col {

	display: inline-block!important;

	max-width: 452px!important;

	position: relative;

	float: none;

	vertical-align: top;

}

#white-block-6 {

	padding-top: 30px;

	margin-left: auto;

	margin-right: auto;

	padding-bottom: 60px;

}

.border-box {

	padding: 30px;

	border: 2px #ececec solid;

	margin-left: auto;

	margin-right: auto;

	color: #8b8b8b;

	font-size: 14px;

	line-height: 22px;

}

.intro-spa-treatment {

	text-align: center;

	color: #8b8b8b;

	font-size: 14px;

}

.intro-spa-treatment h3 {

	font-size: 35px;

	font-family: clarinsreg;

	text-align: center;

	font-weight: normal;

	color: #000;

	margin: 0;

	line-height: 1em;

	padding: 0;

	margin-left: auto;

	margin-right: auto;

	padding-bottom: 30px;

}



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

.intro-spa-treatment h3 {

	font-size: 25px;

	padding-top: 20px;

	padding-bottom: 20px;

}

}

.intro-spa-treatment p {

	text-align: left;

	font-weight: normal;

	margin-left: auto;

	margin-right: auto;

}

.tabs-spa-treatment {

	position: relative;

	font-size: 0;

	text-align: center;

 min-height:;

	margin-left: auto;

	margin-right: auto;

	margin-top: 30px;

	width: 100%;

	max-width: 1024px;

}

.tabs-spa-treatment li {

	display: inline-block;

	border-top: #FFF 4px solid;

	border-bottom: #e5e5e5 2px solid;

	vertical-align: top;

}

.tabs-spa-treatment h4 {

	padding: 0;

	margin: 0;

	font-size: 12px;

	color: #000;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif!important;

	display: block;

	text-align: center;

	border-left: #FFF 2px solid;

	border-right: #FFF 2px solid;

	font-weight: normal;

	height: 68px;

	line-height: 68px;

	text-transform: uppercase;

	cursor: pointer;

}

.tabs-spa-treatment li.Selected {

	border-top: #be0f34 4px solid;

	border-bottom: #FFF 2px solid;

	display: inline-block;/*position:relative;*/

}

.tabs-spa-treatment li.Selected h4 {

	color: #be0f34;

	border-left: #e5e5e5 2px solid;

	border-right: #e5e5e5 2px solid;

}

.tabs-spa-treatment li .hidden-content {

	display: none;

}

.tabs-spa-treatment li.Selected .hidden-content {

	display: block;

	margin-top: 40px;

	width: 300%;

}

#Tab-02 .hidden-content {

	margin-left: -100%;

}

#Tab-03 .hidden-content {

	margin-left: -200%;

}



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

#Tab-02 .hidden-content {

	margin-left: 0;

}

#Tab-03 .hidden-content {

	margin-left: 0;

}

}

.tabs-spa-treatment li .Visual {

	display: inline-block;

	float: left;

	margin-bottom: 60px;

	position: relative;

	width: 50%;

}

.tabs-spa-treatment li .col-gutter {

	display: inline-block;

	margin-bottom: 60px;

	font-size: 14px;

	text-align: left;

	vertical-align: top;

}

.treatment {

	display: block;

	padding-bottom: 30px;

	padding-top: 30px;

	border-bottom: #e5e5e5 2px solid;

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

}

.treatment-name {

	margin: 0;

	font-family: clarinsreg;

	font-size: 22px;

	margin-bottom: 10px;

}

.treatment-price {

	margin: 0;

	display: block;

	padding-top: 10px;

	padding-left: 40px;

	position: relative;

	margin-bottom: 10px;

}

.treatment-price .chrono {

	color: #be0f34;

	border-right: #ececec 1px solid;

	padding-right: 10px;

	margin-right: 10px;

	display: inline-block;

}

.treatment-price img {

	width: 40px;

	height: 40px;

	display: block;

	position: absolute;

	top: 0px;

	left: 0px;

}



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

.treatment {

	display: block;

	position: relative;

	margin: 0;

}

.tabs-spa-treatment li.Selected {

	margin: 0;

	padding: 0;

	border-bottom: #e5e5e5 2px solid;

	padding-bottom: 30px;

}

.tabs-spa-treatment li.Selected .hidden-content {

	display: block;

	position: relative;

	left: auto;

	top: auto;

	width: 100%;

	margin-left: 0;

}

.tabs-spa-treatment li.Selected .col-gutter {

	padding-top: 10px;

	display: block;

	position: relative;

}

.tabs-spa-treatment li .col-gutter {

	display: block;

	position: relative;

	left: auto;

	width: auto;

	margin-left: 40px;

	margin-right: 40px;

}

.tabs-spa-treatment li.Selected h4 {

	border-bottom: #e5e5e5 2px solid;

}

.tabs-spa-treatment li .Visual {

	display: none;

}

}

.treatment-bottom {

	text-align: center;

	width: 100%;

	display: block;

	margin-bottom: 40px;

}

.treatment-bottom-block img {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 50%;

	left: 20px;

	margin-top: -25px;

}

.treatment-bottom-block h3 {

	font-size: 22px;

	font-weight: normal;

	color: #000;

	margin: 0;

	padding: 0;

	line-height: 1em;

}

.treatment-bottom-block p {

	font-size: 14px;

	font-weight: normal;

	color: #000;

	margin: 0;

	padding: 0;

	line-height: 22px;

	padding-top: 5px;

}

.treatment-bottom-block .wrapper {

	padding: 20px;

	padding-left: 90px;

	text-align: left;

	position: relative;

	display: inline-block;

	vertical-align: middle;

}

.treatment-bottom-block {

	border: 2px solid #f2f2f2;

	display: inline-block;

	margin: 20px;

	text-align: left;

	position: relative;

	min-height: 140px;

	line-height: 140px;

	vertical-align: top;

	margin-top: 0;

}



#Header-Section .white-block .wrapper p.text-share {

	color: #000;

	line-height: 28px;

	font-size: 11px;

	text-align: right;

	padding: 0;

}

#Header-Section .white-block .wrapper p.text-share span {

	padding-left: 5px;

	padding-right: 5px;

}

#Header-Section .white-block .wrapper p.text-share a {

	color: #000;

	height: 28px;

	vertical-align: middle;

	display: inline-block;

}

#Header-Section.VideoBanner .white-block .wrapper {

	background-color: #fff;

	display: inline-block;

	line-height: 12px;

	padding: 30px;

	position: relative;

	text-align: left;

	vertical-align: middle;

	width: 60%;

	margin-right: 10%;

}

#Header-Section.VideoBanner .white-block {

	display: block;

	line-height: 340px;

	margin: 95px auto;

	min-height: 340px;

	overflow: visible;

	position: relative;

	text-align: right;

	max-width: 512px;

	width: 50%;

	margin-left: 50%;

	z-index: 5;

}



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

#Header-Section.VideoBanner .white-block .wrapper {

	width: auto;

	margin-right: auto;

	display: block;

	padding: 20px;

}

#Header-Section.VideoBanner .white-block {

	margin: 0px auto;

	min-height: 40px;

	line-height: 1em;

	display: block;

	width: 100%;

	max-width: 1024px;

}

}



#Header-Section .white-block .wrapper p.mentions {

	text-align: left;

	font-size: 10px;

	color: #cbcbcb;

}

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

/*----------       page Spa Results         -----------*/

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



#Header-Section.no-bottom-margin {

	margin-bottom: 0px;

}

#MyContent p.mentions {

	text-align: center;

	font-size: 10px;

	color: #cbcbcb;

}

#spa-results-header h3 {

	font-size: 18px!important;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 25px!important;

}

#spa-results-header .wrapper {

	padding: 40px!important;

}



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

#spa-results-header .wrapper {

	padding: 30px!important;

}

}

#MyContent .percent {

	font-size: 14px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 22px;

}

#MyContent .percent strong {

	font-size: 60px;

	line-height: 1em;

	font-weight: normal;

	color: #be0f34;

	display: block;

	position: relative;

}

#MyContent .percent strong sup {

	display: inline-block;

	font-size: 30px;

	line-height: 1em;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 0 !important;

}

#MyContent .percent .exp {

	font-size: 16px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 1em;

	vertical-align: top;

	display: inline-block;

}

#MyContent .wrapper-stats {

	position: relative;

	display: block;

	;

}

#MyContent .Lines {

	width: 110%;

	margin-left: -108%;

}

#percent-01 {

	position: absolute;

	left: 5%;

	top: 14%;

}

#percent-02 {

	position: absolute;

	left: 5%;

	top: 45%;

}

#percent-03 {

	position: absolute;

	left: 5%;

	top: 75%;

}



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

#MyContent .Lines {

	width: 108%;

	margin-left: -108%;

}

#percent-01 {

	position: absolute;

	left: 5%;

	top: 12%;

}

#percent-02 {

	position: absolute;

	left: 5%;

	top: 42%;

}

#percent-03 {

	position: absolute;

	left: 5%;

	top: 72%;

}

}



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

#MyContent .Lines {

	display: none;

}

#percent-01, #percent-02, #percent-03 {

	position: relative;

	left: auto;

	top: auto;

	margin-top: 2em;

}

}

#Spa-result-01 h2 {

	margin-bottom: 0px;

	padding-bottom: 0px;

	padding-top: 30px;

	font-size: 35px;

}

#Spa-result-01 p {

	font-size: 14px;

	line-height: 22px;

	color: #8b8b8b;

	text-align: center;

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-bottom: 60px;

}

#MyContent .abstract {

	display: block;

	position: relative;

	font-size: 0px;

	padding-top: 30px;

	padding-bottom: 30px;

}

#MyContent .abstract .big-percent {

	font-size: 14px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 22px;

	vertical-align: top;

	display: inline-block;

	position: relative;

}

#MyContent .abstract .big-percent strong {

	font-size: 100px;

	line-height: 1em;

	font-weight: normal;

	color: #be0f34;

	display: inline-block;

	position: relative;

	float: left;

	width: 210px;

}

#MyContent .abstract .big-percent span.text {

	bottom: 0px;

	margin-bottom: 10px;

	display: block;

	left: 180px;

	position: absolute;

}



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

#MyContent .abstract .big-percent span.text {

	bottom: auto;

	display: inline-block;

	left: auto;

	position: relative;

}

}

#MyContent .abstract .big-percent strong sup {

	display: inline-block;

	font-size: 50px;

	line-height: 1em;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 0 !important;

}

#MyContent .abstract .big-percent .exp {

	font-size: 14px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 1em;

	vertical-align: top;

	display: inline-block;

}

#MyContent .abstract .small-percent-1, #MyContent .abstract .small-percent-2 {

	font-size: 12px;

	display: block;

	position: relative;

	display: inline-block;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

}

#MyContent .abstract .small-percent-1 .wrapper, #MyContent .abstract .small-percent-2 .wrapper {

	border: 2px solid #e5e5e5;

	padding-top: 30px;

	padding-bottom: 30px;

	height: 80px;

	background-color: #FFF;

}

#MyContent .abstract .small-percent-1 .wrapper {

	border-right: 0px solid #e5e5e5;

}



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

#MyContent .abstract .small-percent-1 .wrapper {

	border-right: 2px solid #e5e5e5;

}

}

#MyContent .abstract .small-percent-1 strong, #MyContent .abstract .small-percent-2 strong {

	font-size: 40px;

	line-height: 1em;

	font-weight: normal;

	color: #be0f34;

	display: inline-block;

	position: relative;

	vertical-align: middle;

	margin-top: 10px;

	margin-bottom: 10px;

}

#MyContent .abstract .small-percent-1 strong sup, #MyContent .abstract .small-percent-2 strong sup {

	display: inline-block;

	font-size: 20px;

	line-height: 1em;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 0 !important;

}

#MyContent .abstract .small-percent-1 .exp, #MyContent .abstract .small-percent-2 .exp {

	font-size: 14px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	line-height: 1em;

	vertical-align: top;

	display: inline-block;

}

#MyContent .abstract .mentions {

	margin-top: 15px;

	text-align: left;

}

#MyContent .abstract .text-link {

	margin-top: 15px;

	text-align: center;

}

#Spa-result-02 {

	background-color: #f1f1f1;

	padding-top: 30px;

	margin-top: 30px;

}

#Spa-result-02 h2 {

	font-size: 35px;

}

#Spa-result-02 .abstract .big-percent {

	padding-bottom: 15px;

}

#Spa-result-02 .abstract .big-percent strong {

	display: block;

	margin-top: 15px;

	width: 100%;

	padding-bottom: 15px;

}

#Spa-result-02-link {

	background-color: #f1f1f1;

	padding-bottom: 60px;

	text-align: center;

}

#Spa-result-03 {

	padding-top: 30px;

}

#Spa-result-03 h2 {

	font-size: 35px;

}

#Spa-result-03 .abstract .big-percent {

	width: 100%;

}

#Spa-result-03 .abstract {

	color: #8b8b8b;

}

#Spa-result-03 .abstract .black {

	color: #000000;

	display: block;

	padding-bottom: 10px;

}

#Spa-result-03 .big-percent .wrapper {

	color: #000000;

	display: block;

	position: relative;

	width: 100%;

	padding-top: 15px;

}

#Spa-result-03 .big-percent .wrapper .black {

	color: #000000;

	display: inline-block;

	padding-bottom: 0px;

	width: 150px;

	padding-top: 15px;

}

#Spa-result-03 .abstract .big-percent strong {

	display: inline-block;

	padding-bottom: 15px;

	width:300px;

}

#Spa-result-03 .text-content {

	text-align: left;

	display: block;

	position: relative;

	font-size: 14px;

	padding-bottom: 15px;

}

#Spa-result-03-link {

	padding-bottom: 30px;

	text-align: center;

}

/*----SPA MY BLEND HOTEL -----------*/

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

#Header-Fiche {

	width: 100%;

	display: block;

	position: relative;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

	text-align: left;

	margin-bottom: 60px;

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

}



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

#Header-Fiche {

	margin-bottom: 0px;

}

}



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

#Header-Fiche .slider-top-banner {

	position: relative;

}

}

#Header-Fiche .main-top-banner {

	height: 530px;

}



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

#Header-Fiche .main-top-banner {

	max-height: 530px;

	height: auto;

}

}

#Header-Fiche .slider-nav {

	position: absolute;

	font-size: 0px;

	height: 22px;

	text-align: center;

	width: 100%;

	left: 0px;

	bottom: 20px;

	z-index: 4;

}



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

#Header-Fiche .slider-nav {

	bottom: -30px;

}

}



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

#Header-Fiche .slider-nav {

	margin-top: 10px;

	position: relative;

	bottom: auto;

}

}

#Header-Fiche .slider-nav ul {

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 0;

}

#Header-Fiche .slider-nav ul li {

	display: inline-block;

	font-size: 0px;

	margin: 0;

	padding: 0;

}

#Header-Fiche .slider-nav a {

	display: block;

	position: relative;

	width: 20px;

	height: 30px;

	background-image: url(../img/pictos.svg?$staticlink$);

	background-position: -35px 0px;

	outline: none;

}

#Header-Fiche .slider-nav .Selected a {

	background-position: -65px 0px;

}



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

#Header-Fiche .slider-nav a {

	width: 19px;

	height: 25px;

	background-position: -28px 0px;

	background-size: auto 100%;

}

#Header-Fiche .slider-nav .Selected a {

	background-position: -53px 0px;

}

}

#Header-Fiche .slider-content {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	width: 2000px;

	height: 100%;

	margin-left: -1000px;

	left: 50%;

	top: 0px;

	text-align: center;

	overflow-y: hidden;

}



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

#Header-Fiche .slider-content {

	margin-bottom: 20px;

}

}

#Header-Fiche .slider-content li {

	margin: 0;

	padding: 0;

	position: absolute;

	width: 100%;

	height: 100%;

	vertical-align: top;

}

#Header-Fiche .slider-content li.Selected {

	z-index: 3;

}

#Header-Fiche .slider-top-banner .banner-spacer {

	display: none;

}



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

#Header-Fiche .slider-top-banner .banner-spacer {

	display: block;

	width: 100%;

	height: auto;

	max-width: 1024px;

}

}

#Header-Fiche .main-top-banner .banner-spacer {

	display: none;

}



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

#Header-Fiche .main-top-banner .banner-spacer {

	display: block;

	width: 100%;

	height: auto;

	max-width: 1024px;

}

}



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

#Header-Fiche .slider-top-banner {

	overflow: hidden;

	width: 100%;

}

}



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

#Header-Fiche .slider-top-banner {

	overflow: hidden;

	width: 100%;

}

}

#Header-Fiche .box-wrapper {

	margin-left: auto;

	margin-right: auto;

	max-width: 1024px;

	position: relative;

}



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

#Header-Fiche .box-wrapper {

	overflow: visible;

}

}

#Header-Fiche .white-block {

	display: inline-block;

	line-height: 498px;

	margin: 0;

	min-height: 498px;

	position: relative;

	text-align: left;

	vertical-align: bottom;

	z-index: 5;

}



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

#Header-Fiche .white-block {

	margin: 0;

	position: relative;

	left: auto;

	top: auto;

	width: 100%;

	min-height: 0px;

	line-height: 0px;

}

}

#Header-Fiche .white-block .wrapper {

	background-color: #fff;

	bottom: 0;

	display: inline-block;

	width: 100%;

	line-height: 12px;

	padding: 0px;

	position: absolute;

	padding-top: 30px;

	vertical-align: bottom;

	margin-bottom: -60px;

}



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

#Header-Fiche .white-block .wrapper {

}

}



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

#Header-Fiche .white-block .wrapper {

	min-height: 10px;

	position: relative;

}

}

#Header-Fiche .white-block .wrapper h3 {

	color: #be0f34;

	margin: 0;

	padding: 0;

	font-family: clarinsreg;;

	font-size: 40px;

	font-weight: normal;

	padding-bottom: 25px;

	line-height: 1em;

	padding-left: 30px;

	padding-right: 30px;

}

#Header-Fiche .white-block .wrapper p {

	color: #8b8b8b;

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-weight: normal;

	padding-bottom: 5px;

	line-height: 22px;

	padding-left: 30px;

	padding-right: 30px;

}



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

#Header-Fiche .white-block .wrapper h3 {

	font-size: 30px;

}

}

#Header-Fiche .infos {

	color: #fff;

	font-size: 11px;

	text-align: right;

	width: 400px;

	z-index: 10;

	bottom: 30px;

	right: 80px;

	display: block;

	position: absolute;

	padding: 0px;

	margin: 0px;

}



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

#Header-Fiche .infos {

	right: 60px;

	width: 40%;

	bottom: 10px;

}

}



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

#Header-Fiche .infos {

	bottom: auto;

	margin-left: auto;

	margin-right: auto;

	top: -60px;

	position: absolute;

	right: auto;

	text-align: center;

	width: 100%;

}

}

#SpaFiche {

	max-width: 1024px!important;

	margin-left: auto;

	margin-right: auto;

}

#SpaFiche .col-gutter-2 {

	margin-left: 30px;

	margin-right: 30px;

}



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

#SpaFiche .col-gutter {

	margin-left: 30px;

	margin-right: 30px;

}

}

#SpaHotelContent {

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	color: #8b8b8b;

	font-size: 14px;

	font-weight: normal;

	line-height: 22px;

	margin: 0;

	margin-top: -60px;

	margin-bottom: 60px;

}



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

#SpaHotelContent {

	margin-top: 0px;

}

}

#SpaHotelMoreBlock {

	display: inline-block;

	position: relative;

	background-color: #FFF;

	vertical-align: top;

	margin-bottom: 60px;

}

#SpaHotelMoreBlock p {

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	color: #000;

	font-size: 12px;

	font-weight: normal;

	line-height: 17px;

	margin: 0;

	margin-bottom: 20px

}

#SpaHotelMoreBlock p.MyGiftText {

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	color: #000;

	font-size: 12px;

	font-weight: normal;

	line-height: 17px;

	margin: 0;

}

#SpaHotelMoreBlock p.MyGiftText strong {

	color: #be0f34;

	font-weight: normal;

	display: block;

}

#SpaHotelMoreBlock p.MyTitle {

	margin: 0px;

	padding: 0px;

	font-size: 25px;

	line-height: 28px;

	color: #be0f34;

	font-family: clarinsreg;;

	padding-bottom: 10px;

}

#SpaHotelMoreBlock p.MyMentions {

	margin: 0px;

	padding: 0px;

	font-size: 10px;

	line-height: 11px;

	color: #c1c2c4;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	padding-top: 30px;

	font-weight: normal;

}

#SpaHotelMapBlock {

	display: inline-block;

	position: relative;

	background-color: #e5e5e5;

	vertical-align: top;

	width: 100%;

	margin-bottom: 60px;

}

#SpaHotelMapBlock p {

	padding: 22px;

	margin: 0px;

	font-size: 13px;

	line-height: 20px;

	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;

	color: #282b30;

	padding-top: 0px;

}

#SpaHotelMapBlock p a {

	color: #282b30;

	text-decoration: none;

	font-weight: bold;

	line-height: 14px;

}

#SpaHotelMapBlock p a:hover {

	color: #be0f34;

}

#SpaHotelMapBlock p.MyTitle {

	font-size: 20px;

	line-height: 20px;

	color: #282b30;

	font-family: clarinsreg;

	padding-bottom: 20px;

	padding-top: 20px;

}

#SpaHotelMapBlock .MyMap img {

	display: block;

	position: relative;

	width: 100%;

}

#SpaHotelMapBlock .MyMap {

	display: block;

	position: relative;

	padding: 2px;

}

/*-------------- new spa -treatment -----------------*/



#MyContent.MySpaTreatment .treatment {

	display: block;

	padding:20px;

	padding-bottom: 30px;

	padding-top: 30px;

	border-bottom: #e5e5e5 2px solid;

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

}



#MyContent.MySpaTreatment .treatment-intro {

	display: block;

	padding: 0px;

	max-width: 620px;

	margin-left: auto;

	margin-right: auto;

	font-size: 14px;

	line-height: 22px;

	color:#8b8b8b;

	margin-top:60px;

}

#MyContent.MySpaTreatment .treatment-intro p.list-title{

	font-size:22px!important;

	line-height:1em;

	color:#000;

}

#MyContent.MySpaTreatment .treatment-intro .col-gutter{

	padding: 20px;

	margin:0px;

}

#MyContent.MySpaTreatment .treatmentHeader   .white-block {

	width: 370px;

}



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

#MyContent.MySpaTreatment .treatmentHeader   .white-block{

	width: 40%;

}

}

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

#MyContent.MySpaTreatment .treatmentHeader   .white-block{

	width: 100%;

}

}

#MyContent.MySpaTreatment .treatmentHeader  .white-block p {

	font-size:11px;

	line-height:17px;

}



#MyContent.MySpaTreatment .treatmentHeader  .white-block ul {

	margin: 0;

	padding: 0;

	display: block;

	position: relative;

	list-style: none;

}

#MyContent.MySpaTreatment .treatmentHeader   .white-block ul li {

	margin: 0;

	padding: 0;

	display: block;

	position: relative;

	padding-bottom:8px;

}

#MyContent.MySpaTreatment .treatmentHeader   .white-block ul li a {



	

	text-decoration: none;

	text-transform: uppercase;

	border-bottom: 1px solid #d4d4d4;

	font-size: 11px;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	line-height: 13px;

}



#Header-Section .white-block .wrapper p {

    padding-bottom: 10px;



}



#Header-Section .white-block .wrapper p.list-title {

    color: #000;

    padding-top: 15px;

	font-size:16px;

	

	    padding-bottom: 15px;

}





#MyContent.MySpaTreatment .treatment h3{

	color:#282b30;

	font-size:12px;

	font-family: clarinsreg;

	font-size:40px;

	line-height:1em;

	text-align:center;

	display:block;

	position:relative;

	font-weight:normal;

}

#MyContent.MySpaTreatment .treatment-at-the-spa .text-content{

	padding-right:20px;

	font-size:13px;

	color:#8b8b8b;

	line-height:17px;

	

}

#MyContent.MySpaTreatment .treatment-at-the-spa .text-content strong{

	display:block;

	color:#000;

	font-weight:normal;

	

}

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

#MyContent.MySpaTreatment .treatment-at-the-spa .text-content{

	padding-right:0px;

	max-width:761px;

}

}

#MyContent.MySpaTreatment .treatment-at-home {

	display: block;

	position: relative;

	color:#707378;

	/*padding:20px;*/

}

#MyContent.MySpaTreatment .treatment-at-home ul {

	display: block;

	position: relative;

	list-style:none;

	text-align:center;

	

	

}



#MyContent.MySpaTreatment .treatment-at-home ul li{

	

	width:300px;

	 display: inline-block;

  	padding-left:50px;

	padding-right:50px;

    position: relative;

}

/*#MyContent.MySpaTreatment .treatment-at-home ul li:first-child{

	display: block;

}*/

#MyContent.MySpaTreatment .treatment-at-home .text-link{

	position:absolute;

	top:0;

	right:0;

	color:#707378;

	margin:0;

	padding-left:24px;

	background-image:url(../img/shop-picto.png);

	background-repeat:no-repeat;

	background-position:top left;

}

#MyContent.MySpaTreatment .treatment-at-home .text-link a{

	 padding-top: 5px !important;

}



#MyContent.MySpaTreatment .treatment-at-home .product-image > a {

    display: block;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    max-width: 250px;

}

#MyContent.MySpaTreatment .treatment-at-home .text-link .quantity{

	color:#707378!important;

	border-bottom:0px solid!important;

	padding-left:4px;

	 padding-top: 5px !important;

}

#MyContent.MySpaTreatment .treatment-at-home .product-name {

    display: block;

	margin:0;

	padding-top:20px;

	padding-bottom:0px;

	text-align:center;

	font-size:14px;

	line-height:22px;

	color:#000;

}

#MyContent.MySpaTreatment .treatment-at-home .product-tile {

    display: block;

	margin:0;

	text-align:center;

	padding-top:15px;

}

#MyContent.MySpaTreatment .treatment-at-home .product-tile .product-quickshop{

	text-align:center;

}

#MyContent.MySpaTreatment .treatment-at-home .product-price {

	margin:0;

    display: block;

	text-align:center;

	font-size:14px;

	line-height:22px;

	color:#000;

	padding-top:10px;

	padding-bottom:0px;

}



#MyContent.MySpaTreatment .treatment-at-home .product-image, #MyContent.MySpaTreatment .treatment-at-home .product-infos{

 

    display: inline-block;

    max-width: 190px;

    position: relative;

    vertical-align: middle;

    width: 100%;

}



#MyContent.MySpaTreatment .treatment-at-the-spa .text-title, #MyContent.MySpaTreatment .treatment-at-home .text-title{

	color:#be0f34;

	font-size:12px;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

}

#MyContent.MySpaTreatment .treatment-at-the-spa .text-infos{

	background-image:url(../img/chrono.svg);

	background-repeat:no-repeat;

	background-position:top left;

	padding-left:50px;

	font-size:14px;

	padding-top:10px;

	line-height:1em;

	padding-bottom:10px;

	display:inline-block;

}



#MyContent.MySpaTreatment .treatment-at-the-spa .text-infos .duration{

	color:#be0f34;

}

#MyContent.MySpaTreatment .treatment-at-the-spa .btn-link{

	display:inline-block;

	text-align: center!important;

	padding: 20px!important;

}

#MyContent.MySpaTreatment .treatment-at-the-spa .btn-link a {

	text-transform: uppercase;

	border: 2px #e5e5e5 solid;

	display: inline-block;

	padding: 17px;

	min-width: 120px;

	text-transform: uppercase;

	text-decoration: none;

	color: #000;

	text-align: center;

	background-color: #FFF;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 12px;

}



#MyContent.MySpaTreatment .treatment-back {

	padding-top:30px;

	

}







#MyContent.MySpaTreatment .jcarouselControlprev{

	left:0;

	

}

#MyContent.MySpaTreatment .jcarouselControlnext{

	right:0;

}

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

/*	#MyContent.MySpaTreatment .jcarouselControlprev{

	left:-20px;

	display:block!important;

	

}

#MyContent.MySpaTreatment .jcarouselControlnext{

	right:-20px;

	display:block!important;

}*/

#MyContent.MySpaTreatment .jcarouselControlarrows {

    background: #e5e5e5 none repeat scroll 0 0;

    border-radius: 7px;

    display: inline-block;

    height: 70px;

    position: absolute;

    text-align: center;

    top: 100px;

    width: 50px;

}

#MyContent.MySpaTreatment .custom-jcarousel-wrapper .jcarousel {

 padding-bottom:0px!important;

}

}



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

#MyContent.MySpaTreatmentHome .sbHolder{

	text-align:left; 

	width: 100%;

}



#MyContent.MySpaTreatmentHome .sbHolder  .sbOptions{

	width: 100%;

}

#MyContent.MySpaTreatmentHome .select-spa-treatment {

text-align:center;	

padding-top:20px;

padding-bottom:20px;

}

#MyContent.MySpaTreatmentHome .select-spa-treatment .col{

	float:none;

	position:relative;

	display:inline-block;

	vertical-align:middle;

	

	



	

}

#MyContent.MySpaTreatmentHome .treatment-list{

	display:none;

}

#MyContent.MySpaTreatmentHome .select-spa-treatment label{

	text-align:right;

	font-size:22px;

	color:#000;

	position:relative;

	display:inline-block;

	width:100%;

	padding:0;

padding-top:10px;

padding-bottom:10px;

}

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

	#MyContent.MySpaTreatmentHome .select-spa-treatment label{

	text-align:center;





}

}



#MyContent.MySpaTreatmentHome .result-spa-treatment{

	margin-bottom:60px;

		margin-top:30px;

}

#MyContent.MySpaTreatmentHome .result-spa-treatment img{

	width:100%!important;

}

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

	#MyContent.MySpaTreatmentHome .result-spa-treatment img{

		display:none;

	}

}



#MyContent.MySpaTreatmentHome p.list-title{

	font-size:22px!important;

	line-height:1em;

	color:#000;

	padding-top:10px;

}



#MyContent.MySpaTreatmentHome .result-spa-treatment ul li{

	line-height:22px!important;

	

font-size:11px!important;

	color:#be0f34;

	font-family:clarinsreg;;

	list-style:disc;

	padding-top:20px;

}

#MyContent.MySpaTreatmentHome .result-spa-treatment ul li a{

	font-size:22px!important;

	color:#000;

	padding-left:10px;



}

#MyContent.MySpaTreatmentHome .result-spa-treatment ul {

border-bottom:#e5e5e5 2px solid;

	padding-bottom:30px;

	padding-left:15px;





}



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



#MyContent .abstract .small-percent-1 strong, #MyContent .abstract .small-percent-2 strong.col-6-mobile{

	width:calc(100% - 40px);

	padding-right:40px;



}

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

	#Spa-result-03 .big-percent .wrapper .black{

		width:100%;

		padding-top:5px;

				padding-bottom:20px;

	}



	

	#MyContent .abstract .big-percent strong{

		width:100%;

		font-size:76px;

	}

}





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



#content-landing-pages-spa #Line-03 #white-box03, #content-landing-pages-spa #Line-06 #white-box02 {
	position: absolute;
	top: 0px;
	left: 700px;
	background-color: #FFF;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	width: 400px;
	margin-top: 100px;


}

#content-landing-pages-spa #Line-03, #content-landing-pages-spa #Line-04, #content-landing-pages-spa #Line-05-pdpjr-fw2, #content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-prod, #content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel ul li, #content-landing-pages-spa #Line-06, #content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-prod {

	position: relative

}

#content-landing-pages-spa #Line-03 #white-box03 h2, #content-landing-pages-spa #Line-06 #white-box02 h2 {

	color: #000;

	font-size: 40px;

	font-style: normal;

	font-weight: 400;

	line-height: 40px;

	font-family: clarinsreg;

}

#content-landing-pages-spa #Line-03 #white-box03 p, #content-landing-pages-spa #Line-06 #white-box02 p {

	color: #8b8b8b;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

	line-height: 22px;

	margin-bottom: 20px;

	margin-top: -15px;

}

#content-landing-pages-spa #Line-04 p {

	font-size: 16px;

	color: #000;

	line-height: 30px;

	text-align: center;

	padding: 30px 80px;

}

#content-landing-pages-spa ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#content-landing-pages-spa .My-Last {

	font-size: 11px;

	font-weight: 700;

	line-height: 15px;

	text-transform: uppercase;

	text-decoration: underline;

	cursor: pointer;

	margin-bottom: 0;

}

.inTheMiddle {

	display: none!important

}

#content-landing-pages-spa {

	z-index: 7;

}

#content-landing-pages-spa img {

	width: 100%;

}

#content-landing-pages-spa .Visual img {

	width: auto;

	left: 50%;

	position: relative;

	margin-left: -800px;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 h2 {

	font-family: clarinsreg;

	font-weight: 400;

	font-size: 50px;

	color: #000;

	text-align: center;

	line-height: 50px;

	margin: 0;

	padding: 50px 0 0;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel {

	margin-top: 40px;

	margin-bottom: 40px;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel #l05pdpjr-fw2-prod01, #content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel #l05pdpjr-fw2-prod02, #content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel #l05pdpjr-fw2-prod03 {

	max-width: 288px;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-txt {

	text-align: left;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-txt h3 {

	font-size: 11px;

	color: #be0f34;

	margin-top: 20px;

	margin-bottom: 10px;

	padding: 0;

	text-transform: uppercase;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-txt h4 {

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 22px;

	color: #000;

	margin: 10px 0 20px;

	padding: 0;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-txt .l05pdpjr-fw2-Link {

	font-style: normal;

	font-weight: 700;

	font-size: 11px;

	text-decoration: underline;

	text-transform: uppercase;

	color: #000;

	margin: 0;

	padding: 0;

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel .l05pdpjr-fw2-txt .l05pdpjr-fw2-Link:hover {

	color: #be0f34;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 h2 {

	font-family: clarinsreg;

	font-weight: 400;

	font-size: 50px;

	color: #000;

	text-align: center;

	line-height: 50px;

	margin: 0;

	padding: 50px 0 0;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel {

	margin-top: 40px;

	margin-bottom: 40px;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel #l07pdpjr-fw2-prod01, #content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel #l07pdpjr-fw2-prod02 {

	max-width: 288px;

	margin-bottom: 10px;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-txt {

	text-align: left;

	margin-top: 10px;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-txt h3 {

	font-size: 11px;

	color: #be0f34;

	margin-top: 20px;

	margin-bottom: 10px;

	padding: 0;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-txt h4 {

	font-style: normal;

	font-weight: 400;

	font-size: 16px;

	line-height: 22px;

	color: #000;

	margin: 10px 0 20px;

	padding: 0;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-Link {

	font-style: normal;

	font-weight: 700;

	font-size: 11px;

	text-decoration: underline;

	text-transform: uppercase;

	color: #000;

	margin: 0;

	padding: 0;

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel .l07pdpjr-fw2-Link:hover {

	color: #be0f34;

}






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

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel, #content-landing-pages-spa #Line-07-pdpjr-fw2 #Line-07-pdpjr-fw2-jcarousel {

	padding-bottom: 40px

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #jcarousel-pagination-l05pdpjr-fw2, #content-landing-pages-spa #Line-07-pdpjr-fw2 #jcarousel-pagination-l07pdpjr-fw2 {

	bottom: 10px

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 h2, #content-landing-pages-spa #Line-07-pdpjr-fw2 h2 {

	font-size: 40px;

	line-height: 40px;

}

#content-landing-pages-spa .Visual img {

	width: 200%;

	left: 0;

	margin-left: -50%;

	position: relative;

}

#content-landing-pages-spa #Line-03 #white-box03, #content-landing-pages-spa #Line-06 #white-box02 {

	position: relative;

	background-color: #FFF;

	padding-bottom: 25px;

	margin-top: 0;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

}

#content-landing-pages-spa #Line-03 #white-box03 h2, #content-landing-pages-spa #Line-06 #white-box02 h2 {

	color: #000;

	font-size: 35px;

	font-style: normal;

	font-weight: 400;

	line-height: 35px;

	font-family: clarinsreg;

}

#content-landing-pages-spa #Line-03 #white-box03 p, #content-landing-pages-spa #Line-06 #white-box02 p {

	color: #8b8b8b;

	font-size: 14px;

	font-style: normal;

	font-weight: 400;

	line-height: 22px;

	margin-bottom: 20px;

	margin-top: 0;

}

#content-landing-pages-spa .jcarousel-pagination {

	bottom: 0;


}


}


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

#content-landing-pages-spa #Line-03 #white-box03, #content-landing-pages-spa #Line-06 #white-box02 {

	position: absolute;

	top: 0;

	left: 600px;

	background-color: #FFF;

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 25px;

	width: 350px

}

}



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

#content-landing-pages-spa #Line-03 #white-box03, #content-landing-pages-spa #Line-06 #white-box02 {

	position: absolute;

	top: 0;

	left: 365px;

	background-color: #FFF;

	padding-left: 30px;

	padding-right: 30px;

	padding-bottom: 25px;

	width: 350px

}

#content-landing-pages-spa #Line-04 p {

	font-size: 16px;

	color: #000;

	line-height: 30px;

	text-align: center;

	padding: 30px 0

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 #Line-05-pdpjr-fw2-jcarousel {

	margin-top: 40px;

	padding-bottom: 40px

}

#content-landing-pages-spa #Line-05-pdpjr-fw2 .jcarousel-pagination {

	bottom: 0

}

#content-landing-pages-spa #Line-07-pdpjr-fw2 .Line-07-pdpjr-fw2-jcarousel-content {

	padding-bottom: 40px

}


}

/* NEW FOOTER */
#New-footer {
	position: relative;
}

.Visual-new-footer {
	margin-left:-200px;
}

.white-block-footer{
position: absolute;
top: 70px;
left: 700px;
background-color: #FFF;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 25px;
width: 400px;
z-index: 15;
}

#wrapper-footer {
background-color: #fff;
display: inline-block;
line-height: 12px;
position: relative;
text-align: left;
vertical-align: middle;

}

.white-block-footer h3{
	color: #000;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	font-family: clarinsreg;
}

.white-block-footer p {
	color: #8b8b8b;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 20px;
	margin-top: -15px;
}

.white-block-footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.white-block-footer li {
	 font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 0;
}


@media screen and (min-width: 200px) and (max-width: 783px) {
	.white-block-footer{
	position: relative !important;
	background-color: #FFF;
	padding-bottom: 25px;
	margin-top: 0 !important;
	top: 0;
	left: 0 !important;
	width: 80%  !important;
	text-align: center;
	}

	.img-responsive{
		width:790px;
		height:auto;
	}
.Visual-new-footer{	
		margin-left:-10px;
	}
}

@media screen and (min-width: 784px) and (max-width: 900px){
.white-block-footer{
position: absolute;
top: 50px;
left: 420px;
background-color: #FFF;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 25px;
width: 300px;
z-index: 15;
}

#wrapper-footer {
background-color: #fff;
display: inline-block;
line-height: 12px;
position: relative;
text-align: left;
vertical-align: middle;

}

.img-responsive{
		width:1000px;
		height:auto;
}
.white-block-footer h3{
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	font-family: clarinsreg;
}

.white-block-footer p {
	color: #8b8b8b;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	margin-bottom: 20px;
	margin-top: -15px;
}
.Visual-new-footer {
	margin-left:-100px;
}

}

@media screen and (min-width: 900px) and (max-width: 1210px){
.white-block-footer{
position: absolute;
top: 70px;
left: 500px;
background-color: #FFF;
padding-left: 30px;
padding-right: 10px;
padding-bottom: 25px;
width: 350px;
z-index: 15;
}

#wrapper-footer {
background-color: #fff;
display: inline-block;
line-height: 12px;
position: relative;
text-align: left;
vertical-align: middle;

}

.white-block-footer h3{
	color: #000;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	font-family: clarinsreg;
}

.white-block-footer p {
	color: #8b8b8b;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	margin-bottom: 20px;
	margin-top: -15px;
}

.img-responsive{
		width:1500px;
		height:auto;
	}
.Visual-new-footer{	
		margin-left:-300px;
	}

}