@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);

html,body{height:100%;margin:0;padding:0;}
body{
	background:#fff;
	font-size:16px;
	color:#353535;
	line-height:24px;
}

a{
	color:#154E9D;
	text-decoration:none;
	-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;
}
a:hover{
	color:#333;
	text-decoration:none;
}

h2{
	font-family:"kepler-std",serif;
	font-size:40px;
	color:#101d61;
	font-weight:400;
	margin-top:15px;
	margin-bottom:5px;
}

.btn-primary{
	background-color: #101d61;
	border-color: #101d61;
}

.osans{font-family:'Open Sans', sans-serif;}
.kepler{font-family:"kepler-std",serif;}
.l{font-weight:300;}
.n{font-weight:400;}
.b{font-weight:700;}
.i{font-style:italic;}
.upper{text-transform:uppercase;}
.u{text-decoration:underline;}
.text-white{color:#fff !important;}
.text-blue{color:#154E9D !important;}
.text-gray{color:#464646 !important;}

.fw{width:100%;}

.animate{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.photo-sm, .photo-md, .photo-lg{background-color:#fff;padding:8px;display:block;overflow:hidden;}
.photo-right{float:right;margin:0 0 1.2em 2.6em;}
.photo-left{float:left;margin:0 2.6em 1.2em 0;}
.photo-center{text-align:center;margin:1.2em 0;}
.photo-lg{margin-left:0;margin-right:0;}

.bg-diag{background:url("../images/diag-tile.jpg") left top repeat; margin-bottom:20px;}
.bg-white{background-color:#fff;}
.bg-white-trans{background-color:#fff;background-color:rgba(255,255,255,.7);}

#screen{position:relative;min-height:100%;}
#wrap{
	padding-bottom:0;
	overflow:hidden;
	position:relative;
	z-index:2;
}
#footer-wrap{
	background:#2d2d2d;
	font-size:12px;
	color:#fff;
	line-height:22px;
	width:100%;
	height:auto;
	min-height:155px;
	position:relative;
	z-index:5;
}


#header{
	
	background:url("../images/nav-inside-tile.jpg") left top repeat;
	border-bottom:1px solid #d8d8d8;
	height:110px;
	position:relative;
	z-index:900;
}
.home #header{
	background:rgba(255,255,255,.85);
	border-bottom:none;
}

	#logo-wrapper{padding-left:0;padding-right:0;}
	#logo{
		background:transparent url("../images/logo-new.png") -15px center no-repeat;
		-webkit-background-size:90% auto;
				background-size:90% auto;
		display:block;
		margin-top:0;
		margin-bottom:0;
		width:100%;
		height:110px;
	}

.phone-on-xs{
	display: block;
	background:#FFF;
	background: rgba(255, 255, 255, 0.88);
	color:navy;
	font-size:24px;
	padding:10px 0 0;
	margin:20px 20px -20px;
	text-align: center;
	border-bottom:1px solid navy;
	position: relative;
	z-index: 200;
}

#main{
	padding-top:40px;
	padding-bottom:70px;
}
.articles{
	line-height:26px;
	border-right:1px solid #d8d8d8;
}
.home .live-clear{
	height:0px !important;
}
.inside .live-clear{
	margin:0 0 10px;
	height:0px !important;
}
.articles h2{
	font-size:36px;
	margin:20px 0 15px 0;
}

.sidebar{}
	.sidebar h2, .sidebar h3{
		font-family:'Open Sans', sans-serif;
		font-size:20px;
		color:#101d61;
		font-weight:700;
		margin:20px 0 15px 0;
	}
	.sidebar a{
		color:#353535;
	}
	
	.sidebar ul li a {text-decoration:underline;}

.btn-reservation{
	background-color:#101d61;
	font-size:26px;
	color:#fff;
	font-style:italic;
	text-align:left;
	-webkit-border-radius:0;
	border-radius:0;
	max-width: 300px;
}
	.btn-reservation > .fa{
		margin-top:3px;
	}
	.btn-reservation:hover{
		background-color:#154E9D;
		color:#fff;
	}

.footer{
	font-size:12px;
	color:#bababa;
	line-height:24px;
	padding-top:40px;
	padding-bottom:30px;
}
	.footer a{color:#bababa;}
	.footer a:hover{color:#fff;}
.footer-nav > li{
	padding-left:9px;
	padding-right:9px;
}
	
#nav-wrapper{
	padding-top:0;
	padding-bottom:0;
	margin-top:-53px;
	height:110px;/* adjust height */
	position:relative;
	z-index:950;
}
	.navbar{
		border:none;
		min-height:69px;/* adjust height */
		margin-bottom:0;
		background: transparent;
		margin-top:0;
	}
		.navbar-default .navbar-brand{
			font-size:14px;
			color:#fff;
			line-height:69px;/* adjust height */
			font-weight:400;
			padding-top:0;
			padding-bottom:0;
		}
		.navbar-default .navbar-toggle{
			background-color:#fff;
			border-color:#fff;
			padding-top:6px;
			padding-bottom:6px;
			margin-right:-10px;
		}
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:active
		{
			background:#ffcc6c;
			border-color:#ffcc6c;
		}
		.navbar-default .navbar-collapse{
			border:none;
			box-shadow: none;
			}
			.navbar-nav{
				margin-top:0;
				background-color:rgb(0,45,74);
				background-color: rgb(0,25,41);
			}
				/* Mobile view settings */
				.navbar > li{}
					.navbar-default .navbar-nav > li > a{
						font-size:16px;
						color:#fff;
					}
						.navbar-default .navbar-nav > li > a:hover{
							background-color:transparent;
							color:#ffcc6c;
						}
						


/* Custom hr */
.hr,
.live-clear{
	display: block;
	height: 1px;
	margin:0 15px 10px;
	background:#d8d8d8;
}
.hr.with-text{
	font-size: 20px;
	height:auto;
	margin-bottom: 0;
	line-height: 24px;
	color:#cacaca;
	text-align: center;
	text-transform: uppercase;
}
.white-bg{
	background: #FFF;
	padding: 0 5px;
	display: inline-block;
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */
.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }





/*Dimitri Added code========================================*/

.reservationButton {display:none;}


.request-a-quote {}
.request-a-quote button {    background-color: #d4d4d4 !important;font-size: 20px;    color: #154E9D !important; box-shadow:none !important;}

.slide22 {}
.slide-heading2 {text-align: left;max-width: 1148px; margin: 0 auto;}
.slide-heading2 .txt1 {display:block;font-size: 15px; color: rgba(255, 255, 255, 0.77);line-height: 27px;}
.slide-heading2 .txt2 {display:block;clear:both;font-size:85px;line-height: 66px;text-transform: none;}
.slide-heading2 .txt3 {display:block;clear:both;font-size: 16px;color: rgba(255, 255, 255, 0.71);text-transform: none;font-family: 'Open Sans', sans-serif;padding-top: 13px;line-height: 21px;}
.slide-heading2 .button1 {display:inline-block;font-size: 22px;clear:both;background: #1b4087;font-style: italic;text-transform: none;padding: 0px 33px;color:white;line-height: 54px;}

/*contact form*/
form * {boxsizing:border-box;}
form input,
form select,
form textarea {box-shadow: inset 2px 1px 5px rgba(0,0,0,.1) !important;border: 1px solid #ccc !important;}

form fieldset div.formfields button {background-color: #101d61;}

form fieldset div.formfields label.datewrap { display:flex; white-space:nowrap; align-items:center; background-color:white; padding:0 0 0 0.6em; box-shadow:2px 9px 6px -7px rgba(0, 0, 0, 0.2); border-radius:0.15em; line-height:normal; height:2.5em; color:#A8A8A8;box-shadow: inset 2px 1px 5px rgba(0,0,0,.1) !important;border: 1px solid #ccc !important;}
form fieldset div.formfields label.datewrap input { background-color:initial; box-shadow:none !important;color:black; padding:0 0 0 0.3em;  border:none !important;}
form fieldset div.formfields label.datewrap input[type=date] { height:initial; }



.doublePic {}

.doublePic img {float:left; width:48%;height:auto; margin:15px 1%;}
@media (max-width:540px) {.doublePic img {float:none; width:100%; margin:15px 0%;}}
@media (max-width:1000px) { .leftImg {float:none;}}


@media (max-width:1199px) {
	
	.slide-heading2 {padding:20px 3%;}
}


@media (max-width:767px) {
	#header {height: 129px;}
	#logo {margin: 0 auto; max-width: 450px; height: 73px;background: transparent url(../images/logo-new.png) center no-repeat;     background-size: 100%;}
	.myMenu {padding-right: 0px;padding-left: 0px;}
	#nav-wrapper {margin-top: 5px;border-top: 1px solid black;}
		.navbar-nav {margin-top: 49px; box-shadow: 1px 1px 10px black; }
		.reservationButton {display:block;position: absolute;top: 0px;left: 0px;width: 50%;height: 49px;line-height: 33px;font-size: 20px;color: white !important;background: #272f6d;text-align: center;padding: 10px;text-transform: uppercase;overflow: hidden;}
		.navbar-toggle {display: block;position: absolute;top: 0px;right: 0px;width: 50%;background: #bfbfbf;font-size: 20px;padding: 10px;line-height: 39px;height: 49px;margin: 0px;border-radius: 0px;}
		.navbar-default .navbar-nav > li > a {font-size: 21px;}
			.navbar-default .navbar-collapse {margin:0 15px !important;}
			.dropdown-menu {position:relative;float:none;display:block;border-radius: 0px;background: #115179;}
			.dropdown-menu li {border-bottom:1px solid #e4e4e4;}
			.dropdown-menu>li>a {font-size: 19px;color: white !important;}
			.nav .reserve {display:none;}
			
	.slide-heading2 {padding-top: 130px !important;}
	.slide-heading2 .txt2  {    font-size: 55px;line-height: 48px;}
	.slide-heading2 .txt3 {display:none;}
}