@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
body {
	background:#fff url(../img/bg-white.png) center center no-repeat fixed;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif
}
a {color:#30B3EE; text-decoration: none;}
a:hover {color:#313131; text-decoration: none;}
 a:focus, a:visited{
	text-decoration: none;
	outline:none;
	
}

.red {font-size:16px; color:#F00;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}
b {
	font-weight: bold;
}
.dBlue {
	color: #2362AF
}
.lBlue {
	color: #30B3EE
}
.container-fluid, .row-fluid {
	margin: 0;
	padding: 0;
}

.pad20 {padding:20px;}

#fotoGallery { background:#30B3EE  center bottom repeat-x; position:relative; margin-bottom:20px; color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


#fotoGallery i.fa-times {position:absolute; font-size:28px; padding:10px 15px; cursor:pointer; margin-top:-20px; margin-right:-20px; background:#313131; right:0; 
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;}

#top-container {
	background: #fff;
	height: 20px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	color: #222;
	padding:10px 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

#top-container ul li, #top-container ul {margin:0; padding:0; display:inline}
#top-container ul li a {padding:10px; background:#f1f1f1; font-weight:bold; color:#2A64A4;}
#top-container ul li a:hover { background:#2A64A4; color:#fff;}


#mobile-header-container {display:none;}

#header-container {
	background: #2362AF;
	height: 60px;
	position: fixed;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 11;
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}

#header-container #logo {position:relative; margin-top:15px; z-index:9999999;}
#header-container ul  {
	display: inline;
	margin: 0;
	padding: 0;
}
#header-container ul li {
	display: inline;
	margin: 0;
	padding: 0;
	position:relative;
}
#header-container ul li a {
	padding: 20px 15px  20px 0px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
#header-container ul li a:hover, #header-container ul li:hover a {
	color:#30B3EE
}

#header-container ul li ul {display:none;}

#header-container ul li:hover ul li ul {display:none;}


#header-container ul li:hover ul {display:block; position:absolute; background:#30B3EE; width:250px; left:0;}
#header-container ul li:hover ul li {display:block; width:100%; float:left; border-bottom:1px solid #2362AF}
#header-container ul li:hover ul li a  {padding:10px; color:#fff; font-size:12px; }
#header-container ul li:hover ul li:hover  {background:#2362AF }

#mobile-featured-container{display:none;}

#index-container {
	background: url(../img/index-bg.png) center top no-repeat;
	margin-top: -150px;
	height: 170px;
	position: relative;
	z-index: 10;
}
.index-box {
	background: #222;
	border: 5px solid #fff;
	height: 170px;
	margin-top: -150px;
	color: #fff;
	overflow: hidden;
	position: relative;
	text-align:center;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.index-box2 {
	background: #222;
	border: 5px solid #fff;
	height: 170px;
	margin-top: -150px;
	color: #fff;
	overflow: hidden;
	position: relative;
	text-align:center;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}
.index-box .caption, .index-box2 .caption {
	position: absolute;
	background: url(../img/caption.png) center bottom repeat-x;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px;
	font-family: 'Open Sans', sans-serif;
}
.index-box .caption h4, .index-box2 .caption h4 {
	margin: 0;
	line-height: normal;
	color: #fff;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	display: block;
}
.index-box .caption i, .index-box2 .caption i {
	font-size:32px;
}
.index-box:hover, .index-box2:hover {
	border: 5px solid #38AFE4;
}
.index-box:hover .caption, .index-box2:hover .caption {
	color: #fff;
}
#indexBar {
	margin-top: 55px;
	
}
#indexBar .span2 {
	cursor: pointer;
}
#indexBar .span2 h4 {
	color:#313131;
	}
#indexBar .span2:hover h4 {
	color: #316CB2
}
#content-container {
	background: #f1f1f1;
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
}
#content-container .row-fluid {
	padding: 40px 0px;
	border-bottom: 1px solid #fff;
}
.indexPost {
	position: relative;
	border: 5px solid #fff;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	overflow: hidden;
	height: 170px;
}
.indexPost2 {
	position: relative;
	border: 5px solid #fff;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	overflow: hidden;
	height: 170px;
}
.indexPost3 {
	position: relative;
	border: 5px solid #fff;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	overflow: hidden;
	height: 270px;
}
.indexPost:hover, .indexPost2:hover, .indexPost3:hover {
	border: 5px solid #38AFE4;
}
.indexPost .caption, .indexPost2 .caption,  .indexPost3 .caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/caption.png) center bottom repeat-x;
}
.indexPost .caption h4, .indexPost2 .caption h4{
	position: absolute;
	color: #fff;
	line-height: normal;
	margin: 20px;
	display: block;
	font-weight: bold;
	bottom: 0;
	left: 0;
	right: 0;
}

 .indexPost3 .caption h4 {
	position: absolute;
	color: #fff;
	line-height: normal;
	margin: 20px;
	display: block;
	font-weight: bold;
	bottom: 20%;
	left: 0;
	right: 0;
}
.indexPost .caption h4 small, .indexPost2 .caption h4 small, .indexPost3 .caption h4 small {
	color: #fff;
}
#bottom-container {
	height: 0px;
	background: #2362AF;
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
}


#bottom-container .overlay a {position:absolute; display:block; text-align:center; top:0; padding:15px 30px; background:#43B9EE; z-index:10; color:#fff; width:250px; left:50%; margin-left:-155px;font-family: 'Open Sans', sans-serif;-webkit-border-bottom-left-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-bottomleft: 40px;
-moz-border-radius-bottomright: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;font-weight:bold; }

#bottom-container  #mapCanvas1 {width:100%; height:0px;} 

#mapCanvas, #mapCanvas1 {width:100%;  position:relative; z-index:6; }
#mapCanvas img, #mapCanvas1 img { 
  max-width: none;
}

#mapCanvas label, #mapCanvas1 label { 
  width: auto; display:inline; 
} 

#shopNav-container { background:#43B9EE;padding:10px 0px; color:#fff}
#shopNav-container ul {margin:0; padding:0;}
#shopNav-container ul li  {margin:0; padding:0; display:inline}
#shopNav-container ul li  a{color:#fff; font-weight:bold; padding:10px 20px; margin:10px 0px; display:inline-block}
#shopNav-container ul li  a:hover { background:#fff; color:#43B9EE; }

#shop-container { background:#fff;padding:20px 0px;}
#shop-container .span2 div { text-align:center; border:2px solid transparent; padding:20px 40px;-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px; }
#shop-container .span2 div:hover {border:2px solid #43B9EE} 
#shop-container .span2 div img {opacity:0.6}
#shop-container .span2:hover div img {opacity:1}

#shop-container .span2 div h5, #shop-container .span2 div small {color:#313131;}


#pageTitle-container { background:#313131; position:relative; z-index:10; margin-top:100px; padding:20px 0px; color:#fff; text-shadow:1px 1px 1px #000}
#pageTitle-container .overlay {position:absolute; left:0; right:0; top:0; bottom:0; background: url(../img/caption.png) center bottom repeat-x; opacity:0.7; z-index:-1}

#page-container {  padding:20px 0px; position:relative; z-index:9}
#360-container { background:#fff; padding:0; margin:0; width:100%; overflow:hidden; position:relative; z-index:-1}

#page-container .fotorama {margin:0; background:#F8F8F8; padding:0; margin-top:1px; border:1px solid #ddd; margin-bottom:20px;}

.sidebar {padding:20px; background:#F5F5F5; BORDER:1PX SOLID #fff; width:90%; float:left;}
.sidebar h4 {margin:0;}

.sidebar hr {border:1px solid #fff;}

.postSidebar i {display:block; float:left; padding:15px; background:#fff; margin-right:20px; font-size:24px; width:25px; text-align:center; -webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px; }
.postSidebar:hover i {color:#fff; background:#43B9EE; }
.postSidebar:hover h4 {color:#43B9EE}

.pagePost { position:relative; margin:1%; cursor:pointer; width:31%; float:left;}
.pagePost:hover .caption h4 {
	position: absolute;
	color: #fff;
	line-height: normal;
	margin: 20px;
	display: block;
	font-weight: bold;
	top:10px;
	left: 0;
	right: 0;
}

.pagePost  .caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/caption.png) center bottom repeat-x;
}

.pagePost  .caption2 {
	position: absolute;
	top: 0;
	left: 0;
	right:50%;
	bottom: 90%;
	background: url(../img/caption.png) center bottom repeat-x;
}


.pagePost .caption h4 {
	position: absolute;
	color: #fff;
	line-height: normal;
	margin: 20px;
	display: block;
	font-weight: bold;
	bottom: 0%;
	left: 0;
	right: 0;
}
.pagePost .caption h4 small{
	color: #fff;
}


#footer-container {
	
	position: relative;
	bottom: 0;
	background: #313131;
	left: 0;
	right: 0;
	height: 350px;
	z-index: 0;
	color: #999;
	padding: 40px 0px;
	font-family: 'Open Sans', sans-serif;
}
.social {
	height: 75px;
}
.social i {
	font-size: 48px;
	float: left;
	margin-right: 15px;
}
a.ttop {
	font-size: 102px;
	color: #2362AF;
	margin-bottom: -35px;
	display: block;
}

#map-container {margin-top:-100px; position:relative; z-index:10}

.postHor {width:100%; float:left; padding:10px 0px; border-bottom:1px solid #ddd;}
.postHor h3 {margin:0; display:inline}
.postHor  img.postImg {float:left; margin-right:20px;  -webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;}
.faq  h4 {color:#555;}
.faq:hover  h4 {color: #44BAF0;}
.faq {background:#F5F5F5; border:1px solid #f9f9f9; color:#313131; font-weight:bold; padding:0px 10px; margin-bottom:10px; cursor:pointer;  
-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px; }
.faq_answer {}
.yellow {color:#FDE16D}
.postBook {float:left; width:100%; padding:15px 0px; border-bottom:1px solid #ddd;}

.postBook .pull-right {margin-top:8px; font-size:16px;}

.postBlog {float:left; width:50%;  position:relative; }
.postBlog img {float:left; margin:5px;  width:95%;  }
.postBlog h4, .postBlog a h3 {margin-top:0px; color:#fff; line-height:24px; text-shadow:1px 1px 1px #000}
.postBlog a, .postBlog a small {color:#fff;}

.postBlog .caption {position:absolute; top:20px; bottom:20px; left:20px; right:30px; background: url(../img/overlayDark.png); padding:10px;}
.postBlog .caption2 {position:absolute; top:20px;  left:20px;  background: url(../img/overlayDark.png); padding:5px 10px 0px 10px;}
.postBlog .caption2:hover a {color: #30B3EE}

#total_page {float:left; padding:4px 10px; border:1px solid #2362AF;color:#fff; background:#2362AF}

.postBlog hr {border-top:1px solid #30B3EE;}
.postBlog:hover h4,  .postBlog:hover h3  { color:#30B3EE}


.mobileNav {position:absolute; left:0; right:0; top:0; bottom:0;; background:#313131; z-index:100; display:none;}

table#table-docs td {font-weight:bold;}
table#table-docs td h4 {margin:0; padding:0; font-weight:bold;}
table#table-docs td i {margin:20px;}



/*MOBILE STYLES*/

@media(max-width:979px) {
	.container {padding:0px 20px;}
	#top-container .input-append {display:none;}
	#top-container .pull-right {margin-top:-31px;}
	#mobile-header-container  {
		display:block;
		background: #2362AF;
		height: 60px;
		position: fixed;
		top: 40px;
		left: 0;
		right: 0;
		z-index: 11;
		color: #fff;
		opacity:1;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
		-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
		box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	}
	#mobile-header-container .span12  { padding:10px 0px;}
	#mobile-header-container a#showmobileNav { font-size:34px; margin:5px;color:#fff;}
	#mobile-header-container a#hidemobileNav { font-size:34px; margin:5px; display:none; color:#fff;}
	#mobile-header-container a#showmobileNav:hover, #mobile-header-container a#hidemobileNav:hover {color:#222}
	#header-container  {display:none;}
	#featured-container{display:none}
	#mobile-featured-container{display:block; width:100%; height:369px; margin-top:100px; background:#222; border-bottom:10px solid  #2362AF; margin-bottom:20px;}
	#index-container {
	background: url(../img/index-bg.png) center top no-repeat;
	margin-top: 0px;
	position: relative;
	height:auto;
	z-index: 10;
	}
	#index-container .index-box{position:relative; width:98%; float:left; margin-top:0; margin-bottom:20px; 
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
	#index-container .index-box2 {position:relative; width:98%; float:left; margin-top:0; margin-bottom:20px; 
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
#indexBar {display:none;}
.indexPost, .indexPost2 {-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; margin-bottom:20px;}

#shopNav-container ul li  a{color:#fff; font-weight:bold; padding:10px 10px; margin:10px 0px; display:inline-block}

#footer-container {
	
	position: relative;
	bottom: 0;
	background: #313131;
	left: 0;
	right: 0;
	height: auto;
	text-align:center;
	z-index: -1;
	color: #999;
	padding: 40px 0px;
	font-family: 'Open Sans', sans-serif;
}

.postBlog {float:left; width:100%;  position:relative; }

.mobileNav {position:fixed; left:0; right:0; top:100px;  float:left; background:#212121; z-index:100; display:none; overflow-x: hidden; overflow-y: auto}
	.mobileNav .item ul {float:left; display:block; width:100%; margin:0; padding:0; margin-bottom:20px;}
	.mobileNav .item ul li {display:block; float:left; width:100%; list-style:none; border-bottom:1px solid #111;}
	.mobileNav .item ul li:hover { background:#111}
	.mobileNav .item ul li a {padding:15px 20px; font-size:16px; display:block; color:#30B3EE; }
	.mobileNav .item h3 {color:#fff; display:block; padding:5px 20px}
	
}