body{
	font-family:'lato_regular';
	font-size:13px;
	line-height:1.234;
	color:#545454;
	background: #ecf8f7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ecf8f7 20%, #ffffff 70%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ecf8f7 20%, #ffffff 70%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ecf8f7 20% , #ffffff 70%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ecf8f7 20%, #ffffff 70%);
	overflow-x:hidden;
}
/** Topbar CSS **/
.topbar-bg .topbar {padding:20px 0px 19px;}
.logo-text{
	font-family:'lato_regular';
	font-size:33px;
	line-height:33px;
	color:#ffffff;
}
.logo-text:hover,
.logo-text:focus{color:#ffffff;}
.checkmybooking{ text-align:right;}
.checkmybooking a{
	font-family: 'lato_regular';
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    padding-top: 8px;
    display: inline-block;
}
.checkmybooking span{
	font-family: 'lato_regular';
    font-size: 25px;
    line-height: 23px;
    color: #ffffff;
    padding-top: 8px;
    display: inline-block;
}
.checkmybooking a:hover,
.checkmybooking a:focus{ color:#ff6600;}
/** Navigation CSS **/
.navigation{background-color:#64bed8;border-width:0px 1px 1px;}
.navigation ul{padding:0px;margin:0px;}
.navigation ul li{display:inline-block;list-style:none;}
.navigation ul li .nav-lnk{
	font-family: 'lato_regular';
	font-size:15px;
	line-height:17px;
	padding: 7px 12px;
	display:inline-block;
	color:#ffffff;
}
.navigation ul li .nav-lnk:hover,
.navigation ul li .nav-lnk:focus,
.navigation ul li .nav-lnk.active{ background-color:#424b6c;}

/** Page Content CSS **/
.page-content{padding:25px 0;}

/** Footer CSS **/
.footer-bg{
	padding:18px 0px;
	text-align:right;
}
.footer-bg img{margin-left:10px;}

#header {background-color: #3f4c6c;}
#footer {background-color:#3f4c6c;color:white;}

/******************
	Search Overlay
*******************/
.search-overlay{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:1050;
	display:none;
}
.search-overlay table{width:100%;height:100%}
.search-overlay table td{text-align:center;vertical-align:middle;}
.search-overlay .overlay-bg{
	padding:40px;
	background-color:#ffffff;
	display:inline-block;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.75);
	text-align:center;
}
.search-overlay .overlay-bg .txt{
	color: #3f4c6c;
	font-family: "lato_bold";
	font-size: 20px;
	line-height: 24px;
	/*text-shadow: 2px 1px 2px #bbbbbb;*/
}
.search-overlay .overlay-bg .bar-loader{margin-top:15px;}

@media(max-width:767px){
.topbar-bg{position:relative;}
.topbar-bg .topbar{box-shadow:0 0 2px rgba(0, 0, 0, 0.7);}
.topbar-bg .topbar .tb-top{position:relative;padding-right:80px;}
.topbar .navbar-toggle{
	background-color: #ffffff;
	border-radius: 0;
	position: absolute;
	right: 0;
	top:-8px;
	z-index: 1;
}
.topbar .navbar-toggle .icon-bar{background-color:#3f4c6c;}
.navigation {
	border: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin-top: 2px;
	position: absolute;
	right: -200px;
	text-align: left;
	transition: all 0.5s ease 0s;
	width: 200px;
	z-index:1;
}
.navigation.open {right:0;}
.navigation ul li{display: block;}
.navigation ul li .nav-lnk{border-bottom: 1px solid #ffffff;display: block;}
.navigation ul li:last-child .nav-lnk{border-bottom:0;}
.checkmybooking a{padding-top:4px;}
.search-overlay .overlay-bg{max-width:450px;}
.search-overlay .overlay-bg .txt{font-size:18px;}
}


@media(max-width:479px){
.mob-grid{width:100%;float:none;}
.topbar-bg, .checkmybooking{text-align:left;}
.logo-text{font-size:29px;}
.checkmybooking a{font-size:18px;}
.topbar .navbar-toggle{top:7px;}
.search-overlay .overlay-bg{max-width:280px;}
}