/*
''template details start''
'name:Home
'primary:false
'serial:3336
'cssFile:template_home.css
'aspFile:template_home.asp
''template details end''
*/

@import url("/~templates/template_page.css");

/* slideshow */
.slideshow { position:relative; }
.slideshow ul.gallery li { height:690px; width:100%; border:none; }
.slideshow ul.gallery img { opacity:0; display:none; }
.slideshow .slideshowPrev, 
.slideshow .slideshowNext { top:40%; }
.slideshowBorder { position:absolute; bottom:0; left:0; right:0; background:url(/~images/template/slideshow-border.png) bottom center no-repeat; background-size:100% auto; height:120px; z-index:666; }
.posRel { position:relative; bottom:30px; }

.slideshowBadges { bottom:20px; left:0; z-index:998; }
.slideshow .caption { top:10px; bottom:initial; font-size:20%;  }
.slideshow .caption span:before { width:16px; height:12px; margin-right:5px; content:''; background:url(/~images/template/ico_camera.png); display:inline-block; }

/* boxes */
.pageIntro { margin:40px auto; }
.homeL { width:45%; display:inline-block; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,0.2); vertical-align:top; margin-bottom:30px; float:right; }
.homeL .galleryThumbs ul.gallery { overflow:hidden; }
.homeL .galleryThumbs ul.gallery li { display:block; width:100%; float:right; padding:0; position:relative; border:none; }
.homeL .galleryThumbs ul.gallery li a:hover { opacity:1; }
.homeR { width:55%; display:inline-block; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,0.2); vertical-align:top; margin-bottom:30px; }
.row .pageContent .homeR .article { padding:50px; margin:0; border:none; box-shadow:none; }
.homeR .descBlock h2.maintitle, 
.homeR .descBlock .description { width:100%; padding:0; }
.homeR .descBlock .btn { min-width:200px; }
.homeR .descBlock ul.gallery { display:none; }
.homeL, .homeR,
.homeL .galleryFull ul.gallery,
.homeL .galleryFull ul.gallery li { height:250px; }
.homeL .galleryFull .caption { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5); padding:20px 30px; color:#fff; }

/* reviews */
.homeReviews { background:#f7f7f7; position:relative; box-shadow:0 1px 5px rgba(0,0,0,0.2); padding:50px; }
.homeReviews .imgRight { float:right; margin-top:10px; }
.homeReviews .slide { width:calc(100% - 330px); display:inline-block; height:60px; overflow:hidden; }
.row .pageContent .homeReviews .article { padding:0; margin:0; border:none; width:100%; background:none; box-shadow:none; }
.homeReviews .article h2.maintitle { font-style:italic; font-weight:400; font-size:150%; }
.homeReviews .article h4.subtitle { font-style:italic; font-weight:400; }
.homeReviews .article .description { display:none; }
.homeReviews .revBtn { position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; z-index:999; }

/* Video */
.homeVideo { background:#d5d5d3; padding:70px 0px;}
.homeVideo .videoEmbed { margin:0; box-shadow:0 5px 15px rgba(0,0,0,0.3); background:#fff; height:530px; }

/* luxury-units */
.luxury-units{padding: 50px 0px; margin-top: 10px;}
.luxury-units .article{border-bottom: none;}
.luxury-units .article .description {width: 80%;}
.luxury-units .homeL .galleryFull .caption {display:none;}

.homel
{ width:55%; border-bottom:none; float:left;}

/* article-reviews slideshow*/
.revOuter .article {border-bottom:none;}

/* reviews and locals outer */
.revOuter { margin-top: 30px; padding: 0px 30px 30px 30px; border: 1px solid #ddd;}
.revOuter .article .description{max-height:40px;}
.revOuter .article h4.subtitle {width:100%;}
.revOuter .article h2.maintitle {font-style: italic;}

@media only screen and (max-width: 960px) {
.slideshowPrev, .slideshowNext { display:none; }
.slideshow ul.gallery li { height:200px; width:100%;}
.slideshowBadges { display:none; }

.pageIntro { margin:0 auto 1.5em; }
.homeL, .homeR { width:100%; display:block; height:auto; margin-bottom:0; }
.homeR { margin-bottom:1.5em; }
.homeL .galleryFull ul.gallery,
.homeL .galleryFull ul.gallery li { height:200px; }
.homeL, .homeL .galleryThumbs ul.gallery, .homeL .galleryThumbs ul.gallery li { height:auto; }
.row .pageContent .homeR .article { padding:1.5em; }

.homeVideo { padding:70px 20px;}
.luxury-units .article .description {width:100%;}

.homeReviews { padding:2.5em 1.5em; text-align:center; }
.homeReviews .imgRight { max-width:75%; margin:auto; float:none; margin-bottom:1em; }
.homeReviews .slide { height:auto; overflow:initial; width:100%; display:block; }
.articles-reviews ul.gallery { margin-bottom:0.5em; }
.homeReviews .article h2.maintitle { font-size:130%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.webrooms-datepicker { display:block; }
.mobile .datepicker-label:before,
.mobile .datepicker-label { display:none; }
.mobile .datepicker-input, 
.mobile .datepicker-button { display:block; width:100%; margin:0; line-height:100%; }
.mobile .datepicker-input { text-indent:30px; background:url(/~css/images/icon_calendar128red.png) 8px center no-repeat #fff; background-size:16px 16px; position:static; }
.pageIntro .mobile { text-align:left; margin-bottom:1.5em; background:#1f4284; color:#fff; font-size:90%; }
.pageIntro .mobile a { color:#fff; text-decoration:underline; }
.mobile .bookingBox { display:block; }
.mobile .bookingBox .datepicker-button { width:100%; float:none; padding:5px; margin-top:3px; }

}

/*mobile view*/
@media only screen and (max-width: 600px)
{
.homel{ width:100%;}
.luxury-units .article .description {width:100%; text-align:center;}
.homeVideo .videoEmbed {height:200px; }
/* video */
.videoEmbed{margin:0;}
.homeVideo { padding:70px 20px;}
/*reviews and local*/
.revOuter{margin:0;}
}