@charset "UTF-8";
/* CSS Document */
body, html, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6, button, input{
	border:0;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{ font-weight:bold;margin-bottom: 10px;}
ul, ol, li{ list-style:none; }
p{ font-size:12px; line-height:16px; }
a, a:hover, a:active{ text-decoration:none; cursor:pointer;}
button{ cursor:pointer; font-size:13px; }
h1, h2, h3, h4, h5, h6, button{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
input:focus, button:focus, select:focus{ outline:0 !important; }

.clr{ clear:both; }
.font-arial{ font-family:Arial, Helvetica, sans-serif; }
.br{ width:150px; height:3px; margin:20px auto;  }
.br-short{ width:50px; height:3px; margin:20px auto; }
.br-short-left {width:50px; height:3px; margin:20px 0; }
.box{ background-color:#f1f1f2; padding:10px;margin-bottom:10px; }
.bg-darkblue{ background-color:#353435; }
.color-gray{ color:#666; }

.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }

.margin-bottom5		{ margin-bottom:5px; }
.margin-bottom10	{ margin-bottom:10px; }
.margin-bottom20	{ margin-bottom:20px; }
.margin-bottom30	{ margin-bottom:30px; }
.margin-bottom40	{ margin-bottom:40px; }
.margin-bottom50	{ margin-bottom:50px; }
.margin-bottom60	{ margin-bottom:60px; }
.margin-bottom80	{ margin-bottom:80px; }
.margin-bottom100	{ margin-bottom:100px; }
.margin-bottom130	{ margin-bottom:130px; }
.margin-bottom150	{ margin-bottom:150px; }
.margin-bottom180	{ margin-bottom:180px; }
.margin-bottom200	{ margin-bottom:200px; }

/*************
	NAV
*************/
.wrapper-nav{
	background:#353435;
	width:225px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	color:#fff;
	z-index:2;
}
.navbar-inverse{ background-color:#353435;}
.navbar-brand{height:110px;}
.navbar-toggle{ margin-top:40px;}

.navigation{ margin-top:30px; }
.link li{ margin-bottom:10px; letter-spacing:1px; }
.link a{ color:#fff; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.link li:hover a, .link li:hover a:hover{ color:#6DCFF6; cursor:pointer; }
.link li.active a{ color:#6DCFF6; }

.shortcut-info{
	margin-top:60px;
}

.time{ font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.address{ margin:15px 0; font-size:12px; }
.address h6{ margin:10px 0; }

.single-bold{
	font-weight:bold;
	padding-right:10px;
	border-right:1px solid #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right:5px;
}

.wrapper-social{ border-top:1px solid #999; padding:10px 0; color:#999; }
.social{ width:80%; margin:0 auto; }
.social p{ float:left; font-size:10px; }
.social-network li{ padding:0 5px; float:left; color:#999; font-size:14px; }

/*************
	FOOTER
*************/
.footer{ padding:20px; font-size:12px; }
.footer a{ color:#999; }
.footer a:hover{ text-decoration:underline; }
.footer-top{ border-top:1px solid #999; border-bottom:1px solid #999; }
.footer-top p{ font-weight:bold; }
.footer-bottom{ padding:20px 0; color:#999; font-size:10px; }

.sitemap{ padding:20px 0; }
.sitemap-menu{ width:33%; float:left; }
.sitemap p{ margin:10px 0; color:#999; }
.sitemap-menu p, ul.sitemap-list li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
ul.sitemap-list li{ margin:5px 0; }

#terms{ float:right; }
ul#terms li{ display:inline;padding:0 10px; font-size:11px; }
ul#terms li.first{ border-right:1px solid;padding-left:0; }

/*************
	GLOBAL
*************/
.content{ padding-left:24%; position:relative; }
.container-inner{ width:100%;padding:0; }

.banner{ 
	position:relative; 
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	padding:150px 0;
}

.main{
	position:relative;
	background:url(../images/home/bg.jpg) repeat-x;
	background-position:top center;
	padding-top:60px;
	padding-bottom:30px;
	padding-left:5%;
	padding-right:5%;
}

.wrapper-check-rate{ background:#E1F3FD; padding:10px; }
.check-rate{ width:700px; margin:0 auto; }
.check-rate .row{margin:0;}
.arrival, .departure{ float:left; margin-right:10px; }
.button-check-rate{
	background:#012742;
	color:#fff;
	padding:10px;
	width:220px;
	font-size:12px;
}

#room .col-md-4, #attractions .col-md-4{ padding-left:10px; padding-right:10px;}
.carousel-caption{ text-shadow:none;}

/*************
	HOME
*************/
.caption h2{
	color:#012742;
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
	text-shadow:0 0 10px #fff;
}

.caption h1{
	color:#012742;
	font-size:45px;
	font-weight:normal;
	letter-spacing:8px;
	margin:10px 0 30px 0;
	text-shadow:0 0 10px #fff;
}

.read-more{
	border:2px solid #012742;
	padding:5px 10px;
	letter-spacing:2px;
	color:#012742;
	font-weight:bold;
}
.read-more:hover{ background:#012742; color:#fff; }

#home img{ width:100%; position:relative; }
#home h6.title{ color:#003333; margin:10px 0; text-align:center; }
#home .info{ color:#666; font-size:12px; text-align:center; margin-bottom:20px; margin-top:10px; }
#home .row .col-md-4 div.special{ position:relative; }
#home .row .col-md-4 a:hover div.more, #home .row .col-md-4 a:hover div.more-info{ display:block; }
#home .row .col-md-4 a div.more{ 
	background:#012742;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
}
#home .row .col-md-4 div.more-info{
	padding: 5%;
	border: 1px solid #FFF;
	background: #012742;
	color: #FFF;
	text-align:center;
	margin:23% auto 0 auto;
	width:50%;
	font-size:12px;
}

#home .row .col-md-4 div.more-info:hover{ background:#fff; color:#012742; }

.offer-img-title{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px 0;
	background:#012742;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-align:center;
	text-transform:uppercase;
}

/*************
	ROOMS
*************/
.bg-rooms{ background-image:url(../images/banner/leo_express_deluxe_triple.jpg); padding:84px 0; }
.bg-room,
.bg-standard-room, 
.bg-deluxe-room,
.bg-dtriple-room,
.bg-club-room
{ padding:144px 0; }
.bg-standard-room{ background-image:url(../images/banner/leo_express_standard_double.jpg); }
.bg-deluxe-room{ background-image:url(../images/banner/leo_express_deluxe_double.jpg); }
.bg-room, .bg-dtriple-room{ background-image:url(../images/banner/leo_express_deluxe_triple.jpg); }
.bg-club-room{ background-image:url(../images/banner/leo_express_club_room.jpg); }
.image-description{ width:55%; margin:0 auto; background:rgba(0,0,0,0.7); color:#fff; text-align:center; padding:20px; }
.image-description p { 
	font-size:12px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin:10px 0 0 0; 
	line-height:18px; 
}
#rooms img{ width:100%; position:relative; }
#rooms h6.title{ color:#003333; margin:10px 0; text-align:center; text-transform:uppercase; }
#rooms .info{ color:#666; text-align:center; min-height:70px; }
#rooms .button{ text-align:center; margin-top:10px; }
#rooms button{ text-transform:uppercase; color:#fff; padding:5px 10px; background-color:#012742; }
#rooms button:hover{ background-color:#1d4e73; }

/*************
	ABOUT
*************/
.bg-about{ background-image:url(../images/banner/leo_express_about.jpg); }
#about .img-center{ text-align:center; margin:30px auto; }
#about .img-center img{ width:100%; }

/*************
	FACILITIES
*************/
.bg-facilities{ background-image:url(../images/banner/leo_express_facilities.jpg); }
.facilities{ 
	padding-top: 30px;
	border-top: 1px solid #ccc;
	margin-top: 10px;  
  /*-webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;*/
  text-align:left;
}
.facilities > div{ margin-bottom:10px; }
.facilities > div span {
    font-size: 12px;
    color: #666;
    line-height: 30px;
    margin-left: 10px;
	text-align:left;
}

/*************
	ATTRACTIONS
*************/
.bg-attractions{ background-image:url(../images/banner/leo_express_attractions.jpg); }
#attractions img{ width:100%; position:relative; }
#attractions h6.title{ color:#003333; margin:10px 0; text-align:center; font-weight:bold; }
#attractions .info{ color:#666; font-size:12px; text-align:center; }
#attractions .col-md-4.box{ min-height:395px; }

/*************
	SLIDESHOW
*************/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url(../images/slide/bullet.png) no-repeat; 
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora11l, .jssora11r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url(../images/slide/arrow.png) no-repeat;
	overflow: hidden;
}
.jssora11l { background-position: -6px -35px; } /* normal-left */
.jssora11r { background-position: -65px -35px; } /* normal-right */
.jssora11l:hover { background-position: -126px -35px; } /* normal mouseover-left */
.jssora11r:hover { background-position: -185px -35px; } /* normal mouseover-right */
.jssora11ldn { background-position: -246px -35px; } /* normal mousedown-left */
.jssora11rdn { background-position: -305px -35px; } /* normal mousedown-right */

/*************
	HOTEL ROOMS
*************/
#hotel-rooms p{ font-size:12px; color:#666; }
#hotel-rooms .room-info h3{ margin-bottom:20px; }
.hotel-button{ width:100%; background-color:#012742; color:#fff; font-size:16px; padding:10px; margin-top:20px;}
.price-room{ border: 2px solid; padding: 10px; text-align: center; margin: 0 0 20px 0; }
span.myr{ font-size: 14px; font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
span.price{ font-size: 32px; margin: 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
span.nett{ font-size: 12px; color: #333; }
.rate-include{ margin-bottom:20px; }
.box_span span{ float:left; }
.box_span:before, .box_span:after, p.info_column:before, p.info_column:after {
  display: table;
  content: "";
  line-height: 0;
}
.box_span:after, p.info_column:after { clear: both; }
p.info_column{ margin-bottom:5px; }
span.info_right{ margin-left:20px; }
#hotel-rooms p.rate{ font-weight:bold; text-transform:uppercase; font-size: 12px; margin: 10px 0; color:#012742; }
span.percentage{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #999;
	color: #FFF;
	font-size: 12px;
	padding: 0px 5px;
	width:40px;
	text-align:center;
}
.check-time{ 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	font-size: 12px;
}
.check{ font-weight:bold; width:70px; color:#012742; }
.features{ background-color:#f1f1f2; padding:20px; }
.features h5{ border-bottom: 1px solid #ccc; padding-bottom:10px; }

/*#hotel-rooms [class^="flaticon-"]{ float:left; width:30px; }
#hotel-rooms ul li:before, #hotel-rooms ul li:after{ content:''; display: table; line-height: 0; }
#hotel-rooms ul li:after{ clear: both; }
#hotel-rooms ul li{ font-size:12px; color:#666; line-height:20px; }
#hotel-rooms ul li span{ font-size:16px; color:#012742; }*/
.col-md-8.room-info{padding:0;}
#rooms .col-md-4{padding-left:5px;padding-right:5px;}

.icons{ width:35px; float:left; }
#hotel-rooms ul li{ margin-bottom:10px; }
#hotel-rooms ul li p{ font-size:12px; color:#666; line-height:30px; margin-left:10px; }

/*************
	CONTACT
*************/
.bg-contact{ background-image:url(../images/banner/leo_express_contact.jpg); }
#contact h2, #contact .description{ text-align:left;}
#contact .contact-info p:before, 
#contact .contact-info p:after
{ content:''; display: table; line-height: 0; }
#contact .contact-info p:after, #contact form div.section:after{ clear: both; }
#contact .contact-info span{ float:left; width:70%; }
#contact .contact-info span.title{ float:left; width:30%; color:#012742; font-weight:bold; }
#contact .contact-info p{ font-size:12px; color:#666; margin-bottom:5px; }
#contact form{ font-size:12px; }
#contact form label{ font-weight:bold; }
#contact form input{ border:1px solid #012742; }
#contact form textarea{ border-color:#012742; }
.submit{ width:100%; padding: 10px; color: #FFF; background-color: #012742; }
#gmap { width:100%; height:218px; display:block; z-index:1; }
#gmap_default { width:100%; height:193px; display:block; }

/*************
	CAREER
*************/
.bg-career{ background-image:url(../images/banner/leo_express_career.jpg); }

/*************
	INFO
*************/
#info p{ margin-bottom:10px; }
#info p.title{ margin-bottom:5px;margin-top:20px; font-weight:bold; font-size:16px; text-decoration:underline; }
#info span.title{ margin-bottom:5px;margin-top:20px; font-weight:bold; font-size:16px; text-decoration:underline; }
#info span.title-title{ margin-bottom:5px;margin-top:20px; font-weight:bold; text-decoration:underline; }
#info ol{ padding-left:40px; margin-bottom:10px; font-size:12px; }
#info ol li{ list-style-type:decimal; }

#info ol.numeric-decimals { counter-reset:section; list-style-type:none; padding-left:0;}
#info ol.numeric-decimals li { list-style-type:none; }
#info ol.numeric-decimals li strong{ font-weight:bold; }
#info ol.numeric-decimals li ol { counter-reset:subsection; margin-left:20px; padding-left:0;}
#info ol.numeric-decimals li:before{
    counter-increment:section;
    content:counter(section) ". ";/*content:"Section " counter(section) ". ";*/
}
#info ol.numeric-decimals li ol li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}
#info ol.numeric-decimals li ol.lower-roman li:before {
    counter-increment:none;
    content:"";
}

#info ol.numeric-decimals>li ol li ol{ margin-left:40px; }
#info ol.numeric-decimals li ol li ol li{ list-style-type:lower-roman; }

#info ol.numeric-decimals li ol li ol li:before {
    counter-increment:subsection;
    content: " ";
}

#info ol.numeric-decimals>li{ font-size:16px; }
#info ol.numeric-decimals>li>p,#info ol.numeric-decimals>li>ol>li>p{ padding-left:20px; }
#info ol.numeric-decimals li ol.lower-roman li{ list-style-type:lower-roman; margin-left:20px; }

@media (min-width: 1400px) {
	.container{ width:1000px; padding:0; }
	#attractions .info{ min-height:80px; }
}

@media (min-width: 1200px) {
	.box{padding:20px;}
	.wrapper-nav{ min-width:225px; width:20%; }
	.nav{ position:absolute; right:30px; }
	#wrapper{ padding-left:20%; }
	.container{ width:870px; padding:0; }
	.nav{
		text-align:center;
		width:200px;
		margin:0 auto;
	}
}

@media(min-width:1200px) and (max-width:1399px){
	#attractions .info{ min-height:96px; }
}


@media(min-width:992px) and (max-width:1065px){
	.features .col-md-6{
		width:100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#attractions .info{ min-height:110px;}
	ul#terms{text-align:right;}
	.container{ width:700px; padding:0; }
	.nav{
		text-align:center;
		width:200px;
		margin:0 auto;
	}
}

@media (min-width: 920px) and (max-width: 992px){
	.carousel-caption{top:30%;}
}
@media (max-width: 919px){
	.carousel-caption{top:20%;}
}

@media (max-width: 991px) {
	.check-rate .row .col-md-4{ margin-bottom:10px;}
	/*.features ul{
		-webkit-column-count:2; 
		-moz-column-count:2; 
		-o-column-count:2; 
		column-count:2; 
		-webkit-columns:2; 
		-moz-columns:2; 
		-o-columns:2; 
		columns:2; 
	}*/
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav{
		text-align:center;
		width:200px;
		margin:0 auto;
	}
	.check-rate{ width:100%;}
	.container{ width:500px; padding:0; }
	.features{ margin-bottom:20px; }
	#hotel-rooms ul li p{ font-size:11px; }
	
	
}
@media (max-width: 767px) {
	body{margin-top:110px;}
	.box{ padding:20px;}
	.check-rate{ width:100%;}
	.features{ margin-bottom:20px; }
	ul#terms{ float:none; }
}
@media (max-width: 480px) {
	.carousel-caption{top:10%;}
	.caption h2{ font-size:21px;}
	.caption h1{ font-size:28px;}
}

@media (max-width: 350px) {
	.carousel-caption{top:10%;}
	.caption h2{ font-size:18px;}
	.caption h1{ font-size: 21px; margin: 10px 0 20px 0;}
}

.navbar-inverse .navbar-nav > li > a{ color:#fff; }
.navbar-inverse .navbar-nav > li > a:hover{ color:#6DCFF6; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#6DCFF6; }