/*  
Theme Name: BHSC Global
*/


/*=== Setup ===*/


*{border: 0;margin: 0;padding: 0; outline: none}
.sprite {background-image: url(images/sprite.png); background-repeat: no-repeat}
html{height: 100%}
body{color: #2e4031; background: #eee; font: 300 1em/1.5 'Raleway', sans-serif;  font-style: normal; height:100%; position: relative; width: 100%}
body.home {}
body.single-post {background-position: 0 0}
p{margin-bottom: 1em}
iframe{background: transparent; border: none}
a {color:  #084689;text-decoration: none; -moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
a:hover {color:#000; }
a:active, a:focus {outline: none}
img {max-width: 100%; height: auto}
input,select,textarea{font: normal 1em 'Raleway', 'Helvetica', sans-serif;padding: 3px; box-shadow: inset 0 0 2px rgba(0,0,0,0.3); border-radius: 3px}
input[type="submit"]{font-size: 1.5em; padding: .25em 1em;text-transform: uppercase; background:  #084689; color:#fff; cursor: pointer; transition:all 0.35s ease; -webkit-appearance: none;}
input[type="submit"]:hover {background: #000}
label {font: normal 1em 'Raleway',Arial, sans-serif;}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{margin-bottom: 1em; font-family: 'eurostile-extended'; font-weight: 500; line-height: 1;}
h1{font-size: 2.5em;}
h2{font-size: 2em}
h3 {font-size: 1.25em}
h1 a, h2 a, h3 a {}
.more, .prev-next a { text-transform: uppercase;padding: .25em .5em; border-radius: 3px; border-width: 1px; border-style: solid; border-color:  #084689; letter-spacing: .1em}
	.more:hover, .prev-next a:hover {border-color:#3484BF}
	
/*=== Layout ===*/
.centered{width: 80%; margin-left: auto; margin-right: auto; position: relative}
#wrap {position: relative; left: 0; transition: .5s}
.menu-on #wrap {left: -180px}
#header {z-index: 2; left:0; width:100%;top: 0; background: #fff; position: relative; }
	
	#logo {width: 10%; margin-left: 10%; position: relative;transform: translateY(-15%)}
	#logo a {text-indent: -999em; background: url(images/logo.png) no-repeat left center; background-size: auto 100%; width: 100%; padding-top: 100%; display: block; line-height: 0; transform: translateY(25%)}
	.menu-stuck #logo {}
	#logo:after {position: absolute; z-index: -1;content: ""; left: 0; right: 0;border-top: 5vw solid #fff; border-left: 5vw solid transparent; border-right: 5vw solid transparent}
			
	#mainmenu {position:absolute; z-index: 1;right: 10%; bottom:0}
	#mainmenu ul { z-index: 2 }
	#mainmenu li {float: left; font-family: 'eurostile-extended';line-height: 1; font-size: 85%; text-transform: uppercase; margin: 0 1em;letter-spacing: .1em; position: relative; line-height: 40px}
		#mainmenu li a {}
		#mainmenu li:after {content: "";position: absolute; width: 0; height: 3px; background:  #084689;transition: all .33s; left: 50%; bottom:0}
		#mainmenu li:hover:after,#mainmenu li.current-menu-item:after, #mainmenu li.current-menu-parent:after {width: 100%; left: 0}
		
		#mainmenu li.menu-item-has-children .toggle {display: none}
		#mainmenu li ul {position: absolute; left:0 /*-1.75%*/; z-index: 11; background: #BCBEC0; top: 40px; width: 100%; max-height: 0; overflow: hidden; transition: .5s; /* border-radius: 0 0 3px 3px */}	
			#mainmenu li:hover ul, #mainmenu li.hover ul {max-height: 500px}
				#mainmenu li li {font-size:85%; /*display: block*/; line-height: 1; padding: 0; font-size: 66%}
				#mainmenu li li:last-child {padding: 0 0 .5em}
					#mainmenu li li:hover:after {display: none}
					#mainmenu li li	a {display: block;color: #ffffff;padding: .66em}	
					#mainmenu li li	a:hover {color: #3484BF}
					
#menu-toggle {display: none; position: absolute; z-index: 999; top: 14px; right: 6px; width: 20px; height: 20px }
	.bar {background:  #084689; height: 2px; margin-bottom: 4px; transition: .33s; opacity: 1; border-radius: 1px}
	.menu-on #bar1 {transform: rotate(39deg); transform-origin: top left;-webkit-transform: rotate(39deg); -webkit-transform-origin: top left}
	.menu-on #bar2 {opacity: 0}
	.menu-on #bar3 {transform: rotate(-39deg); transform-origin: bottom left;-webkit-transform: rotate(-39deg); -webkit-transform-origin: bottom left}

	#mainmenu li.social {height: 20px; opacity: 0.9; margin: 0 0 0 .5em; position: relative;top: 10px; text-indent: -999em}
		#mainmenu li.social:hover {opacity: 1}
	li.social a {height: 20px; width: 100%;display: block;}
	#mainmenu li.social a:hover {background-color: transparent}
	.social.facebook {background-position: 0 -66px; width: 10px}
	.social.twitter {background-position: 0 -86px; width: 25px}
	.social.instagram {background-position: 0 -106px; width: 20px}
	.social.youtube {background-position: 0 -126px; width: 49px}
	.social.google {background-position: 0 -146px; width: 22px}
	.social.tumblr {background-position: 0 -166px; width: 12px}
	.social.pinterest {background-position: 0 -186px; width: 22px}
	

/*=== Main column ===*/
#content{clear:both; position:relative; z-index:1;}

#features {position: relative;clear: both; overflow: hidden; z-index: 1; width: 100%;transition:height 0.75s;}
.feature{position: relative; top: 0; left:0; opacity: 1; z-index: 1; transition:opacity 0.75s; -webkit-transition:opacity 0.75s; width: 100%; height: 100%; filter: saturate(0.69) brightness(0.69)}
.feature .edit {position: absolute; top: 2%; left: 2%}
.feature .edit a {color: #fff}
#features .ui-tabs-hide, #hero .ui-tabs-hide {opacity: 0; position: absolute; z-index: 0}
.feature-img {width: 100%; height: auto; float: left}
.feature-meta {color: #fff; width: 36%; padding: 2%; position: absolute; bottom: 0%; right: 0;background: rgba(22,43,66,0.75); border-radius: 7px 0 0 0}
.feature-title { color:#fff; font-size:1.66em; text-transform: uppercase; font-size: 3vw;line-height: 1; margin-bottom: .5em; clear: both;  }
	.feature-title a {color: #fff;}
	.feature-title a:hover {color: #fff; text-decoration: underline}
.feature-excerpt{ color: #fff; color: rgba(238,238,238,1); font-size:1.1; line-height: 1.2;clear: both; margin-bottom: 2em}
.feature-more{color: #fff; line-height: 1; background: none; opacity: .8;border-color: #fff;}
	.feature-more:hover {color: #fff; border-color: #fff; opacity: 1}
#features-nav {position: relative;margin: -85px auto 0;border-radius: 10px 10px 0 0; height: 85px; overflow: hidden; background: rgba(238,238,238,0.43);	 z-index: 2; box-shadow: 0 0 5px rgba(0,0,0,0.18); width: 1024px;}
#features-nav {display: none }
.feature-arrow {position: absolute; top: 50%; margin-top: -25px; opacity:.8; z-index: 9999; border-top: 25px solid transparent;  border-bottom: 25px solid transparent; }
.feature-arrow.prev-tab {border-right: 15px #fff solid; left: 1.5%}
.feature-arrow.next-tab {border-left: 15px #fff solid; right: 1.5%;
}
.feature-arrow:hover {opacity: 0.85}

		#home-more {border-top: 15px #fff solid; border-left: 25px solid transparent; border-right: 25px solid transparent; width: 0;position: absolute; z-index: 9999; bottom: 2%; left: 50%; margin-left: -25px; opacity: .8; cursor: pointer}
#homeOverlay {position: absolute; z-index: 2;top: 50%;right: 0; left: 0;padding: 6% 0 6%;  transform: translateY(-50%); background:rgba(9, 72, 138,0.9); mix-blend-mode: exclusion}
	#homeOverlay:before {content: ""; position: absolute; height: 100%; width: 100%; top: 0;left: 22.5%; background:rgb(9, 72, 138); transform-origin: bottom left; transform:skew(-45deg) rotate(90deg);}
	#homeOverlay:after {content: ""; position: absolute; height: 100%; width: 100%; top: 0;left: 22.5%; background:rgb(9, 72, 138); transform-origin: top left; transform:skew(-45deg) rotate(-90deg) translateY(100%);}
#home-title {position: absolute; z-index: 3;top: 50%; left: 10%; transform: translateY(-50%);color: #fff; z-index: 2;font-size: 3.5vw; letter-spacing: .1em; margin: 0; font-weight: bold; text-shadow: 2px 2px 2px rgba(9, 72, 138,0.69) }
	#line1 { text-transform: uppercase; }
	#line2 {font-size: 60%; display: block; font-weight: normal; letter-spacing: 0}
			

#vert-tabs-nav {float: left; width: 23%; padding: 2%}
#vert-tabs-content {float: right; width: 69%; padding: 2%; position: relative; z-index: 1; box-shadow: -1px 0 0 #eeeeee}
	#vert-tabs-content .page-title {font-weight: 300;text-align: left; font-size: 180%;border-bottom: none}
	#vert-tabs-content h3 {text-transform: uppercase; font-size: 110%}
	#vert-tabs-nav li {position: relative;height: 60px; position: relative;text-align: center; text-transform: uppercase; line-height: 1.2; font-size: .85em;border-bottom: 1px #eeeeee solid}				
	.big-buttons li a {position: relative; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block; }
	
	.big-buttons .ui-state-active a, .big-buttons .current a{font-weight: 700;}
.tab-content{ position: relative; z-index: 9999; padding-top: 1em; padding-left: 1%; padding-right: 1%}

#tabs-loading {position: absolute; top: 0; right: 0; width: 71%;height: 100%; background: #fff; opacity: 0; z-index: 0; transition: opacity .5s}
#tabs-loading.on {opacity: 1; z-index: 2}

	@keyframes spin {
	    0%   {transform: rotate(0deg)}
	    100% {transform: rotate(359deg)}
	}
	
	.loadingIcon {position: absolute;width: 46px; height: 46px; top: 50%; left: 50%; margin: -25px 0 0 -25px; border: 2px #ccc solid; border-radius: 25px; animation: spin 1s infinite linear;}
		.loadingIcon:after {  content: "";position: absolute;width: 8px;height: 8px;background: #ccc;top: -4px;left: 19px;border-radius: 4px;}

.services-banner {margin-bottom: 1em}	
		

/* default page */
#hero{position: relative; background: #fff;z-index:1; overflow: hidden}

.hero-img {display: block;line-height: 1; height: auto; width: 100%; position: relative; z-index: 1}
#hero:after {content:"";position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 20%;background: -moz-linear-gradient(top,  rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0)), color-stop(100%,rgba(238,238,238,1)));
background: -webkit-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
}
#page-content {position: relative; z-index: 2; background: #fff;}	
#page-content.hasHero {margin-top: -20%}
.page-inner {padding: 3%}
.hasHero .page-title {color: #fff; text-transform: uppercase; position: absolute; bottom: 100%; z-index: 2; letter-spacing: .2em; font-size: 3em;font-size: 3vw; font-weight: 300;background: rgba(9, 72, 138,0.69); margin: 0; padding: 2%; left: 0; right:0; text-shadow: 1px 1px 1px rgba(0,0,0,0.25)}
/*category*/
.archive-article {border-bottom: 1px solid #eee; padding-bottom: 1em; margin-bottom: 1em}
.archive-article p {line-height: 1.25}
.archive-thumb-wrap {position: relative; max-width: 33%; margin-right: 1em}
	.archive-thumb {width: 100%; height: auto}
	.archive-read-more {}
	.archive-read-more:hover {color: #fff; background-position:  -332px -179px}
.archive-hero {height: 100%}

/*=== Single Post ===*/
#main.single, #main.category {width: 66%; float: left;}
.single-post #content, .date #content, .tax-li_client #content {padding-top: 100px}
.post-title {font-weight: 300;}
.post-content, .post {text-align: left;}
.post-content p, .post-content ul, .post-content ol {margin-bottom: 1em}
.post-content ol {margin-left:20px}
.post-content ul{margin-left: 12px}
.post-content p a, .post-content li a {}
.post-content ul li ul, .post-content ol li ol{margin-bottom:0px;}
.post-content ul li {list-style:disc outside;margin: 7px;}
.post-content ul li ul li {list-style:disc outside;}
.post-content ol li {list-style:decimal outside }
.post-content ol li ol li {list-style:decimal-leading-zero outside}
blockquote {font-family: 'Georgia', serif;font-style: italic; font-size: 125%; margin-bottom: 15px; position: relative;margin-left: 25px;
padding-left: 20px;border-left: 5px #383838 solid;}
blockquote:before { display: inline-block; font-size: 250%; line-height: 50%; position: relative; margin:0 5px -12px 0}
blockquote:after { display: inline-block;font-size: 250%; line-height: 50%; position: relative;margin:0 0 -12px 5px }
blockquote p {display: inline}
.wp-caption, .wp-caption.aligncenter {}
		.wp-caption img {display: block}
		.wp-caption-text, .caption-text {font-size: 80%; color: #999; padding: 5px 0; text-align: center; font-style: italic
		}
		.wp-caption.alignright {margin-left:15px}
		.wp-caption.alignleft {margin-right: 15px}

.prev-next {max-width: 33%; margin-bottom: 1em}
.prev-next a {}
#archiveDropdown {position: absolute; top: 50%; left: 12%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9}

.postmeta{box-shadow: 0 1px 0 rgba(60,81,112,0.1); padding-bottom: .5em}
.author-bio {background: #F7F3E8}
	.author-description {}
.page-title {line-height: 1;text-align:center; letter-spacing: 0; font-weight: 300; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: .5em; margin-bottom: 1em; letter-spacing: 0.1em}
.page-title.noHero {margin-top: 2em}

#sendbutton { margin-bottom: 25px; letter-spacing: 2px;}
#sendbutton:hover { background: #333; }

/*=== sidebar == */

#sidebar{width: 31%; float: right; padding-top: 1.5em}
#sidebar .widget {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(60,81,112,0.1)}
#sidebar .widget:last-child {border: none; padding: 0; margin: 0}
.widget-title {text-transform: uppercase;letter-spacing: .1em; font-weight: 300}
	.widget-title a {color:  #084689;}
	.widget ul{margin: 0; padding:0; }
		.widget ul li{margin: 0 0 10px; padding: 0 0 10px; overflow:hidden; box-shadow: 0 1px 0 rgba(60,81,112,0.1)}
		.widget ul li:last-child {border: none; box-shadow:  none}
		.widget ul li a { }
		.widget ul li a:hover {}
.latest-post-excerpt {margin: 0; font-size:75%; font-style: italic;}
	.latest-post-date {font-style: italic; margin: 0 0 7px}
.widget.archives label {display: none}
.widget p {font-size: 85%; line-height: 1.25}
.widget_photos_page {text-align: center}
.widget_photos_page img {padding: 2px; background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15)}
.widget .duration {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.15); border-radius: 2px; float: left; width: 60px; margin-right: 1em; }
	.duration .month {display: block;color: #fff;font: bold .85em/1.5 'Raleway';border-radius: 2px 2px 0 0;background-color: #C4443D; text-transform: uppercase; text-indent: .25em}
	.duration .day {display: block;text-align: center; font: bold 2em/1.5 'Raleway';}
	#home-widgets {overflow: hidden}
	#home-widgets .widget {width: 32.3%;float: left;margin-bottom: 1.5em; padding-top: 1.5em;}
	#home-widgets .widget.left {margin-right: 1.5%}
	#home-widgets .widget.middle {margin-right: 1.5%}
	#home-widgets .widget.right {margin-right: 0}
	#home-welcome {float: right; max-width: 25%; height: auto; margin-left: 1em}

.twitterWidget .widget-title {position: relative; padding-left: 32px}
	.twitterWidget .widget-title a:after {content:"";background:url(images/tw.svg); background-size: 100% auto; width: 25px; height: 20px;position: absolute; left: 0; top: 0; }
.twitterWidget p {padding-left: 32px; position: relative}
	.twitterWidget p:after {content:url(images/quote.svg); position: absolute; left: 0; top: 0; }
	.profile-link {display: none}
.widget .title {line-height: 1.25}

#home-copy {display: table; width: 100%;}
#home-content {display: table-cell;background: #eee; padding: 2em 2% 2em 10%; width: 63%; font-size: 110%; vertical-align: middle; }
#homeWidget {display: table-cell;background: #084689;color: #fff;text-align: center; padding: 2em 6%;}

	
/*clients*/
.client {text-align: center; width: 18%; margin: 1%; float: left}
.image-wrap {position: relative; margin-bottom: .5em}
.client-image {display: block; line-height: 1; z-index: 1}
.client-name {font-weight: normal; white-space: nowrap}
.client-meta {height: 16px; position: absolute; z-index: 2; bottom: 0; right: 0; padding: .5em;border-radius: 3px 0 0 0; background: rgba(238,238,238,0.75)}
.client-social {display: inline-block; height: 16px; margin: 0 .25em}
.client-social.twitter {width:19px; background-position: 0 0}
.client-social.instagram {width:17px; background-position: -19px 0}
.client-social.facebook {width:8px; background-position: -36px 0}
.client-social.youtube {width:52px; background-position: -61px 0}
.client-social.google {width:17px; background-position: -44px 0}
.client-news {line-height: 16px; display: inline-block; font-size: 12px; font-weight: bold;}

	
/*table*/

table {width: 100%;border: 1px #eeeeee solid}
thead {}
tbody {}
tr {}
td {text-align: left;padding: 2px 4px; border-bottom: 1px #eeeeee solid; border-right: 1px #eeeeee solid}
th {text-align: left;padding: 2px 4px; background: #eeeeee}
tr td:nth-child(4),tr td:nth-child(5),tr td:nth-child(6),tr th:nth-child(4),tr th:nth-child(5),tr th:nth-child(6) {text-align: center}	
tr td:nth-child(6) {border-right: none}

	
/*=== Footer ===*/
#footer{position: relative; z-index:99;background:#BCBEC0;}
	#sponsors {text-align: center; margin-top: 20px; margin-bottom: 20px}
		#sponsors a {opacity: 0.5;}
		#sponsors img {display: inline-block;  margin: 0 12px;}
		#sponsors a:hover {opacity: .75}
	#copyright {padding: 1em 0;font-size: 85%; line-height: 20px}
	
	
/*form*/
	.gform_wrapper {width: 45%; float: left; margin-right: 2em; text-align: left; padding-bottom: 2em}
.gform_fields textarea, .gform_fields input[type=text], .gform_fields input[type=email], .gform_fields input[type=tel] {max-width: 99%; width: 99%}
.post-content ul.gform_fields{border-bottom: none; margin: 0; box-shadow: none}

ul.gform_fields li, .post_content ul.gform_fields li {list-style: none!important; margin: 0 0 .5em}
.gform_fields ul {margin: 0}
.gform_fields li:after{display: none}

		
/*all-purpose*/
.row {clear: both; overflow: hidden;}
.w100 {width: 100%}
.h100 {height: 100%}
.h-auto, .hauto {height: auto}
hr.clear {clear: both; display: block; width: 100%}
.white {color: #fff}
.black {color:#000}
.grey {color:#999}
.bg-white {background-color: #fff}
.bg-grey {background-color: #bfbfbf}
.bg-black {background-color: #fff}
.ps-thumb {display: block; line-height:1}
.uppercase {text-transform: uppercase}
.m0 {margin: 0!important}
.m7 {margin: 7px}
.mb7 {margin-bottom: 7px}
.mr7 {margin-right: 7px}
.mt7 {margin-top: 7px}
.ml7 {margin-left: 7px}
.m10 {margin: 10px}
.mb10 {margin-bottom: 10px}
.mr10 {margin-right: 10px}
.mt10 {margin-top: 10px}
.ml10 {margin-left: 10px}
.mb20 {margin-bottom: 20px}
.mr20 {margin-right: 20px}
.mt20 {margin-top: 20px}
.ml20 {margin-left: 20px}
.m20 {margin: 20px}

.b0 {border: none!important}
.p0 {padding: 0!important}
.p7 {padding: 7px}
.pb7 {padding-bottom: 7px}
.pr7 {padding-right: 7px}
.pt7 {padding-top: 7px}
.pl7 {padding-left: 7px}
.p10 {padding: 10px}
.pb10 {padding-bottom: 10px}
.pr10 {padding-right: 10px}
.pt10 {padding-top: 10px}
.pl10 {padding-left: 10px}
.pb20 {padding-bottom: 20px}
.pr20 {padding-right: 20px}
.pt20 {padding-top: 20px}
.pl20 {padding-left: 20px}
.p20{padding: 20px}

.block {display: block}
.hidden {display: none}
.tac {text-align: center}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center}
.bg-black {background: black}
.shadow {box-shadow: 0 0 5px rgba(0,0,0,0.15)}
.textshadow {text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
img.alignleft {margin-right: 10px}
img.alignright {margin-left: 10px}
.transition {-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.notransition {-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none;transition:none;}


/*isotope animations*/
.isotope .isotope-item {-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width; -o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: top, left, opacity;transition-property:transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}


@media only screen and (max-width: 1024px) {
/* Styles */
	
	.centered {width: 90%}
	.hero-title {width: 86%; left: 5%}	

}

/*portrait ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

}

@media only screen and (max-width: 959px) {
	.centered {width: 96%}
	.hero-title {width: 92%; left: 2%}
	.client {width: 23%}
	#archiveDropdown {left: 5%}
	}

@media only screen and (max-width: 768px) {
	#content {padding-top: 42px}
	#logo {width:33%; height: 42px;} 
	#logo a {background-size: auto 100%; height: 42px; padding: 0}
	.share, .overlay-share, h3.share-label, .feature .more, .archive-read-more, #home-more, #tabs-loading {display: none;}
	.feature-title {font-size: 4vw}
	.feature-meta {text-align: center; width: 96%; border-radius: 0}
	.feature-excerpt {font-size: 85%;}
	#header, .home #header {position: fixed; z-index: 99;background:#eee; padding: 0;top: 0; height: 42px;}
	.hero-title {text-align: center; width: 92%;}
	#features {height: auto; padding:0; clear: both; overflow: hidden}
	.feature {width: 100%; height: auto; position: relative}
	.feature-meta {text-align: center}
	#copyright, #address {font-size: 0.6em; line-height: 1; position: relative; top: auto; right: auto}
	#main.single, #main.category, #sidebar {width: 96%; padding-left: 2%; padding-right: 2%}
    .post-excerpt {font-size: 100%; line-height: 1}    
	#menu-toggle {display:block}
	#mainmenu{position: fixed; top: 42px; bottom: 0; right: -180px; width: 180px; z-index: 999; background:  #084689; ; transition: .5s;}
	.menu-on #mainmenu {right: 0;}
	#mainmenu ul {padding-top: 18px}
	#mainmenu li {display: block; line-height: 30px; padding: 0 0.66em; position: relative; float: none}
	#mainmenu li:hover:after, #mainmenu li.current-menu-item:after, #mainmenu li.current-menu-parent:after{width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent; border-left: none; border-left: 6px #eee solid; top: 50%; left: -1em; margin-right: 0; margin-top: -6px}
	#mainmenu li ul, #mainmenu li.open ul li ul {background: none;width: 100%; top:0; max-height: 0; transition: max-height .5s; left: auto; top: 0; position: relative; overflow: hidden}
	#mainmenu li a {color: #fff}
	#mainmenu li.open ul, #mainmenu li.open ul li.open ul {max-height: 500px;}
	#mainmenu li ul li:last-child{border-bottom: none}
	#mainmenu li li a{padding: .66em 0 .66em .66em}
	#mainmenu li.menu-item-has-children {padding-right: 30px}
	#mainmenu li.menu-item-has-children .toggle {display: block; position: absolute; top: 0px; right: 7px;color: #fff}
	#mainmenu li li ul {left: auto; top: 0}
	
	#vert-tabs-nav {float: none; width: 100%; padding-left:0;clear: both; overflow: hidden;text-align: center; }
	#vert-tabs-nav li{font-size: 3vw; height: 32px; float: left; width: 48%; margin: 1%; border-radius: 3px; line-height: 1}
.tab-content {}
#vert-tabs-content {float: none; width: 96%; margin-left: 2%; padding: 0; box-shadow: none}
	#home-copy {display: block; }
	#home-content, #homeWidget {display: block; padding: 4%; width: 92%; font-size: 100%; overflow: hidden}
	#home-widgets {margin-bottom: 1em}
	#home-widgets .widget.left, #home-widgets .widget.right, #home-widgets .widget.middle  {float: none;width:100%; margin: 0}
	.gform_wrapper {width: 100%; margin: 0 0 1em}
	.hero-title, .page-title, .article-title {font-size: 6vw}
	.more {font-size: 4vw}
	#popupContent li {width: 50%}
	.client {width: 31.3%}
	#footer {background: transparent; text-align: center}
	.category .hero-title{width: 94%; text-align: right; padding-right: 2%}
	.hero-img {width: 150%; max-width: 150%; left: -25%}
}

@media only screen and (max-width: 480px) {
	.client {width: 48%}
	table {font-size: 85%; line-height: 1}
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 21),only screen and (min-device-pixel-ratio: 2) { 
	.sprite { background-image:url(images/sprite@2x.png); background-size:300px 110px }

}