@charset "UTF-8";
/* entete de page */
.slider { position: relative; }
.slider h1 { color: #fff; font-family: "Playfair Display", serif; font-size: 6.4rem; font-weight: 400; left: 50%; position: absolute; text-transform: uppercase; top: 50%; -webkit-animation:fadeInUp 2s ease-out 2s 1; -ms-animation:fadeInUp 2s ease-out 2s 1; animation:fadeInUp 2s ease-out 2s 1; -webkit-transform:translate3d(-50%,-25%, 0);  -ms-transform:translate3d(-50%,-25%, 0); transform:translate3d(-50%,-25%, 0); text-align:center; z-index:2000;}
.slider h1 span{ font-size:2rem; display:block; clear:both; text-align:center; letter-spacing:1px;}
@-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-50%, 100%, 0);
 -ms-transform: translate3d(-50%, 100%, 0);
 transform: translate3d(-50%, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform:  translate3d(-50%, -25%, 0);
 -ms-transform:  translate3d(-50%, -25%, 0);
 transform:  translate3d(-50%, -25%, 0);
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-50%, 100%, 0);
 -ms-transform: translate3d(-50%, 100%, 0);
 transform: translate3d(-50%, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform:  translate3d(-50%,-25%, 0);
 -ms-transform:  translate3d(-50%,-25%, 0);
 transform:  translate3d(-50%,-25%, 0);
}
}
/* slider general */
.cycle-slideshow { height: 100%; width:100%; }
.cycle-slide { width:100%;}
.cycle-slide img { width:100%;}
/**/
#sliderPager { position: absolute; bottom:5vh; left: 50%; z-index: 101; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#sliderPager span { background: #FFFFFF; height: 10px; width: 10px; border-radius: 0; display: inline-block; margin: 0 3px; cursor: pointer; }
#sliderPager .cycle-pager-active { background: #111D4F; border: 2px solid #111D4F; }
#navD a, #navG a { background: rgba(0,0,0,0.1); -webkit-border-radius: 2px; border-radius: 0; line-height: 44px; height: 47px; width: 47px; display: block; position: absolute; text-align: center; color: #FFF; top: 50%; z-index: 101; font-size: 44px; }
#navD a:hover, #navG a:hover { color: #FFF; background: rgba(22,63,117,0.6); }
#navD a { right: 0; }
#navG a { left: 0; }
#slider-caption { background: #111D4F;/* padding: 5px 15px;*/ text-transform: uppercase; color: #FFFFFF; font-size: 16px; font-weight: 500; position: absolute; bottom: 10vh; left: 50%; z-index: 101; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* tour carousel */
.galery_carousel { position: relative; margin: 60px 0 0 0; }
.galery_carousel:before { content: ""; height: 56px; width: 56px; background: #111D4F; position: absolute; top: 55px; right: 0; visibility: visible; z-index: 1000; }
.galery_carousel .cycle-slideshow { height: auto; width:auto; }
.galery_carousel .cycle-slide { width:auto;}
.galery_carousel .cycle-slide img { width:auto; max-height:427px;}
.galery_carousel a { padding: 0 5px; max-height:427px;}
#navDC a, #navGC a { background: rgba(0,0,0,0.1); -webkit-border-radius: 2px; border-radius: 0; line-height: 44px; height: 47px; width: 47px; display: block; position: absolute; text-align: center; color: #FFF; top: 50%; z-index: 101; font-size: 44px; }
#navDC a:hover, #navGC a:hover { color: #FFF; background: rgba(22,63,117,0.6); }
#navDC a { right: 0; }
#navGC a { left: 0; }
/* café carousel */
.cafe_carousel { position: relative; margin: 60px 0 0 0; }
.cafe_carousel:before { content: ""; height: 56px; width: 56px; background: #111D4F; position: absolute; top: 55px; right: 0; visibility: visible; z-index: 1000; }
.cafe_carousel .cycle-slideshow { height: auto; width:auto; }
.cafe_carousel .cycle-slide { width:auto;}
.cafe_carousel .cycle-slide img { width:auto; max-height:427px;}
.cafe_carousel a { padding: 0 5px; max-height:427px;}
#navDC a, #navGC a { background: rgba(0,0,0,0.1); -webkit-border-radius: 2px; border-radius: 0; line-height: 44px; height: 47px; width: 47px; display: block; position: absolute; text-align: center; color: #FFF; top: 50%; z-index: 101; font-size: 44px; }
#navDC a:hover, #navGC a:hover { color: #FFF; background: rgba(22,63,117,0.6); }
#navDC a { right: 0; }
#navGC a { left: 0; }
/* home slider */
.home #slideracc { position: relative; height: 100vh;}
/* tour slider */
#tour_slider { position: relative; height: calc(100vh - 100px); margin:80px 0 0 0;}
/* monaco slider */
.monaco #slideracc { position: relative; height: 80vh; }
/* residences slider */
#residences_slider { position: relative; height: calc(100vh - 100px); margin:120px 0 0 0;}
.residences #slideracc { position: relative; height: 80vh; }
/* services slider */
.services #slideracc { position: relative; height: calc(100vh - 100px); }
/* contact slider */
.contact #slideracc { position: relative; height: 80vh; }
/* spa slider */
#spa_slider { position: relative; height: calc(100vh - 100px);  margin:80px 0 0 0;}
/* café restaurant slider */
.restaurant #slideracc { position: relative; height: 80vh; }
/**/
@media all and (max-width: 800px) {
#tour_carousel { height: 320px; }
}
@media all and (max-width: 640px) {
}
/* 480 galaxy s - 414 iphone 6s */
@media all and (max-width: 480px) {
}