/* Global Styles (portrait) ----------- */
body {
	-webkit-text-size-adjust: none;
}
input[type="text"], select, button, textarea {
	-webkit-appearance:none;
}
#toggle-menu {
	color: #fff;
	display: none;
	padding: 12px 27px;
	background-color: transparent;
	height: 50px;
	position: relative;
	font-weight: 600;
	line-height: 1.2em;
	font-size: 0.93em;
	letter-spacing: 0.5px;
	text-transform:uppercase;
}
#toggle-menu::before {
 content: "\f0c9";
 display: inline-block;
 font-family: FontAwesome;
 font-size: 21px;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 margin-right: 8px;
 position: relative;
 top: 2px;
}
@media only screen and (max-width : 1320px) {
 #toggle-menu {
display:block
}
#navigation > ul.desktopMenu {
 position: absolute;
 width: 200px;
 background: #2D4167;
 border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
-webkit-border-radius: 6px 0 6px 6px;
 overflow: hidden;
display:none;
}
#navigation > ul.desktopMenu > li {
 border-top: solid 1px rgba(0, 0, 0, 0.1);
 float: none;
}
 #navigation > ul.desktopMenu > li:first-child {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
#navigation > ul.desktopMenu > li > a {
 padding: 12px 27px;
 height: auto;
}
.bannerTitle {
 font-size: 3.2em;
}
.bannerSubTitle {
font-size:2em
}
.bannerTxt {
font-size:1.3em
}
.boxedPostBxTitle {
 font-size: 1.6em;
}
.sectionTxt p {
font-size:1em
}
}
@media only screen and (max-width : 1020px) {
 .bannerTitle {
 font-size: 2.7em;
}
.bannerSubTitle {
 font-size: 1.7em;
}
.bannerTxt {
 font-size: 1.1em;
}
#homeBannerDown {
 padding-top: 35px;
 font-size: 0.85em;
}
.boxedPostTag {
font-size:0.95em
}
.boxedPostBxTitle {
 font-size: 1.2em;
}
.boxedPostBxMeta {
 font-size: 0.8em;
 padding-top: 5px;
 color: #ddd;
}
#sidebarLinks > ul > li {
 padding-bottom: 21px;
}
#sidebarLinks > ul > li > a {
font-size:1.21em
}
.sectionTitle {
 font-size: 1.95em;
}
#footerWidgets ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-weight: 600;
 font-size: 0.95em;
 line-height: 1.5em;
}
#footer {
 padding: 40px 0;
}
#footerWidgets .widget-title {
font-size:1.4em
}
#floatRight {
 width: 24%;
}
#floatLeft {
 width: 75%;
padding-top:0;
}
.footerAddress {
 font-size: 0.95em;
 line-height: 1.3em;
 padding-top: 5px;
}
.nav-previous .button, .nav-next .button {
 padding: 12px 10px;
}
.nav-previous, .nav-next {
 width: 150px;
}
.archivePostTitle {
 font-size: 1.7em;
}
.sidebarPostTitle {
 font-size: 1.2em;
}
.singleBannerTitle {
 font-size: 2.4em;
}
.pageIntro {
 font-size: 1.1em;
}
#pageIntroArea {
 padding: 30px 0;
}
}
 @media only screen and (max-width : 820px) {
 #headerSearch form {
width:280px
}
 #headerSocial {
 float: left;
 padding-right: 18px;
 padding-top: 12px;
}
.bannerTitle {
 font-size: 2em;
}
.homeBannerArea .bannerSubTitle {
 padding-top: 15px;
}
.bannerSubTitle {
 font-size: 1.25em;
 padding-top: 15px;
}
.homeBannerArea .bannerTxt {
 padding-top: 15px;
}
.bannerTxt {
 font-size: 0.95em;
}
.bannerTxt .space30 {
height:15px
}
#homeBannerDown {
 padding-top: 25px;
 font-size: 0.75em;
}
#homeBannerDown .fa {
 margin-top: 5px;
 font-size: 2.2em;
}
#bottomBoxes .row > .grid4 {
width:50%
}
#bottomBoxes .row > .grid4:last-child {
 width: 100%;
 padding-top: 25px;
}
#bottomBoxes #sidebarLinks > ul {
 margin: 0 -8px;
 position: relative;
}
#sidebarLinks > ul:after, #sidebarLinks > ul:before {
 content: " ";
 display: table;
 clear: both;
}
#bottomBoxes #sidebarLinks > ul > li {
 padding-bottom: 18px;
 width: 33.33%;
 float: left;
 padding-left: 8px;
 padding-right: 8px;
}
#sidebarLinks > ul > li > a {
 font-size: 0.95em;
 padding: 12px 5px;
}
#bottomBoxes {
 padding-top: 40px;
 padding-bottom: 5px;
}
.section {
 padding-top: 36px;
 padding-bottom: 26px;
}
.sectionTitle {
 font-size: 1.6em;
}
#section-home-1 .grid5 {
 width: 70%;
}
#section-home-1 .grid5 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+40,0+80 */
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sectionTxt p {
 font-size: 0.95em;
}
#floatLeft {
 width: 100%;
 padding-right: 0;
 padding-top: 0;
 float: none;
}
#footer {
 padding: 25px 0;
}
#floatRight {
 width: 200px;
 text-align: center;
 float: none;
 margin: 0 auto;
}
#footerFollow {
 float: none;
}
#footerLogo {
 position: relative;
 padding-bottom: 15px;
}
#container {
padding-right:25px;
font-size: 0.85em;
 line-height: 1.6em;
}
.archivePostImg {
 height: 180px;
 float: none;
 width: 100%;
 background-position: center top;
margin-bottom:0;
}
.archivePostBx {
 width: 100%;
 float: none;
 padding-left: 0;
 padding-top: 15px;
}
#pageBanner.pageBanner #pageBannerIn {
 background: none;
 padding-top: 180px;
 padding-bottom: 40px;
}
.boxedPostBxOverlay {
 height: 220px;
 padding: 30px 18px;
}
.boxedPostBxMeta {
display:none
}
.boxedPostBxMore a {
	font-size: 0.85em;
	padding: 8px 15px;
}
.pageIntro {
 font-size: 1em;
}
#pageIntroArea {
 padding: 25px 0;
}
#main.fullPageMain {
font-size: 0.85em;
 line-height: 1.6em;
}
 .gform_title {
 font-size: 1.4em;
}
.gform_description {
 font-size: 0.95em;
 padding-bottom: 20px;
}
ul.gform_fields > li.gfield .gfield_label {
 display: block;
 padding-bottom: 2px;
 font-size: 0.9em;
}
input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {
 padding: 12px 15px;
}
.gform_footer input[type="submit"] {
 padding: 14px 30px;
 font-size: 0.95em;
 background: #9A2121;
}
#pageFormArea {
padding-top:35px;
padding-bottom:35px
}
.button.big {
 padding: 14px 30px;
 font-size: 1em;
}
}
@media only screen and (max-width : 620px) {
	.wrapper{padding-left:15px; padding-right:15px}
	#header{padding:8px 15px}
	#logo {
	width: 100px;
}
#topMenu > ul > li > a {
	font-size: 0.9em;
	padding: 8px 16px 10px;
}
#topMenu {
	float: right;
	padding-top: 4px;
}
#toggle-menu {
	padding: 12px 20px;
}
#headerSearch form {
	width: 250px;
}
.bannerTitle {
	font-size: 1.8em;
}
#pageBanner.pageBanner #pageBannerIn {
	padding-top: 145px;
	padding-bottom: 35px;
}
#pageBanner.archiveBanner #pageBannerIn{
		padding-top: 145px;
	padding-bottom: 35px;
}
#projectsRow .grid4 {
	width: 50%;
}
.singleBannerTitle{font-size:1.8em}
#pageBanner.singleBanner #pageBannerIn {
	padding-top: 145px;
	padding-bottom: 35px;
}
#pageBanner.homeBanner #pageBannerIn{padding-top:160px}
}

@media only screen and (max-width : 560px) {
	#headerArea .wrapper{padding-left:0; padding-right:0}
	#header {
	padding: 8px 10px;
}
#topMenu > ul > li > a {
	font-size: 0.7em;
	padding: 6px 10px;
}
#topMenu > ul > li {
	float: left;
	padding-left: 5px;
}
#topMenu > ul > li:first-child{padding-left:0}
#topMenu {
	padding-top: 9px;
}
#toggle-menu {
	padding: 12px 0px 12px 15px;
}
#toggle-menu:before{margin-right:0}
#toggle-menu span{display:none}
#headerSocial a {
	margin: 0 3px;
}
#headerSocial {
	padding-right: 10px;
}
#headerSearch form {
	width: 180px;
	padding-right: 35px;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
}
#headerSearch form #s {
	font-size: 0.8em;
}
#headerSearch form #searchsubmit{width:35px}
#headerSearch form #searchsubmit {
	width: 35px;
	font-size: 0.95em;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{width:100%}
#headerArea {
	position: relative;
}
#pageBanner{background-size:560px auto; -webkit-background-size:560px auto; background-position:center top}
#navArea{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#pageBanner.homeBanner #pageBannerIn{background:none; padding-bottom:0;}
#pageBanner.homeBanner {
	position: relative;
	background-position: left top;
}
#pageBanner.homeBanner #pageBannerIn .wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b214a+0,0b214a+100&0+0,1+30,1+100 */
background: -moz-linear-gradient(top,  rgba(11,33,74,0) 0%, rgba(11,33,74,1) 30px, rgba(11,33,74,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(11,33,74,0) 0%,rgba(11,33,74,1) 30px,rgba(11,33,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(11,33,74,0) 0%,rgba(11,33,74,1) 30px,rgba(11,33,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b214a', endColorstr='#0b214a',GradientType=0 ); /* IE6-9 */

}
#pageBanner.homeBanner #pageBannerIn .wrapper, .section .wrapper {
	padding-bottom: 25px;
	padding-top: 5px;
}
#bottomBoxes{padding-top:30px; padding-bottom:0;}
#bottomBoxes .row > .grid4 {
	width: 100%; padding-bottom:25px;
}
#bottomBoxes .row > .grid4:last-child {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
.boxedPostBxOverlay {
	height: 180px;
}
#bottomBoxes #sidebarLinks > ul > li{width:100%; padding-bottom:12px}
#bottomBoxes #sidebarLinks > ul > li:last-child {
	padding-bottom: 15px;
}
#sidebarLinks > ul > li > a {
	font-size: 0.95em;
	padding: 8px 5px;
}
#section-home-1 .grid5{width:100%}
.section{background-size:560px auto; -webkit-background-size:560px auto; background-position:center top; padding-top:120px; padding-bottom:0;}
.section .wrapper{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+30,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#floatRight {
	margin: 0;
	text-align: left;
}
#pageBanner.archiveBanner #pageBannerIn {
	padding-top: 30px;
	padding-bottom: 30px;
}
.flex{display:block}
#main.archiveMain #container {
	padding-top: 30px;
	float: none;
	width: 100%; padding-right:0
}
#pageNavigation {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
.nav-previous, .nav-next {
	width: 120px;
}
.button.big {
	padding: 12px 10px;
}
.wp-pagenavi {
	display: block;
	padding-top: 0;
	padding-bottom: 15px;
}
#sidebar {
	width: 100%;
	float: none;
	box-shadow: none;
	padding-left: 0;
	border-top: solid 1px #ddd;
}
#pageBanner.singleBanner #pageBannerIn{padding-top:30px; padding-bottom:30px}
#container{width:100%; padding-right:0; float:none}
#sidebarLinks > ul > li{width:100%; padding-bottom:12px}
#pageBanner.pageBanner #pageBannerIn{padding-top:30px; padding-bottom:30px}
#projectsRow .grid4 {
	width: 100%;
}
#pageBanner.pageBanner {
	background-size: cover;
}
#main.pageMain #container {
	padding-top: 25px;
}
}