/*
	
	
	Blue #245497
	Grey #b5b6b8
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/*---------------------------------
	OVERRIDES
-----------------------------------*/
#content { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
 @keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-moz-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-webkit-keyframes fadein { from {
opacity: .0;
}
to { opacity: 1; }
}
@-ms-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
@-o-keyframes fadein { from {
opacity: 0;
}
to { opacity: 1; }
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
/*input[type="file"] { height: 0px; padding: 0; margin: 0 0 2.5em; }
input[type="file"]:before { content: 'Browse for file'; background: #FFF; width: 100%; height: 35px; display: block; text-align: left; position: relative; margin: 0; padding: 0; margin: 0 5px; left: -6px; border: 1px solid #E0E0E0; top: -1px; line-height: 35px; color: #B6B6B6; padding-left: 5px; display: block; }*/
html, body { width: 100%; height: 100%; position: relative; display: table; background: #d4e2f9 url(../batthern2.png) center center fixed; /*background: -moz-linear-gradient(top, #d4e2f9 0%, #f2f9fe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4e2f9), color-stop(100%, #f2f9fe)) url(../batthern2.png) center center fixed; background: -webkit-linear-gradient(top, #d4e2f9 0%, #f2f9fe 100%) url(../batthern2.png) center center fixed; background: -o-linear-gradient(top, #d4e2f9 0%, #f2f9fe 100%) url(../batthern2.png) center center fixed; background: -ms-linear-gradient(top, #d4e2f9 0%, #f2f9fe 100%) url(../batthern2.png) center center fixed; background: linear-gradient(to bottom, #d4e2f9 0%, #f2f9fe 100%) url(../batthern2.png) center center fixed; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e2f9', endColorstr='#f2f9fe', GradientType=0 );*/
}
body { margin: 0; padding: 0; color: #000; font: normal 16px/150% 'Myriad Pro', arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */ }
header div.grid { background: rgba(255,255,255,0.8); position: relative; }
html.ie8 header div.grid, html.ie8 #mainContent { background: #fff; }
footer { position: absolute; width: 100%; left: 0; bottom: 0; min-height: 12em; padding: 1em; background: transparent; }
footer * { text-decoration: none; }
#phoneapp { position: absolute; right: 3em; margin-top: -10em; }
#logo { margin: 0 1em 3em; display: inline-block; }
.mastPhoto { /*border-bottom: 6px #245497 solid;*/ }
#tagline { color: #444; font-size: 1.6em; display: inline-block; margin: 55px 0 25px 45px; text-align: center; font-weight: bold; line-height: 1.3em; }
#tag2 { opacity: 0; }
#phoneTag { position: absolute; color: #444; right: 0; top: -.25em; font-size: 1.0em; font-weight: bold; padding: .5em .75em .25em; border-bottom-left-radius: 4px;  background : rgba(0, 83, 155, .2) }
#phoneTag a { text-decoration: none; color: #444; }
#phoneTag span:first-child { display: inline-block; margin-right: 1em; }
#middle { margin-bottom: 12em; }
#head_nav { background: #245497; height: auto; position: relative; z-index: 9; }
.fixedMenu { position: fixed!important; top: 0; z-index: 9999!important; width: 100%; }
#mainContent { background: rgba(100%,100%,100%,0.9); display: table; table-layout: fixed; width: 1200px; margin-bottom: 200px; border-bottom: 6px #245497 solid; box-shadow: 0 0 18px #999; }
#content { background: transparent; padding: 2em 2em; min-height: 24em; /*margin:0 auto!important; float: none!important; */}
#leftcolumn { padding: 3em 0 2em 0 }
#sidenav { position: relative; margin: 2em 0 6em 0; }
#leftcolumn[class*="col_"], #content[class*="col_"] { margin: 0; }
#homeEnter { background: rgba(0,0,0,.1); height: 100%; display: table-row; vertical-align: middle; text-align: center; position: absolute; left: 0; width: 100%; z-index: 99; }
#homeEnter h3 { font-size: 1.75em; margin: 0px 0 10px 0; line-height: 130%; text-transform: uppercase; font-weight: bold; }
#homeEnter select { }
#homejobsbutton {font-size: 22px; border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -12px;position: relative; z-index: 1;padding: .57em ;  }
#homestatechooser { position: relative; z-index:2;border-bottom-right-radius: 0; border-top-right-radius: 0;   font-size: 1.6em; padding: .185em ;}
::selection, ::hover {
background: tomato;
color:#fff;
}
#content[class*="col_10"] { width: 85%; }
#content[class*="col_12"] { width: 100%; }
#sidenav ul li a, a.redButton { padding: .5em .5em; background: #900; margin: 0 0 3px 0; color: #fff; white-space: normal; width: 100%; display: block; text-decoration: none; border-radius: 2px; }
/*.homeredButtons a.button {margin: 4px 0; }*/
#socIcons a { margin: 0 6px 0 0; opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
#socIcons a:hover { opacity: 1.0; -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
#affLogos img { max-height: 80px; width: auto; vertical-align: middle; }
.copyright, .copyright a { color: #999; font-size: smaller; }


/*---------------------------------
	HEADINGS
-----------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", arial, verdana, sans-serif; font-weight: normal; line-height: 1em; }
h1 { font-size: 2.5em; margin: 10px 0 10px 0; }
h1.slogan { font-weight: bold; margin: 0 0 1em 0; color: #245497; }
h2 { font-size: 2.0em; margin: 10px 0 10px 0; }
h3 { font-size: 1.75em; margin: 10px 0 10px 0; line-height: 130%; }
#articles h3 { font-size: 1.5em; line-height: 1.2em; margin: 1.2em 0 0 0; }
h4 { font-size: 1.5em; margin: 10px 0 10px 0; }
h5 { font-size: 1.3em; margin: 10px 0 10px 0; font-weight: bold; }
h6 { font-size: 1.1em; margin: 10px 0 5px 0; }
/* NAV BAR*/
.navbar { position: fixed; top: 0; left: 0; width: 100%; background: #000; color: #fff; z-index: 1000; }
.navbar #logo { position: absolute; top: 0; right: 0; padding: 0.5em 1em; font-size: 1.7em; color: #efefef; text-decoration: none; }
.navbar span { color: #86dc00; }
.navbar ul { display: inline-block; margin: 0; padding: 0; }
.navbar li { margin: 0; padding: 0; list-style-type: 0; display: inline-block; }
.navbar li a { display: inline-block; color: #efefef; padding: 1em 1.3em; text-decoration: none; text-transform: uppercase; line-height: 100%; font-size: 1.2em; }
.callout { background: #245497;/*#86dc00;*/ padding: 1em 0; color: #fff; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); text-align: center; text-shadow: 0px 1px 3px rgba(0,0,0,0.2); display: block; border-radius: 0.5em; font-size: 120%; padding: .5em; }
.callout + div.grid { margin-top: 50px; }
a.callout { cursor: pointer; }
.callout i.icon-4x { font-size: 6em; }
.callout h4 { margin-bottom: 30px; }
.callout a { color: #fff; }
.callout-top { margin: 50px 0 0 0; }
.callout p { margin-bottom: 0; }
.callout .button { margin-top: 10px; }
.callout.red { background: #900; font-size: 1.3em; margin: 0; text-shadow: 0 -1px 0 #B21203; color: #fff; border: 1px solid #B21203; background: rgb(229,60,22); background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,60,22,1)), color-stop(100%, rgba(207,4,4,1))); background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: -o-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); background: linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404', GradientType=0 );
}
.callout.green { background: #19ad0b;/*#86dc00;*/ }
form.fullInputs input[type="text"], form.fullInputs input[type="email"], form.fullInputs input[type="tel"] { width: 100%!important; max-width: 100%; }
ul.alt2 a { color: #333; text-decoration: none; display: inline-block; padding: 5px 0; width: 100%; }
.jobLocation { margin-top: -1.8em; font-size: 1.3em; }
/* MISC OBJ */
.centervideo { margin: 0 auto; float: none; }
video { min-height: 200px; }
.box { padding: 16px; border-radius: 12px; border: 4px solid #999; box-shadow: 0 0 8px #999; }
.halo { box-shadow: 0 0 8px rgba(0,0,0,.9) }
.halo2 { box-shadow: 0 0 16px rgba(0,0,0,.8) }
.border { border: 1px solid #000; }
.border2 { border: 10px solid #fff; }
div.classButtons > a.button.red { margin: .5em; }
.scrollTo { cursor: pointer; opacity: .5; }
.scrollTo:hover { opacity: 1; }
.clickme { position: fixed; z-index: 20; bottom: 260px; right: 10px; display: none; opacity: .5; }
.clickme:hover { opacity: 1 }
#arrowup { width: 32px; }
/* transition  */
.scrollTo, .clickme { transition: all 0.5s ease; }
.roundbox { padding: 1em; border-radius:.4em; border: 1px solid #c1c1c1; box-shadow: 0 0 16px #c1c1c1; background: rgba(36, 84, 151, .1); }
/* other  */
.orangeText { color: #FC0; }
.bold { font-weight: bold; }
.bigText { font-size: 1.8em; line-height: 120%; }
img.footerlogo { max-width: 30%; height: auto; vertical-align: middle; margin: 0 1em 1em 0; }
img.footerlogo2 { max-width: 50%; height: auto; vertical-align: middle; margin: 0 1em 1em 0; }
.buynow { padding: .5em 1em; border-radius: .5em; color: #fff; background: #245497; margin-top: 1em; text-align: center; height: 9em; }
.buynow form { vertical-align: middle; padding: .5em 0; }
#message .buynow form { vertical-align: middle; padding: .5em 0; }
.buynow span { display: inline-block; padding: .5em 0; font-size: 1.1em; }
#message .buynow span { float: none; display: block; padding: .5em 0; font-size: 1.0em; }
.buynow:hover { box-shadow: 0 0 1em #333; }
.transition, .buynow { transition: all .5s ease; }
#theClasses .row:nth-child(even) h3 { }
#theClasses h3 { margin: 0; padding: .5em .25em; }
#theClasses hr { margin: 0; }
.thestate, .thecity { cursor: pointer; }
.thestate:hover { background: #efefef; }
.citygroup { cursor: default; min-height: 236px; }
.citygroup:nth-child(4n +1) { clear: left; }
.citygroup b, #getLocation b, b, .redText { color: tomato; line-height: 1em; }
#getLocation b:after { content: " - "; color: #000; }
#getLocation br {
width:0 height:0; float: left; display: none; }
#getLocation label { width: 100%; }
.thedates { display: none }
#theDates small { display: inline-block; text-align: center; width: 100%; }
.classDates { display: inline-block; height: 3em; }
.bar { background: #333!important; color: #fff; padding: 4px .25em 0; }
.highlightit { background: #FF0; }
#mainMenu { max-width: 100%; }
.theCdate { line-height: 1em }
.theCdate:nth-child(3n +0) { clear: left; }
header.home { background: #fff; }
.states { border-radius: 6px; padding: .5em .5em .25em; font-size: 1.3em; background: #dfdfdf }
.jobs { border-radius : .5em; border: 1px solid #999; padding: .5em; }
fieldset *[class*="col_"] { margin: .25em 0; }
#jobFinder { margin-top: 10%; display: inline-block; background: rgba(0,0,0,.65); color: #fff; padding: 2em; box-shadow: 0 0 2em rgba(0,0,0,1); }



 @media all and (min-width: 1024px) {
.bigPad { padding: 0 10% }
/*#logo { margin: 4em 1em 0;   }*/
}
 @media all and (min-width: 1024px) and (max-width: 1280px) {
header { padding: 0 0%; text-align: center; }
.menu li a { padding: 15px 10px; }
.menu li ul li a { padding: 28px 6px; }
}
 @media all and (max-width: 1280px) {
header { padding: 0 0%; text-align: center; overflow-x: hidden; }
#tagline { margin: 1em; width: 100%; text-align: center; }
#logo { margin: 4em 1em 0; }
#mainContent { width:100%;}
}
 @media all and (max-width: 1024px) {
#logo { margin: 1em 1em 0; }
.citygroup:nth-child(4n +1) { clear: none; }
.citygroup:nth-child(3n +1) { clear: left; }
}
 @media all and (min-width: 800px) and (max-width: 1024px) {
header { padding: 0 1%; }
#logo { margin: 4em 1em 0; }
.menu li ul li a { padding: 28px 10px; }
.classDates.col_2 { float: left; clear: none; width: 23%; }
.citygroup { width: 31%; }
footer { position: absolute; width: 100%; left: 0; bottom: -4em; }
}
 @media all and (max-width: 800px) {
#logo { margin: 1em 1em 0; }
footer, footer .right { text-align: center; }
#phoneTag { position: relative; top: 0; left: 0; background: #333; color: #fff; padding: .45em 0; text-align: center; font-size: 1.2em; font-weight: bold; }
#phoneTag a { color: #fff; }
#phoneTag span { display: block; margin: 6px 0; }
#phoneapp { position: absolute; right: 3em; }
footer { position: absolute; width: 100%; left: 0; bottom: -4em; }
a { word-break: break-all; }
#middle { margin-bottom: 1em; }
#mainContent { margin-bottom: 0px; }
}
 @media all and (min-width: 480px) and (max-width: 800px) {
header { text-align: center; }
footer { position: relative; width: 100%; left: 0; bottom: initial; }
.menu li ul li a { padding: 28px 10px; font-size: 1.5em; text-align: center; }
#tagline { margin: 1em 0; line-height: 110%; padding: 0 12px; }
.col_2.classDates { float: left; clear: none; max-width: 33%; }
.col_3.citygroup { width: 42%; float: left; clear: none; }
.slideshow { display: none; }
#homeEnter { position: relative; width: 100%; display: block; }
#jobFinder { margin-top: 0%; padding: 1em; width: 100%; }
}
 @media all and (max-width: 480px) {
header, h1, h2, h3, h4, h5 { text-align: center; }
.menu li a { padding: 28px 10px; font-size: 1.5em; text-align: center }
#tagline { margin: .25em 0; line-height: 110%; padding: 0 12px; }
li.menu-toggle a { background: #333; color: #fff; }
.menu li.menu-toggle a:hover, .menu li.hover>a { background: #333; }
footer * { text-align: center; }
footer { position: relative; width: 100%; left: 0; bottom: initial; }
#middle { margin-bottom: 1em; }
#mainContent { margin-bottom: 0px; }
#content { background: #fff; padding: 2em .75em; min-height: 0; }
#phoneapp { position: relative; right: .1em; margin-top: 2em; }
.fixedMenu { position: relative; top: 0; z-index: 9999999; width: inherit; }
form { max-width: 100%; }
input[type="file"] { width: 100%; }
input[type="file"]:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
#leftcolumn { padding: .55em; max-width: 100%; }
.classDates { text-align: center; }
binks { display: none; }
.slideshow { display: none; }
#jobFinder { margin-top: 0%; padding: 1em; width: 100%; }
#homeEnter { position: relative; }
#homeEnter h3 { font-size: 1.35em; }
#homeEnter select { font-size: 1.2em; }
.bigText { font-size: 1.4em; line-height: 120%; }
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
body {
font-size: larger;
}
.menu li a {
font-size: 130%!important;
}
}