/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0; font-family: 'Open Sans', sans-serif;
	
}

ol, ul, li {list-style: none;}
body, html {height: 100%; /*overflow-x:hidden;*/}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  display: block; } 

select,
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.clear {clear:both;}

img#spotlight-hero {width:100%; margin: 0 auto; height: auto; max-width: 1000px; display: block; background: #f1f1f1; padding: 20px; box-sizing: border-box;}

h1, h2, h3, h4, h5 {line-height:normal;margin-bottom:5px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
h1 {font-size:42px; font-weight:800; line-height: 1.2;}
h2 {font-size:32px; font-weight: 600;}
h3 {font-size:24px; color:#777; font-weight:600;}
h4 {font-size:18px; margin-top:10px;}
h5 {font-size:18px;}

strong {font-weight:700;}
p, ul li {font-size:15px;line-height:1.75em; margin-bottom:5px;}
#cssmenu ul ul li {margin-bottom:0!important;}


a:link, a:active, a:visited {
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

hr {border-bottom:1px solid #c8c7c7; margin:25px 0 25px;}

#sitewidth {width:90%; margin:0 auto;}
.wrapper {width:75%; margin:30px auto; box-sizing: border-box;}

/* POPUP */
.container-bnr {
	background: #3E8424;
    position: fixed;
	display: block;
    width: 100%;
    bottom: 0;
	margin: 0;
    z-index: 999;
	box-sizing: border-box!important;
	overflow-x: hidden;	
	text-align: center;
}
.container-bnr h2 {color: #fff; font-size: 22px; font-weight: 600; letter-spacing: .5px; padding: .75em 0;}
.hide {display:none;}
.closeNow {right: -50000px;}
.bar-right {position:absolute; top:3px; left:10px; width: 40px; height: 40px; color:#ededed; font-size:22px; z-index:1; cursor:pointer;}
/*End Slide Down Notification*/ 


/* header styles */
header {width:100%; background:#fff url("../siteart/texture.jpg") repeat; position:relative; overflow-x:hidden; box-shadow: 1px 1px 8px #888888; background-size: cover;} 

.logowrap {float:left; width:60%; margin:20px 0 10px;}
.logo {display:inline-block; vertical-align:top; width:24%; margin-top:1%;}
.logo img {width:100%;height:auto;}
.logotext {display:inline-block; vertical-align:top; width:70%; margin:2% 2% 0 2%; color:#000;}
.logotext p {font-size: 32px;font-weight: 800;line-height: 1.2;margin-bottom: 5px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;}

.headright {float:right; width:40%; text-align:center; margin-top:3%;}
.headright img {width:32%; display:inline-block; vertical-align:middle;}
#header-skew {width:100%; max-width:1000px;
-webkit-transform: skewX(20deg) skewY(0deg);
-moz-transform: skewX(20deg) skewY(0deg);
-o-transform: skewX(20deg) skewY(0deg);
transform: skewX(20deg) skewY(0deg);
transform-origin:top left;
overflow: hidden;
background:#c3c3c3;
color:#0e2c50;
padding:15px 0;
margin-bottom:10px;
text-align:center;
box-shadow: 1px 1px 5px #888888;
position: absolute; top:0; right:0;}


.header-skew-content {-webkit-transform: skewX(-20deg) skewY(0deg);
-moz-transform: skewX(-20deg) skewY(0deg);
-o-transform: skewX(-20deg) skewY(0deg);
transform: skewX(-20deg) skewY(0deg);
font-size:18px;
}
.header-skew-content a {color:#0e2c50; font-size:18px; font-weight: 600;}
.header-skew-content .col-3 {display:inline-block; width:30%; margin-right:2%; vertical-align:top;}
.header-skew-content .col-3-last {display:inline-block; width:27%; vertical-align:top;}

span.service-title p {font-size: 42px !important;font-weight: 800;line-height: 1.2;margin-bottom: 5px;font-family: 'Open Sans', sans-serif; color: #fff !important;}
.ctct-custom-form h1 {font-size: 32px;font-weight: 600;}
/* SIGN UP FORM */
#colorblock {background:#e8e8e8; color:#fff; font-size:14px; padding:10px 0; margin-top:-30px;text-transform: uppercase;}
#colorblock a {font-size:12px; color:#777; text-decoration: underline;}
#colorblock a:hover {text-decoration: none;}

.ctct-custom-form {font-family: 'Open Sans', sans-serif; color:#000!important;}
.ctct-custom-form .ctct-button {background:#0e2c50!important;}

/* CONTENT */
a#desktop-cta {display: block;}
a#desktop-cta button {width: 100%; max-width: 250px; position: absolute; top: 10%; right: 0; background: rgba(14,44,80,.85); color: #fff; text-align: center; padding: 1em; font-weight: 800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: pointer; font-size: 18px; letter-spacing: 1px; transition: all.3s ease-in-out; border: none;}
a#mobile-cta {display: none;}
a#mobile-cta button {width: 100%; background: #0e2c50; color: #fff; text-align: center; padding: 1em; font-weight: 800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: pointer; font-size: 16px; letter-spacing: 1px; transition: all.3s ease-in-out; border: none;}
a#mobile-cta button:hover, a#desktop-cta button:hover {background: #000;}

#texture {background:#fff url("../siteart/texture.jpg") repeat; padding:20px; margin-top:-30px; background-size: cover;}
.blackbtn {background:#000; width:100%; max-width:200px; padding:5px 0; color:#fff; font-weight: 800; font-size:16px; text-align:center; margin-top:5px;}
.blackbtn:hover {background:linear-gradient(#000, #333333);}
img#about-hero {width:100%; margin: 0 auto; height: auto; max-width: 500px; display: block; background: #f1f1f1; padding: 20px; box-sizing: border-box;}
.img-50 {float: left; margin: 2%; width: 45%; display: inline-block; border: 1px solid #fff;}
.img-50 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
/*	max-width: 175px;*/
	max-width: 218px;
}
a.img-50:hover {border: 1px solid #cecece;}
img#finance {width: 100%; max-width: 450px; margin: 0 auto; display: block; height: auto;}

.staff-page .col-2 {
    margin: 10px;
	width: calc(50% - 20px);
	float: left;
    text-align: center;
	display: inline-block;
	color: #777;
	font-size: 15px;
	text-transform: uppercase;
}
.staff-page .col-3 {
    margin: 10px;
	width: calc(33.33% - 20px);
	float: left;
    text-align: center;
	color: #777;
	font-size: 15px;
	text-transform: uppercase;
}
.staff-page img {width: 100%; height: auto; margin: 0 auto; max-width: 200px; margin-bottom: 10px;}
.staff-page p {padding: 1em 0;}
.staff-page h2 {margin: 15px 0; padding: 15px 25px; border-left: 5px solid #0e2c50; color: #0e2c50; background: #e8e8e8; font-size: 18px; letter-spacing: 1px;}
.staff-page span {color: #000; font-weight: 500; text-transform: capitalize; font-size: 13px;}

/* MAP */
.contactwrap {background:#000 url("../siteart/bg.png") no-repeat; background-size: cover; padding:0; color:#fff;}
#mapbox1, #mapbox3 {margin-top: 11%;}
#mapbox2 {margin-top: 15%;}

.location-map-text p {margin:0; font-size:16px !important; color:#cecece;}
.location-map-text p span {display: block;}

.whitebtn {background:linear-gradient(#ebe0e0, #efefef); color:#000; font-weight: 800; font-size:15px; padding:5px 0; width:100px; text-align:center; margin-top:5px;}
.whitebtn:hover {background:linear-gradient(#efefef, #ebe0e0);}

.pageleft {float:left; width:54%;}
.pageleft img {width:100%;}
.pageright {float:right; width:46%;}

.leftpage {float:left; width:20%;}
.leftpage img {width:100%;}
.rightpage {float:right; width:75%;}
.rightpage .col3 {display:inline-block; width:25%; margin:1% .25% .0% 0;}
.rightpage img {width:100%;}
.fullbtn {
	width:100%; 
	background:#0e2c50; text-align:center; color:#fff; padding:10px 0; font-weight: bold; margin:1% auto; font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}
.fullbtn:hover {background:#777;}

.colleft {float:left; width:50%;}
.colleft img {width:100%;}
.colleft a {color:#0e2c50;}
.colright {float:right; width:40%;}
.col4 {display:inline-block; width:23%; margin:1% .25% 0% .25%; vertical-align:top;}
.col4 img {width:100%;}

.col-2 {display:inline-block; width:48%; vertical-align:top; margin-bottom:10px;}
.col-2 a {color:#0e2c50;}

/* Accordian */
.regen-accordion {width: 100%; margin-top:10px; padding-bottom: 10px;}
/*.regen-accordion .panel img {width: 100%; height: auto; margin: 0 auto;}*/

button.accordion {background-color: #0e2c50; color: #fff; cursor: pointer; padding: 18px 20px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; transition: 0.4s; font-weight: 100; border-bottom:1px solid #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}

button.accordion.active, button.accordion:hover {background-color: #777;}

button.accordion:after {content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px;}

button.accordion.active:after {content: "\2212";}

div.panel {padding: 0px 20px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
div.panel p {margin-top:10px;}


/* FORM */
#formpage {vertical-align:top; font-family: 'Open Sans', sans-serif; box-sizing: border-box;}
#formpage div {vertical-align:top; padding:5px 5px; box-sizing: border-box;}
#formpage input {padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:14px; font-family: 'Open Sans', sans-serif; box-sizing: border-box;}
#formpage textarea {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:14px;}
#formpage h3 {display: block; margin: 1em 0;}
 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {border:1px solid #8e8d8d; color:#000; vertical-align:middle; font-size:14px; line-height:normal; padding:5px; width:100%; margin: 5px; font-family: 'Open Sans', sans-serif;}
#formpage input  {width:100%;}
#formpage input.larger  {width:100%;}
#formpage textarea {width:100%; height:85px; font-family: 'Open Sans', sans-serif; color:#000!important;}

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

#formpage label {font-size: 14px;}

/* focus states of various types of fields */
#formpage input:focus,#formpage textarea:focus,#formpage select:focus {background:#FFF;  color:#000; border:1px solid #0e2c50; outline-style:none;}
#formpage input.radio:focus,#formpage input.checkbox:focus {background:none;  border:0; outline-style:none;}

#formpage input[type="date"]:before {
    content: attr(placeholder) !important;
}
 
/*control the Captcha */
.captchawrap {width:100%; margin:0 auto;}
#captcha {width:100%; margin:0 auto; text-align:center;}
.CaptchaPanel {margin:0 auto !important; padding:0 0 0 0 !important; text-align: center !important; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 auto !important; font-weight:normal !important; font-size:14px; line-height:14px; color:#fff;}
.CaptchaAnswerPanel {margin:0 auto; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important; font-size:14px;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  
.CaptchaImage {width:100%; max-width:200px; margin: 10px auto 0;}

input.button{width:100%; font-weight:bold; text-transform:uppercase; color:#fff!important; height:28px!important; line-height:0px!important; text-align:center; font-size:16px!important; background:#0e2c50; border:0; margin:2px auto; font-family: 'Open Sans', sans-serif;}
input.button:hover {background-position:bottom; height:28px; cursor:pointer; background:#777;}

a.button-col-1 {width:100%; margin:0 auto; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:inline-block; text-align:center; background:#0e2c50;margin-top:0; font-family: 'Open Sans', sans-serif; margin-bottom:10px!important; padding:0 10px 0 0;}
a.button-col-1:hover {background-position:bottom; text-decoration:none; background:#777;}

/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; padding:5px 0; overflow:hidden;}
.scrolling{width:100%; height:92px;}

.manu img {display:inline-block; vertical-align:middle; width:11%; margin:1.5%;}

/* FOOTER */
footer {background:#000; color:#fff; padding:25px 0;}
footer p {font-size:14px;line-height:1.75em;}
footer a:link, footer a:active, footer a:visited {text-decoration:none;color:#fff;}
footer a:hover {text-decoration:none;color:#98999a;}
footer img {width:100%;}

.footleft {float:left; width:70%;}
.col-wrap{ 
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
}
.foot-col-3 {display:inline-block; width:27%; vertical-align:top; border-right: 1px white solid; padding: 0 40px;}
.footright {float:right; width:25%; text-align:center; overflow-x:hidden;}


/* new featherlight gallery */
.gallery-wrap {
	padding:10px 0;
}
.gallery-images {
	width:100%;
	display:block;
	text-align:center;
	margin: 0 auto;
	position:relative;
    float: none;
    align-content: center;
}
.gallery-box img:hover{
	opacity: 0.75;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.gallery-box {
	float: left;
	width: 27%;
	margin: 3%;
	text-align:center;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.gallery-box.service {
	width: 44%;
}
.gallery-box p {
	text-transform: uppercase;
	color: #777;
}
.gallery-box img {
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 0 auto;
	border:1px solid #ccc;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.thumbnail-size {
	/*width:152px;*/
	height:100px;
	margin: 0 auto;
}



/************************************************ Responsive Styles **/
@media screen and (max-width: 1700px){
	
	.logowrap {margin-top:30px;}
	.headright {margin-top:4%;}
	
	.logotext p {font-size: 30px !important;}
}

@media screen and (max-width: 1590px){
	
	#header-skew {padding:10px 0;}
	
	.logowrap {margin-top:45px;}
	.headright {margin-top:4%;}
	
	h1 {font-size:40px;}
	h2 {font-size:30px;}
	
	.logotext p {font-size: 28px;}
	
	.wrapper {width: 85%;}
}

@media screen and (max-width: 1350px) {
	#mapbox1, #mapbox3 {margin-top:7%;}
	#mapbox2 {margin-top:11%;}
}

@media screen and (max-width: 1280px){	
	#sitewidth {width:90%;}

	.header-skew-content a {font-size:16px;}
	.logowrap {width:65%; margin-bottom:15px;}
	.headright {width:35%; margin-top:5%;}
	
	.logotext p {font-size: 24px;}
	
	h1 {font-size: 38px;}
	h2 {font-size: 28px;}
	h3 {font-size: 22px;}
	
	.container-bnr h2 {font-size: 20px;}
	
	.manu img {width:13%;}
	
	.col-3 {width:32%;}
	
	.rightpage .col3 {width:30%;}
}

@media screen and (max-width: 1100px) {
	a#desktop-cta button {font-size: 14px; max-width: 185px;}
}

@media screen and (max-width: 1024px){
	p {font-size:14px; line-height:1.75em;}

	#header-skew {width:100%; padding: 5px 0; max-width:100%; position: relative; 
	-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);}
	
	.header-skew-content {-webkit-transform: skewX(-20deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);
	font-size:18px;
	}
	
	.logowrap {margin-top:0;}
	.headright {margin-top:2%;}
	
	.staff-page .col-3 {width: calc(50% - 20px);}
	
	h1 {font-size: 36px;}
	h2 {font-size: 26px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	
	.logotext p {font-size: 22px;}
	
	.container-bnr h2 {padding: .5em 0;}
	
	.footleft {width:75%;}
	
	.hosted-content #listings-title {font-size:1.2rem!important;}
}

@media screen and (max-width: 900px){
	p, ul li {font-size:14px; line-height:1.75em;}

	#colorblock {margin-top:0;}
	.wrapper {width:90%;}
	.header-skew-content a {font-size:14px;}
	
	.logotext p {font-size: 20px;}
	
	.location-map-text p {font-size:14px!important;}
	.blackbtn {font-size:14px;}
	.whitebtn {font-size:12px;}
	
	#mapbox1, #mapbox3 {margin-top:5.5%;}
	#mapbox2 {margin-top:5.5%;}
}


@media screen and (max-width: 825px){
		
	#colorblock {margin-top:0;}
	
	.manu img {width:20%;}
	
	form .col-2 {display:block; width:100%; margin:.5% auto;}
	
	.container-bnr.inv {position: relative;}
}

@media screen and (max-width: 760px){
	p, ul li {font-size:13px;line-height:1.75em;}
	
	.logowrap {width:70%;}
	.headright {width:30%;}
	.headright img {width:31%;}
	
	.logotext p {font-size: 18px;}
	
	.container-bnr {padding: .5em 0;}
	.container-bnr h2 {font-size: 18px;}
	
	#wrapper {margin:10px auto;}	
	
	.whitebtn {padding:3px 0!important; font-size:12px;}
	.location-map-text p {font-size:13px!important;}
	
	#mapbox1, #mapbox3 {margin-top:5.5%;}
	#mapbox2 {margin-top:5.5%;}
	
	.colleft {float:none; width:100%; margin-bottom:10px;}
	.colright {float:none; width:100%;}
	
	button.accordion {font-size:15px;}
	.fullbtn {font-size:14px;}
	.close-popup, .bar-right {font-size: 24px;}
		
	footer p {font-size:13px;}
	.footleft {float:none; width:100%;}
	.footright {display:none;}
}
  

@media screen and (max-width: 650px){
	.logowrap {float:none; width:100%; margin:0 auto; text-align:center;}
	.logo {float:none; width:100%; max-width:250px; margin:0 auto 10px;}
	.logotext {float:none; width:100%; text-align:center;}
	.headright {float:none; width:50%; margin:0 auto;}
	
	.leftpage {float:none; width:50%; margin:0 auto;}
	.rightpage {float:none; width:100%;}
	
	.col-2 {display:block; width:100%;}
	
	.staff-page h2 {font-size: 14px;}

}

@media screen and (max-width: 550px){
	.header-skew-content a {font-size:12px;}
	
	.headright {width:75%;}
	.contactwrap {padding-bottom:10px;}
	.pageleft {float:none; width:100%;}
	.pageright {float:none; width:90%; margin:10px auto; text-align:center;}
	#mapbox1, #mapbox3 {margin-top:0%;}
	#mapbox2 {margin-top:0;}
	.whitebtn {margin:10px auto;}
	
	.manu img {width:25%;}
	
	.col4 {width:49%;}
	.pageright img  {margin: 0 auto!important; margin-top: 15px!important; margin-bottom: 5px!important;}
	
	footer {text-align:center;}
	.col-wrap{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: stretch;
	}
	.foot-col-3 {width:100%; border-right: none; padding: 0;}
	.foot-col-3 img {margin:0 auto; padding-bottom: 10px;}
	.staff-page img {margin-bottom: 10px;}

}

@media screen and (max-width: 450px){
	
	.rightpage .col3 {width:100%; margin:.5% auto;}
	
	.col4 {width:100%; margin:.5% auto;}
	
	.staff-page .col-3, .staff-page .col-2{width: calc(100% - 20px);}
	
	a#desktop-cta {display: none;}
	a#mobile-cta {display: block;}
	
}