/***** 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;font-family: 'Rajdhani', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

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 {  
    display: block;  
} 

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

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

body {font-size:18px; line-height:32px; -webkit-text-size-adjust:none;background: #272727 url("../siteart/blackbg.jpg") repeat!important;}
h1, h2, h3, h4 {font-family: 'Rajdhani', sans-serif;font-weight:700;line-height:normal;margin-bottom:5px;}
h1 {color:#005b98;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none;color:#a9022e;font-weight:700;}
a:hover {text-decoration:none;color:#005b98;}

.logo-left, .logo-right {width:100%;height:auto;max-width:10%;display:block;text-align:center;}
.logo-left img, .logo-right img {max-width:100%;height:auto;display:inline-block;}
.logo-left {float:left;}
.logo-right {float:right;}

.wrapper, header .wrapper, .searcharea .wrapper, .homewrapper, footer .wrapper {width:100%;max-width:80%;margin:0 auto;padding:0px;}
header .wrapper {padding:20px 0px;}
footer .wrapper {padding:20px 0px;}
.wrapper {padding:3% 0px;}
.homewrapper {padding:3% 0px;text-align:center;}

/* blue locations with logos */
.locationsbg {width:100%;background-repeat:no-repeat;background-position:center center;background-image: url('/siteart/locationsbg.png');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}
.locations {float:left;display:block;width:100%;max-width:33.33%;border:1px solid #ccc;background:#005b98;opacity:0.8;text-align:center;color:#fff;padding:3% 20px;box-sizing:border-box;}
.locations img {display:inline-block;max-width:100%;height:auto;padding:1%;}
.locations a:link, .locations a:visited, .locations a:active {text-decoration:none;color:#fff;}
.locations a:hover {text-decoration:underline;color:#fff;}

.textbg {width:100%;background-repeat:repeat!important;background-position:center center!important;background-image: url('/siteart/whitebg.png')!important;background-color:#fff;border-top:2px solid #a9022e;border-bottom:2px solid #a9022e;}

/* about */
.about img {max-width:100%;height:auto;display:inline-block;}
.about {text-align:center;}

.maps {color:#fff;width:100%;max-width:33%;height:auto;float:left;display:block;box-sizing:border-box;padding:0px 10px;}
.maps a:link, .maps a:visited, .maps a:active {text-decoration:none;color:#fff;}
.maps a:hover {text-decoration:underline;color:#fff;}

/* buttons */
button.blue {width:100%;max-width:300px;display:inline-block;border:1px solid #ccc;background:#005b98;text-align:center;color:#fff;box-sizing:border-box;padding:2%;font-weight:700;font-family: 'Rajdhani', sans-serif;font-size:26px;line-height:normal;}
button.blue:hover {cursor:pointer;background:#a9022e;}
.blue a:link, .blue a:visited, button.blue a:active {text-decoration:none;}
.blue a:hover {text-decoration:none!important;}

/* page headers bg */
.financebg, .partsbg, .servicebg, .certifiedbg {width:100%;background-repeat:no-repeat;padding:10% 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.financebg {background-position:center top;background-image: url('/siteart/finance.jpg');}
.partsbg {background-position:center top;background-image: url('/siteart/parts.jpg');}
.servicebg {background-position:center;background-image: url('/siteart/service.jpg');}
.certifiedbg {background-position:center bottom;background-image: url('/siteart/certified.jpg');}

ul.dots {margin-left:20px;}

/* columns */
.onecols, .twocols, .threecols {width:100%;height:auto;float:left;display:block;box-sizing:border-box;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:33%;}


/** staff page **/
.staff .column {
  float:left;display:block;box-sizing:border-box;
  max-width:20%;width:100%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.staff .column .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);background:#fff;
}
.staff .column .card img {width:100%;height:auto;}

/* Some left and right padding inside the container */
.staff .container {
  padding: 0 16px;
}

/* Clear floats */
.staff .container::after, .staff::after {
  content: "";
  clear: both;
  display: table;
}

p.title {
  color: #464646;
}

.staff .button {
  border: none;
  outline: 0;font-family: 'Rajdhani', sans-serif;font-weight:700;
  display: inline-block;
  padding: 8px;box-sizing:border-box;margin-bottom:10px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.staff .button:hover {
  background-color: #555;
}


/* footer */
footer {width:100%;background-repeat:repeat;background-position:center center;background-image: url('/siteart/whitebg.png')!important; background-color:#fff;font-size:15px;border-top:2px solid #a9022e;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}
.pagelinks {width:100%;max-width:80%;float:left;display:block;}
.pagelinks span {margin-right:10px;}
.pagecredits {width:100%;max-width:20%;float:left;display:block;font-weight:700;}

footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#000;}
footer a:hover {text-decoration:underline;color:#000;}
.mobileshow {display:none!important;}

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

Popup style

-------------------------------- */
	.img-replace {display: inline-block; text-indent: 100%; color: transparent; white-space: nowrap;}
    
    .bts-popup {position: fixed; left: 0; top: 5%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 999999999999999999;}
	.bts-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 999999999;}
	.bts-popup-container {
	position: relative;
	width: 900px;overflow-y:auto!important;overflow-x:hidden;
	max-width: 100%;
	margin: 0 auto;
	background: #d12c16; 
	text-align: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999999999;
	box-sizing: border-box;
	padding: 2% 5%;
	border:1px solid #4a4a4a;
	}
	.bts-popup-container p {color: #fff; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height: normal;}
	.bts-popup-container .bts-popup-button {padding: 5px 25px; border: 2px solid white; display: inline-block; margin-bottom: 10px;}

	.bts-popup-container a {color: white; text-decoration: none; text-transform: uppercase;}

	.bts-popup-container .bts-popup-close {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; z-index: 9999; background: #000;}
	.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {content: ''; position: absolute; top: 13px; width: 16px; height: 3px; background-color: white; z-index: 9999;}
	.bts-popup-container .bts-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; z-index: 9999;}
	.bts-popup-container .bts-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; top: 13px; z-index: 9999;}
	.is-visible .bts-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}




/************************************************ Responsive Styles **/

@media screen and (max-width: 1024px){
body {font-size:18px;line-height:30px;}
    
.locations {float:none;max-width:100%;padding:3% 20px;}
.maps {max-width:100%;float:none;padding:10px;text-align:center;}
    
.threecols {max-width:50%;}

footer {font-size:14px;line-height:26px;}
.pagelinks {max-width:100%;float:none;}
.pagelinks span {margin-right:5px;}
.pagecredits {max-width:100%;float:none;margin-top:12px;}
    
.mobilehide {display:none!important;}
.mobileshow {display:block!important;}
    
.mobileshow .logo {float:left;max-width: 50%;display:block;}
    .mobileshow .logo img {max-width:40%;height:auto;display:inline-block;}
    
.staff .column {max-width:33%;}

}


@media screen and (max-width: 650px) {
  .staff .column {
    max-width: 100%;
    display: block;
  }
	.bts-popup {display:none;}
}

@media screen and (max-width: 414px){
.threecols {max-width:100%;}



}