@import 'https://fonts.googleapis.com/css?family=Noto+Serif';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';


/* -------------------------------------------------------------------------------------------------- x ------------------- */

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

html, body { overflow-x:hidden; }
body {
	margin:0;
	font-family:"Open Sans",times;
	font-size:16px;
	background:#000d17;
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; }

.rightimg { float:right; margin:0 0 10px 10px; max-width:50%; } 
.leftimg { float:left; margin:0 10px 10px 0; max-width:50%; } 
a { color: #b28f44; } 
a:hover { text-decoration:none; }

body > div > div { 
	max-width:1160px;
	margin:0 auto;
	padding:0 40px;
}

h1, h2, h3, h4 { margin:1em 0 0.2em; font-weight:normal; font-family:"Noto Serif"; text-transform: uppercase; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }

	/* forms */
	.req { color:#b28f44; }
	label, input, select, textarea {
		display:block;
		margin-top:10px;
		max-width:100%;
		 
		}
	input, select, textarea { padding:10px; color: #fff; font-size: 16px; background-color: rgba(82, 113, 142, 0.6); }
	label+input, label+select, label+textarea { margin-top:5px; width: 500px;}

	input[type="submit"] { border:0; background:#b28f44; color:#fff; padding:10px; border-radius:10px; } 
	input[type="submit"]:hover { cursor:pointer; background-color: #a38440; }

#contentBlock li { line-height:1.2em; padding-bottom:0.4em; }

.menu { display: none; }
/* -------------------------------------------------------------------------------------------------- x ------------------- */

#headerBlock {
	background:#000 url('../images/phoenix-police-reserve.jpg') top center no-repeat;
	
	color:#fff; text-align:right; }

#headerBlock > div:nth-of-type(1) {
	margin:20px 0 0;
	padding:10px 20px;
	max-width:100%;
	background:#021d31;
	position:relative;
	z-index:9;
	} 
#headerBlock > div:nth-of-type(1) > div {
	position:relative; padding:0;
	width:1130px; 
	max-width:100%;
	margin:0 auto;
	} 
.navTogether { display:inline-block; }

.logo { float:left; margin:-30px 0 -120px; }
.logo img { display:block; } 

.nav1 {
	display:inline-block; list-style:none; margin:4px 0 6px; padding:0;
	font-size:14px; font-weight:300; vertical-align: top;
	}
.nav1 > li { float:left; }
.nav1 > li + li:before { content:"|"; display:inline-block; padding:0 15px; } 
.nav1 > li > a { color:#e8c475; }
.nav1 > li:hover > a { }

.facebook {
float: right;
margin: 3px 0 0 10px;
width: 21px;
}

.quickLinks {
	display:inline-block; list-style:none; margin:0 0 0 15px; padding:0; float:right;
	font-size:14px;
	}
.quickLinks > li { position:relative; }
.quickLinks > li > a {
	position: relative;
	display:block;
	background:#fff;
	color:#021d31; 
	text-decoration:none;
	 padding:4px 22px 4px 7px; border-radius:10px; 
	 
	}
.quickLinks > li > a span {
	font-weight:bold;
	font-size:140%;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    right: -3px;
    top: 8px;
	
}
	
.quickLinks > li:hover > a { 
	background: #0C3350;
	color:#fff;
}	
.quickLinks > li:hover > a.open,
.quickLinks > li > a.open { 
	background: #0C3350;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color:#fff;
}



/*.Chevron{
    position:relative;
    display:block;
    height:50px;
}*/
.Chevron:before,
.Chevron:after{
    position:absolute;
    display:block;
    content:"";
    border:7px solid transparent;/*adjust size*/
	right: 10px; 
}
/*Change four 'top' values below to rotate (top/right/bottom/left)*/
.Chevron:before{
    top:11px;
    border-top-color:#000;/*Chevron Color*/
}
.Chevron:after{
    top:7px;/*adjust thickness*/
    border-top-color:#fff;/*Match background colour*/
}
.quickLinks > li > a:hover > Chevron:after { border-top-color: #b28f44 !important; }

.quickLinks > li > ul { 
	display:none;
	position:absolute; top:100%;
	list-style:none; margin:0; padding:10px 0;
	background:#0C3350;
	z-index: 2;
	right:0;
	border-bottom:10px solid #B28F44;
	 }
	 .quickLinks > li > ul > li {  text-align: left; }
	 .quickLinks > li > ul > li > a { display: block; padding: 5px 10px; text-decoration: none; }
	 .quickLinks > li > ul > li:hover > a { background: #021d31; color:#fff; }
	 
.quickLinks li 
.quickLinks li a { display:block; text-decoration:none; }
.quickLinks li:hover a { }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;

  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.nav2 { display:block; list-style:none; margin:20px 0 0; padding:0; }
.nav2 > li { display:inline-block; position: relative; transition: all .2s; }
.nav2 > li + li { margin-left:15px; } 
.nav2 > li > a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-family:'Noto Serif', serif;
	text-transform:uppercase;
	font-size:20px;
	padding:0 10px;
	}
.nav2 > li:hover > a { background:#0C3350; }
.nav2 > li > ul { display: none; list-style: none; position: absolute; border-bottom: 10px solid #b28f44; background: #0C3350; padding: 10px 0; min-width: 100%; z-index: 15; text-align: left;}
.nav2 > li:hover > ul { display: block; position: absolute; transition: all .3s;}
.nav2 > li > ul > li > a { padding: 5px 10px; display: block; text-decoration: none; }
.nav2 > li > ul > li > a:hover { color: #fff; background:#021D31; }

/* --------------- */ 



/* -------SLIDER-------- */ 

/* --------------- */ 

#headerBlock > div:nth-of-type(2){ position:relative;padding:250px 40px 50px; }
#headerBlock > div:nth-of-type(2) > *{ position:relative; z-index:5; }
#headerBlock > div:nth-of-type(2) > *:first-child{ margin-top:0; } 
#headerBlock > div:nth-of-type(2) > *:last-child{ margin-bottom:0; } 

#headerBlock > div:nth-of-type(2):before{
	content:"";
	position:absolute;
	top:0; right:-20px; bottom:0; left:-20px; 
	background:pink; 
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+20,0+80,1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

	}

#headerBlock > div:nth-of-type(2) h1{ font-size:60px; line-height:1em; padding:0 10px; }
#headerBlock > div:nth-of-type(2) h1 span{ display:block; } 

/* blue box under "protect & serve" */ 
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) > *:first-child{ margin-top:0; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) > *:last-child{ margin-bottom:0; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) {
		width:460px; 
		padding:20px;
		margin:0 0 0 auto;
		background:#02192a;
		border-bottom:10px solid #b28f44;
		}
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) a{
		background:#fff; color:#b28f44;
		text-decoration:none; padding:10px 12px;
		border-radius:10px;
		display:inline-block;
		font-weight:700;
	}
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) a:hover{ color:#02192a; }

/* see the action */
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) > *:first-child { margin-top:0; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) > *:last-child{ margin-bottom:0; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2){
		position:absolute; bottom:50px; left:40px;
		text-align:left;
		}
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a{ text-decoration:none; } 
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a h2{
		text-transform:uppercase; line-height:1em; font-size:32px; color:#fff;
		} 
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a h2 span{ display:block; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a img { border:1px solid #fff; } 
	
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a:hover h2 {	color:#b28f44; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(2) a:hover img { border-color:#b28f44; } 
	.quickLinksMobile { display: none; }

@media screen  and (max-width:1200px){
	#headerBlock > div:nth-of-type(2):before { display:none; }
}
@media screen  and (max-width:1090px){
	.nav2 {margin-top:5px;}
	.nav2 > li > a {font-size:18px;}
	.nav2 > li + li { margin-left:0; }
	.nav1 {font-size:13px;}
	.logo { margin: -20px 0 -25px; width: 250px; position:relative; z-index: 9999;}
}
@media screen  and (max-width:870px){
	#headerBlock > div:nth-of-type(1) { text-align:left; } 
	#headerBlock > div:nth-of-type(2) h1 { font-size: 50px; }
	#headerBlock > div:nth-of-type(2) > div:nth-of-type(1) { width: 330px; }
	.navTogether { display: none; text-align: right; position: relative;}
	.menu { display: inline-block; position: absolute; right: 0; top: 0; }
	.menu:hover { color:#fff; }
	a.menu { font-size: 40px; text-decoration: none; text-rendering: geometricPrecision; }
	.navOverflow { overflow: visible !important; }
	.navTogether {
		background: #021d31 none repeat scroll 0 0;
		clear: both;
		padding: 20px 0 10px;
		position: absolute;
		right: -10px;
		top: 100%;
		padding-left:10px;
	}
	.facebook {margin: 3px 10px  0 0;}
	.quickLinks {margin: 0 10px 0 20px;}
}
	
@media screen and (max-width: 660px){
	.navTogether li { display: block !important; text-align:left !important; float:none !important; padding-left:0;}
	.nav1 > li + li::before {display:none;}
	.nav2 > li > a, .nav1 > li > a {padding:5px 10px; color:#fff; }
	.nav1 > li > a { text-decoration: none; font-size:14px; display: block;}
	.nav1 > li:hover > a {background: rgba(0,0,0,.1);}
	.nav1 {display:block; clear:both; padding:10px 0; background:#B28F44; margin-top:10px;}
	.quickLinks {margin: 0 60px 0 10px; display:block; float:none;}
	.facebook {margin-right:5px;}
	.nav2 > li:hover > ul {position:relative;}
	.quickLinks > li > ul {width:100%;}
}

@media screen and (max-width: 400px){
	.logo {width:200px;}
	a.menu {font-size:34px; top:-6px; }
	body > div > div {padding:0 20px;}
}

/* -------------------------------------------------------------------------------------------------- two col ------------------- */

#twoColBlock {
	border-top:2px solid #021d31;
	border-bottom:2px solid #021d31;
	}
#twoColBlock a { color:#b28f44; }

#twoColBlock .readmore { text-transform:lowercase; display:block; margin-top:1em; } 

#twoColBlock > div { float:left; width:50%; max-width:100%; color:#fff; }
#twoColBlock > div > div {
	padding:50px 40px 40px;
	width:500px; max-width:100%;
	position:relative; } 
#twoColBlock > div > div > *:first-child { margin-top:0; }
#twoColBlock > div > div > *:last-child { margin-bottom:0; }


#twoColBlock > div:nth-of-type(1) { background:#021d31; }
#twoColBlock > div:nth-of-type(1) > div { margin:0 0 0 auto; }
#twoColBlock > div:nth-of-type(1) h3 { font-size:30px; }
#twoColBlock > div:nth-of-type(1) img { float:left; border:5px solid #fff; margin:0 10px 10px 0; } 
#twoColBlock > div:nth-of-type(1) p:nth-of-type(1) { margin-top:0; } 

#twoColBlock > div:nth-of-type(2) { background:#0c3350;}
#twoColBlock > div:nth-of-type(2) > div { padding-right:100px; } 
#twoColBlock > div:nth-of-type(2) .readmore { text-align:right; } 
#twoColBlock > div:nth-of-type(2) > div:after {
	content:"";
	position:absolute; bottom:0; left:100%; margin-left:-100px;
	height:297px; width:177px; 
	background:url('../images/officer.png');
	z-index: 16;
	} 


@media screen and (max-width: 950px){
	#twoColBlock > div { width: 100%; }
	#twoColBlock > div > div { width: 100%; }
	#twoColBlock > div:nth-of-type(2) > div { padding-right: 130px; }
	#twoColBlock > div:nth-of-type(2) > div:after { margin-left: -130px; }
}
@media screen and (max-width: 450px){
	#twoColBlock > div:nth-of-type(2) > div:after { display: none; }
	#twoColBlock > div:nth-of-type(2) > div { padding-right: 0; }
	#twoColBlock > div > div { padding: 50px 0; }
}


/* -------------------------------------------------------------------------------------------------- two col 2 ------------------- */

#twoColBlock2 {
	border-top:2px solid #021d31;
	border-bottom:2px solid #021d31;
	}
#twoColBlock2 a { color:#b28f44; }

#twoColBlock2 .readmore { text-transform:lowercase; display:block; margin-top:1em; } 

#twoColBlock2 > div { float:left; width:50%; max-width:100%; color:#fff; }
#twoColBlock2 > div > div {
	padding:50px 40px 40px;
	width:500px; max-width:100%;
	position:relative; } 
#twoColBlock2 > div > div > *:first-child { margin-top:0; }
#twoColBlock2 > div > div > *:last-child { margin-bottom:0; }
#twoColBlock2 > div a {
	font-size:30px;
	color:#fff;
	text-decoration:none;
	font-family: "Noto Serif";
	text-transform: uppercase;
	text-align: center;
	display:block;
}
#twoColBlock2 > div a span {
	display: block;
	position: absolute;
	top: 40%;
	text-align: center;
	left: 10%;
	right: 10%;
	box-shadow: 0 -10px 10px -10px rgba(0,0,0,.5), 0 10px 10px -10px rgba(0,0,0,.5);
}


#twoColBlock2 > div:nth-of-type(1),
#twoColBlock2 > div:nth-of-type(1) a span { background:#021d31; }
#twoColBlock2 > div:nth-of-type(1) > div { margin:0 0 0 auto; }

#twoColBlock2 > div:nth-of-type(2),
#twoColBlock2 > div:nth-of-type(2) a span { background:#0c3350;}
#twoColBlock2 > div:nth-of-type(2) .readmore { text-align:right; } 


@media screen and (max-width: 750px){
	#twoColBlock2 > div { width: 100%; }
	#twoColBlock2 > div > div { width: 100%; }
}
@media screen and (max-width: 450px){
	#twoColBlock2 > div > div { padding: 50px 0; }
}


/* -------------------------------------------------------------------------------------------------- qualify ------------------- */

#qualifyBlock { background:#b28f44 url('../images/checklist.png') no-repeat 75% center ; } 

#qualifyBlock > div > a {
	text-align:center; padding:65px 20px 70px; display:block; text-decoration:none; }
#qualifyBlock > div > a > *:first-child { margin-top:0; }
#qualifyBlock > div > a > *:last-child { margin-bottom:0; }

#qualifyBlock > div > a h2 { color:#fff; font-size:36px; } 
#qualifyBlock > div > a h3 {
	color:#021d31; text-decoration:underline;
	font-family:"Open Sans"; font-size:24px; text-transform:uppercase; 
	} 
#qualifyBlock > div > a:hover h3 { text-decoration:none; }

#footerBlock > div > div:nth-of-type(1) { float:right; }
#footerBlock > div > div:nth-of-type(2) { float:left; }
@media screen and (max-width: 500px){
	#qualifyBlock > div > a h2 { font-size: 30px; }
	#qualifyBlock > div > a h3 { font-size: 20px; }
}

/* ---------------------------------------------------------- Centennial ------------------- */


#centennial { color: #fff; padding: 30px 0; background: #000 url('../images/centennial-bgfinal2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#centennial > div { max-width: 800px; }
#centennial img { float: right; 
   max-width: 200px;
   padding: 0;
   transform: rotate(5deg);
   margin: -30px 0 -40px 30px;
   box-shadow: 0 0 15px #000;

}
a.readmore { display: block; padding-top: 20px; }
#centennial h3 { font-size: 30px; margin-top: 0; padding-top: 40px; }

@media screen and (max-width: 850px){
#centennial h3 { padding-top: 20px; }
#centennial img { float: none; display: block; text-align: center; max-width: 180px; margin: 0 auto; }
#centennial { text-align: center; }
}



/* -------------------------------------------------------------- three col ------------------- */

#threeColBlock { background:#b2bec7; } 
#threeColBlock > div { padding: 30px 20px; } 
#threeColBlock > div > a {
	display:block;
	float:left; width:33%;
	text-align:center;
	padding:30px;
	} 
#threeColBlock > div > a + a { border-left:1px solid #b28f44; }
@media screen and (max-width: 800px){
	#threeColBlock > div > a { width: 100%; padding: 0; }
	#threeColBlock > div > a + a { border-left: none; }
	#threeColBlock > div > a > img { max-width: 240px; }
}

/* -------------------------------------------------------------------------------------------------- contentWrapper ------------------- */
.contentWrapper { position: relative; background-image: url('../images/1918-background-badge3.png'); background-position: center right; color: #fff; background-repeat: no-repeat; padding-bottom: 60px; background-color: #000; }
.contentWrapper p, .contentWrapper ul { font-weight: 100; }
.contentWrapper > div > h1, .reserveTop h1 { margin-top: 60px; font-size: 35px; text-transform: uppercase; margin-bottom: 20px; }
.contentWrapper > div { max-width: 1000px; }
.contentWrapper > div > ul > li { margin: 15px 0; }

.contentWrapper h2 { font-size: 35px; text-transform: uppercase;}
.contentWrapper h3 { font-size: 28px; margin:50px 0 20px; border-bottom:2px solid #B28F44;}

/*.contentWrapper h4{ text-transform: uppercase; border-top: 1px solid #fff; padding-top: 20px; }
.heading-separator { font-weight:normal; font-family:"Noto Serif"; text-transform: uppercase; font-size: 24px; border-top: 1px solid #fff; padding-top: 20px;}*/



/* -------------------------------------------------------------------------------------------------- hub page ------------------- */
.reserveTop h1 { font-size: 54px; }
.reserveTop { color: #fff; /*background-image: url('../images/reserve-header.png'); background-size: cover; background-repeat: no-repeat; */}
.reserveTop { 
  height: 800px;
  max-width: none; 
  background-size: cover;
  background-position: center top;
}
.reserveTop:after { content:''; background: url('../images/dots_overlay.png') repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 1000px; }
.reserveTop > div { position: relative; z-index: 4; }
.hubSections { margin-top: -300px; }
.hubSections img { display: none; }
.hubSections p { font-size: 13px; font-weight: 400; }
.hubSections > div { width: 100%; min-height: 335px; float: none; display: inline-block; padding: 50px 30px; margin-bottom: 15px; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.hubSections > div:after { content:''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0.85) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(255,255,255,0.97)), color-stop(100%, rgba(0,0,0,0.85)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0.85) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0.85) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0.85) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}

.hubSections > div:nth-child(even):after { 
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(86%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 86%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
}
.hubSections h2 { margin: 0 0 20px 0; }
.hubSections > div > div { width: 370px; float: right; position: relative; z-index: 2; }
.hubSections > div:nth-child(even) > div { float: left; }
.hubSections a { color: #e0b455; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; }
.hubSections a:hover { text-decoration: underline; }

@media screen and (max-width: 800px){
	.hubsections > div { background: none !important; height: auto; padding: 20px 0; }
	.hubsections > div > div { float: none; width: 100%; }
	.hubSections > div:nth-child(even) > div { float: none; }
	.hubSections img { margin: 0;}
	.reserveTop h1 { font-size: 44px; }
	.reserveTop > div { padding: 20px; }
	.hubSections > div:after, .hubSections > div:nth-child(even):after { background: rgba(0,0,0,0.6);
	}
	
}

@media screen and (max-width: 600px){
	.reserveTop h1 { font-size: 35px; }
	.hubSections h2 { font-size: 25px; }
}

@media screen and (max-width: 500px){
	.hubSections > div > div { width: 100%; }
}
/* -------------------------------------------------------------------------------------------------- footer ------------------- */

#footerBlock { color:#b2bec7; font-size:12px; } 
#footerBlock > div { padding:25px 20px; } 
#footerBlock ul { list-style:none; padding:0; margin:0 0 2em 0; } 
#footerBlock ul li { float:left; } 
#footerBlock ul li + li:before { content:" | "; display:inline-block; padding:0 10px; } 
#footerBlock ul li a { color:#fff; text-decoration:none; } 
#footerBlock ul li a:hover { text-decoration:underline; } 

#footerBlock p { clear:both; } 

@media screen and (max-width: 830px){
	#footerBlock ul li { float: none; }
	#footerBlock ul li + li:before { display: none; }
	#footerBlock ul li + li { margin-top: 20px; }
}

/* -------------------------------------------------------------------------------------------------- Qualifications Page ------------------- */

.qualifyQuiz { clear: both; }
.qualifyQuiz > div > a:nth-child(even) { margin: 0 20px; }
.qualifyQuiz a { padding: 5px 20px; border: 2px solid #b28f44; text-decoration: none; }
.qualifyQuiz a:hover { background: #b28f44; color: #fff; }

.qualifyQuiz div + div { display: none; margin-top: -20px; padding-bottom: 10px; }
.qualifyQuiz p { padding-bottom: 20px; }


/* -------------------------------------------------------------------------------------------------- Events Page ------------------- */
.eventForm { display: none; padding-top: 50px; }
a.goLink { background-color: #b28f44; color: #fff; padding: 5px 20px; border-radius: 5px; text-decoration: none; font-weight: 600; }
.eventInfo { padding: 20px 0; }
.eventInfo h3 { margin-top: 0; }

.contactSection > div { width: 50%; float: left;  }
.contactSection > div + div { padding-left: 40px; }
.smallImg { display: none; }

@media screen and (max-width: 800px){
	.contactSection div { width: 100%; }
	.contactSection div + div { padding-left: 0; }
	.bigImg { display: none; }
	.smallImg { display: block; }
}

/* --------------- Special Formatting ---------------- */
img.right-side-img { float: right; margin-left: 20px; margin-bottom: 20px; max-width: 50%; clear: both; }
img.left-side-img { float: left; margin-right: 20px; margin-bottom: 20px; max-width: 50%; clear: both; }

@media screen and (max-width: 600px){
	img.right-side-img { float: none !important; max-width: 100%; margin-left: 0;}
	img.left-side-img { float: none !important; max-width: 100%; margin-right: 0;}
}
a.button { background-color: #B28F44; padding: 10px 30px 10px 15px; font-weight: bold; text-decoration: none; text-transform: uppercase; border-radius: 10px; display: inline-block; position: relative; color:#fff;}
a.button:after{ content:'\203A'; right: 10px; top: 0; position: absolute; font-size: 27px; color:#fff; }
a.button:hover, a.button:hover:after { background:#fff; color: #021D31; }
tbody { background: #000; color: #fff; border: none; }
td { border: none; }



/* CALENDAR ******************/
#cal {
	max-width:400px;
}

.error {display:block; color:#c00; font-size:14px; text-transform: uppercase;}



/* SER Form ******************/
.SERform h3 {clear:both; padding: 50px 0 0; margin:0 0 20px;}
.SERform > label, .SERform > .label {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 40px 20px 0;
	display: inline-block;
	float: left;
	min-height:100px;
}
.SERform > label input, 
.SERform > label select, 
.SERform > label textarea { margin-top:5px; width: 100%; border: 2px solid #ccc;}
.SERform > label select {
	-webkit-appearance: menulist;
	-moz-appearance:    menulist;
	appearance:         menulist;
}
.SERform > .label p {margin-bottom:0; font-weight: normal;}
.SERform > .label label {
    padding: 10px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(82, 113, 142, 0.6);
    border: 2px solid #ccc;
	display: inline-block;
}
.SERform label input[type=checkbox] {
	width:auto;
	margin:0;
	-webkit-appearance: checkbox;
	-moz-appearance:    checkbox;
	appearance:         checkbox;
	display: inline-block;
}

.SERform input[type=submit] {clear:both;}

.SERform .col3-1 {width:33.3%;}
.SERform .col3-2 {width:66.6%;}
.SERform .col4-1 {width:25%;}
.SERform .col4-2 {width:50%;}
.SERform .col4-3 {width:75%;}

.SERform .newRow {clear:left;}
.g-recaptcha {clear:both;}