@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900,400italic,100);

body, h1, h2, h3, h4, h5, h6, p, li, a {font-family: 'Roboto', sans-serif;}

body {
	background: RGBA(220, 220, 220, 1);
}

h1 {
font-size: 1.5em;
font-weight: 700;
}

p {margin: 0; padding: 0;}

p a {text-decoration: underline;}

p a:hover {text-decoration: none;}

.container {background: rgba(255, 255, 255, 1);}

/*------------------------------------------
	Nav Section 
------------------------------------------*/
.nav {
 width: 100%;
 background-color: RGBA(51, 51, 51, 1);
}

/*------------------------------------------
	Hero Section 
------------------------------------------*/
.hero {
 padding: 2rem 0;
 background:url(../img/open-road.jpg) no-repeat top center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.scroll-arrow {
	display: none;
}
/*------------------------------------------
	Intro Section 
------------------------------------------*/
.intro {
	text-align: center;
 padding: 8% 0 .5em 0;
 background-color: RGBA(0, 0, 0, 1);
 border: .3em solid RGBA(204, 204, 204, 1);
 border-right: 0; 
 border-left: 0;
}
.intro h1 {
  color: RGBA(255, 255, 255, 1);
  font-weight: 400;
}
.intro p.lead {
	margin-bottom: .8rem;
}
.intro p {
	color: RGBA(255, 255, 255, 1);
	font-weight: 300;
	font-size: .9rem;
}
.intro .social-btn {
	text-align: left;
	margin: 1rem 0 .3rem 0;
}
.intro .social-btn .button {
	border-radius: .2rem;
	margin-left:.2rem;
	margin-right:.2rem;
}
.intro .social-btn a.button.twitter {
	background-color: #55acee;
}
.intro .social-btn a.button.linkedin {
	background-color: #0077b5;
}
.intro .social-btn a:hover.button.twitter {
	background-color:#087eb4;
}
.intro .social-btn a:hover.button.linkedin {
	background-color: #005E9C;
}

/*------------------------------------------
	Markets Section 
------------------------------------------*/
.markets {
 text-align: center;
 padding: 8% 0 10% 0;
}
.markets-hp {
 padding-bottom: 2rem;
}
.markets h2 {
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.markets li {
	font-size: 1.1rem;
	font-weight: 400;
	padding-bottom: .1rem;
}

/*------------------------------------------
	Regional Section 
------------------------------------------*/
.regional-hp {
	color: RGBA(255, 255, 255, 1);
	padding: 10% 0 0 0;
	background-color: RGBA(42, 114, 154, 1);
	background:url(../img/map.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.regional-hp h2 {
	text-align: center;
	font-weight: 400;
	margin-bottom: 0;
	color: RGBA(255, 255, 255, 1);
}
.regional-offices {
	text-align: center;
}
.regional-hp p,
.regional-offices p {
	text-align: center;
	font-weight: 300;
	color: RGBA(255, 255, 255, 1);
	}
	.regional-hp p.lead {
		margin-bottom: 1rem;
	}
.regional-hp li img,
.regional-offices li img {
	border: 1px solid RGBA(255, 255, 255, 1);
	box-shadow: 0 0 .5rem RGBA(0, 0, 0, .5);
}
/*.regional-hp li a:hover img,
.regional-offices li a:hover img {
	box-shadow: 0 0 .8rem RGBA(0, 0, 0, .8);
}*/
.regional-hp li a p {
	color: RGBA(255, 255, 255, 1);
	font-weight: 100;
	font-size: 1.5rem;
	text-align: center;
	padding-top: .2rem;
}
.sales-regions {
	text-align: center;
}
.sales-regions a.button {
	margin-top: .8rem;
}

.sales-regions a.button.illinois {
	color: #055873;
	background-color: #84D7F2;
}

.sales-regions a.button.iowa {
	color: #717009;
	background-color: #F0EF88;
}

.sales-regions a.button.minnesota {
	color: #547416;
	background-color: #BADA7C;
}

.sales-regions a.button.texas {
	color: #933A00;
	background-color: #F9A01F;
}

.sales-regions a.button.indiana {
	color: #7F5B00;
	background-color: #FEDA71;
}

.sales-regions a.button.ohio {
	color: #002800;
	background-color: #17A752;
}



/*------------------------------------------
	Product Listing Page
------------------------------------------*/
.product-listing-hero {
 padding: 2rem 0;
 background:url(../img/circut-board.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.product-listing-hero h1 {
	color: RGBA(255, 255, 255, 1);
	font-size: 2.5rem;
	text-align: center;
	text-shadow: 0 0 .4rem RGBA(0, 0, 0, 1);
}
.product-listing-copy h1 {
	font-weight: 400;
	margin-top: 1.5rem;
}
.product-listing-copy p {
	margin-bottom: 1rem;
}

.product-listing-copy p.last {
	margin-bottom: 0rem;
}

.product-listings .cyro p {
	margin: .2rem 0 1rem 0;
	font-size: 1.5rem;
}

.product-listings .row {
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.product-listings ul.accordion {
	margin-left: 0;
}
.products-col li.accordion-navigation div ul h4 {
	font-size: 1rem;
	margin-bottom: .2rem;
}
.products-col li.accordion-navigation div ul {
	margin-left: 0;
	margin-bottom: 1rem;
}
.products-col li.accordion-navigation div ul li {
	padding: 1rem 0;
	list-style: none;
	border-bottom: .1rem dotted RGBA(190,190,190,1);
}
.products-col li.accordion-navigation div ul li:first-child {
	padding: 0 0 1rem 0;
}
.products-col li.accordion-navigation div ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.products-col .accordion .accordion-navigation>a {
	background-color: RGBA(255,255,255,1);
	border-bottom: .1rem solid RGBA(200,200,200,1);
	margin-top: .5rem;
}

.products-col .accordion .accordion-navigation>p {
	background-color: RGBA(255,255,255,1);
	border-bottom: .1rem solid RGBA(200,200,200,1);
	margin-top: 1rem;
	padding:0 0 1rem 1rem;
}

.products-col .accordion .accordion-navigation>a:hover {
	background-color: RGBA(255,255,255,1);
}
.products-col .accordion .accordion-navigation.active>a {
	background: RGBA(240,240,240,.8);
	border:.1rem solid RGBA(220,220,220,1);
	border-bottom: 0;
}
.products-col .accordion .accordion-navigation>.content.active {
	background: RGBA(250,250,250,.8);
	border:.1rem solid RGBA(220,220,220,1);
	border-top: 0;
}
.products-col li.accordion-navigation div ul li a {
text-decoration: underline;
}
.products-col li.accordion-navigation div ul li a:hover {
text-decoration: none;
}

/*------------------------------------------
	Sales-Offices Page
------------------------------------------*/
.sales-offices {
	color: RGBA(255, 255, 255, 1);
	padding: 5% 0;
	background-color: RGBA(42, 114, 154, 1);
	background:url(../img/map.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.sales-offices h1 {
	color: RGBA(255, 255, 255, 1);
	text-align: center;
	font-size: 2rem;
	font-weight: 400;
}
.regional-offices {
	padding: 2% 0;
}
.regional-offices h2 {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 500;
	line-height: 2rem;
	padding-bottom: 1rem;
}
.regional-offices p {
	color: RGBA(100, 100, 100, 1);
	margin: .3rem 0 0 0;
}
.regional-info {
	padding: 2% 0;
	background-color: RGBA(240, 240, 240, 1);
	border-top: .1rem solid;
	border-bottom: .1rem solid;
	border-color: RGBA(210, 210, 210, 1);;
}

/*------------------------------------------
	Region Pages
------------------------------------------*/
.region-hero {
 padding: 12% 0;
}
.chicago-hdr {
 background: url(../img/chicago.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.iowa-hdr {
 background: url(../img/iowa.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.minnesota-hdr {
 background: url(../img/minnesota.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.texas-hdr {
 background: url(../img/texas.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.indiana-hdr {
 background: url(../img/indiana.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.ohio-hdr {
 background: url(../img/ohio.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.region-hero h1 {
	color: RGBA(255, 255, 255, 1);
	font-size: 2.5rem;
	text-align: center;
	text-shadow: 0 0 .4rem RGBA(0, 0, 0, 1);
}
.line-card {
	padding: 5% 0;
}
.line-card .contact-info {
	padding-bottom: 1rem;
}
.line-card .contact-info h2 {
	font-size: 1.3rem;
	font-weight: 700;
}
.line-card .contact-info p {
	font-size: .8rem;
	margin-bottom: .3rem;
}
.line-card .contact-info p.address {
	font-size: 1.02rem;
}
.line-card i {
	font-size: 1.1rem;
	margin-right: .5rem;
}
.line-card i.fa.fa-map-marker {
	color: RGBA(248, 96, 86, 1);
}
.line-card i.fa.fa-phone-square {
	color: RGBA(125, 202, 0, 1);
}
.line-card i.fa.fa-fax {
	color: RGBA(0, 160, 255, 1);
}
a:hover .panel {
	border-color: RGBA(0, 0, 0, 1);
}
.line-card embed {
	width: 100%;
	height: 225px;
	border: solid 1px #ddd;
}
.line-card .contact-info button.button {
	margin-top: 1rem;
	background-color: RGBA(0, 138, 187, 1);
	border-radius: .4rem;
}

#default {
	display: block;
}
.zone {
	display: none;
}

/*------------------------------------------
	Customer Support Page
------------------------------------------*/
.support-hero {
 padding: 2rem 0;
 background:url(../img/support-hero.jpg) no-repeat top center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.support-hero h1 {
	color: RGBA(255, 255, 255, 1);
	font-size: 2.5rem;
	text-align: center;
	text-shadow: 0 0 .4rem RGBA(0, 0, 0, 1);
}
.support-info {
 padding: .5rem 0;
 background-color: RGBA(245, 245, 245, 1);
 border: .1rem solid RGBA(200,200,200, 1);
 border-right: 0; 
 border-left: 0;
 border-bottom: 0;
}
.support-info h1 {
  color: RGBA(0, 0, 0, 1);
  font-weight: 400;
}
.support-info p {
	color: RGBA(0, 0, 0, 1);
	font-weight: 300;
	margin-bottom: 1rem;
}
.support-info img {
	border: .5rem solid RGBA(255,255,255,1);
	box-shadow: 0 0 .6rem RGBA(0,0,0, .4);
	margin-bottom: .5rem;
}
.support-info .bottom-section {
	margin-top: .2rem;
}
.support-info a {
	text-decoration: underline;
}
.support-info a:hover {
	text-decoration: none;
}
.support-contact {
	text-align: center;
	padding: 1rem 0 .2rem 0;
}
.support-contact p:last-child {
	margin-bottom: .5rem;
}
.support-contact a.button {
	border-radius: .4rem;
}

/*------------------------------------------
	Footer
------------------------------------------*/
.pre-footer {
	text-align: center;
	padding: 1rem 0 1.2rem 0;
	border-top: 1px solid rgba(225,225,225,1);
}

.news-letter-signup p {
	font-size: .8rem;
	line-height: 1.3rem;
	text-align: left;
	padding-right: .5rem;
}

.contact-footer {
	margin-top: 1rem;
}

footer {
	padding: 1% 0;
	background-color: RGBA(51, 51, 51, 1);
}

.footer-nav {
	text-align: center;
	padding-bottom: .3rem;
	border-bottom: .1rem solid RGBA(0, 0, 0, 1);
}
.footer-nav a {
	color: RGBA(255, 255, 255, 1);
	font-size: .8rem;
	font-weight: 300;
	margin-right: .5rem;
}

.copyrite p {
	color: RGBA(195, 195, 195, 1);
	font-weight: 300;
	font-size: .8rem;
	text-align: center;
	padding: .6rem 0;
	margin-bottom: 0;
}

.footer-social {
	text-align: center;
}
.footer-social a:first-child {
	padding-right:.8rem;
}
.footer-social a {
	color: RGBA(195, 195, 195, 1);
	font-size: .8rem;
	text-decoration: none;
}

.footer-social a:hover {
	text-decoration: underline;
}

.sub-footer {
	background-color: #000;
}

.pre-footer .button {
	border-radius: .25rem;
}