/**
 * Primary styles
 *
 * Author: Enthusiast, Inc.
 */
body {
	font-family: 'Inter', sans-serif;
	
	
}
body div.grid-container {
	width: 1200px;
}
.logo img {
	width: 220px;
	height: auto;
	padding: 5px 0 1px;
	float: left;
}

 /*MENU*/
 nav#navigation {
 	display: block;
 	padding-top: 70px;
 }
 ul#menu {
 	float: right;
 }
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
    z-index: 10000;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Inter', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #0f0f0f;
    background: #fff;
    padding: 13px 15px 40px 15px;
    display:inline-block;
}
ul#menu li ul.sub-menu li a {
	font-size: 15px;
	font-weight: 400;
	background: #cccccc;
	padding: 8px 10px 8px 25px;
	color: #fff;
	width: 170px;
	text-transform: none;
}
ul#menu li ul.sub-menu li:hover a {
	background: #c94144;
}

ul#menu li:last-child a, ul#menu li:last-child ul.sub-menu li a {
	padding-right: 0;
}
ul#menu > li > a:hover, ul#menu > li.selected a {
	color: #787878;
}
ul#menu div.arrow-up {
	display: none;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #cccccc;
	position: absolute;
	top: 63px;
	bottom: 0px;
	left: 22px;
    z-index: 10000;
}
ul#menu > li:hover div.arrow-up {
	display: block;
}

/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
	list-style-image: none;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 170px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

/** HOME HERO **/
.home-hero {
	width: 100%;
	background-position: center center;
	background-color: #fff;
	height: 425px;
	background-repeat: no-repeat;
	transition: background 0.5s linear;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
}

/** HERO MENU **/





.hero-menu {
	width: 100%;
	font-family: 'Inter', sans-serif;
	list-style-type: none;
	padding-left: 80px;
	padding-bottom: 20px;
	height: 45px;
	
}
.hero-menu li {
	display: block;
	float: left;
	border-bottom: solid 1px #acacac;
	border-left: solid 1px #acacac;
	font-size: 18px;
	color: #000;
	list-style-type: none;
	width: 166px;
}
.hero-menu li:last-child {
	border-right: solid 1px #acacac;
	width: 176px;
}
.hero-menu li a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 10px 0 10px 24px;
	text-align: center;
}
.hero-menu li a:before {
	position: absolute;	
	margin-left: -30px;
	margin-top: 2px;
	font-family: 'Inter', sans-serif;
	color: #cccccc;
}














html.is-ie .hero-menu li a:before, html.is-ie .hero-menu li:nth-child(5) a:before, html.is-ie .hero-menu li:nth-child(2) a:before {
	margin-left: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.hero-menu li a:before, .hero-menu li:nth-child(5) a:before, .hero-menu li:nth-child(2) a:before {
		margin-left: 0;
	}
}
/*
.hero-menu li:nth-child(7) a:before {
	margin-left: -25px;
	content: "\f130";
}
*/
/* hero menu arrow */
.hero-menu div.arrow-up {
	display: none;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #cccccc;
	position: absolute;
    z-index: 10000;
    margin-top: -8px;
    margin-left: 25px;
}
.hero-menu > li:hover div.arrow-up {
	display: block;
}

/* hero menu hover states */
.hero-menu li:hover a, .hero-menu li.hero-menu-selected a {
	background: #cccccc;
	color: #fff;
}
.hero-menu li:hover a:before, .hero-menu li.hero-menu-selected a:before {
	color: #fff;

}

/* Sub page menu changes */
.hero-menu-sub-page li {
	border-top: solid 1px #acacac;
	margin-top: 20px;
	margin-bottom: 40px;
}
.hero-menu-sub-page li:hover div.arrow-up, .hero-menu li.hero-menu-selected div.arrow-up {
	display: none;
}

/** Bottom Marquee **/
.bottom-marquee {
	padding: 50px 0 30px 0;
	border-top: solid 3px #d7d7d7;
	background: #e1e1e1;
	width: 100%;
	margin-top: 50px;
}
.marquee-arrow-left, .marquee-arrow-right {
	width: 70px;
	padding-top: 6px;
}
.marquee-arrow-right img {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	float: right;
}
.marquee {
	height: 60px;
	overflow: hidden;
	width: 1060px;
	padding: 0 20px 0 0;
	margin: 0;
}
.marquee div {
	width: 25000px;
}
.marquee div img {
	width: 100px;
	height: 40px;
	padding-right: 86px;
	float: left;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.marquee div img:hover {
    filter: none; /* IE6-9 */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

/** Bottom Highlights **/
.bottom-highlights {
	padding: 10px 0 20px 0;
	width: 100%;
	background-color: #cccccc;
}
.bottom-highlights h2 {
	color: #fff;
	font-size: 15px;
}
.bottom-highlights h2 i {
	color: #ff4431;
	margin-right: 5px;
}
.newslist li, .twitterlist li {
	list-style-type: none;
	margin: 0;
	padding: ;
	border-bottom: solid 1px #636363;
}
.newslist li:last-child, .twitterlist li:last-child {
	border-bottom: none;
}
.newslist li p, .twitterlist li p {
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	padding: 10px 0;
}
.newslist li:first-child p, .twitterlist li:first-child p {
	padding-top: 0;
}
.newslist li p a, .twitterlist li p a {
	color: #ff4431;
	text-decoration: none;
}
.newslist li p a:hover, .twitterlist li p a:hover {
	color: #c94144;
}
.contact-us p {
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	padding: 0 0 10px 0;
}

/** FOOTER **/
.footer {
	padding: 15px 0 50px 0;
}
.footer > .grid-25:not(.footer-social) img {
	width: 100%;
	height: auto;
}
.footer-menu {
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #707070;
	text-align: center;
}
.footer-menu a {
	color: #707070;
	text-decoration: none;
}
.footer-menu a:hover {
	text-decoration: underline;
}
.footer-social a img {
	float: right;
	padding-left: 5px;
}
.footer-social a:hover img {
	opacity: 0.8;
}

/** HERO IMAGE MODULES **/
.hero-image-module {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 290px;
}
.hero-image-module > img {
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	width: 2000px !important;
	height: 290px !important;
	min-width: 1000px;
}
.hero-image-module > img[src="/cms_images/spacer.gif"]
 {
 	width: 2000px;
 	height: 290px;
 }
/** ARTICLES **/
.article-list {
	list-style-type: none;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
}
.article-list li {
	margin-bottom: 15px;
}
.article-list h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 1.2em;
}
.article-list span.date {
	font-size: 12px;
	display: block;
	text-transform: uppercase;
	margin-top: 1em;
}
.article-list p {
	margin-top: .8em;
	font-size: 15px;
	padding-bottom: .8em;
}
.article-list hr {
	height: 1px;
}
#prevNext li {
	list-style-type: none;
}
#prevNext li a {
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	display: block;
	padding: 3px;
	width: 100px;
	text-transform: uppercase;
	margin-top: 1em;
	background: #e1e1e1;
	border: solid 1px #d7d7d7;
	text-align: center;
}
#prevNext .next {
	float: right;
}
#prevNext .previous {
	float: left;
}
.article-item h1 {
	font-weight: 500;
}
h2.sidebar-title {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	background-color: #ff4431;
	text-transform: uppercase;
	width: 248px;
	padding: 15px;
	margin: 122px 0 0;
	border-left: solid 1px #ff4431;
	border-right: solid 1px #ff4431;
}
.sidebar-list {
	list-style-type: none;
}
.sidebar-list li {
	font-family: franklin-gothic-urw, arial, helvetica;
	font-size: 15px;
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	background-color: #fbfbfb;
}
.sidebar-list li a {
	width: 240px;
	padding: 15px;
	display: block;
}
.sidebar-list li hr {
	height: 1px;
	margin: 0 15px;
}
.sidebar-list li:last-child hr {
	height: 1px;
	margin: 0 15px;
	display: none;
}
.sidebar-list li:last-child {
	border-bottom: solid 1px #e1e1e1;
}
.sidebar-list li div {
	padding-left: 20px;
	padding-bottom: 15px;
	margin-top: -10px;
}
.sidebar-list li div a {
	padding: 0 0 3px 0;
	font-size: 12px;
	width: auto;
}
.sidebar-list li div a span {
	font-size: 20px;
	display: block;
	float:  left;
	margin-top: -7px;
	margin-right:  5px;
}

/** BIO PAGES **/
.bio-list {
	list-style-type: none;
}
.bio-list li {
	float: left;
	list-style-type: none;
	width: 40%;
	display: block;
	font-family: 'Inter', sans-serif;
	margin-bottom: 2em;
	margin-right: 2em;
	min-height: 409px;
}
.bio-list li:nth-child(2n+1) {
	padding-right: 70px;
}
.bio-list li img {
	width: 100%;
	height: auto;
}
.bio-list li h3 {
	font-size: 17px;
	font-weight: 500;
	color: #000;
	margin-top: 1em;
}
.bio-list li h3 a {
	color: #000;
}
.bio-list li h3 + p + p {
	margin-top: 10px;
}
.bio-image img {
	min-width: 150px;
	min-height: 40px;
	max-width: 855px;
	height: auto;
}
.bio-image img[src="/cms_images/spacer.gif"] {
	min-width: 300px;
	min-height: 300px;
}
.bio-item h1 {
	font-weight: 500;
}
.bio-item h2 {
	font-size: 20px;
	color: #000;
	text-transform: none;
	margin-bottom: .5em;
	margin-top: 1.2em;
}
.bio-item h3 {
	font-family: 'Inter', sans-serif;
	margin-top: 0em;
	font-size: 15px;
	padding-bottom: 1em;
}

/** PROJECT PAGES **/
.project-list {
	font-family: 'Inter', sans-serif;
	width: 100%;
	list-style-type: none;
	clear: both;
}
.project-list li {
	width: 21%;
	display: inline-block;
	list-style-type: none;
	padding-right: 62px;
	min-height: 320px;
	padding-bottom: 25px;
}
.project-list li:nth-child(4n+4) {
	padding-right: 0;

}
.project-list li h3 {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 25px 0;
}
.project-list li p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4em;
	margin: 0;
}
.project-list li img {
	width: 100%;
	max-height: 200px;
}
.project-list li hr + a {
	display: block;
	text-align :right;
}
.top-image img {
	max-width: 100%;
	min-width: 200px;
	height: auto;
	width: 100%;
}
.project-item cmsitemreset > h1 {
	margin-top: 0;
	margin-bottom: 0;
}
.project-item cmsitemreset > h2 {
	margin-top: 0;
	margin-bottom: 0;
	color: #21271d;
	text-transform: uppercase;
}
.service-icons {
	padding-bottom: 30px;
	padding-top: 15px;
	height: 24px;
	float: left;
}
.service-icons span {
	color: #ff4431;
	text-decoration: none;
	text-align: left;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	display: none;
}
.service-icons span:before {
	position: absolute;	
	font-family: 'Inter', sans-serif;
	color: #ff4431;
}
.service-icons .service-icon-129, .service-icons .service-icon-9, .service-icons .service-icon-10, .service-icons .service-icon-12, .service-icons .service-icon-89, .service-icons .service-icon-11, .service-icons .service-icon-90 {
	display: inline-block;
}
.service-icon-129:before {
	content: "\f1ba";
}
.service-icon-9:before {
	content: "\f132";
}
.service-icon-10 {
	position: relative;
	background-image: url('../images/hero_menu_ico_cable_off.png');
	background-repeat: no-repeat;
	background-position: 0 1px;
}
.service-icon-12:before {
	content: "\f028";
}
.service-icon-89:before {
	content: "\f06d";	
}
.service-icon-11:before {
	content: "\f012";
	margin-left: 3px;
}
.service-icon-90 {
	/*content: "\f130";*/
	position: relative;
	background-image: url('../images/hero_menu_ico_design_off.png');
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.header-service-icon {
	margin-left: 40px;
}
.header-service-icon:before {
	position: absolute;	
	margin-left: -40px;
	font-family: 'Inter', sans-serif;
	font-size: 23px;
	color: #000;
	margin-top: 4px;
}
.header-service-icon-129:before {
	content: "\f1ba";
}
.header-service-icon-9:before {
	content: "\f132";
}
.header-service-icon-10 {
	background-image: url('../images/hero_menu_ico_cable_black.png');
	background-repeat: no-repeat;
	margin-left: 0;
	padding-left: 40px;
	background-position: 0px 10px;
}
.header-service-icon-90 {
	background-image: url('../images/hero_menu_ico_design_black.png');
	background-repeat: no-repeat;
	margin-left: 0;
	padding-left: 30px;
	background-position: 0px 6px;
}
.header-service-icon-12:before {
	content: "\f028";
}
.header-service-icon-89:before {
	content: "\f06d";	
}
.header-service-icon-11:before {
	content: "\f012";
}
/*
.header-service-icon-90:before {
	content: "\f130";	
}
*/
.view-more {
	display: inline-block;
	padding: 7px 12px;
	clear: both;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #000 !important;
	border: solid 1px #acacac;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.view-more:hover {
	color: #ff4431 !important;
}


/** FORM STUFF **/
.formContactText, .formContactTextArea {
	width: 450px;
	border: solid 1px #BBBBBB;
	font: 12px helvetica, arial;
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	max-height: 100px;
}

.formContactBtn {
	border:1px solid #dedede;
	color:#505050 !important;
	font-weight:bold;
	font-family: 'Inter', sans-serif;
	margin:5px 5px 0 0;
	padding:5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px #FFF;
	text-transform: capitalize;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	text-align:center;
	text-decoration: none;
	cursor: pointer;
}
#captchaBx {
	font-family: 'Inter', sans-serif;
	float: left;
	width: 300px;
	margin-top: 5px;
	clear: both;
}
#captchaBx > img {
	width: 183px;
	height: 43px;
	margin-top: 3px;
}
#captchaBx > input {
	width: 167px;
	margin-top: 3px;
}
#contactUsFormError {
	background: none !important;
}
#captchaBx {
	background: none !important;
}

/** CLIENT LIST **/
.client-list {
	width: 100%;
	list-style-type: none;
}
.client-list li {
	width: 275px;
	height: 185px;
	display: inline-block;
	background: #f3f3f3;
	list-style-type: none;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 25px;
	margin-bottom: 25px;
}
.client-list li:nth-child(4n+4) {
	margin-right: 0;
}

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}




/* Center hero-menu buttons on desktop */
.hero-menu {
    width: auto; /* let it shrink to fit content */
    margin: 0 auto; /* center horizontally */
    padding-left: 0; /* remove previous padding-left: 80px; */
}

.hero-menu li {
    float: left; /* keep side by side */
}