/* ~~ General styling ~~ */

body {
	font: 100%/1.4 'Exo', Arial, Helvetica, sans-serif;
	font-weight:400;
	margin: 0;
	padding: 0;
	color: #f0f0f0;
	background-color:#000000;
	background-repeat:repeat-x;
	font-display:swap;
}



/* ~~ Element/tag selectors ~~ */

ul, ol, dl { 
	padding: 0;
	margin: 0;
	color: #fefefe;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #fefefe;
}

h1 { 
	font-size:28px;
	margin-top:24px;
	margin-bottom:24px;
	text-align:left;
	color:#d8c88d;
	background: linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C);
	background-clip:text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


h2 { 
	font-size:20px;
	margin-top:24px;
	text-align:left;
	color:#d8c88d;
	background: linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C);
	background-clip:text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}



/* ~~ Styling for links ~~ */

a:link {
	color: #d8c88d;
	text-decoration: none;

	 /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:visited {
	color: #d8c88d;
	text-decoration: none;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}




/* ~~ Containers to surround other divs ~~ */

.container {
	max-width: 960px;
	margin: 0 auto;
}


.container-fluid {
	padding:0;
}



/* ~~ Header styling ~~ */

.header {
	background: #000000;
	background-image:url(../header.png);
	width:100%;
	background-repeat:no-repeat;
}


imagemap a{
	display:block;
	position:absolute;
	background-image:url(../header.png);
}

#area1 {
	width:82%;
	min-height:213px;
	left:0;
	top:0;
	display:inline-block;
}


#area2 {
	width:17%;
	min-height:213px;
	right:0;
	top:0;
	display:inline-block;
}

.logoflags {
	width:25vw; 
	margin:4vw;
}

.logowords {
	width:80vw;
}



/* ~~ Layout information ~~ */


.borderimage {
  border-style:solid;
  border-image-slice:40 30 40 30 fill;
  border-image-width:10 8 10 8;
  border-image-outset:0;
  border-image-source: url(../textimage899x405.png);
  max-width:712px;
  margin:auto;
  background-blend-mode: multiply;
  margin-top:60px!important;
  margin-bottom:48px!important;
  padding-bottom:40px;
}


.borderimage:before {
  content: url(../toptab.png);
  display:block;
  position:relative;
  top: -32px;
  left:0px;
  max-height:30px;
  max-width:20px;
}


.values {
	width:92%;
	max-width:740px;

}


.text {
	padding-left:5px;
	padding-right:5px;
	font-weight:300;
	font-size:16px;
}


.text ul {
	margin-left:30px;
	margin-top:5px;
	margin-bottom:16px;
 }


.text li {
	margin-left:30px;
}


.text table {
	color:#f0f0f0;
	margin-bottom:15px;
}

.textbutton {
	font-weight:400;
	color:#d8c88d;
	letter-spacing:1px;
	background:      linear-gradient(#000,#000) padding-box, 
			 linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C) border-box;
    	border: 2px solid transparent;
   	border-radius:8px;
   	display:inline-block;
   	margin-top: 0px;
	margin-bottom:0px;
	padding:8px;
	text-align:center;
	font-size:4vw;

}

.display-6 {
	font-size:1.4rem;
	margin-top:48px;
	margin-bottom:32px;
	font-weight:500;
}

.promohome {
	background: #000000;
	margin:auto;
	max-width:960px;

}

.card-columns {
   column-count: 3;
}


.servicelist {
	list-style-type:none;
	min-height:40px;
	vertical-align:middle;
	margin:auto;
  	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
 	display: -ms-flexbox;  /* TWEENER - IE 10 */
 	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:20px;
	margin-bottom:36px;
	
}


.servicelist li {

	display:inline;
	font-family:exo;
	font-weight:500;
	font-style:italic;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #fff;
	flex-shrink:1;
	max-height:22px;


}

.lastitem {
	border-right:none!important;

}



.textdiv {
	width: 700px;
	height: 300px;
	position: relative;
	top: 100px;
	left: 130px;
	overflow: hidden;
	color: #f0f0f0;	
}

.textdiv p {
	font-size:16px;
	}

.textdiv ul {
	margin-left:30px;
	margin-top:5px;
	font-size: 16px;
}

.textdiv li {
	margin-left:15px;
	font-size: 16px;
	}
	
.textdiv table {
	color:#f0f0f0;
	margin-bottom:15px;
	}

	
	
.tagline {
	width: 960px;
	height: 40px;
	background: #000000;
}

.content {
	width: 960px;
	height: 100px;
	padding: 0px 0;
	background-color:#000000;

}


.buttonborder {
	font-weight:400;
	color:#d8c88d;
	letter-spacing:1px;
	background:      linear-gradient(#000,#000) padding-box, 
			 linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C) border-box;
    	border: 2px solid transparent;
   	border-radius:8px;
   	display:inline-block;
   	margin-top: 18px;
	margin-bottom:48px;
	padding:8px;
	text-align:center;
	font-size:5vw;
}




.contactcontainer {
	margin:auto;	
	margin-top:0px;
	margin-bottom:12px;
	text-align:center;
	font-size:18px;
	position:relative;
	max-width:320px;
}


.contactcontainer ul {
	font-weight:500; 	
	padding:0;
	list-style:none;
	line-height:2;
	margin-left:auto!important;
}

.contactcontainer li {
	margin:auto;
	text-align:center;
}


.map {
	border-radius:18px;
	overflow:hidden;
	margin:20px 20px 0 20px;
	line-height:0;
}

.maplink {
	display:block;
	margin:8px 10px 48px 5px;
	text-align:right;
}



/* ~~ Home page advertisement area ~~ */

.adpanel {
	margin-top:60px;	
	margin-bottom:40px;
}

.advertisementbg {
	padding: 0px;
	background: #000000;
	clear:both;
	background-position:center bottom; 
	color:#000000!important;
	font-size:16px;
	font-family:exo;
	font-weight:400;
	text-align:center;

}

.adbg1, .adbg2 {
  	margin-bottom:24px;
	border-radius: 8px;
	background-image:url(../adfire.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size: cover;
  	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
}



.adbubble1, .adbubble2 {
  	min-height:320px;
	border-radius: 8px;
	padding:24px;	
	background-color: rgba(255, 255, 255, .04);
	position:relative;
	overflow:hidden;
	mix-blend-mode:difference;
}


.corner-ribbon {
  font-size:15px;
  font-weight:800;
  width: 180px;
  background: #cc2e28;
  position: absolute;
  top: 10px;
  right: -58px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
  color: #ffffff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  overflow: hidden;
  box-shadow: -20px 4px 5px -2px rgba(0, 0, 0, .9),
		-20px 10px 30px -2px rgba(255, 255, 255, .15);
}



.adheading {
	color:#d8c88d;
	font-size:28px;
	background: linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C);	
	background-clip:text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align:center;	

}





.cost {
	color:#cc2e28;
	font-weight:600;
	letter-spacing:-3px;

}

.serviceprice {
	font-size:60px;
	vertical-align:middle;
}



.dollar {
	color:#cc2e28;
	font-size:28px;	
}

.asterisk {
	color:#cc2e28;
	font-size:36px;
}



.adtext {
	color:#d8c88d;
	font-size:20px;
background: linear-gradient(to top,  #e2cd8c, #d8c88d, #d8c88d, #FCF6BA, #d8c88d, #FBF5B7, #AA771C);
	background-clip:text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}




/* ~~ The footer ~~ */



.footerbg {
	padding: 0px;
	background: #000000;
	clear:both;
	background-image:url(../footerfire.png);
	background-repeat:no-repeat;
	background-position:center bottom; 
	min-height:300px;
	color:#000000!important;
	font-size:12px;
	font-family:exo;
	font-weight:400;
	padding-bottom:8px;


}

.footerrow {
	margin-bottom:120px;
	margin-top:0;
}

.footerbubble {
  	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.08);
	min-height:216px;
	padding:24px;
	position:relative;
}




.footertext {
	font-size:14px; 	
}


.footerlist {
	position: absolute;
  	top: 50%;
	left: 50%;
  	transform: translate(-50%,-50%);
	min-width:236px;
}

.footerlist li {
	padding:0;
	list-style:none;	
	margin-top:0px;
	margin-bottom:8px;
	text-align:left;
}



.icon {
	width:20px;
	height:20px;
	margin-right:12px;
}


.addressleft {
	margin-left:40px;
}

.footerlinkcontainer1 {
	 display:inline-block!important; 
	margin-right:48px;
	
}


.footerlinkcontainer2 {
	 display:inline-block!important; 	
}

.footerlinklist {
	margin-top:8px;
	margin-bottom:8px;
	line-height:27px;
	list-style-type:none;
	text-align:left;
}


.vehiclelogos {
	margin-top:0px; 
	margin-bottom:14px;
}


.mtaq {
	width:128px; 
	height:100%; 
	margin-right:10px;
}



.iame{
	width:90px; 	
	height:100%;
}


.nav-link:focus {
	outline-color:#d8c88d!important;
	-webkit-focus-ring-color:#d8c88d!important;
}




.firestrip {
	padding: 0px;
	background: #000000;
	clear:both;
	background-image:url(../footerfire.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	max-width:992px;
	color:#000000!important;
	font-size:12px;
	font-family:exo;
	font-weight:400;
	padding-bottom:40px;


}



/* Media queries - responsive mobile styles */


/* When larger than 768px */
@media only screen and (min-width: 768px) {

.textbutton {
	font-size:3vw;
}
	

}



/* When larger than 992px */
@media only screen and (min-width: 992px) {

.responsiveheader, #responsivenav, .firestrip {
	display:none;
}

.buttonborder {
	display:none!important;

}

.textbutton {
	font-size:20px;
}

}





/* When smaller than 992px */
@media only screen and (max-width: 992px) {

.header,  #navwrapper {
	display:none;
}




.adbubble1, .adbubble2 {
	margin:0px;
	text-align:center;
}


.adbg1, .adbg2 {
	margin:6px;
	text-align:center;

}

.borderimage {
	margin:auto;
	max-width:92%
}




.adpanel {
	margin-bottom:0px;
}

.footerbubble{
	margin:6px;
	text-align:center;
}

.footerlist{
	max-width:100%;
	margin:auto;

}

.nav-link {
	font-family:exo;
	font-size:28px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:500;
	font-style:italic;
	text-shadow:
	   -1px -1px 0 #000,  
	    1px -1px 0 #000,
	   -1px 1px 0 #000,
	    1px 1px 0 #000;	
}

.nav-link:hover, .nav-link:focus, .nav-link:active {
	color:#d8c88d!important;
	text-decoration:none;
}


.last-link {
	margin-bottom:0px;
}



.navbar-toggler {
	border-color:#d8c88d!important;
	margin-left:20px;
	top:20px;
	position:fixed;
	
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(216,200,141)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;

}


#responsivenav {
	border-bottom:solid 1px #d8c88d!important;
	min-height:80px;
}



.navbar-brand {
	width:180px;
	display:inline-block;
	position:fixed; 
	display:block; 
	top:10px; 
	right:0px;
}


.bg-dark {
	background-color:#2b292f!important;
}

.card-columns {
   column-count: 2;
}


}








/* When smaller than 576px */
@media only screen and (max-width: 576px) {

.card-columns {
   column-count: 1;
}	


.servicelist li {
	font-size:3.6vw;
}






}






/* When smaller than 400px */
@media only screen and (max-width: 400px) {

.corner-ribbon {
  font-size:12px;
  top: 6px;
  right: -66px;
  line-height: 30px;

}





.contactcontainer {
	font-size:16px;
}




}






/* When smaller than 320px */
@media only screen and (max-width: 320px) {


.mtaq {
	display:block;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}

.footertext {
	font-size:12px; 	
	margin-bottom:5px;
}


.addressleftmobile {
	margin-left:40px;
}

.contactcontainer {
	font-size:14px;
}


}









/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



.slideshow {
	float: left;
	width: 770px;
	height: 300px;
	padding-left: 10px;
	  margin-bottom: 50px;
  position: relative;

}



.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  



/* navigation menu */

#navwrapper {

	background: #000000;
	background-image:url(../bg_navbar.png);
	background-repeat:repeat-x;
	background-position:center;
}


.navmenu {
	width: 960px;
	height: 45px;
	color:#FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	position: relative;
	z-index:10;
	font-weight:500;
	font-style:italic;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	
}

/* Position fixed menu item with longer wording */
.menuitemfix {
	padding-left:35px!important;
}





/* navigation menu list main chevron */
.container .navmenu ul {
	margin:0;
	position:relative;
	left:24px;
	padding: 0px;
	list-style-type: none;
	float: none;
	width: 960px;	
}
.container .navmenu ul li {
	float: left;
	height:45px;
	width:154px;

}


.container .navmenu ul li a, .menugrey {
	color: #FFF;
	text-decoration: none;
	background-image: url(../bg_navbuttongrey.png);
	padding-top:10px;
	padding-bottom: 20px;
	padding-left:50px;
	padding-right:0px;
	border: 0px none #FFF;
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
	display:inline-block;
	width:170px;
	height:45px;
	font-size:120%	
}

.container .navmenu ul li a:hover, .container .navmenu ul li a:active, .container .navmenu ul li a:focus {
	background-image: url(../bg_navbuttongold.png);
	background-repeat:no-repeat;
	width:170px;
}
.container .navmenu ul li a.current {
	background-image: url(../bg_navbuttongold.png);
	background-repeat:no-repeat;
}
.container .navmenu ul li .subnav {
	display: none;

	


}
.container .navmenu ul li .subnav li {
	float: none;

}
.container .navmenu ul li .subnav li a {
	font-size: 110%;
	background-image:url(../bg_dropdowngrey.png);
	
	
}
.container .navmenu ul li:hover ul.subnav {
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top:0px;
	position: relative;
	left:0px;
	top:-30px;
	width:300px;
	

	
}
.container .navmenu ul li:hover ul.subnav a {
	display: block;
	width: 100%;
	width:300px;

}

.container .navmenu ul li .subnav li a:hover {
	background-image: url(../bg_dropdowngold.png);
	background-repeat:no-repeat;
}



/* navigation menu list classes for left chevron */

#menuleftli {
	float: left;
	height:45px;
	width:139px;

}

#menulefta {
	color: #FFF;
	text-decoration: none;
	background-image: url(../bg_navbuttonleftendgrey.png);
	padding-top:10px;
	padding-bottom: 20px;
	padding-left:50px;
	padding-right:50px;
	border: 0px none #FFF;
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
	display:inline-block;
	width:150px;
	height:45px;	
}

a#menulefta:hover, a#menulefta:active, a#menulefta:focus  {

background-image: url(../bg_navbarleftgold.png);
}

#menuleftacurrent {
	color: #FFF;
	text-decoration: none;
	background-image: url(../bg_navbarleftgold.png);
	padding-top:10px;
	padding-bottom: 20px;
	padding-left:50px;
	padding-right:50px;
	border: 0px none #FFF;
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
	display:inline-block;
	width:171px;
	height:45px;	
}


/* navigation menu list classes for right chevron */

#menulrightli {
	float: left;
	height:45px;
	width:135px;

}

#menurighta {
	color: #FFF;
	text-decoration: none;
	background-image: url(../bg_navbuttonrightendgrey.png);
	padding-top:10px;
	padding-bottom: 20px;
	padding-left:40px;
	padding-right:50px;
	border: 0px none #FFF;
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
	display:inline-block;
	width:146px;
	height:45px;	
}


a#menurighta:hover, a#menurighta:active, a#menurighta:focus  {

background-image: url(../bg_navbarrightgold.png);


}

#menurightacurrent {
	color: #FFF;
	text-decoration: none;
	background-image: url(../bg_navbarrightgold.png);
	padding-top:10px;
	padding-bottom: 20px;
	padding-left:40px;
	padding-right:50px;
	border: 0px none #FFF;
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
	display:inline-block;
	width:146px;
	height:45px;	
}