@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald|Lato:400,700,700italic,400italic);

/** general **/
body { font-family: 'Lato', cursive; height: 100%; font-weight: 400; color: #707070; font-size: 18px; background: #F0F0F0; }
a { color: #0581B5; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:hover { text-decoration: none; color: #045E83; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2, h3, h4, h5, h6, .panel-group .panel-heading a { font-family: 'Oswald', serif; cursive; font-weight: 400; color: #022A3B; margin-bottom: 10px; text-rendering: optimizelegibility; line-height: normal; }
h1 { font-size: 38px; font-weight: 400; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; text-transform: uppercase; }
h6 { font-size: 12px; line-height: 16px; }
p { margin-bottom: 15px; }
label { font-weight: 400; margin: 15px 0 5px; font-size: 15px; display: block; }
span.overlay { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; z-index: 9; background: rgba( 204, 204, 204, 0.9); }
strong { font-weight: 700; }
blockquote { border-color: #0581B5; }

/* form elements */
.form-control { border: 1px solid #E0E0DD; color: #022A3B; background-color: #fff; }
.form-control:focus { border-color: #0581B5; box-shadow: none; }

.slider-wrap { background-color: #2C2C2C; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }

/* tab */
.tab-content { padding-top: 50px;}

/* List Group */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background: #0581B5; border-color: #0581B5; }
.list-group-item:first-child, .list-group-item:last-child { -webkit-border-radius: 0; border-radius: 0; }

/* Buttons */
.btn { border-color: #0581B5; text-decoration: none; text-transform: uppercase; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; background: #0581B5; color: #fff; }
.btn:hover, .btn:focus { border-color: #045E83; background-color: #045E83; color: #fff; }
.btn i { margin: 0 3px; }

.btn-outline-inverse { border: 2px solid #fff; color: #fff; }
.btn-outline-inverse:hover { background: #fff; border: 2px solid #fff; color: #2D343E; }

.bs-glyphicons { margin:0 -19px 20px -16px; overflow:hidden }
.bs-glyphicons-list { padding-left:0; list-style:none }
.bs-glyphicons li { float:left; width:25%; height:115px; padding:10px; font-size:10px; line-height:1.4; text-align:center; border:1px solid #fff; background-color:#f9f9f9 }
.bs-glyphicons .glyphicon { margin-top:5px; margin-bottom:10px; font-size:24px }
.bs-glyphicons .glyphicon-class { display:block; text-align:center; word-wrap:break-word }
.bs-glyphicons li:hover { color:#fff; background-color:#563d7c }

/* menu dropdown */
.dropdown-menu { background: #022A3B; border: 1px solid #022A3B; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
.dropdown-menu > li > a { color: #fff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #999; background: #000; }

/* border */
span.border { position: relative; width: 30%; height: 1px; margin: 0 auto; display: inline-block; background: #999; }
span.border i { background: #fff; position: absolute; left: 50%; top: -10px; line-height: 20px; height: 20px; width: 40px; font-size: 15px; }

/* pagination */
.pagination { margin: 20px auto; }

/* progress bar */
.progress { }
.progress-bar { background: #0581B5; }
p.progress-title { text-transform: uppercase; font-size: 12px; margin-bottom: 5px; }

.panel-group { padding: 0 0 20px 0; overflow: hidden; }
.panel-group .panel { -webkit-box-shadow:0 0px 0px rgba(0,0,0,.0); box-shadow:0 0px 0px rgba(0,0,0,.0); }
.panel-group .panel-heading { padding: 0px; }
.panel-group .panel-heading a { padding: 5px 10px; color: #fff; margin: 0px; text-transform: uppercase; }
.panel-group a.collapsed { background: #fff; color: #0581B5; border-color: #e5e5e5; }
.panel-group .body { padding: 15px; }
.panel-group a { background: #0581B5; color: #fff; display: block; border-color: #0581B5; }

.tags { padding-bottom: 30px; overflow: hidden; }
.tags ul { padding: 0px; margin: 0px; list-style: none; }
.tags li { padding: 0 5px 5px 0; float: left; }
.tags li a { padding: 4px 8px; font-size: 12px; }
.tags li a i { padding-right: 5px; }

.categories { padding-top: 50px; overflow: hidden; }
.categories h4 { font-size: 22px; letter-spacing: 1px; text-transform: uppercase; line-height: 30px; font-weight: 700; color: #54606b; }
.categories p { font-size: 13px; line-height: 22px; margin-bottom: 40px; }
.categories .photo { overflow: hidden; margin-bottom: 20px; }
.categories .photo ul { padding: 0px; list-style: none; overflow: hidden; }
.categories .photo li { padding: 10px 0; border: none; border-bottom: 1px solid #e5e5e5; width: 100%; float:left; }
.categories .photo li a { line-height: 20px; display: block; }
.categories .photo li a.image { width: 70px; float:left; height: 70px; margin: 0px 10px 0 0; display: block; color: #fff; border: 3px solid #e5e5e5; }
.categories .photo li a.image img { width: 100%; height: auto; }
.categories .photo li:hover a.image { text-decoration: underline; border-color: #00a9e0; }
.categories .photo li:hover a { text-decoration: underline; }
.categories .photo li span { padding-top: 5px; color: #898989; display: block; line-height: 20px; font-size: 12px; }

/* side Area */
.sideArea { padding: 50px 0 0 0; overflow: hidden; }
.sideArea .slider { padding-bottom: 20px; }
.sideArea h2 { margin-bottom: 20px; }
.sideArea p { margin-bottom: 20px; }
.sideArea .block { padding-left: 20px; border-left: 3px solid #022A3B; line-height: 20px; margin: 20px 0 20px 15px; }
.sideArea .block p { color: #AFAFAF; }

/* header Area */
#headerArea { margin: 0; transition: all 0.3s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 25px 0; border-bottom: 3px solid #ccc; z-index: 9999; background: #022A3B; }
#headerArea .navbar-brand { padding: 0 12px 20px; margin: 0px; margin-bottom: -34px; border-radius: 0 0 10px 10px; height: auto; font-size: 24px; line-height: normal; transition: all 0.3s; float: left; border-bottom: 3px solid #ccc; color: #fff; background: #022A3B; }
#headerArea .navbar-nav > li > a { padding: 0 15px; font-size: 16px; color: #fff; background: none; }
#headerArea .navbar-nav > li > a:hover, .navbar-nav > li.active > a { color: #0581B5; background: none; }
#headerArea .navbar-nav li.open a, .navbar-nav li.open a, .navbar-nav li.open a:focus, .navbar-nav li a:focus { background: none; }
#headerArea.navbar-inverse .navbar-toggle:hover, 
#headerArea.navbar-inverse .navbar-toggle:focus { background: #0581B5; }

/** Animated Header **/
#headerArea.tiny { padding: 20px 0; position: fixed; left: 0; top: 0; }
#headerArea.tiny .navbar-brand { padding-bottom: 20px; }

/* Home Slider */
#home-slider .container { padding-top: 20%; color: #fff; }
#home-slider h1 { color: #fff; }

/* Heading */
#heading { padding: 30px 0px; margin-top: 60px; border-bottom: 1px solid #e6e5e5; background: url(../images/background-1920x400.jpg) repeat center center; }
#heading h1 { margin: 0px; padding-bottom: 10px; }
#heading .breadcrumb { margin: 0px; background-color:rgba(255, 255, 255, 0.6);  font-size:14px;}

/* About Area */
.aboutArea { padding: 20px 0px; }
.aboutArea .i-overlay { margin: 0 auto; width: 90px; line-height: 90px; display: block; font-size: 36px; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; color: #0581B5; border: 2px solid #0581B5; }
.aboutArea .col-sm-3 { padding-top: 40px; cursor: pointer; }
.aboutArea .col-sm-3:hover .i-overlay { background: #0581B5; color: #fff; }

/* Content Area */
#content { padding: 30px 0; }
#content.blogPage .text { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e5e5; }
#content.blogPage h2 { margin-top: 0px; }

/* Stat Area */
#statArea { padding: 20px 0; width: 100%; border-bottom: 1px solid #e6e5e5; border-top: 1px solid #fff; overflow: hidden; }
#statArea h2 { margin-top: 0px; }
#statArea h2 span { display: block; color: #0581B5; text-transform: uppercase; font-size: 16px; }

/* Testimonial Area */
#testimonialArea { padding: 30px 0px; position: relative; background: url(../images/image_1900x400.jpg) repeat center center; border-bottom: 1px solid #e6e5e5;  }
#testimonialArea .flexslider { padding-bottom: 40px; }
#testimonialArea i { margin: 0 5px; color: #0581B5; }

/* Venue Area */
#venueArea { padding: 30px 0px; position: relative; background: #fff; border-bottom: 1px solid #e6e5e5;  }
#venueArea .i-overlay { height: 50px; color: #0581B5; font-size: 20px; width: 50px; float: left; border-radius: 25px; line-height: 50px; border: 1px solid #0581B5; }
#venueArea .detail { margin-left: 70px; }
#venueArea h4 { margin-top: 0px; }
#venueArea .col-md-4 { margin-top: 15px; margin-bottom: 15px; }

#blogArea { padding: 30px; background: #fff; border-bottom: 1px solid #E6E5E5; }

/* Social Area */
.well { background: #fff; }

/* Work Area */
#workArea { width: 100%; }
#workArea ul { margin: 0px; padding: 0px; width: 100%; overflow: hidden; }
#workArea ul li { width: 25%; float: left; margin: 0px; padding: 0px; list-style: none; background: #022A3B; }
#workArea ul li a { display: block; position: relative; }
#workArea ul li a span { position: absolute; left: 5px; right: 5px; top: 50%; display: none; }
#workArea ul li a span cite { display: inline-block; text-align: center; text-transform: uppercase; padding: 5px 10px; color: #fff; background: #0581B5; }
#workArea ul li a img { width: 100%; height: auto; }
#workArea ul li a:hover img { opacity: 0.5; }
#workArea ul li a:hover span { display: block; }

/* Sidebar */
.sidebar { padding: 10px 15px; }
.sidebar h4 { margin-top: 0px; }

.sidebar .links li { border-bottom: 1px dotted #e2e2e2; }
.sidebar .links li a { padding: 5px 0px; display: block; }
.sidebar .links li a:hover { padding-left: 5px; background: #fafafa; }
.sidebar .links li a i { margin-right: 5px; }

.sidebar .list-group { border: 0px; margin: -10px -15px; position: relative; margin-top: 0px; }
.sidebar .list-group-item { border-left: 0px; border-right: 0px; background: none; }
.sidebar .list-group-item:last-child { border: 0px; }

/* Contact Area */
#contactArea { overflow: hidden; }
#contactArea #map { padding: 50px 0 0; }
#map_canvas { height: 500px; width: 100%; clear: both; }
#contactArea .pull-left { padding-left: 0;  }
#contactArea .pull-right { padding-right: 0;  }
#contactArea .btn-success { display: block; padding: 10px; margin: 0 auto; }

/* Logo Area */
#logoArea { padding: 30px 0; }
#logoArea .flexslider .slides > li { padding: 20px 0px; margin-right: 30px; font-size: 30px; text-transform: uppercase; }

/* Newsletter Area */
#newsletter { padding: 30px 0; }
#newsletter h2 { margin-top: 0px; }

/* Footer Area */
#footerArea { padding: 20px 0 0; color: #999; background: #022A3B; font-size:14px;}
#footerArea a { color: #fff; }
#footerArea a:hover { color: #999; }
#footerArea i { margin-right: 3px; }
#footerArea h3 { color: #fff; }
#footerArea h3 a { font-size: 12px; color: #999; font-weight: 400; }
#footerArea .col-md-3 { margin-top: 10px; margin-bottom: 10px; }
#footerArea ul.links li { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
#footerArea ul.links li a { padding: 4px 0; display: block; }
#footerArea ul.links li a:hover { padding-left: 12px; text-decoration: none; background: rgba(255, 255, 255, 0.05); }
#footerArea ul.pics { width: 100%; overflow: hidden; }
#footerArea ul.pics li { float: left; margin: 0px 10px 10px 0; }
#footerArea ul.pics li a { opacity: 0.6; }
#footerArea ul.pics li a:hover { opacity: 1.0; }
#footerArea .disclaimer { padding: 15px 0; overflow: hidden; margin-top: 20px; background: #02344A; }
#footerArea .disclaimer p { margin: 0px; padding: 5px 0px; }
#footerArea .disclaimer ul { margin: 0px; text-align: right; }
#footerArea .disclaimer ul li { font-size: 18px; display: inline-block; padding-left: 15px; }


/* Start Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {

	#headerArea .navbar-nav > li > a { padding: 0 8px; font-size: 14px; }

	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#headerArea .navbar-nav > li > a { padding: 0 8px; font-size: 14px; }
	
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#headerArea { padding: 10px 0px; }
	#headerArea.tiny { padding: 5px 0px; }
	#headerArea .navbar-brand { padding: 10px 15px; border: 0px; background: none; margin: 0px; }
	#headerArea .navbar-nav > li > a { padding: 5px 15px; }
	#home-slider .container { padding-top: 100px; }
	
	#newsletter .btn span { display: none; }
	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#workArea ul li { width: 50%; }
		
	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#workArea ul li { width: 100%; }

	 }
	 
@media only screen and (max-width: 374px) {
	
	.navbar-brand { font-size: 125% !important; }

	 }