/***** 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;	
}

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;  
} 


/*-------- COLORS --------
yellow: feba31
red: 791500

font-family: 'Poppins', sans-serif;
*/

/***** END RESET *****/
::-moz-selection {
    background: #f3f3f3; 
    color: #000;
    text-shadow: none;
}
::selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}


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

/*-------- BODY STYLES --------*/

body {
	font-family: 'Poppins', sans-serif !important; 
	overflow-x: hidden;  
	background: #000;
	font-size: 15px;
	width: 100%;
}

.ag-bg, .red-bg, .wrapper-inner{
	color:#fff;
}
.ag-bg a:link:not(.list-listing-title-link), .ag-bg a:visited:not(.list-listing-title-link), .ag-bg a:active:not(.list-listing-title-link), .red-bg a:link, .red-bg a:visited, .red-bg a:active, .wrapper-inner a:link, .wrapper-inner a:visited, .wrapper-inner a:active{	
	text-decoration:none; color:#fff
}

.ag-bg a:hover, .red-bg a:hover, .wrapper-inner a:hover {text-decoration:none;color:#feba31; 	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; }

.clear{clear: both;}

hr{border:#000 1px solid;}
p {font-family: 'Poppins', sans-serif; padding: 5px 0;}

.ag-bg h1, .red-bg h1, .wrapper-inner h1 {font-size: 33px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1.5px; line-height: 35px; font-family: 'Poppins', sans-serif !important;}
.ag-bg h1 span, .red-bg h1 span, .wrapper-inner h1 span{font-size: 30px; font-weight: 300; color: #fff;}
.ag-bg h2, .red-bg h2, .wrapper-inner h2{font-weight: 700; letter-spacing: 1px; color: #feba31; font-family: 'Poppins', sans-serif !important;}

.yellow-bg h2{color: #000;}

strong{font-weight: 700; letter-spacing: 1px;}

.wrapper-center h1{color: #feba31;}

/*--- HEADER STYLES ---------------------*/
header { background:#000; width: 100%;display: inline-block !important;  }
.header-wrapper {width:90%; margin: 0 auto; text-align: right; padding: 5px 0;}
.header-wrapper p{font-weight: 300; color: #fff; text-align: right; padding: 10px 30px 15px 30px; text-transform: uppercase; letter-spacing: 1px; display:inline-block; }
.header-wrapper .fa,.header-wrapper .fab{font-size: 20px;}
.header-wrapper a{color: #fff}
.logo {position:absolute; top:10px; z-index: 1000;left:5%; box-shadow: 0px 0px 6px -7px #212025}
.logo img {max-width:300px; width: 100%;  }


/*---SLIDER STYLES------------------------*/
.cycle-slideshow { width:100%; }
.cycle-slideshow img{width:100%;}
/* pager */
.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 500; 
	position: absolute; 
	bottom: 10px; 
	overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; 
	font-size: 45px; 
	width: 18px; 
	height: 16px; 
    display: inline-block; 
	color: #fff; 
	cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #feba31;}
.cycle-pager > * { cursor: pointer;}


/*---MAIN STYLES------------------------*/

.wrapper-inner{width: 75%;  margin: 0 auto;}
.wrapper-center{width: 75%; text-align: center; margin: 0 auto;}
.wrapper-inv{width: 75%; text-align: left; margin: 0 auto;}

#s-pad{padding: 20px 0 ;}
#pad{padding: 2% 0;}
#l-pad{padding: 5% 0;}

#pageimage{width: 100%; display: block;}
.page-padding{padding-top: 5%;}

.wrapper-welcome{width: 50%; text-align: center; margin: 0 auto;}


#black-button{display: inline-block; background:#000; border: 1px solid #000; color: #fff; padding:8px 20px; letter-spacing: 1px; font-weight: 700; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
#black-button:hover{background: none; border: #000 solid 1px; color:#000;}

#white-button{display: inline-block; background:#fff; border: 1px solid #fff; color: #212025; padding:8px 20px; letter-spacing: 1px; font-weight: 700; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
#white-button:hover{background: none; border: #fff solid 1px; color:#fff;}

#yellow-button{display: inline-block; background:#feba31; color: #000; width: 400px; padding:10px 0px; letter-spacing: 1px; font-weight: 700; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; margin: 3px 0;}
#yellow-button:hover{background: #791500; color:#fff;}


.black-bg{background:#000;}
.gray-bg{background: #212025; color: #fff;}
.white-bg{background: #fff; width:100%;}
.yellow-bg{background: #feba31;}
.yellow-bg p{color: #000;}
.red-bg{background: #791500;}

.home-map{width: 100%; height: 480px;}
.map-overlay{width: 500px; background: #fff; margin-top:-102px; position: relative; z-index: 995;}
.map-overlay h2{width: 70%; text-align: left; font-size: 30px; padding: 15px 0; margin: 0 auto; line-height: 35px; color: #000}
.map-overlay h2 span{color:#791500; font-size: 25px;}


/*--WELCOME SECTION--------------------------*/
.ag-bg{background: url(../siteart/home-bg.jpg) no-repeat fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	
}
.ag-bg-inv{background: url(../siteart/home-bg.jpg) no-repeat fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	
}
.home-left{display: inline-block; width: 35%; vertical-align: middle;}
.home-left h1{color: #fff;}
.home-left .black-bg{padding:15px 0;}
.home-left .yellow-bg{padding-bottom: 20px;}
.home-right{display: inline-block; width: 60%; vertical-align: middle; text-align: center;}


.cat-buttons{background: rgba(0,0,0,.6); color: #feba31; padding: 10px 0 20px 0; margin: 10px 5px; text-align: center; width:100%; max-width: 380px; display: inline-block}
.cat-buttons h2{margin-bottom: 15px; font-size: 20px;}

#home-buttons{text-align: center; margin: 10px auto;border: 1px solid #fff; background: #fff; color: #000; padding: 5px 10px; font-weight: 700;}
#home-buttons:hover{background: none; color: #fff;}


/*---MANU SECTION--------------------------------*/
.manu-wrapper{width: 90%; margin:  0 auto; text-align: center;}
.manu{background: #fff; padding:0 20px; border: 3px solid #791500; display: inline-block; margin:  5px 10px; width: 20%;}
.manu img{width: 100%; max-width: 260px;}
.manu img:hover{opacity: .7;}



/*--ABOUT PAGE-----------------------------*/
.team{border: 1px solid #fff; margin: 15px 0 25px 0; width: 100%; text-align: left;}
.team img{float: left; display: inline-block;}
.team-text{ width: 65%; display: inline-block; margin: 20px 0 20px 10px;}


/*---FAQ-----------------------------------*/
.accordion-panel {
  width:100%;
max-width: 750px;
  background:#791500;
	margin: 5px auto;
	text-align: left;
}
.accordion{padding: 10px 0 10px 30px;}
.accordion-panel .accordion dt {
	display: block;
	color: #fff;
	cursor: pointer;
	position: relative;
	user-select: none;
	padding:5px 0;
	font-weight: 400;
}
.accordion-panel .accordion dd {
	height: 0;
	overflow: hidden;
	transition: height .35s ease-out;
	margin-left: 0;
	color: #fff;
	
}
.accordion-panel .accordion .content {
  padding: 25px 0;
  overflow: auto;
	border-top: 1px solid #fff;
}
.accordion-panel .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  transition: transform 0.35s ease-out;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -12px;
}
.accordion-panel .plus-icon:before,
.accordion-panel .plus-icon:after {
  content: '';
  background: #fff;
  position: absolute;
}
.accordion-panel .plus-icon:before {
  width: 2px;
  height: 15px;
  margin-left: -0.5px;
  left: 50%;
}
.accordion-panel .plus-icon:after {
  width: 15px;
  height: 2px;
  margin-top: -0.5px;
  top: 50%;
  opacity: 1;
  transition: opacity 0.35s ease-out;
}
.accordion-panel .is-open .plus-icon {
  transform: rotate(90deg);
}
.accordion-panel .is-open .plus-icon:after {
  opacity: 0;
}
.accordion-panel .hidden {
  display: none;
}
.accordion-panel .open-btn,
.accordion-panel .close-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 90px;
}
.accordion-panel .buttons-wrapper {
  position: relative;
}
.accordion-panel .buttons-wrapper .plus-icon {
  position: absolute;
  right: 10px;
  top: 12px;
}

.accordion-panel .accordion .content a{color:#000 !important;}
.accordion-panel .accordion .content a:hover{color:#cc0200 !important;}

.accordion dt h3{color:#fff;}
.accordion h2{text-align: center; padding: 15px 0;}


.accordion h1 { font-size: 35px; color:#fff;font-weight:700; text-align:center; text-transform:uppercase; }
.accordion h1 span{color:#000; font-weight:300; font-size: 35px; text-transform:uppercase;}


/*---FOOTER---------------------------------*/
.footer-left{display: inline-block; vertical-align: top; float: left;}
.footer-left p a{color: #fff}

.footer-right{display: inline-block; float: right;}
.footer-right h2{text-align: left;}

.copyright{background: #212121; text-align: center; color: #a6a4a5; font-size: 13px; padding: 10px 0;}
.copyright a{color: #a6a4a5;}


/*--CONTACT PAGE-------------------------------------*/
.contact-map{width: 100%; height: 400px;}
.contact-col{display: inline-block; width:48%; margin: 5px; vertical-align: top}
.contact-col h2{font-size: 20px; color: #fff; text-align: left;}




/*--------FORM STYLES--------------------------------------*/
#formpage { 
	vertical-align:top; 
	margin: 0 auto;  
	text-align:left;
	width: 100%;
	color:#000 !important;
}
#formpage #contact{ text-align: center}
#formpage div {
	vertical-align:top;
	padding:3px 0px;
	text-align: left;
	color: #000;
}

#formpage input {
	padding:10px 5px;
	border:1px solid #fff;
	background:#fff;
	color:#212121 !important;
	font-weight: 400;
	font-family: 'Poppins', sans-serif; 
}

#formpage textarea {
    width:98%;
    height:85px;
	border:1px solid #fff;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
/* 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 #fff !important;
	color:#000 !important;
	vertical-align:middle;
	line-height:normal !important;
	width:100% !important;
	font-family: 'Poppins', sans-serif !important; 
	margin: 0 !important;
}

.formfield {
	width:100%; 
	float:left; 
	margin:5px 20px 5px 0; 
	color:#000 !important;
	text-align:left;
	font-family: 'Poppins', sans-serif; 
}
.formfield2 {
	width:31%; display: inline-block; 
	margin:10px 20px 10px 0; 
}
.message{width: 100%;}

#formpage input  {
    width:100%;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:97%;
    height:85px;
	font-family: 'Poppins', sans-serif; 
	margin-bottom: 20px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	background: none;
	
 }

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

#formpage input.button,
#formpage input.button:focus {
	border: 1px solid #fff; 
	padding: 10px 20px; 
	margin:5px auto; 
	font-size: 14px; 
	color: #000 !important; 
	letter-spacing: 2px; 
	font-weight: 700;
	float: left;
	width: 120px;
	background: #fff;
}
#formpage input.button:hover {
	width:120px;
    background: none; /* For browsers that do not support gradients */
    color:#fff !important;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    text-align:left;
} 

/*control the Captcha */
.captcha-contact{text-align: center !important; margin:  0 auto !important;}
.CaptchaPanel {color: #fff; float:left; margin:10px auto !important;padding:0 0 0 0 !important;line-height:normal !important;width: 30%;}

.CaptchaImagePanel {
	
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	color: #fff;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
width: 100% !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
	color: #fff !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  


#formpage div .CaptchaMessagePanel {color: #fff;}


/*---------- FACETED INVENTORY ----------*/

.compare-chkbox-container .compare-listings .fa-check {
	top: -1px !important;
	left: 6px !important;
}

/*nav.breadcrumbs .breadcrumbs__list li a {color: #000 !important;}*/

.wrapper-inv a {color: #000;}

/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1300px) {
.header-wrapper p{font-size: 14px; padding: 10px 15px 15px 15px;}	

.logo{left: 1%;}
.logo img{max-width: 200px;}
.formfield,.formfield2, .CaptchaPanel {width: 93%;}
#formpage textarea{width:94%;}
	
.footer-left{display: inline-block; vertical-align: top; float: left;}

.footer-right{display: block; float: left; margin-top: 30px;}

.team-text{width: 90%;}
	
.home-left{width: 100%;}
.home-right{float: none; text-align: center; margin:15px auto; width: 100%;}
.cat-buttons{padding: 10px 0 20px 0; margin: 15px 2px; max-width: 45%; display: inline-block}
.cat-buttons h2{font-size: 18px;}	

}
@media only screen and (max-width: 1120px) {
.header-wrapper{width: 98%;}
.header-wrapper p{font-size: 12px; padding: 5px 10px 10px 10px;}	




.wrapper-inner, .wrapper-center{width: 90%;}
h1{font-size: 26px;}
	h1 span{font-size: 20px;}
.contact-col{width: 100%;}

.manu{padding: 0 10px;}
}


@media only screen and (max-width: 730px) {
.header-wrapper{padding-bottom: 30px;}
.header-wrapper p{padding: 5px 10px 10px 5px;}
	
.logo{top: 20px;}
.logo img{max-width: 180px;}

.ag-bg, .ag-bg-inv{background: #212121;}
	
.accordion{padding:10px 0 10px 15px;}
	.accordion-panel .accordion dt p{font-size: 14px; width: 65%;}
}


@media only screen and (max-width: 649px) {
	#s-pad{padding:10px 0;}		
.map-overlay{width: 100%;}	
.map-overlay h2 {width: 90%;}
	
.cat-buttons{max-width: 100%; margin: 5px 0;}

.team img{width: 100%;}	
	
	.contact-col h2{font-size: 16px;}
}

@media only screen and (max-width: 400px) {
.logo img{max-width: 120px;}
	.header-wrapper p{width: 60%; font-size: 12px;}	

.manu{width: 100%; padding:0; margin: 5px 0;}
}