/*CONTENT*/
#slider{
	position: absolute;
	display: block;
	width: 100%;	
	background-color: #000;
	background-size: cover;
	height: 467px;		
	overflow: hidden;
}

body#homePage #content {
	position: relative;
	background-color: #0ebcf2;
	min-height: 580px;
}

.vertical-center {
  	height: 467px;  		
  	display: flex;
  	align-items: center;
}

section#promotion {	
	position: relative;
}

section#promotion a.find {
	display: none;
}

#slider .slider{
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	background-color: #000;
	background-size: cover;		
	height: 580px;
	overflow: hidden;		
}

#slider .slider li{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

#slider .slider li video{
	width: 100%;
	height: auto;
}

#content .gradient {
	position: relative;
	background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%) center;	
}

#content .home-page-headings {
	position: relative;
	text-align: center;
	font-size: 55px;
	color: #fff;	
	z-index: 1;
}

#content .home-page-headings .heading {		
    font-weight: 100;
    font-size: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
}

#content .home-page-headings .sub-heading {
	display: table;
	font-size: 50%;
	font-weight: 200;
	width: auto;
	margin: 0 auto 30px auto;
	background-image: url(../resource/images/icon_tick.png);
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: left center;
    padding-left: 35px; 		
}

#content .box-search{
	position: relative;	
	width: 1160px;
	padding: 13px 15px 5px 15px;	
	margin: 0 auto;	
	background: url(../resource/images/black60.png);	
	z-index: 100;
}

#search-widget {
	left: 50%;
	transform: translateX(-50%);
}

#content .general.container .alert.alert-info a.link-list:hover {
	text-decoration: none;
}

#content .left .square{
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	background: url(../resource/images/gray26.png);
	text-align: center;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

#content .left .square.active{
	background-color: #0ebcf2;
}

#content .left .square.on {
	background-color: #0ebcf2 !important;
}

#content .left .square.off {
	background-color: transparent !important;
}

#content .left .square.unavail:hover {
	background: url(../resource/images/gray26.png) !important;
}

#content .left .square:hover{
	background-color: rgba(14,188,242,0.5);
}

#content .left .square .img-box{
	display: block;
	height: 50px;
	width: 50px;
	position: relative;
	background: none;
	margin: auto;
}

#content .left .square .img-box img{
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#content .left .plus{
	display: block;
	float: left;
	color: #fff;
	width: 42px;
	height: 80px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 80px;
}

#content .box-search h2{
	color: #fff;
	font-weight: 300;
	font-size: 36px;
}

#content .box-search input[type="text"]{
	border-radius: 0;		
}

#content .box-search input[type="text"].address{
	padding-left: 50px;
	background: #fff url(../resource/images/icon-location.png) no-repeat 20px center;
}

#content .box-search label{
	display: block;
	font-size: 18px;
	color: #b4b3b3;
	font-weight: 300;
	margin-bottom: 8px;
}

#content .box-search .fix-cols{
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#content .btn-search{
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 3px;
	background: #6fb935;
	color: #fff;
	transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

#content .btn-search:hover{
	background: #4d9813
}

#content .btn-search:focus {
	outline: none !important;
}

.radio-box{
	display: block;
	float: left;
}

.radio-box span{
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	line-height: 36px;
	text-align: center;
	margin-left: 10px;
	cursor: pointer;
	color: #717171;
	font-weight: 300;
	transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

.radio-box span:first-child{
	margin-left: 0;
}

.radio-box span:hover, .radio-box span.active{
	background: #0ebcf2;
	color: #fff;
}

.visible {
	display: block !important;
}

.hidden {
	display: none !important;
}

.general, .advanced {
	position: relative;				
	width: 100% !important;
	height: auto;		 
	overflow: hidden;
}

.providers {
	clear: both;
}

section.providers {
	margin: 5px 0;
	padding: 10px 0;
	background-color: rgba(14,188,242,0.4);
	border: 1px solid rgba(14,188,242,0.4);
	border-radius: 4px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/*PROMO*/
#promo {
	display: table;
	width: 100%;
	padding: 30px 0;
	background: #fff;
}

.list-services{
	text-align: center;
	color: #4d4d4d;
	font-size: 18px;
}

.list-services .img-box{
	display: table;
	width: 104px;
	height: 104px;
	background: #0ebcf2;
	border-radius: 50%;
	position: relative;
	margin: auto;
	margin-bottom: 10px;
	transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

.list-services .img-box img{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.list-services .text{
	display: table;
	width: 80%;
	text-align: center;
	margin: auto;
	font-weight: 300;
	line-height: 1.6;
}

.list-services .text.smaller{
	width: 37%;
}

.list-services .text strong{
	color: #0ebcf2;
	font-weight: 700;
}

.box-detail{
	margin-left: 0;
	margin-right: 0;
	background: #efefef;
	margin-bottom: 25px;
}

.box-detail h1{
	font: 700 18px 'Montserrat';
	color: #3d3b3b;
	text-transform: uppercase;
}

.box-detail h1.small{
	font: 700 16px 'Roboto';
}

.box-detail .text{
	display: block;
	float: left;
	width: 90%;
	color: #3d3b3b;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.5px;
	text-align: justify;
	margin-bottom: 20px;
}

.box-detail .client-say{
	clear: both;
	display: block;
	float: left;
	width: 80%;
	position: relative;
	border: 1px solid #888;
	padding: 10px 12px;
	color: #495966;
	text-align: justify;
}

.box-detail .client-say img{
	display: block;
	float: left;
	margin-right: 25px;
}

.box-detail .client-say .read-more{
	display: block;
	position: absolute;
	bottom: -25px;
	right: -1px;
	background: #a6a6a6;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-style: italic;
	padding: 3px 8px;
	letter-spacing: 0.5px;
}

.box-detail .client-say .read-more:hover{
	background: #a0a0a0;
	text-decoration: none;
}

.box-detail .list-service{
	display: block;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.box-detail .list-service li{
	display: block;
	float: left;
	width: 100%;
	line-height: 25px;
	margin-bottom: 25px;
}

.box-detail .list-service li .icon{
	display: block;
	float: left;
	width: 58px;
	height: 25px;
}

.box-detail .list-service li .icon.restaurant{
	background: url(../resource/images/icon-restaurant.png) no-repeat left center;
}

.box-detail .list-service li .icon.swimming{
	background: url(../resource/images/icon-swimming.png) no-repeat left center;
}

.box-detail .list-service li .icon.staff{
	background: url(../resource/images/icon-staff.png) no-repeat left center;
}

.box-detail .list-service li .icon.falling{
	background: url(../resource/images/icon-falling.png) no-repeat left center;
}

.box-detail .list-service li .icon.washer{
	background: url(../resource/images/icon-washer.png) no-repeat left center;
}

.box-detail .list-service li .icon.dog{
	background: url(../resource/images/icon-dog.png) no-repeat left center;
}

.box-detail .list-service li .icon.yoga{
	background: url(../resource/images/icon-yoga.png) no-repeat left center;
}

.box-detail .more.arrow{
	clear: both;
	display: table;
	margin: auto;
	width: 150px;
	height: 40px;
	background: #c2c4c8;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}

.box-detail .more.arrow span{
	display: table;
	margin: auto;
	padding-right: 28px;
	background: url(../resource/images/arrow-3.png) no-repeat right center;
}

.box-detail .more.arrow:hover{
	background: #a6a6a6
}


.box-content-left{
	float: left;
	padding: 0;
	margin-top: 130px;
}

.box-search-dash{
	float: left;
	width: 41.66666667%;
	border: 1px solid #c2c4c8;
	padding: 7px 15px;
	padding-bottom: 6px;
	position: absolute;
}

.box-search-dash table{
	width: 80%;
}

.box-search-dash table td{
	padding-bottom: 6px;
}

.box-search-dash input.txt-search{
	width: 90%;
	margin-left: 15px;
	font: 700 14px/27px "Montserrat";
	padding: 5px 15px;
}

.box-search-dash table td span{
	display: block;
	float: left;
	width: 60px;
}

.box-search-dash input.tcal{
	height: 24px;
	width: 50%;
	margin-right: 10px;
}

.box-search-dash input[type="submit"]{
	font: 16px "Roboto";
	color: #fff;
	text-transform: uppercase;
	background: #6fb935;
	width: 176px;
	height: 58px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	float: right;
	margin-right: 10%;
}

.list-hotel{
	clear: both;
	display: block;
	float: left;
	width: 100%;
	height: 800px;
	padding-top: 25px;
}

.list-hotel .mCSB_scrollTools_vertical{
	width: 8px !important;
}

.list-hotel .mCSB_dragger_bar{
	width: 8px !important;
	background: #b6b7bb !important;
}

.list-hotel .mCSB_draggerRail{
	width: 8px !important;
	background: #d4d5d8 !important;
}

.list-hotel ul{
	margin: 0;
	padding: 0;
}

.list-hotel ul li{
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.list-hotel ul li .box-img{
	padding-left: 0;
	position: relative;
}

.list-hotel ul li .box-img img{
	padding-left: 0;
}

.list-hotel ul li .box-img .favourites{
	display: block;
	width: 24px;
	height: 38px;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(../resource/images/icon-favourites-white.png);
	cursor: pointer;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
}

.list-hotel ul li .box-img .favourites:hover{
	background: url(../resource/images/icon-favourites-white-hover.png);
}

.list-hotel ul li .box-img .favourites.active{
	background: url(../resource/images/icon-favourites-gold.png);
}

.list-hotel ul li .box-img .cost{
	position: absolute;
	top: 70%;
	right: 30px;	
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	color: #fff;
	font-size: 30px;
	background: url(../resource/images/black71.png);
}

.list-hotel ul li .box-img .cost span{
	display: block;
	float: left;
	font-size: 16px;
	margin-right: 5px;
	margin-top: 5px;
}

.list-hotel ul li .col-md-6{
	float: left;
}

.list-hotel ul li h3{
	font: 700 18px 'Montserrat';
	color: #3d3b3b;
	text-transform: uppercase;
	margin-top: 0;
}

.list-hotel ul li .text{
	clear: both;
	text-align: justify;
	line-height: 1.8;
	margin-bottom: 20px;
}

.list-hotel .list-function .col-md-3 > div{
	display: block;
	height: 30px;
	position: relative;
	margin-bottom: 8px;
}

.list-hotel .list-function .col-md-3 > div img{
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.list-hotel .list-function .col-md-3{
	text-align: center;
}

.date-month{
	display: table;
	width: 100%;
	background: #c2c4c8;
	border: 1px solid #c2c4c8;
}

.date-month .month, .date-month .day{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	font: 17px "Montserrat";
}

.date-month .month li{
	display: block;
	float: left;
	width: 8.33%;
	line-height: 42px;
	text-align: center;
	border-bottom: 1px solid #888;
}

.date-month .month li a{
	display: block;
	color: #fff;
}

.date-month .month li a:hover, .date-month .month li.active a{
	background: #888;
	text-decoration: none;
}

.date-month .day{
	font-size: 24px;
}

.date-month .day span{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 10px;
}

.date-month .day li{
	display: block;
	float: left;
	width: 10%;
	text-align: center;
	border-left: 1px solid #888;
}

.date-month .day li:first-child{
	border-left: 0;
}

.date-month .day li.active{
	border-color: #a8a6a6;
}

.date-month .day li a{
	display: block;
	color: #fff;
	padding: 12px 0;
}

.date-month .day li a:hover, .date-month .day li.active a{
	background: #888;
	text-decoration: none;
}

.img-maps{
	width: 100%;
	margin-top: 25px;
}

.scheduler{
	display: table;
	width: 100%;
	margin-top: 25px;
}

.scheduler table{
	width: 100%;
	border-left: 1px solid #dee1e2;
	border-top: 1px solid #dee1e2;
}

.scheduler table td{
	width: 10%;
	height: 222px;
	border-right: 1px solid #dee1e2;
	border-bottom: 1px solid #dee1e2;
	position: relative;
	text-align: center;
	font-size: 22px;
	font-weight: 300;
}

.scheduler table td.active{
	background: #efefef;
}

.scheduler table td.active.blue{
	background: #6fb935;
	color: #fff;
}

.scheduler table td .select{
	display: block;
	width: 36px;
	height: 36px;
	margin: auto;
	margin-top: 30px;
	background: url(../resource/images/select.png);
	position: relative;
}

.scheduler table td.blue .select{
	background: url(../resource/images/select-blue.png);
}

.scheduler table td .select .save{
	display: block;
	width: 70px;
	text-align: center;
	position: absolute;
	left: -17px;
	top: -25px;
	color: #6fb935;
	font: 14px 'Montserrat';
}

.scheduler table td .left-count{
	display: block;
	width: 100%;
	text-align: center;
	background: #f6ab2b;
	border-radius: 0;
	font: 14px/28px 'Montserrat';
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.scheduler table td .total{
	display: block;
	width: 315%;
	position: absolute;
	bottom: 25px;
	left: -7%;
	background: #0ebcf2;
	z-index: 1;
	border: 1px solid #64cff0;
	color: #fff;
	font: 18px/32px 'Montserrat';
}

.scheduler table td .total .arrow-left{
	display: block;
	width: 9px;
	height: 9px;
	background: url(../resource/images/doc.png);
	position: absolute;
	bottom: -9px;
	left: 0;
}

.scheduler table td .total .arrow-right{
	display: block;
	width: 6px;
	height: 10px;
	background: url(../resource/images/doc-2.png);
	position: absolute;
	bottom: -10px;
	right: 0;
}

/*menu-bar*/
#menu-bar{
	display: table;
	width: 100%;
	background: #fff;
}

#menu-bar .menu-parent{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}

#menu-bar .menu-parent li{
	display: block;
	float: left;
	width: 205px;
	height: 59px;
	line-height: 59px;
	color: #fff;
	margin-left: -34px;
	position: relative;
	z-index: 1;
	font-size: 16px;
}

#menu-bar .menu-parent li a{
	display: block;
	background: url(../resource/images/menu.png) no-repeat right center;
	padding-left: 50px;
	color: #fff;
}

#menu-bar .menu-parent li:first-child{
	margin-left: 0;
	z-index: 4;
}

#menu-bar .menu-parent li:first-child a{
	padding-left: 22px;
}

#menu-bar .menu-parent li.two{
	z-index: 3;
}

#menu-bar .menu-parent li.three{
	z-index: 2;
}

#menu-bar .menu-parent li.active a, #menu-bar .menu-parent li a:hover{
	background: url(../resource/images/menu-active.png) no-repeat right center;
	text-decoration: none;
}

#menu-bar .menu-parent li a:focus{
	text-decoration: none;
}

#menu-bar .menu-parent li.checkout a{
	background: #6fb935;
	width: 175px;
	border-radius: 0 5px 5px 0;
	text-transform: uppercase;
}

#menu-bar .menu-parent li .icon{
	display: block;
	float: left;
	margin-right: 15px;
	height: 59px;
}

#menu-bar .menu-parent li .icon.home{
	width: 23px;
	background: url(../resource/images/icon-hotel.png) no-repeat center;
}

#menu-bar .menu-parent li .icon.car{
	width: 26px;
	background: url(../resource/images/icon-car.png) no-repeat center;
}

#menu-bar .menu-parent li .icon.location{
	width: 19px;
	background: url(../resource/images/icon-location2.png) no-repeat center;
}

#menu-bar .menu-child{
	display: table;
	width: 100%;
	background: #888;
	height: 50px;
	font: 14px 'Montserrat';
	line-height: 50px;
	margin: 0;
	padding: 0;
}

#menu-bar .menu-child li{
	display: block;
	float: left;
	border-right: 1px solid #c2c4c8;
	position: relative;
}

#menu-bar .menu-child li label, #menu-bar .menu-child li a{
	display: block;
	padding: 0 30px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

#menu-bar .menu-child li a:hover{
	background: #787878;
	text-decoration: none;
}

#menu-bar .menu-child li label{
	font-weight: 700;
	font-size: 18px;
	background: #787878;
}

#menu-bar .menu-child li .arrow{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../resource/images/arrow-2.png);
}

/*SLIDER DETAIL*/
.slider-detail{
	padding-left: 0;
}
.rg-image-wrapper{
	position:relative;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	width:100%;
}
.rg-image-nav a{
	position:absolute;
	top: 40%;
	left: 10px;
	background: url(../resource/images/prev-slider.png) no-repeat;
	width: 27px;
	height: 41px;
	text-indent:-9000px;
	cursor:pointer;
	z-index: 1;
}
.rg-image-nav a.rg-image-nav-next{
	right: 10px;
	left: auto;
	background: url(../resource/images/next-slider.png) no-repeat;
}

.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	display: none;
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../resource/images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../resource/images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}

.rg-thumbs{
	width: 95%;
	margin: auto;
}

.rg-gallery{
	position: relative;
}

.page-slider{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 1000;
}

.page-slider li{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 5px;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}

.page-slider li:hover{
	background: rgba(0,0,0,0.8);
}

.page-slider li.active{
	background: #fff;
}

.use-this{
	margin-top: 5px;
}

.use-this input{
	margin-right: 10px;
}

.search-type input, .advanced-search input[type="checkbox"]{
	margin-right: 10px;
}