/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'robotoregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 22, 2013 */
@font-face {
    font-family:'itc_machine_stdregular';
    src: url('../webfonts/machinestd-webfont.eot');
    src: url('../webfonts/machinestd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/machinestd-webfont.woff') format('woff'),
         url('../webfonts/machinestd-webfont.ttf') format('truetype'),
         url('../webfonts/machinestd-webfont.svg#itc_machine_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'robotoregular';
    src: url('../webfonts/Roboto-Regular-webfont.eot');
    src: url('../webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'robotobold';
    src: url('../webfonts/Roboto-Bold-webfont.eot');
    src: url('../webfonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}



header, nav, article, footer {display:block;}

body {font-family:'robotoregular'; font-weight:normal; font-size:16px; color:#fff; background:#fff; -webkit-text-size-adjust: none;}

.wrap {width:90%; margin:0 auto; max-width:1230px;}
.show-tablet, .show-640 {display:none;}

/** typography styles **/
p {margin-bottom:16px;}
.no-margin {margin:0 !important;}

a, a.call-it {color:#F2F2F2; text-decoration:none;}
a:hover, a.call-it:hover {color:#fff;}

strong {font-family:'robotobold'; font-weight:normal;}

.blue {color:#252661;}
.gray {color:#6e6f72;}
.black {color:#000;}
.white {color:#fff;}
.red {color:#d70000;}

.lt-content h1 {color:#fff; font-size:50px;font-family:'itc_machine_stdregular'; font-weight:normal; margin-bottom:12px;}
h1 {color:#fff; font-size:34px; font-family:'itc_machine_stdregular'; font-weight:normal; margin-bottom:12px;}
h2 {color:#fff; font-size:28px; font-family:'itc_machine_stdregular'; font-weight:normal; margin-bottom:20px;}

h4 {color:#fff; font-size:24px; font-family:'itc_machine_stdregular'; font-weight:normal; margin-bottom:12px;}

p.loc {width:88%; padding-left:12%; background:url('../siteart/layout/loc-icon.png') no-repeat center left; background-size:8%;}
a.phone {width:88%; padding-left:12%; background:url('../siteart/layout/phone-icon.png') no-repeat center left; background-size:8%; margin-bottom:16px; display:block;}
a.email {width:88%; padding-left:12%; background:url('../siteart/layout/email-icon.png') no-repeat center left; background-size:8%; margin-bottom:16px; display:block;}

/** header styles **/
header {width:100%; padding:20px 0;}
.logo {margin:0 auto;}
.logo img {width:100%; max-width:200px; height:auto; display:block; margin:0 auto;}


/** nav styles **/
.nav {width:100%; background:#6e6f72; border-bottom:3px #fff solid;}
.nav ul {width:100%; text-align:center;}
.nav li {position:relative; display:inline-block; zoom:1; *display:inline; margin-left:-3px;}
.nav li.first {width:1px; line-height:40px; background:#939597;}
.nav li.last {width:1px; line-height:40px; background:#464646;}
.nav a:link, .nav a:active, .nav a:visited, .nav span {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-family:'robotobold';
	font-size:18px;
	text-transform:uppercase;
	padding:0 20px;
	line-height:40px;
	border-left:1px #464646 solid;
	border-right:1px #939597 solid;
}
.nav a:hover, .nav span:hover {background:#464646;}

.nav ul ul {display: none; position: absolute; z-index:99999; top:40px; left:0; width:170px; background:#464646;}
.nav ul ul ul {position: absolute; left: 100%; top:0;}
.nav ul li:hover > ul {display: block; z-index:99999;}
.nav ul ul li {float: none;  position: relative; display:block; margin-left:0;}
.nav ul ul li a:link, .nav ul ul li a:active, .nav ul ul li a:visited{
	font-size:14px;
	line-height:14px;
	padding:7px 0px 7px 10px;
	border-right:0;
	border-left:0;
	border-bottom: 1px solid #6e6f72;
	color:#fff;
	text-align:left;
}
.nav ul ul li a:hover {background:#6e6f72; color:#fff;}


/** content styles **/
.inv-box {width:100%; background:#171859 url('../siteart/layout/bg.jpg') repeat; padding-top:23px; text-align:center; border-bottom:3px #fff solid;
	-moz-box-shadow:inset 0px 0px 12px rgba(0,0,0,.9); -webkit-box-shadow:inset 0px 0px 12px rgba(0,0,0,.9); box-shadow:inset 0px 0px 12px rgba(0,0,0,.9);}
.inv-box:after {content:""; clear:both; display:block;}
.inv-box a {width:20%; text-align:center; float:left; text-decoration:none; color:#fff; font-size:18px; margin-bottom:15px; font-family:'robotobold';}
.inv-box a img {width:100%; display:block; height:auto; margin-bottom:15px;}
.inv-box a:hover {color:#6e6f72;}

article {width:100%; padding:100px 0; background:#6d6f71;}
article.blue-bg {background:url('../siteart/layout/bg.jpg') repeat;}
article.white-bg {background:#fff;}
.lt-content {width:69%; float:left; margin-right:5.4%;}
/*.lt-content h1:hover {color: #252661; transform: scale(1.2); transition: 0.3s ease;}*/

@keyframes slideIn {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.slide-in {
  animation: slideIn 1s ease-out forwards;
}
@keyframes flashyEntrance {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(-10deg);
    text-shadow: none;
  }
  50% {
    opacity: 1;
    transform: scale(1.2) rotate(5deg);
    text-shadow: 0 0 10px #fff, 0 0 20px #fff;
  }
  100% {
    transform: scale(1) rotate(0deg);
/*    text-shadow: 0 0 5px #fff, 0 0 10px #fff;*/
  }
}

.flashy-text {
  font-size: 2rem;
  color: #fff;
  background: linear-gradient(to right, #fff, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  animation: flashyEntrance 1.5s ease-out forwards;
/*  text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff;*/
  transition: transform 0.3s ease;
}

h1.flashy-text:hover {
  transition: 0.3s ease;
  text-shadow: 0 0 15px #fff, 0 0 25px #000;
}

.rt-sidebar {width:25.6%; float:left;}

.inv, .container {width:100%; display:block;}

.lt-sidebar {margin-right:5.4%; width:25.6%; float:left;}
.loc-map {width:69%; float:left; margin-bottom:15px;}
.loc-map iframe {width:100%; display:block; height:300px;}




/** footer styles **/
.scroll-frame {width:100%; background:#939597; height:90px; padding:7px 0; overflow:hidden; display:block;}
.scroll-frame iframe {width:100%; height:90px; background:#939597; display:block;}

footer {width:100%; padding:25px 0; color:#ababaa; line-height:12px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#ababaa;}
a.footerlink:hover {text-decoration:none; color:#ababaa;}
.footertext{font-size:10px; color:#ababaa;}
.smallfootertext{font-size:10px; color:#ababaa;}
.divfooter {width:96%; max-width:725px; text-align:center; margin:0 auto;}


/** form styles **/
#formpage .row {width:100%; display:block;}
#formpage .row:after {content:""; display:block; clear:both;}
#formpage .col3 {width:31.3333%; float:left; margin-right:2%;}
#formpage .col-full {width:98%;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	background:#fff;
	color:#8e8d8d;
	font-size:12px;
	margin-bottom:10px;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	background:#fff;
	font-size:12px;
	height:100px;
	margin-bottom:10px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	background:#fff;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	margin-bottom:10px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
}

#formpage input.radio {
	padding:0; 
	border:0;
	margin:0 5px 0 0;
	width:15px;
	height:15px;
	display:inline;
}

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #fff;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#252661;
    border:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
}
#formpage input.button:hover {background:#464646; color:#fff;}
 
/*control the Captcha */
.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px;}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 5px 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#d7d7d7;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none; color:#fff;}


/** responsive styles **/

@media screen and (max-width:1024px) {
	h2 {font-size:24px; margin-bottom:14px;}
	
	
	.nav a:link, .nav a:active, .nav a:visited, .nav span {font-size:15px; padding:0 12px;}
	.inv-box {padding-top:14px;}
	.inv-box a {margin-bottom:7px;}
	.inv-box a img {margin-bottom:7px;}
	
	.lt-content {width:100%; margin-right:0%;}
	.rt-sidebar {width:35%;}
	
	.lt-sidebar {margin-right:3%; width:35%;}
	.loc-map {width:62%;}
}

@media screen and (max-width:800px) {
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h1 {font-size:30px; margin-bottom:6px;}
	
	.show-tablet {display:block;}
	.hide-tablet {display:none;}

	header {padding:18px 0;}
	.nav {padding:10px 0; background:#171859 url('../siteart/layout/bg.jpg') repeat;}
	
	#simple-menu {background:url(../siteart/layout/mobile-nav-icon.png) no-repeat center left; height:34px; width:70px; display:block; cursor:pointer; padding-left:35px; margin:0 auto; font-family:'robotobold'; line-height:34px;}
	.inv-box {padding:0;}
	.inv-box h2 {display:none; }
	.inv-box a {font-size:16px;}
	.rt-sidebar {width:38%;}
	
	.lt-sidebar {margin-right:5%; width:38%;}
	.loc-map {width:57%;}
	.loc-map iframe {height:200px;}
}
@media screen and (max-width:640px) {
	h2 {font-size:18px; margin-bottom:8px; text-transform:capitalize; }
	h4 {font-size:20px; margin-bottom:8px;}
	
	.show-640 {display:block;}
	
	

	
	.inv-box a {width:33.3333%; font-size:14px;}
	
	article {padding:15px 0;}
	.rt-sidebar {width:53%;}
	.lt-sidebar {margin-right:0%; width:53%;}
	.loc-map {width:100%;}
	
	#formpage .col3 {width:48%;}
	#formpage .row:after {clear:none;}
	
	footer {padding:10px 0;}
	.smallfootertext {display:none;}
}
@media screen and (max-width:480px) {
	.rt-sidebar, .lt-sidebar {width:63%;}
	#formpage .col3, #formpage .col-full {width:100%; margin-right:0;}
}
@media screen and (max-width:375px) {

	.inv-box a {font-size:12px;}
	.rt-sidebar, .lt-sidebar {width:80%;}
}