/* Global */

body {font-size: 16px}
.inner-wrapper {width: 100%; padding:0; margin: 0; background: url(../images/brushed_@2X.png); max-width: 1500px; margin: 0 auto}
.container {width: 80%}
section {padding: 0 30px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300;  color: #212121; font-size: 30px}
.page-wrapper h1, .page-wrapper h2, .page-wrapper h3, .page-wrapper h4, .page-wrapper h5, .page-wrapper h6 { font-weight: 900;  color: #212121; border-bottom: 3px solid #0088C1; padding: 15px 0; text-transform: uppercase;}
.catalogue-wrapper h1, .catalogue-wrapper h2, .catalogue-wrapper h3, .catalogue-wrapper h4, .catalogue-wrapper h5, .catalogue-wrapper h6 { font-weight: 900;  color: #212121; border-bottom: 1px solid #EEEEEE; padding: 15px 0; text-transform: uppercase;}
.page-wrapper h1, .catalogue-wrapper h1 {font-size: 24px;}
.page-wrapper h2, .catalogue-wrapper h2 {font-size: 18px;}
.page-wrapper h3,.page-wrapper h4,.page-wrapper h5,.page-wrapper h6 {font-size: 16px;}
.catalogue-wrapper h3,.catalogue-wrapper h4,.catalogue-wrapper h5,.catalogue-wrapper h6 {font-size: 16px;}
.lead-title h2 {display: block; background: transparent; padding: 15px 0; border-bottom: 1px solid #EEEEEE; text-transform: capitalize;  font-size: 30px}
img {max-width: 100%; height: auto}
.page-wrapper ul, .blog-post-wrapper ul {margin-left: 15px; margin-bottom: 15px; margin-right: 20%}
.page-wrapper li, .blog-post-wrapper li {margin-left: 15px; padding: 5px 0; border-bottom: 1px solid #53B7DB}
strong, b {color: #0088C1;}
.service-wrapper .lead-title h2,.partner-wrapper .lead-title h2, .portfolio-content .lead-title h2{text-align: center; font-size: 30px}
blockquote p {color: #0088C1; font-weight: bolder}
.wp-caption {max-width: 100%; position: relative; margin-bottom: 15px}
p.wp-caption-text { position: absolute; bottom: 20px; padding: 5px 5px 5px 10px; background: white; background: rgba(255,255,255,0.9); left: 5px; right: 20%; }

.pag-nav {width: 100%; text-align: center; padding: 20px 0}
.page-numbers {width: 100%; text-align: center}
.page-numbers > li {display: inline-block; margin-right: 5px;}
.page-numbers > li > a, .page-numbers > li > span {border: 2px solid #EBEBEB; color: #EBEBEB; font-weight: bold; position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; background-color: #FFFFFF;}
.page-numbers > li > .current,  .page-numbers > li > a:hover {z-index: 2; color: #FFFFFF; background-color: #0088C1; border-color: #0088C1;}
.page-numbers > li > .current {cursor: default;}

/* Header */

.header-container {width: 100%}

.header-wrapper {position: fixed; top:0; z-index: 101; width: 100%; max-width: 1500px;}
.is-sticky.header-wrapper {background: white;border-bottom: 1px solid #ccc;}

.logo { border-right:1px solid #ccc; padding: 15px; padding-bottom:0; background: white; max-width: none; }
.strap {font-family:'Lato', sans-serif, Helvetica, Arial; font-size: 15px;  font-weight: 300; text-align: center; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; background: white; position: absolute; left: 15px; top: 130px; text-align: center; width: 208px; padding-bottom: 5px;}
.is-sticky .logo {border: 0; padding: 10px; position: static; float:left; padding-bottom: 0;}
.is-sticky .logo img {width: 100px; float: left}
.is-sticky .strap {text-align: left; line-height: 1; position: static; float:left; border: 0; display: table; height: 80px; width: auto}
.is-sticky .strap p {display: table-cell; vertical-align: middle}

.mainnav {margin-top: 0}

/* .navbar-nav {box-shadow: 0 0 20px black;}*/
.is-sticky .navbar-nav {margin-top: 30px; box-shadow: none}
.navbar-default .navbar-collapse {background: none;}
.navbar-nav > li { padding: 10px; background: white; opacity: .75; float: left; border-right: 1px solid #E1E1E1; text-align: center}
ul.nav.navbar-nav li a {padding: 0px 10px}
.navbar-nav > li:hover, .navbar-nav > li.active { opacity: 1; }
ul.nav.navbar-nav li:last-child a {padding-right: 20px}

ul.nav.navbar-nav li.dropdown>a{padding-right: 20px;}
li.dropdown>a:after {font-family: FontAwesome; content: "\f078"; position: absolute; right: 0;}
.navbar-nav > li.current-menu-item {opacity: 1}
ul.nav.navbar-nav li ul.level1 li.current-menu-item a {font-weight: bolder; color: #0088C1}

.social-icon {margin-top: 10px; margin-right:10px}
.is-sticky .social-icon {display: none !important}
.social-icon ul li {background: white}

.sidebar_nav li.dropdown>a:after {content: ''}
.offcanvas-menu {background: #0088C1}
.offcanvas-menu .close:hover {background: #333;}
.offcanvas-menu li.current-menu-item a {background: rgba(0, 0, 0, 0.2);}

/* Home */

article.featured-content, .services-box .media-body { padding: 10px; border: 1px solid #e1e1e1; background: #efeeed; }
.featured-content .lead-title {margin: 0}
.featured-content .lead-title h2 { background: none; color: #144E8C; display: block; text-align: center; font-size: 30px; margin:  0}

section#carousel {padding: 0; position: relative}
#homeCarousel .item {height: 700px; background-size: cover; background-repeat:no-repeat; background-position: center center;width: 100%}
.overlay {background:RGBA(4, 41, 67, 0.4); position: absolute; top:0; left;0; bottom:0; right:0; width: 100%; height: 100%}
.carousel-content { text-transform: uppercase; font-weight: 300; text-align: center; padding: 0 100px; position: absolute; top:50%; margin-top: -60px; width: 100%; }
.carousel-content h2, .carousel-content h3 {width: auto; padding: 20px; display: inline-block; text-transform: none !important; line-height: 1; color: white; text-shadow: 0px 0px 5px black}
.carousel-content h2 {font-size: 40px}
.carousel-content h3 {font-size: 30px}
.carousel-content hr {width: 50%; border-color: white; margin: 0 auto 15px auto}

.carousel-control.left i {left:15px;} .carousel-control.right i {right:15px}

.portfolio-content .grid-block figure h2 {word-spacing: 0;}

.promo-thumb img {width: 100%; height: auto !important}

.home.page .readmore {display: block; text-align: right; margin:10px 0;}
.home.page .readmore a.get-quote-button {float: none; margin-bottom: 10px;}

/* Page */

.page-title {margin-left: 250px; padding-top: 40px; min-height: 160px}
.page-wrapper {background: white; padding:30px}

.partner-logos .item {float: left;}

img.post-img { padding: 5px; border: 1px solid #ccc; border-radius: 3px; }
img.post-img.alignnone { margin-right: 10px; margin-bottom: 10px;}
img.post-img.alignleft { margin-right: 10px; margin-bottom: 10px;}
img.post-img.alignright { margin-left: 10px; margin-bottom: 10px;}

/* Projects */

.catalogue-wrapper {background: white; padding-top: 20px;}
#filter .form-control {}
.project-details h2 {margin-top: 20px;}
.single-project h2 {font-weight: 300;}
.btn-primary.clicked {background-color : #666;border-color     : #0088C1;}
.project-item .post-thumbnail {position: relative;}
.project-item a.permalink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; }

/* Project Single */

#blog-post-carousel .item {max-height: 500px}
.blog-carousel {margin: 0}

/* Job Single */

.job-application .panel {margin: 20px 0}
.job-application .panel-heading {background: #0088C1; padding: 20px; color: white}
.job-application .panel-heading h4 {color: white; font-size: 20px;}

/* Sidebar */

.sidebar {background: whitesmoke; padding-bottom: 20px}
.widget {padding: 0 15px}
.widget_search {padding-bottom: 10px; padding-top:10px; position: relative;}
.sidebar .lead-title h2 {padding-top: 25px; font-size: 20px}
.sidebar .call-to-action-box {margin: 15px 0 0 0; float: none}
.sidebar .call-to-action-box h3 {margin: 0; padding-top:0;}
.sidebar .call-to-action-box a.get-quote-button {float: none; margin: 0; margin-top: 15px; display: block}

/* Widgets */

.projSearchWidget {}
.widget_search form [type="submit"] {top: 10px; right: 10px;}
ul.really_simple_twitter_widget {margin-right: 0}

/* Formidable */

.frm_forms.with_frm_style {max-width: 100%}

/* Shortcodes */

#accordion h4 {border:0; padding: 0}

#blog-post-carousel .carousel-inner {height: 300px; overflow: hidden}
.carousel img.post-img {border: 0; padding: 0; margin: 0}

/* Blog / News */

.blog-post-wrapper {padding-bottom: 10px;}
.post-thumbnail.cropped {height: 100px;}

/* Footer */

.services-box img {height: auto}


/* Responsive */

@media (max-width : 768px) {
	.page-title {margin-left: 30px;padding-top: 190px;}	
	.carousel-content {padding: 0;}
	a.carousel-control i {top: 90%;}
	#blog-post-carousel .carousel-inner {height: auto}
	.really_simple_twitter_widget {margin: 0 !important}
	.really_simple_twitter_widget li {width: 100%;margin: 0 !important;}
}