#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: ClarinsRegular;
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: ClarinsRegular;
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: ClarinsRegular;
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: clarinsRegular!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;
}
#spa-home-block-expertise {
padding:60px;
text-align:center;
}
#spa-home-block-expertise .col{
display:inline-block;
float:none;
}
#spa-home-block-expertise a {
cursor: pointer;
font-size: 11px;
font-weight: 700;
line-height: 15px;
margin-bottom: 0;
text-decoration: underline;
text-transform: uppercase;
}
.largebanner{
margin-bottom:60px;
}
@media screen and (max-width: 761px) {
.largebanner{
margin-bottom:0px;
}
}
/*----------------------------------------------------*/
/*---------- 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: ClarinsRegular;
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: ClarinsRegular!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: ClarinsRegular;
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: ClarinsRegular;
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: ClarinsRegular;
line-height: 1em;
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: ClarinsRegular;
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: ClarinsRegular;
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: ClarinsRegular;
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: 14px;
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: 160px;
padding-top: 15px;
}
#Spa-result-03 .abstract .big-percent strong {
display: inline-block;
padding-bottom: 15px;
width:360px;
}
#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: ClarinsRegular;
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: ClarinsRegular;
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;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatment .treatment {
padding-bottom: 0px;
padding-top: 0px;
}
}
#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;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatment .treatment-intro {
margin-top:0px;
}
}
#MyContent.MySpaTreatment .treatment-intro p.list-title{
font-size:22px!important;
line-height:1em;
color:#000;
}
#MyContent.MySpaTreatment .treatment-intro .col-gutter{
padding-left: 20px;
padding-right: 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: ClarinsRegular;
font-size:40px;
line-height:1em;
text-align:center;
display:block;
position:relative;
font-weight:normal;
}
#MyContent.MySpaTreatment .treatment h4{
color:#282b30;
font-size:18px;
line-height:1em;
text-align:center;
display:block;
position:relative;
font-weight:normal;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatment .treatment h3{
/*margin:0;
margin-bottom:20px;*/
}
}
#MyContent.MySpaTreatment .treatment-at-the-spa .text-content{
padding-right:20px;
font-size:13px;
color:#8b8b8b;
line-height:17px;
text-align:left;
}
#MyContent.MySpaTreatment .treatment-at-the-spa .text-content span{
font-size:10px;
}
#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-the-spa {
text-align:center;
}
#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 .text-content .mentions{
font-size:10px;
display:block;
padding-top: 10px !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: 200px;
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;
text-align:left;
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;
text-align:left;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatment .treatment-at-the-spa .text-infos{
}
}
#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;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatment .treatment-at-the-spa .btn-link{
display:block;
padding: 0px!important;
margin:0px!important;
padding-bottom:40px!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 .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;
}
.custom-jcarousel-wrapper .jcarousel-pagination {
bottom: 0px;
display: block;
}
#MyContent.MySpaTreatment .jcarousel ul {
padding-bottom:20px;
}
#MyContent.MySpaTreatment .jcarousel {
margin-bottom:20px;
}
#MyContent.MySpaTreatment .custom-jcarousel-wrapper .jcarousel {
padding-bottom:0px!important;
}
}
/*---------------------------------------*/
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatmentHome #Header-Section{
margin-bottom:30px;
}
}
#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;
}
@media screen and (max-width: 761px) {
#MyContent.MySpaTreatmentHome .result-spa-treatment{
margin-bottom:20px;
margin-top:0px;
}
}
#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:30px;
border-top:#e5e5e5 2px solid;
}
#MyContent.MySpaTreatmentHome p.list-title:first-child{
border-top:#e5e5e5 0px solid;
padding-top:0px;
}
#MyContent.MySpaTreatmentHome .result-spa-treatment ul li{
line-height:22px!important;
font-size:11px!important;
color:#be0f34;
font-family:ClarinsRegular;
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 {
padding-bottom:10px;
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: ClarinsRegular
}
#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: ClarinsRegular;
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: ClarinsRegular;
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: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
}
}
@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: ClarinsRegular
}
#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
}
}
/* Slides */
#MyContent #jcarousel-spa-treatments-body-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-body-02 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-body-03 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-body-04 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-body-05 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-experts-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-02 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-03 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-04 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-05 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-06 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-07 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-experts-08 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-face-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-02 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-03 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-04 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-05 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-06 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-07 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-08 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-09 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-face-10 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-makeup-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-makeup-02 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-massage-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-massage-02 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-massage-03 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-massage-04 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-men-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-men-02 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-men-03 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-mother-to-be-01 .hidden-arrow,
#MyContent #jcarousel-spa-treatments-mother-to-be-02 .hidden-arrow{
display:none !important;
}
#MyContent #jcarousel-spa-treatments-signature-01 .hidden-arrow{
display:none !important;
}
@media only screen and (max-width:761px) {
#MyContent #jcarousel-spa-treatments-body-01,
#MyContent #jcarousel-spa-treatments-body-02,
#MyContent #jcarousel-spa-treatments-body-03,
#MyContent #jcarousel-spa-treatments-body-04,
#MyContent #jcarousel-spa-treatments-body-05{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-body-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-body-02 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-body-03 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-body-04 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-experts-01,
#MyContent #jcarousel-spa-treatments-experts-02,
#MyContent #jcarousel-spa-treatments-experts-03,
#MyContent #jcarousel-spa-treatments-experts-04,
#MyContent #jcarousel-spa-treatments-experts-05,
#MyContent #jcarousel-spa-treatments-experts-06,
#MyContent #jcarousel-spa-treatments-experts-07,
#MyContent #jcarousel-spa-treatments-experts-08{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-experts-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-experts-03 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-experts-06 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-experts-07 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-face-01,
#MyContent #jcarousel-spa-treatments-face-02,
#MyContent #jcarousel-spa-treatments-face-03,
#MyContent #jcarousel-spa-treatments-face-04,
#MyContent #jcarousel-spa-treatments-face-05,
#MyContent #jcarousel-spa-treatments-face-06,
#MyContent #jcarousel-spa-treatments-face-07,
#MyContent #jcarousel-spa-treatments-face-08,
#MyContent #jcarousel-spa-treatments-face-09,
#MyContent #jcarousel-spa-treatments-face-10{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-face-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-face-02 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-face-03 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-face-05 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-face-07 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-face-10 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-makeup-01,
#MyContent #jcarousel-spa-treatments-makeup-02{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-makeup-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-makeup-02 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-massage-01,
#MyContent #jcarousel-spa-treatments-massage-02,
#MyContent #jcarousel-spa-treatments-massage-03,
#MyContent #jcarousel-spa-treatments-massage-04{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-massage-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-massage-03 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-men-01,
#MyContent #jcarousel-spa-treatments-men-02,
#MyContent #jcarousel-spa-treatments-men-03{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-men-01 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-men-02 .jcarousel-pagination,
#MyContent #jcarousel-spa-treatments-men-03 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-mother-to-be-01,
#MyContent #jcarousel-spa-treatments-mother-to-be-02{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-mother-to-be-01 .jcarousel-pagination{
bottom:0;
}
#MyContent #jcarousel-spa-treatments-signature-01{
padding-bottom:20px;
}
#MyContent #jcarousel-spa-treatments-signature-01 .jcarousel-pagination{
bottom:0;
}
}
@media only screen and (max-width:800px) and (min-width:761px) {
#MyContent #spa-treatments-massage-IMG{
height: 530px!important;
width: 1024px!important;
margin-left: -50px;
}
#MyContent .spa-treatments-massage-IMG{
background:#eeeeee
}
#MyContent .spa-treatments-massage-IMG img{
margin-left: -50px;
}
}