/* global */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Lato);
body{    background: #e6e6e6;}
.container {  max-width: 1110px;}
.txtcenter{text-align:center;}
p{font-family: 'Lato', sans-serif; font-size:16px; line-height:25px; color:#565656;}
dl{font-family: 'Lato', sans-serif; font-size:16px; line-height:25px; color:#565656;}


/* Menu */
.travel-mega-menu li a{font-family: 'Lato', sans-serif; font-size:15px; line-height:18px; color:#939598; padding: 6px 15px; }
.travel-mega-menu li a.top-menu-txt{font-weight:400;margin-top: 12px;}
.travel-mega-menu li a:hover{color:#474748;}
.travel-mega-menu li:hover > a{color:#474748;}
.travel-mega-menu li > div{border-top: 3px solid #31d5ad;   }
.travel-mega-menu li li a{  padding: 0px 15px;}
.travel-mega-menu .blue-link li:hover a{background:none; color:#474748;}
.travel-mega-menu form .col{padding-right:0px; padding-left:0px;}
.travel-mega-menu form fieldset{padding:5px 25px;}

.travel-mega-menu li:hover > a,.travel-mega-menu li a:hover{color: #31d5ad;}
.travel-mega-menu-mobile li:hover > a, .travel-mega-menu-mobile li.current > a{color: #31d5ad;}
.travel-mega-menu-mobile li .blue-link li:hover a{background:none; color: #31d5ad;}

/* costum container */
.container-full { margin: 0 auto;  width: 100%;}
.elcontainer{width:1140px; padding-left:15px; padding-right:15px; margin-right:auto; margin-left:auto; }
.nopadlefrig{padding-left:0px; padding-right:0px;}


/* home */
	/* slider */
	.tp-bannertimer{display:none;}
	.cover-sld {background: rgba(0,0,0,0.3);}
	/* slide - one */
	.title-slideone{    font-family: 'Lato', sans-serif!important;  font-size: 55px!important;  color: #fff!important;  font-weight: 300!important;    text-transform: uppercase;}
	.des-slideone{font-family: 'Open Sans', sans-serif;  font-size: 22px;  line-height: 32px;  color: #fff; font-weight:300; text-align: center;}
	.des-slideone span{font-weight:600;}
	.caption.small-txt{width:1110px;}
	
	/* slide - two */		
	.title-slidtwo{    font-family: 'Lato', sans-serif!important;  font-size: 65px!important;  color: #fff!important;  font-weight: 300!important;    text-transform: uppercase;}
	.villainfo-slidetwo{font-family: 'Playfair Display', serif!important; font-size:20px!important; color:#fff!important; font-style:italic!important;}
	.price-circle{ position: absolute; opacity: 1; left: -800px; top: 400px}
	.caption.white-b1 div.price-sld{  width: 223px!important; height: 223px!important; background:#31d5ad;  border-radius: 50%!important;  display: inline-block; margin-left:50px; padding:0px!important; }
	div.dot-circle{ width: 203px!important; height: 203px!important; background: none;  border-radius: 50%!important;  display: inline-block;    margin: 10px;   border: 3px dotted #fff; position:relative; padding: 30px 25px; text-align: center; text-transform: initial}
	div.dot-circle .desprice{ width:100%; position:relative; margin:0px auto; }
	div.dot-circle .pricefrom{width:100%; min-width:154px; float:left;  font-family: 'Playfair Display', serif!important; font-size:18px!important; color:#fff; }
	div.dot-circle .price{width:100%; min-width:154px; float:left;font-family: 'Lato', sans-serif!important; font-size:42px!important; color:#fff; font-weight:700; border-top:1px solid #fff; border-bottom:1px solid #fff;    padding: 20px 0; }
	div.dot-circle .rattingstar{width:100%; min-width:154px; float:left; }
	
	.caption .largewhitebg_button1{ padding:10px 25px; font-weight: 400; font-size:18px;  line-height: 33px;  border-radius: 6px; -webkit-border-radius: 6px;  -moz-border-radius: 6px;  -o-border-radius: 6px;  border-radius: 75px;  -webkit-border-radius: 75px;  -moz-border-radius: 75px;  -o-border-radius: 75px;  }
	.caption .largewhitebg_button1:hover{ background-color: rgb(255, 255, 255);  border-color: rgb(255, 255, 255);      font-weight: 400;   font-size: 18px;  line-height: 33px;border-radius: 6px; -webkit-border-radius: 6px;  -moz-border-radius: 6px;  -o-border-radius: 6px;  border-radius: 75px;  -webkit-border-radius: 75px;  -moz-border-radius: 75px;  -o-border-radius: 75px;  }
	/* form find villa */
	#reservation-form.reservation-color-form-green{padding-bottom:0px;    border: none;  background: none;}
	#reservation-form .left{ width: 38%;  float: left; background: #939598;  padding-top: 90px;  padding-bottom: 39px;  padding-right: 30px;  text-align: right;  height: 100%;   display: inline-block; min-height:145px;}
	#reservation-form .left h2{font-family: 'Playfair Display', serif; font-size:36px;  font-weight:300; color:#fff; font-style: italic;  text-transform: inherit;}	
	#reservation-form .right{width:62%; float:right; background:#e6e6e6; min-height:145px;}
	#reservation-form .right .reservation-hotel{ border-radius: 0; max-width: 780px;}
	#reservation-form .form-inline .form-group{min-width:179px;}
	#reservation-form.reservation-color-form-green form label,#reservation-form .form-control{font-family: 'Lato', sans-serif; font-size:18px; color:#939598;  border-radius: 5px;  text-transform: capitalize;}
	#reservation-form.reservation-color-form-green form input{ height:40px;}
	#reservation-form .popover-icon i{font-size:14px;}
	
	#reservation-form .form-inline select.form-control{font-size:14px; }
	#reservation-form.reservation-color-form-green form input{font-size:14px; }
	#reservation-form.home3 .colbtn{  margin-top: 29px;}
	#reservation-form .btn{border-radius:5px;    background-color: #31d5ad;   border-color: #31d5ad; height:40px;}
	
	/* Introduction */
	section#introduction{background:#fff;}
	#introduction h2{font-family: 'Lato', sans-serif; font-size:50px; line-height:20px; color:#31d5ad;     margin-bottom: 40px;     font-weight: 400;  text-transform:none/* text-transform: capitalize;*/}
	#introduction p{font-family: 'Lato', sans-serif; font-size:18px; line-height:28px; color:#939598;}
	#introduction .imgintro{padding-top:60px; padding-bottom:60px;}
	#introduction .decintro{padding-top:110px; padding-bottom:110px;}
	
	/* list villa */
	.home4{padding-top:40px;}
	.home4 .view3{  box-shadow: none;}
	.home4 .view3 img{padding: 0;}
	.home4 .view3-fifth .mask .main{  background: #cccccc; border-bottom: none;}
	.home4 .view3-fifth .mask .main h3{font-family: 'Lato', sans-serif; font-size:20px; font-weight:300; color:#5a5a5a; margin-top:10px;}
	.home4 .view3-fifth .mask{  padding:0px;  transform: translateY(216px);}
	.home4 .view3-fifth .mask .main .price{ background-color: #5a5a5a; height: 100%;}
	.home4 .view3-fifth .mask .main .price span{font-family: 'Lato', sans-serif; font-size:12px; width:100%;}
	.home4 .view3-fifth .mask .main .price span{font-family: 'Lato', sans-serif; font-size:12px; width:100%;    float: left;}
	.home4 .view3-fifth .mask .main .price span.cur{font-size:18px; width:100%;}
	
	.home4 .view3-fifth .mask .content span{font-family: 'Playfair Display', serif; font-size:12px; line-height:15px;font-style:italic;}
	.home4 .view3-fifth .mask .content span.loc{ color:#939598; }
	.home4 .view3-fifth .mask .content span.bed{ color:#000000; }
	.home4 .view3-fifth .mask .content p{font-family: 'Lato', sans-serif; font-size:14px; line-height:18px; color:#565656; }
	.home4 .view3-fifth .mask .content p.plus{ font-size:12px; color:#000000;  font-weight: 700;  text-transform: uppercase;}
	.home4 .view3-fifth .mask .btn{ margin-top:0px; height: 45px; width: 100%;    background-color: #31d5ad;  border-color: #31d5ad;  font-family: 'Lato', sans-serif;  font-size: 14px;  color: #fff;     text-transform: uppercase;    padding-top: 9px;     border-radius: 0;}
    .detail-villa {clear:both; }
/*About Villa  */
	
    .home-page h1 { font: 300 65px 'Lato', arial, sans-serif!important; margin-top:-20px}
	#top-offerts{background:#fff;}
	#top-offerts p{font-family: 'Lato', sans-serif; font-size:18px; line-height:28px; color:#565656;}
	.services-parallax{background-image: url(/images/portals/balivillas/sesehtanah-lot.jpg);}
	.about-section-top{background:#fff;    height: 88px;}
	.about-section-top .breadcrumbs {display: inline-block; }
	.about-section-top .breadcrumbs li{font-family: 'Playfair Display', serif; font-size:15px; font-style:italic;    text-transform: capitalize;}
	.about-section-top .breadcrumbs li a{ color:#31d5ad; text-transform: capitalize;}
	.about-section-top .breadcrumbs li.active{color:#565656;}

	.title-about{font-family: 'Lato', sans-serif; color:#565656;  text-transform: uppercase;}
	h1.title-about{font-size:50px;    text-transform: capitalize;}
	h1.title-about {font-size:40px!important}
	.about-section-top .breadcrumbs li{    line-height: 83px;     color: #31d5ad;}
	.about-btn{padding:57px 0 0 0; width:100%; text-align:right}
	
	/*
	#mobile-menu-01 .breadcrumbs.pull-right {clear:both!important; padding-bottom:30px!important; border:solid 1px red}
	#mobile-menu-01 #sidebar {display:none}
	#mobile-menu-01 #top-list-trip {clear:both; margin-top:30px!important}
	*/
	#villa #mobile-menu-01 .button8  { margin-left:20px; padding-bottom:20px; }
	#villa #mobile-menu-01 .button8 a:hover, #villa #menu5 .container .button7 a:hover{ border: solid 1px #31d5ad!important;  }
	
	a.default{ background: #31d5ad;  border-color: #31d5ad;  border-radius: 10px; padding: 10px 20px;     margin-right: 10px; font-family: 'Lato', sans-serif; font-size:18px; font-weight:400;text-transform: uppercase; }
	a.default:hover{background:#fff; color:#31d5ad; border-color: #31d5ad!important; }
	
/*Detail Page*/
	.bgtopdetailpage{    background: #e6e6e6;}
	.bgdetailspage{width: 100%;  float: left;  position: relative;  padding-bottom: 50px; background:#e6e6e6; height:auto;}
	.bgdetailspage .detail-villa{background:#ffffff;  }
	.info-detail-villa{font-family: 'Lato', sans-serif;     border-bottom: 1px solid #eee3d6;  width: 100%;  float: left;  position: relative;  padding: 8px 0px;}
	.info-detail-villa span.detlabel{font-size:16px; line-height:auto; color:#31d5ad; font-weight:700; width: 100%; float:left; text-align:left;    }
	.info-detail-villa span.detdec{font-size:14px; line-height:auto; color:#565656; font-weight:400; width: 100%; float:left; text-align:left;  }
	.info-detail-villa span.detdec a{color:#565656;}
	
	span.info{font-size:13px; line-height:auto; color:#afafaf; font-weight:400; font-style:italic;}
	
	.hotdeal{padding:5px 5px; background-color:#31d5ad; position:absolute;  margin: 10px 10px;  width: 97%;}
	.hotdeal .borderdot{/*border:3px dotted #fff;*/  padding: 15px 15px;}	
	.hotdeal h3{font-family: 'Lato', sans-serif; font-size:20px; color:#fff; font-weight:700; text-transform:uppercase;}
	.hotdeal h3:last-child { margin-bottom:-3px}
	
	
	.detail-villa img{width:100%; height:auto; /*min-height:425px*/}
	
	.footer-detail-villa{ padding: 10px 0px; text-align:right; }
	.footer-detail-villa span{width:100%;  position:relative; padding: 10px 0px; text-align:left; }
	.footer-detail-villa a {text-align:center; margin-top:10px}
	
	.thevilla{ width:100%; float:left; position:relative; background:#fff;     padding-top: 40px;}
	.thevilla h2{ font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400; text-transform: capitalize; padding-bottom:8px}
	.thevilla hr{ background: #e6e6e6; width: 100%;  margin-top: 56px;}
	
	.location{width:100%; float:left; position:relative; background:#fff;     padding: 40px 0px;}
	.location h2{font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400; text-transform: capitalize; padding-bottom:8px}
	.location dl{ margin-top:0px; width:100%; float:left; position:relative;}
	.location dl dt{width:75%; float:left; position:relative;     margin-bottom: 8px;}
	.location dl dd{width:20%; float:right; position:relative; text-align:right;}
	
	.quickfacts{width:100%; float:left; position:relative; background:#fff;     padding: 40px 0px;}
	.quickfacts h2{font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400; text-transform: capitalize; padding-bottom:8px}
	.quickfacts dl{width:100%; float:left; position:relative; margin-bottom:0px;}
	.quickfacts dl dt{width:14%; float:left;   text-align:left;   text-transform: capitalize; margin-bottom: 18px;}
	.quickfacts dl dd{width:85%; float:right; text-align:left; margin-bottom: 8px;}
	.quickfacts dl dd p {padding:0; margin-top:-3px!important}
	
	
	.rooms{width:100%; float:left; position:relative; background:#fff;  padding-top:40px;}
	.rooms h2{font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400; text-transform: capitalize; padding-bottom:8px}
	.rooms hr{ width: 100%; float:left; background: #e6e6e6;  margin-top: 30px; }
	/* .rooms .table-bedroom{width:50%; position:relative; display:block;} */
	.rooms .table-bedroom{margin-top: 60px; margin-bottom: 68px;}
	.rooms .row-even{ width:100%; position:relative; float:left;}
	.rooms .row-even p{line-height:35px;}
	.rooms .row-even .colone{width:30%; float:left;background:#f7f7f7; border-right: 2px solid #fff; padding-left:10px;}
	.rooms .row-even .coltwo{width:20%; float:left; background:#f7f7f7;border-right: 2px solid #fff;padding-left:10px;}
	.rooms .row-even .colthree{width:20%; float:left; background:#f7f7f7;border-right: 2px solid #fff;padding-left:10px;}
	
	.rooms .row-ood{width:100%; position:relative; float:left;}
	.rooms .row-ood p{line-height:35px;}
	.rooms .row-ood .colone{width:30%; float:left; background:#e4e4e4; border-right: 2px solid #fff;padding-left:10px;}
	.rooms .row-ood .coltwo{width:20%; float:left; background:#e4e4e4; border-right: 2px solid #fff;padding-left:10px;}
	.rooms .row-ood .colthree{width:20%; float:left;  background:#e4e4e4;border-right: 2px solid #fff;padding-left:10px;}
	
	/* rates and availability */
	.ratescalendar{width:100%; float:left; position:relative; background:#fff;     padding: 40px 0px;}
	.ratescalendar h2{font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400; text-transform: capitalize; padding-bottom:8px }
	.ratescalendar .promotion{width: 100%;  padding:5px 5px; background-color:#e4e4e4; position:relative;  margin-top: 20px;   margin-bottom: 10px;}
	.promotion .borderdot{/*border:3px dotted #565656;*/ padding: 15px 15px;}	
	.promotion h3{font-family: 'Lato', sans-serif; font-size:20px; color:#565656; font-weight:400; text-transform:uppercase;}
	.promotion ul li{font-family: 'Lato', sans-serif; font-size:20px; color:#666666; font-weight:400;    margin-left: 20px; }
	
	.discount{    margin-bottom: 30px;}	
	.discount .borderdot{ /*border:3px dotted #565656;*/ padding: 15px 15px;}	
	.discount h3{font-family: 'Lato', sans-serif; font-size:20px; color:#565656; font-weight:400; text-transform:uppercase;}
	.discount ul li{font-family: 'Lato', sans-serif; font-size:20px; color:#666666; font-weight:400;    margin-left: 20px; }
	
		
		/********************************************
            RESERVATION FORM Blue Index
		 ********************************************/
		.reservation-home4.blue-reserv-form #reservation-form.reservation-color-form{background-color:#2d3e52;}
		.command-tabs ul{padding-left:15px;}
		 
		.reservation-home4.blue-reserv-form #reservation-form label{color:#fff;}
		 
		.reservation-home4.blue-reserv-form #reservation-form .popover-icon i{color:#fff;}

		.reservation-home4.blue-reserv-form .nav-tabs > li.active > a, .reservation-home4.blue-reserv-form .nav-tabs > li.active > a:hover, .reservation-home4.blue-reserv-form .nav-tabs > li.active > a:focus
			{background-color:#2d3e52;border: 1px solid #2d3e52;color:#fff;}

		.reservation-home4.blue-reserv-form .nav-tabs > li.active > a, .reservation-home4.blue-reserv-form .nav-tabs > li.active > a:hover, .reservation-home4.blue-reserv-form .nav-tabs > li.active > a:focus
			{ background-color:#31d5ad;
			 border: 1px solid #31d5ad;}

		.reservation-home4.blue-reserv-form #reservation-form.reservation-color-form.pos-middle    {   
			box-shadow: 0 10px 35px rgba(0,0,0,0.5);
		}
		.reservation-home4.blue-reserv-form{margin-top: -180px;}

		.reservation-home4.blue-reserv-form #reservation-form .reservation-tabs.command-tabs{padding:0;}

		.reservation-home4.blue-reserv-form #reservation-form.reservation-color-form{border:0px;}

		.reservation-home4.blue-reserv-form .container-reservation{position:relative;}
		
		#drpChild, #drpInfant { margin-top: 10px;}
		.form-label { font-family: 'Lato', sans-serif; font-size: 18px; line-height: 28px; color: #939598; margin-top: 25px; }
        #booking_form .success { font-family: 'Playfair Display', serif;font-style: italic; color: #31d5ad; display:none}
        #booking_form .submit-contact{    color: #55d8b8;border: 1px solid #55d8b8;}
	    #booking_form .submit-contact:hover {    color: #fff; background-color:#55d8b8; border: 1px solid #55d8b8;}

		#cal, #cal2 {width:265px; float:left; margin:0 auto; padding:0; position:relative; text-align:center;
			border:solid 3px #939598; margin:15px 10px 10px 0px; vertical-align:middle; font-family:lato; font-size:12px; font-weight:bold  }

		#cal, #cal2 {text-align:center; font-size:10px; font-weight:bold;}
		#cal .day5, #cal2 .day5 {color:#000!important}

		#cal .days, #cal .day, #cal2 .days, #cal2 .day5, #calendars .n, #calendars .a, #calendars .o, #calendars .b, 
		#cal .bluered2, #cal2 .redblue2, #calendars .greenred2, #calendars .redgreen2, #calendars .greenblue2, #calendars .bluegreen2{width:20px; height:20px}

		#cal .days, #cal2 .days { height:25px; float:left; position:relative;clear:right;  }

		#cal .day, #cal2 .day { height:25px; line-height:25px;
		color:#FFF; border:solid 1px #31d5ad; background:#31d5ad; float:left; margin:1px; width:35px; text-align:center; 
		}

		#cal .day5, #cal2 .day5, #cal3 .day5, #cal4 .day5, #cal5 .day5, #cal6 .day5 {  height:25px;
		color:#fff; border:solid 1px #31d5ad; background:#31d5ad; float:left; margin:1px; width:35px; text-align:center; line-height:25px}
		
		.cal-title{font-family:lato; padding:5px; font-size:17px; font-weight:400; color:#FFF; background:#939598; text-align:center; overflow:hidden;}

		#wishlist .border, #calendars .border { /*border-top:solid 3px navy;*/ border-bottom:solid 3px #a28144; }
						
		  
		.n {height:25px; position:relative; margin:1px; float:left; width:35px; color:#FFF; background-color:#FFF; 
			 border:solid 1px silver; line-height:25px}
		.a {height:25px; position:relative; margin:1px; float:left; width:35px; color:#000; background-color:#FFF; 
			border:solid 1px silver; line-height:25px}
		.o {height:25px; position:relative; margin:1px; float:left; width:35px; color:#000; /*background-color:#F6F4EF;*/ background-color:#C4BAB9;
			border:solid 1px silver; line-height:25px}
		.b {height:25px; position:relative; margin:1px; float:left; width:35px; color:#000; background-color:#8BA0B2; 
			border:solid 1px silver; line-height:25px}


		.bluered2 { float:left; position:relative; width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/pink-blue.png); 
			background-position:center; background-repeat:no-repeat; line-height:25px}
			
		.redblue2 { float:left; position:relative;  width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/blue-pink.png); 
			background-position:center; background-repeat:no-repeat; line-height:25px }


		.greenred2 { float:left; position:relative;  width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/white-blue.png); 
			background-position:center; background-repeat:no-repeat; line-height:25px }
				
				
		.redgreen2 { float:left; position:relative; width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/blue-white.png); background-repeat:no-repeat;
			background-position:center; line-height:25px }
			
			
		.greenblue2 { float:left; position:relative;  width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/white-pink.png); 
			background-position:center; background-repeat:no-repeat; line-height:25px}

			
		.bluegreen2 { float:left; position:relative;  width:35px!important; height:25px!important; 
			margin:1px; text-align:center;  border:solid 1px silver; 
			color:#000; background:url(/images/portals/eh/pink-white.png); 
			background-position:center; background-repeat:no-repeat; line-height:25px }
		
		.prev-month{position:relative; z-index:9999; width:20px!important; top:95px; float:left; left:0; margin-right:20px;}
			.next-month{position:relative; z-index:9999; width:20px; top:95px; float:left; margin-left:10px; overflow:hidden!important;}
			
		.cal-agenda{float:left; margin-left:35px; margin-top:60px; width:200px; color:#939598;}
		.cal-agenda .avai-color{float:left;}
		.cal-agenda .booked-color{float:left;}
		.cal-agenda .hold-color{float:left;}
		
		ul.search-opt li a {
			color: #fff;
			display: block;
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			padding: 0 25px;
			background: #939598;
			font-family: 'Raleway', sans-serif;
			font-size: 13px;
			font-weight: 600;
			height: 35px;
			line-height: 35px;
			text-decoration: none;
			letter-spacing: 0;
			text-transform: uppercase;
		}
		ul.search-opt li a:hover {
			background: #ccc;
			color: #fff;
			border:1px solid #ccc;
		}
		
	/* tabel rates */
	.tbl-rates{width:100%; min-width:310px;margin-top: 20px; clear: both; color: rgb(0, 0, 0); font-size: 13px; display: table; background: rgb(255, 255, 255);}
	.tbl-rates tbody tr{font-family:'Lato',sans-serif; font-size:16px; line-height:30px; color:#fff; font-weight:400;}
	.tbl-rates tbody tr td{font-family:'Lato',sans-serif; font-size:14px; line-height:34px; color:#565656;font-weight:400;}
	.tbl-rates tbody tr.title-rates{text-transform:uppercase; padding:5px; text-indent:5px; background:#939598;}
	.tbl-rates tbody tr.title-rates .period{width:240px; padding:5px; color:#FFF; border-right:solid 1px #fff;}
	.tbl-rates tbody tr.title-rates .price{width:180px; text-align:left; padding:5px; color:#FFF; border-right:solid 1px #fff;}
	.tbl-rates tbody tr.title-rates .nights{width:130px; text-align:center; padding:5px; color:#FFF; border-right:solid 1px #fff;}
	.tbl-rates tbody tr.title-rates .minstay{width:100px; text-align:center; padding:5px; color:#FFF; border-right:solid 1px #fff;}
	.tbl-rates tbody tr.title-rates .inclusions{width:80px; text-align:center; padding:5px; color:#FFF;}
	.tbl-rates tbody tr.rteven{background-color:#FFF; padding:5px; text-indent:5px;}
		.tbl-rates tbody tr.rteven .period{width:240px;  padding:3px; margin-left:10px;}
		.tbl-rates tbody tr.rteven .price{width:180px; text-align:left; padding:5px;}
		.tbl-rates tbody tr.rteven .nights{width:130px; text-align:center; padding:5px;}
		.tbl-rates tbody tr.rteven .minstay{width:100px; text-align:center; padding:5px;}
		.tbl-rates tbody tr.rteven .inclusions{width:80px; text-align:center; padding:5px;}
		
	.tbl-rates tbody tr.rtood{background-color:#EBEBEB; padding:5px; text-indent:5px;}
		.tbl-rates tbody tr.rtood .period{width:240px;  padding:3px; margin-left:10px;}
		.tbl-rates tbody tr.rtood .price{width:180px; text-align:left; padding:5px;}
		.tbl-rates tbody tr.rtood .nights{width:130px; text-align:center; padding:5px;}
		.tbl-rates tbody tr.rtood .minstay{width:100px; text-align:center; padding:5px;}
		.tbl-rates tbody tr.rtood .inclusions{width:80px; text-align:center; padding:5px;}
	
	
	/* galbox gallery */
	.gallery{width:100%; float:left; position:relative; background:#e6e6e6;     padding: 40px 0px;}
	.gallery h2{font-family: 'Lato', sans-serif;  font-size:30px; line-height:30px; color:#31d5ad; font-weight:400;     text-transform: capitalize; margin-bottom: 20px; padding-bottom:8px}
	.galbox { /*opacity: 0.4;*/ margin-bottom: 30px;}	
	.galbox:hover {  opacity: 1.0!important;  -webkit-opacity: 1.0!important;}
	
	.caption2{background:#cccccc;     padding: 5px; text-align:center;}
	.caption2 span{ font-family:'Lato', sans-serif; font-size:12px; line-height:21.92px; color:#636363; }

/*Listing Page  */
	section#search-villa{padding-top:70px;}
	#search-villa.reservation-color-form-green{padding-bottom:0px;    border: none;  background: none;}
	#search-villa .left{ width: 36.555%;  float: left; padding-top: 40px;  padding-bottom: 39px;  padding-right: 30px;  text-align: right; background: url("/images/portals/balivillas/bg-villas-found.png");  background-color: #949599; background-repeat: no-repeat;  background-position: right;  background-size:contain;   height: 100%;   display: inline-block; min-height:145px;}
	#search-villa .left span{font-family: 'Playfair Display', serif; font-size:36px;  font-weight:300; color:#fff; font-style: italic;  text-transform: inherit;}	
	#search-villa .left span.num{font-family: 'Open Sans', sans-serif; font-size:70px; color:#fff;}
	#search-villa .right{width:63.444%; float:right; background:#fff; min-height:145px;     padding-top: 30px;  padding-bottom: 30px;}
	#search-villa .right .filtervilla{max-width:780px;}
	
	#search-villa .right .reservation-hotel{ border-radius: 0; max-width: 780px;}
	#search-villa .form-inline .form-group{min-width:179px;}
	#search-villa .popover-icon i{font-size:14px;}
	
	
	/* #search-villa.home3 .colbtn{  margin-top: 29px;}
	#search-villa .btn{border-radius:5px;    background-color: #31d5ad;   border-color: #31d5ad; height:40px;} */
	
	
	
	
	.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected{ color: #20d6ac!important;}
	.cbp-vm-options{padding:0px;box-shadow: none!important;    padding-top: 8px;  margin-bottom: 0;}
	.txt-sort p{font-family: 'Playfair Display', serif; font-size:36px; color:#565656; font-style: italic; margin-top:5px; text-transform:initial;}
	.ac-container{margin: 20px auto 20px auto; }
	
	.ac-container{margin: 20px auto 30px auto;}
	#top-list-trip{padding:5px 0 80px 0;}
	section.ac-container h3.desc-filter{font-family: 'Lato',sans-serif;  font-size: 30px;  color: #31d5ad;  font-weight: 400; float: left; line-height:30px;}
	section.ac-container p{font-family: 'Lato',sans-serif;  font-size: 16px; line-height:17px;  color: #939598; margin-top:-5px }
	section.ac-container div {border-bottom:none;  padding: 7px; width:100%;   float: left; background:#fff;}	
	section.ac-container div{ /*padding: 15px 15px;*/ width:100%;   float: left; background:#fff;}	
	
	section.ac-container div:first-child label i, 
	section.ac-container div:nth-child(2) label i{ font-size: 14px;  background:none;/*background: #31d5ad;*/ color: gray;  padding: -2px 6px; border-radius: 10px; float:right; }
	
	section.ac-container .meals-trip i, section.ac-container .rating-trip i{ display:none; font-size: 12px;  background: none; color: #939598;  padding: -2px 6px; border-radius: 10px; float:left}
    section.ac-container div i {font-size: 32px; background: #31d5ad; color: #fff; padding: -2px 6px; border-radius: 10px;	float: left;margin-bottom: 15px;}
	
	section.ac-container div .cdarea{ float: left; width:auto; font-family: 'Lato',sans-serif; font-size: 22px; color: #000000; margin:0px 15px;}
	section.ac-container div .tlparea{ float:left; width:auto; font-family: 'Lato',sans-serif; font-size: 22px; color: #000000; width:60%; float:left; margin:0px 15px;}

	.click-nav ul .clicker,.click-nav-location ul .clicker{ background: #fff;  border-color: #939598; color:#939598;     padding: 8px;}
	.click-nav .btn-price,.click-nav-location .btn-bedroom{  background: #fff;  border-color: #939598;  border-radius: 10px;  width: 170px; text-align: left; font-family:'Lato', sans-serif; font-size:16px; color:#939598;}
	.click-nav ul li span,.click-nav-location ul li span{   background: transparent;  padding: 0; float: right;}
	
	.click-nav ul .clicker:hover{background: #31d5ad;   border-color: #31d5ad; color:#fff;}	
	/* .click-nav ul .active{background: #31d5ad;   border-color: #31d5ad; color:#fff;}	 */
	.click-nav ul .clicker:hover span, .click-nav ul .active span{background: transparent;  color: #fff;}
	
	.click-nav ul ul.listprice{border: 1px solid rgb(49, 213, 173); border-radius: 10px;  background: rgb(255, 255, 255);}
	.click-nav ul ul.listprice li{ padding:10px 5px; font-family:'Lato', sans-serif; font-size:16px; color:#939598;width: 100%;   float: left; }
	.click-nav ul ul.listprice li:hover{ background:#31d5ad; color:#fff; }
	.click-nav ul .active{ background: none;  box-shadow: none; color:#333;}
	.click-nav ul ul.listprice li span{  text-align: left;  float: left; width:100%;}	
	.click-nav ul ul.listprice li:hover span{color:#fff; }
	
	
	.click-nav-location ul .clicker{ background: #fff;  border-color: #939598; color:#939598;     padding: 8px;}
	.click-nav-location .btn-bedroom{  background: #fff;  border-color: #939598;  border-radius: 10px;  width: 170px; text-align: left; font-family:'Lato', sans-serif; font-size:16px; color:#939598;}
	.click-nav-location ul .clicker:hover span{color:#fff;}
	
	.click-nav-location ul .clicker:hover{background: #31d5ad;   border-color: #31d5ad; color:#fff;}
	/* 	.click-nav-location ul .clicker:hover, .click-nav-location ul .active{background: transparent;  color: #fff;} */
	
	.click-nav-location ul ul.listbedroom   {border: 1px solid rgb(49, 213, 173); border-radius: 10px;  background: rgb(255, 255, 255);}
	.click-nav-location ul ul.listbedroom li{ padding:10px 5px; font-family:'Lato', sans-serif; font-size:16px; color:#939598;width: 100%;   float: left; }
	.click-nav-location ul ul.listbedroom li:hover{ background:#31d5ad; color:#fff; }
	.click-nav-location ul ul.listbedroom li span{  text-align: left;  float: left; width:100%;}	
	.click-nav-location ul ul.listbedroom li:hover span{color:#fff; }
	.click-nav-location ul .active{ background: none;  box-shadow: none;     color: #333;}
	.click-nav-location ul .clicker:hover{background: #31d5ad;   border-color: #31d5ad; color:#fff;}
	.click-nav-location ul .active{ background: none;  box-shadow: none;     color: #333;}
	
	.sandbox .mix figure{background-color:#fff;}
	.cbp-vm-view-grid figcaption{ padding:0px;}
	.cbp-vm-view-grid figcaption .villainfo{padding:20px; clear:both}
	.main-switcher figcaption h3, .main-switcher figcaption h3 a {font-family:'Lato', sans-serif; font-size:20px; color:#5a5a5a;}
	
	.main-switcher figcaption p{font-family:'Lato', sans-serif; font-size:14px; color:#565656; line-height:20px;}
	.main-switcher figcaption span.promo{width: 100%; float:left; font-family:'Lato', sans-serif; font-size:12px; color:#000000; text-transform:uppercase; font-weight:700; margin-bottom:10px; line-height:18px; }
	
	.main-switcher figcaption .price-night{ border-top: 2px dotted #dbdbdb; border-bottom: 2px dotted #dbdbdb; height: auto; width: 100%; float: left;   display: inline; padding:0px;}
	
	
	/* BEDROOM */
	.main-switcher figcaption span.type-bedrm {display:inline-block; width:114px!important; margin-top:5px;font-family: 'Playfair Display', serif; font-size:15px; line-height:25.57px; font-style:italic; }
	.main-switcher figcaption span.type-bedrm a
	{ position:relative;  color:#000000; margin-top: 5px;	}
	
	.main-switcher figcaption div.price-star{float:right; background:#939598; text-align:center; width:auto;   padding: 2px 0px;    margin-top: -2px;  margin-bottom: -2px;}
	.main-switcher figcaption div.price-star .from{width: 100%;  float: left; font-family:'Lato', sans-serif; font-size:12px;  line-height:18px; color:#ffffff;     text-transform: lowercase;    }
	.main-switcher figcaption div.price-star .price-n{width: 100%;  float: left;font-family:'Lato', sans-serif; font-size:18px;  line-height:18px; color:#ffffff; font-weight:700;}
	.main-switcher figcaption{border-bottom:none;}
	/* .sandbox .mix figure .btn-gallery{width:100%; background-color:#31d5ad; font-family:'Lato', sans-serif; font-size:14px;  line-height:15.57px; color:#ffffff; text-align:center; height:45px; font-weight:400; border-color:transparent;     padding: 12px 12px; text-transform:uppercase;} */
	.main-switcher figcaption .btn-gallery{width:100%; background-color:#31d5ad; font-family:'Lato', sans-serif; font-size:14px;  line-height:15.57px; color:#ffffff; text-align:center; height:45px; font-weight:400; border-color:transparent;     padding: 12px 12px; text-transform:uppercase;}
	
	
	.effects .cbp-vm-view-list .cbp-vm-image{ width:55%!important; }
	.main-switcher .cbp-vm-view-list figcaption{width:45%; padding:0; }
	.main-switcher .cbp-vm-view-list figcaption .villainfo{padding:20px;}
	
	
	div.hot-deal{  width: 70px!important; height: 70px!important; background:#31d5ad; position:absolute; border-radius: 50%!important;  display: inline-block; margin-left:50px; padding:0px!important; right:5px; top:5px; }
	.hot-deal .dot-circle-deal{ width: 62px!important; height: 62px!important; background: none;  border-radius: 50%!important;  display: inline-block;    margin: 4px;   border: 3px dotted #fff; position:relative; padding:8px 5px; text-align: center; text-transform: initial}
	.hot-deal .dot-circle-deal .hot{width:100%;    line-height: 8px; float:left;font-family: 'Lato', sans-serif; font-size:17.09px;  color:#fff; font-weight:700; padding: 5px 0; margin-bottom:0px; font-style:italic; font-weight:300;
		-ms-transform: rotate(-10deg); /* IE 9 */  -webkit-transform: rotate(-10deg); /* Safari */  transform: rotate(-10deg);
		}
	.hot-deal .dot-circle-deal .deal{width:100%;     line-height: 8px;float:left; font-family: 'Playfair Display', serif; font-size:17.09px;  color:#fff; font-weight:700; padding: 5px 0; margin-bottom:0px; font-style:italic; font-weight:300;
		-ms-transform: rotate(-10deg); /* IE 9 */  -webkit-transform: rotate(-10deg); /* Safari */  transform: rotate(-10deg);
		}
		
	
	/* contactus */
	#contact-msg-info{background:#fff;}
	#contact-msg-info h2 {
    font-family: 'Lato', sans-serif;
    font-size: 50px;
    line-height: 50px;
    color: #31d5ad;
    margin-bottom: 40px;
    font-weight: 400;
    text-transform: capitalize;
}
	#contact-msg-info p{    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #939598;}

	#map_container{margin-top:0px;}
	
	#top-info-contact{ padding: 40px 0;}
	.contact-square{padding: 4px 15px 10px 10px; margin-right:0px; min-height:150px; }
	.contact-square i{background: #55d8b8;}
	.info-square p{    text-transform: lowercase;    font-size: 14px;}

/* footer */
	#footer{ width:100%; position:relative; float:left; background:#2a2a2a;}
	#footer h3{font-family: 'Open Sans', sans-serif; font-size:24px; color:#fff; font-weight:300; }
	#footer a.destination{font-family: 'Lato', sans-serif; font-size:16px; line-height:30px; color:#939598; width:100%; float:left;}
	#footer a.destination:hover{color:#ffffff;}
	
	#footer .footer-small-desc a{font-family: 'Lato', sans-serif; font-size:16px; line-height:26px; color:#939598; font-weight: 400;}
	
	#footer .footer-small-desc a:hover{color:#ffffff;}
	
	#footer .footer-small-desc .name {padding-bottom:5px!important; clear:both!important; }
	
	#footer .footer-small-desc span{width:100%; float:left; margin-top:3px}
	
	#footer .footer-small-desc span a{font-family: 'Playfair Display', serif;font-size:15px; line-height:18px; color:#31d5ad; font-style:italic; text-transform:none}
	
	.footer-zone i{color:#22c7a0;}
	.footer-zone p{font-family: 'Lato', sans-serif; font-size:15px; color:#939598;}
	
	.fthr{width:100%;     border-top: 1px solid #514f4c; background:none; margin-top:40px; margin-bottom:30px;}
	.bx-viewport ul{}
	.bx-controls-direction{display:none;}
	.bx-wrapper .bx-pager{bottom:0px;}	
	
	.footer-bottom{background:#000000; margin-top:40px;}
	.footer-bottom p, .footer-bottom a {font-family: 'Playfair Display', serif; font-size:12px; line-height:18px; color:#939598; font-style:italic!important;}
	.footer-bottom .loc a, .footer-bottom .bed a {color:green!important;}
	.footer-bottom a:hover{color:#fff;}	
	.back-to-top{    background: #31d5ad;  bottom: 10%;  right: 2%;  padding: 0;  width: 90px;   text-align: center;   height: 30px;    opacity: 0.8;      z-index: 999999;  color: #fff;  border: 0;  position: fixed;   -o-transition: 0.3s;   -ms-transition: 0.3s;   -moz-transition: 0.3s;   -webkit-transition: 0.3s;    transition: 0.3s;    font-size: 14px;}
	
	
	@media(max-width:1200px ){
		/* slider */
				/* one */
				.title-slideone{top:100px!important; left:15px!important;}
				.caption.small-txt{display:block!important;top:170px!important; width:100%!important; min-width:700px!important; margin:0px auto!important; text-align:left!important;}
				.des-slideone{top:170px!important;text-align:left!important;}
				
				/* two */
				.title-slidtwo{top:70px!important; left:15px!important;}
				.villainfo-slidetwo{top:140px!important; left:15px!important;}
				.circle-price{top:45px!important; left:450.368px!important;}
				.caption.box-slide-button{top:180px!important;}	
				.caption.box-slide-button.slide-bb1{left:0px!important;}
				.caption.box-slide-button.slide-bb2{left:230px!important;}
				
				
				.caption.small-txt{display:block!important;top:170px!important; width:100%!important; min-width:700px!important; margin:0px auto!important; text-align:left!important;}
				.des-slideone{top:170px!important;text-align:left!important;}
				
		/* listing page */
		.effects .cbp-vm-view-list .cbp-vm-image{width:50%}
		.main-switcher .cbp-vm-view-list figcaption{width:50%;}
		.click-nav .btn-price{width:150px;}
		.click-nav-location .btn-bedroom{width:150px;}
		
		section.ac-container div .cdarea{font-size:18px;}
		section.ac-container div .tlparea{font-size:18px; width:55%; margin:0px;}
		
		
	}
	
	@media only screen and (max-width: 1030px){
		.cbp-vm-options { display:none;}
	}

	
	@media(max-width:992px ){
			/* menu */
			.top-mega-menu{width:100%; float:left;}
			
			/* two */
				.title-slidtwo{top:70px!important; left:15px!important; font-size:3em!important;}
				.villainfo-slidetwo{top:140px!important; left:15px!important;}
				.circle-price{top:45px!important; left:400.368px!important;}
				.caption.box-slide-button{top:180px!important; display:block!important;}	
				.caption.small-txt, .caption .largewhitebg_button1{display:block!important;}
			
			/* find a villa */
			#reservation-form .left{width:40%; height:381px;}
			#reservation-form .left h2{    margin-top: 35%;}
			#reservation-form .right{width:60%;}
			#reservation-form .right .hotel-when .res-pad{padding:0px;}
			
			#search-villa .left{width:40%; }
			#search-villa .left h2{    margin-top: 35%;}
			#search-villa .right{width:60%;}
			
			/* introduction */
			#introduction .decintro{padding-top:65px;    padding-bottom: 65px;}
			#introduction h2{ font-size: 40px; line-height:40px;}
			
			/* list villas */
			.home4{}
			.home4 .view3-fifth img{width:100%;}
			.home4 .view3-fifth .mask{    transform: translateY(0);}
			
			/* listing page */
			section.ac-container h3.desc-filter{font-size:30px;}
			section.ac-container div i{font-size:25px; padding:3px 5px;}
			.click-nav .btn-price{width:120px;}
			.click-nav-location .btn-bedroom{width:130px;}
			.click-nav .btn-price, .click-nav-location .btn-bedroom{font-size:13px;}
			
			/* quickfacts */
			.quickfacts dl dt{width:25%; }
			.quickfacts dl dd{width:70%;}
			
			/* availability calendar */
			
			#cal, #cal2{width:38.666%; min-width:266px;}
            
			.cal-agenda{margin-top:0;}
			.prev-month{position:relative; z-index:9999; width:20px!important; top:95px; float:left; left:0; margin-right:20px;}
			.next-month{position:relative; z-index:9999; width:20px; top:95px; float:left; margin-left:10px; overflow:hidden!important;}
			
			
			/* contact us */
		
		    .contact-square{min-height: 150px;}
			.last-contact-square{margin-top:30px;}
			/* footer */
			#footer{    float: left;   position: relative;    padding-top: 40px;}
			#footer .txtcenter{text-align:left;}
			#footer #parallax_slide{ margin-top: 20px!important;}
		
	}
	
	
	@media(max-width:767px ){
		/* slider */
				/* one */
				 .title-slideone{top:50px!important; font-size:2.5em!important;text-align:center!important; left:20px!important;}
				.caption.small-txt{display:block!important;top:80px!important;  min-width:320px!important; }
				.des-slideone{top:70px!important; font-size:2.8em!important; }
				
				/* two */
				.title-slidtwo{top:30px!important; left:15px!important; font-size:2.5em!important;}
				.villainfo-slidetwo{top:60px!important; left:15px!important; font-size:1em!important;}
				.circle-price{top:80px!important; left:5px!important;}
				.caption.white-b1 div.price-sld{width:145px!important; height:145px!important;margin-left:0px;}				
				div.dot-circle{width:135px!important; height:135px!important;      padding: 15px 10px; margin: 5px;}
				
				div.dot-circle .pricefrom{min-width: 117px;}
				div.dot-circle .price{font-size:0.5em!important; min-width:111px!important; padding:5px 0!important; }
				div.dot-circle .rattingstar{ min-width: 70px;  width: 110px;line-height:10px; }
				div.dot-circle .rattingstar img{width:70px!important; height:15px!important;}
				
				.caption .largewhitebg_button1{padding:5px 15px;     font-size: 2.5em!important;}
				.caption.box-slide-button{top:70px!important;}	
				.caption.box-slide-button.slide-bb1{left:210px!important;}
				.caption.box-slide-button.slide-bb2{top:120px!important; left:230px!important;}
				
				
		/* find a villa */
		#reservation-form .row{margin:0;}
		#reservation-form .left{width:100%; padding:0px; height:100%;    min-height: auto;  padding: 55px 0 12px 0;}
		#reservation-form .left h2{margin-top:0; text-align:center;}
		
		#reservation-form .right{width:100%;}
		#reservation-form .right .reservation-hotel{width:100%; max-width:100%;}
		#reservation-form .home2-hotel-where{ padding-left:15px; padding-right:15px;}
		#reservation-form .hotel-when{padding-left:15px; padding-right:15px;}
		#reservation-form .colbtn{padding-left:15px; padding-right:15px;}
		
		#search-villa .left{width:100%; padding:0px; height:100%;    min-height: auto;  padding:20px 0 12px 0; text-align:center;}		
		#search-villa .right{width:100%;}
		
		/* introduction */
		#introduction .decintro{padding-top:0px;padding-bottom:40px;}
		#introduction .imgintro{padding-top:40px; padding-bottom:40px;}
		#introduction h2{font-size:30px; text-align:center;    margin-bottom: 15px;}
		#introduction p{    text-align: justify;}
		
		/* list villas */
		.home4{padding-top:20px;}
		.home4 .view3{margin:30px 10px 0 0;}
		
		/* aboutus */
		.img-about{margin-bottom:30px;}
		
		/* villa detail */
		.bgdetailspage{padding-bottom:0px;}
		
		/* location */
		.placeinterest{margin-top:50px;}
		.location dl dt{width:75%; float:left;}
		.location dl dd{width:23%; float:left; text-align:left;}
	
		/* quickfacts */
		.quickfacts dl dt{width:100%; }
		.quickfacts dl dd{width:100%; float:left;}
		
		/* rooms */
		.rooms .row-even .colone{min-width:200px; width:100%; }
		.rooms .row-even .coltwo{min-width:100px; width:50%;}
		.rooms .row-even .colthree{min-width:100px; width:50%;}
		
		.rooms .row-ood .colone{min-width:200px;width:100%;  }
		.rooms .row-ood .coltwo{min-width:100px; width:50%;}
		.rooms .row-ood .colthree{min-width:100px;width:50%;}
		
		/* tabel rates */
		.table-responsive{border:none;}
		
		/* listing page */
		.ac-container{margin:0px;}
		.filtervilla{ padding-right: 15px;  padding-left: 15px;}
		.effects .cbp-vm-view-list .cbp-vm-image{width:100%}
		.main-switcher .cbp-vm-view-list figcaption{width:100%;}
		.txt-sort{    width: 100%; margin-top:0px;}
		.txt-sort p{font-size:30px; margin-top:0px;}
		
		/* contact us */
		.last-contact-square{margin-top:0px;}
	
		
		/* footer */
		#footer .txtcenter{margin-top:30px;}
		#parallax_slide{width: 100%!important;}
		#parallax_slide .bx-wrapper img{height:auto!important;}
		#parallax_slide .bx-wrapper .bx-viewport{height: 55px!important;}
		#parallax_slide .effect-over{    background: transparent!important;}
		.bx-wrapper .bx-pager{display:none;}
		
		.footer-bottom{margin-top:15px;}
	}
	
	
	@media(max-width:618px ){
		/* slider */
				/* one */
				 .title-slideone{top:50px!important; font-size:2.5em!important;text-align:center!important; left:20px!important;}
				.caption.small-txt{display:block!important;top:80px!important;  min-width:320px!important; }
				.des-slideone{top:70px!important; font-size:2.8em!important;line-height: 15px!important;}
				
				#reserve .breadcrumbs.pull-right  {clear:both}
				
				#reserve .breadcrumbs.pull-right li {line-height:25px!important; }
				#reserve h2 {font-size:35px; clear:both}
		/* availability calendar */
            /* JHONG 12/8
			#cal, #cal2{width:260px;    margin-top: 0;     margin-left: 3px;}
            
			.prev-month{position:absolute; top: 414px; margin-right: 0;    width: 50% !important; text-align:right;padding-right:10px;}
			.prev-month img{width:20px;}
			.next-month{position:absolute; top:414px; right: 0;  margin-left: 0; width: 50% !important; text-align:left; padding-left:10px;}
			.next-month img{width:20px;}
			
			#cal .day, #cal2 .day{    width: 35px; }
			.b{width:34px;}
			.redgreen2{width:34px!important;}
			.bluegreen2{width:34px!important;}
			.a{width:34px;}
			.n{width:34px;}
			.o{width:34px;}			
			.cal-agenda{    margin-top: 60px;}
			*/
			
	}
	
	@media only screen and (max-width: 330px){
			.txt-sort {display:block; width:100%;}
			.hotdeal h3:last-child { font-size:12px}
			h1.title-about {font-size:22px!important; line-height:30px}
	}
#reserve #booking_form p {font-size: 13px !important;margin-left: 1px;	line-height: 17px}
#sensitive { max-width:90%}

#reserve label[for=sensitive] { max-width:95%; line-height:17px; }	
#sensitive { margin-right:5px; vertical-align:top }
@media only screen and (max-width: 767px) {
	#reserve label[for=sensitive] { max-width: 90%; line-height: 17px;	}	
}