/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Montserrat', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
.clear-it:after {content:""; display:block; clear:both;}

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

/* font-family: 'Yellowtail', cursive;
font-family: 'Montserrat', sans-serif; */

::-moz-selection {
    background:#000; color:#fff; text-shadow:none;
}
::selection {background:#000; color:#fff; text-shadow:none;}

/*===================== 
	base styles 
=======================*/

html, body {font-family:'Montserrat', Arial, sans-serif; font-weight:400; font-size:14px; -web-text-size-adjust:none; margin:0 auto;}

svg:not(:root) {overflow:hidden;/*reset*/}
	
/*image replacement*/
.hide-text {text-indent:100%; white-space:nowrap; overflow:hidden;}	
hr {-moz-box-sizing:content-box; box-sizing:content-box; border-style:solid; height:0;} 

header, nav, article, section, footer, img {display:block;}
img {max-width:100%;}

.show-tablet {display:none;}

/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {font-weight:700;}
h1 {color: #fff; font-size: 27px; text-transform: uppercase;text-shadow: 0 0 15px #000, 0 0 15px #000;}
h2 {color: #fff; font-size: 23px;text-shadow: 0 0 15px #000, 0 0 15px #000;}
h3 {color: #787776; font-size: 20px; text-transform: uppercase;}
a h3{color: #BD7E00; font-size: 20px; text-transform: uppercase;}
a h3:hover { color: #787776; }
h4 {color:#fff; font-size: 17px; padding-right:25px; display:inline;text-shadow: 0 0 15px #000, 0 0 15px #000;}
h4 a {color:#fff; font-size: 17px; padding-right:25px;text-shadow: 0 0 15px #000, 0 0 15px #000;}
h4 a:hover { color: #BD7E00;}
h5 {color:#BD7E00; font-size: 16px;}
h6 {color:#BD7E00; font-size: 13px;}

p {font-size:18px; line-height:28px; color:#fff;text-shadow: 0 0 15px #000, 0 0 15px #000;}

.quote {
	font-style: italic;
	font-size: 18px; 
	line-height: 28px;
	font-weight:700; 
	color:#fff;
}

.quote2{
	font-style: italic;
	font-size: 18px; 
	line-height: 28px;
	font-weight:700; 
	color:#fff;
	background: #404040;
	padding:10px 10px 5px 5px;
	border:solid 1px #000;
	margin: 5px 0 0 0;
}



/*===================== 
	link styles 
=======================*/

a {
	font-weight:700;
	color: #fff;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}
a:hover{color: #ccc; text-decoration:none;}

/*===================== 
	header styles 
=======================*/

.logo {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 2%;
}
.logo img{
    width: 100%;
    max-width: 850px;
	margin: 0 auto;

}

#sm_logo { display:none;}

.top-header {padding:1% 0; background:#000; text-align:center;}
.top-header h4, .top-header h4 a {font-weight:400;}

header {
	margin: 0 auto;
	width: 100%;
	padding: 2% 0 0;
	background-image: -webkit-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(161,163,163,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(161,163,163,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(161,163,163,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(254,254,254,1.00) 0%,rgba(161,163,163,1.00) 100%);
}
	

/** nav styles **/
nav.desktop-nav {width:100%;}
nav.desktop-nav ul {width:100%; max-width:1100px; margin:0 auto; text-align:center;}
nav.desktop-nav li {position:relative; display:inline-block;}
nav.desktop-nav a:link, nav.desktop-nav a:active, nav.desktop-nav a:visited {display:block; color:#000; font-size:14px; text-transform:uppercase; padding:0 18px 4px 18px; line-height:48px;border-bottom: 4px rgba(0,0,0,0) solid;text-shadow: 0 0 15px #fff;}
nav.desktop-nav a:hover {border-bottom:4px #000 solid;}

nav.desktop-nav ul ul {display:none; position:absolute; z-index:99999; top:56px; left:0; width:200px; background:#a1a3a3; text-align:left;}
nav.desktop-nav ul ul ul {position:absolute; left:100%; top:0;}
nav.desktop-nav ul li:hover > ul {display:block; z-index:99999;}
nav.desktop-nav ul ul li {float:none; position:relative; display:block;}
nav.desktop-nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:14px; line-height:16px; padding:10px 0px 10px 10px; border-bottom: 1px solid #000; color:#000;}
nav.desktop-nav ul ul li a:hover {background:#000; color:#fff;}


/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; line-height:50px; height:50px; border-bottom:1px #000 solid; text-align:right;}
#mobile-nav .close-nav i {font-size:24px; margin-right:15px; color:#fff;}

#mobile-nav {display:none; position:relative; /*top:0; height:100%;*/ z-index:9999; width:100%; /*overflow-x:none; overflow-y:auto;*/ font-size:14px; color:#000; margin:0 !important;}
#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #000; text-align:center;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; text-decoration:none; color:#000; text-transform:uppercase;}
#mobile-nav ul li a:hover {background:#929292; color:#000;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; line-height:40px; height:40px; text-align:center; display:block;}
#mobile-nav ul li.expandable .end i {font-size:18px; color:#000; line-height:40px; text-align:center;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}

#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#eee;}
#mobile-nav ul li ul li {line-height:40px; font-size:12px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#000; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:#929292; color:#000;}




/*---POP-UP -----------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #d4d4d4;
	border: 1px solid #d4d4d4;
	padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #000;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 99999;
}
	
.overlay .popup {
    background: #dc0404;
    border: 3px solid #d4d4d4;
    border-radius: 5px;
    width: 100%;
    max-width: 1100px;
    position: absolute;
    top: 6vw;
    left: 0;
    right: 0;
    float: none;
    padding: 40px 2%;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
	.overlay:target .popup {
    top: -280%;
    left: -200%;
}

.overlay .popup .wrapper-inner{width: 90%;}
.overlay .popup .wrapper-inner li{font-size: 14px; line-height:  30px;}




/*===================== 
	content styles 
=======================*/

.main-wrap{
	background:url(../siteart/body_bg.jpg);
	background-size: cover;
	background-color: black;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
	max-width:1100px;

}


.container-right{
	float:right;
	width:60%;
	margin: 2% 0 6%;
}

#sales{
	background:#000;
	padding:10px 10px 0px 10px;
}

.learn-button{
	background:#000;
	padding:10px;
	max-width:250px;
	width:95%;
	font-weight:700;
	color: #fff;
	font-size: 19px;
	border: solid #000 1px;

}
.learn-button a{
	color: #fff;
}
.learn-button a:hover{
	color: #fff;
}
.learn-button:hover{
	background:#404040;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	border: solid #000 1px;
}


.container-left {float:left; width:37%; margin:2% 3% 6% 0;}
.container-left img {margin:0 0 13%; border:1px solid #000; display:inline-block;}

.icons {
    margin:0 auto; display:block; width:100%; background:#fff; padding:3% 0; text-align:center;
}
.icons img {width:auto; height:auto; margin:0 auto;}




/*===================== 
	slideshow styles 
=======================*/

#burst {
    position: absolute;
    z-index: 99999;
    margin: 1% 0;
}

#burst img{

}


#all-slides{
	position:relative;
	z-index:9;	
	max-width:1100px;
	width:100%;
	margin:0 auto;
}

.cycle-slideshow {
	width:100%;
	margin:0 auto;
	max-width:1100px;
	z-index: 99;
}


.cycle-slideshow img{
	padding:5% 0;	
	z-index: 99;
}

.tagline {
    color: #dc0404;
    font-size: 18px;
    font-weight:700;
    z-index: 999999999999;
    position: absolute;
    right: 17px;
    top: 170px;
    text-align: right;
}
.tagline .wording {
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff,0 0 10px #fff;
}

.fast-buttons {
    margin: 18% 0 0;
    width: 250px;
}

.red-button{
	background:#dc0404;
	border: solid 2px #dc0404;
	color:#fff;
	padding:10px;
	margin-bottom: 4%;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

.red-button:hover{
	background:#d4d4d4;	
	border: solid 2px #dc0404;
	color:#dc0404;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;

}



/*===================== 
	detailed search
=======================*/

.search input, .search select {
    width: 100%;
    padding: 8px 10px;
    font-size: 12px;
    background-color: #fff;
	color: #555;
	margin-top: 8px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	outline:none;
}
::-webkit-input-placeholder{color: #555;}
:-moz-placeholder{color: #555;}
::-moz-placeholder{color: #555;}
:-ms-input-placeholder{color: #555;}

.search input[type="submit"]{
	background: #0f7649;
	font-weight:700;
    font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	border:1px solid #0f7649;
    width: 100%;
    outline: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
	padding: 10px 8px;
	margin-bottom: 8px;
}
.search input[type="submit"]:hover {background: #fff; color:#0f7649; border:1px solid #0f7649;}

a.button{
	display: inline-block;
	padding: 4px 25px;
	box-sizing: border-box;
	background: #0f7649;
	font-weight:700;
    font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border:1px solid #0f7649;
	border-radius: 5px;
}
.search a.button{display: block;}
.location-links a.button{display: block; margin: 0 0 5px;}
a.button:hover {background: #fff; color:#0f7649; border:1px solid #0f7649;}

	



/*===================== 
 scrolling inventory
=======================*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling-wrap iframe {width:100%; height:90px;}



/*===================== 
	layout styles 
=======================*/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.container {max-width:1100px; margin:0 auto; width:100%;}

.column1, .column2, .column3, .column4, .column5, .column6 {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.column1 {width:75%; padding-right:50px;}
.column2 {width:50%; padding-right:25px;}
.column3 {width:33.33333%; padding-right:0;}
.column4 {width:25%; padding-right:25px; color:#d3d3d3;}
.column5 {width:20%;}
.column6 {width:16.66666%; padding-right:25px;}



/*===================== 
	main form
=======================*/

#form{
	background: #fff;
	max-width:1100px;
	margin: 5% auto;
	color:#333333;
}

#form input {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
	font-weight:300;

}

#form textarea {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 90px;
	box-sizing: border-box;
	font-weight:300;

}

#form select {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #ccc;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
}

#form input[type="checkbox"] {
    margin:5px 10px 0 0;
    width:13px;
    height:13px;
    display:inline;
}
#form input[type="radio"] {
    margin:5px 10px 0 0;
    width:15px;
    height:15px;
    display:inline;
}
 
#form input.send-button,
#form input.send-button:focus {
    text-align: center;
    text-transform: uppercase;
    width: 207px;
    font-size: 14px;
    color: #fff;
	font-weight:400;
	background: #646d6d;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    border-radius: 6px;
	height: 50px;
}

#form input.send-button:hover {
	background: #158d12;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
	cursor: pointer;
}
 
/*CAPCHA*/

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: left !important;
	line-height:normal !important;
}

.CaptchaAnswerPanel input {width: 200px !important;}

.CaptchaImagePanel {
	margin:0 0 0 0;
	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;
}

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

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

/*===================== 
	bottom form styles 
=======================*/

.home-page_form {
    background:#333 url(../siteart/footer_bg.jpg);
    background-size:cover;
    font-weight:300;
    width:100%;
    margin:0;
    padding:75px 0;
    color:#BD7E00;
}


.footer-half {
    width: 50%;
    float: left;
    box-sizing: border-box;
    font-weight:300;
}

.footer-half input {
	width: 100%;
    background: #fff;
	padding: 5px 10px;
	border: none;
	margin: 5px 0;
	height: 35px;
	box-sizing: border-box;
    color: #000;
	font-weight:300;
}

.footer-half textarea {
    width: 100%;
    background: #fff;
    padding: 5px 10px;
    border: none;
    margin: 5px 0 0px;
    height: 60px;
    box-sizing: border-box;
	color:#000;
	font-weight:300;
}

.footer-half select {
	width: 100%;
    background: #fff;
	padding: 5px 10px;
	border: none;
	margin: 5px 0 9px;
	height: 35px;
	box-sizing: border-box;
	color: #333333;
	font-weight:300;
}
 
.footer-half input.send-button,
.footer-half input.send-button:focus {
	text-align: left;
	text-transform: uppercase;
    width: 100%;
	max-width: 145px;
    font-size:14px;
    color: #fff;
    background: #BD7E00;
	border: solid 2px #BD7E00;
	transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
	font-weight:700;
}

.footer-half input.send-button:hover {
	color: #fff;
	border: solid 2px #b98111;
	background: #b98111;
	cursor:pointer;
	font-weight:700;
}

.right{
	float:right;
	text-align: right;
}

/*===================== 
	bottom logos
=======================*/
.bottom-logos {
    margin: 18% 0 0;
    text-align: right;
}
.ag-direct{
	text-align:right;
	display: -webkit-inline-box;
	padding-bottom:10px;
}
.express{
	text-align:right;
	display: -webkit-inline-box;
	padding-bottom:10px;
	max-width:150px;
}
.socials {margin:2% 0 0; display:inline; padding-left:1%;}
.socials img {padding-right:5px; display:inline; max-width:28px;}


/*===================== 
	footer styles 
=======================*/
footer {color:#C9C9C9; background:#000; padding:1% 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {text-decoration:underline; font-weight:300; font-size:11px; color:#C9C9C9;}
a.footerlink:hover {text-decoration:none; font-weight:300; font-size:11px;}
.footertext {font-weight:300; font-size:11px; color:#C9C9C9;}
.smallfootertext {font-weight:300; font-size:10px; color:#C9C9C9;}
.divfooter {width:100%; text-align:center; margin:0 auto;}


/**** responsive styles ****/
@media screen and (max-width:1175px) {
    .wrapper {width:96%;}

    .container-left {float:none; width:100%; margin:2% 0 0 0;}
    .container-left img {margin:0 25px 5% 0; border:1px solid #000;}
    .container-right {float:none; width:100%; margin:0 0 6%; padding:5% 0 0 0;}

    #at-logo {float:right; padding:3% 2%;}
}
@media screen and (max-width:1090px) {
    .fast-buttons {margin:25% 0 0; width:230px;}	
}
@media screen and (max-width:1024px) {
    .fast-buttons {margin:10% 0 0; width:185px;}
    .red-button {font-size:14px;}
}

@media screen and (max-width:968px) {
	nav.desktop-nav a:link {
		padding: 0 9px 0
	}
   
}

@media screen and (max-width:860px) {
    .show-tablet {display:block;}
    .hide-tablet {display:none;}
    
    #simple-menu {height:40px; line-height:40px; width:80px; display:block; cursor:pointer; color:#000; font-weight:700; text-transform:uppercase; font-size:24px; margin:0; text-align:center;}
    
    .socials {margin:2% 0 0; display:block; padding:0;}
}

@media screen and (max-width: 845px){
    .tagline {font-size:16px; right:10px; top:130px; text-align:right;}
    .red-button {font-size:13px;}
    .fast-buttons {margin:3% 0 0; width:172px;}
    nav.desktop-nav a:link, nav.desktop-nav a:active, nav.desktop-nav a:visited {font-size:13px;padding: 0 15px 4px 15px;}
}

@media screen and (max-width:640px) {
    h4, h4 a {font-size:14px; padding:0 1.5%;}

    .tagline {display:none;}
    .cycle-slideshow {display:none;}

    #at-logo {float:none; padding:3% 0; margin:0 auto; text-align:center;}

    #burst {
        position:relative;
        z-index:99999;
        margin:0 auto;
        padding:2% 0 1%;
        text-align:center;
    }
}
@media screen and (max-width:480px) {
    h4, h4 a {padding:0 1%; font-size:13px;}
    .icons {margin:0; padding:5% 0;}
    .icons h3 {display:none;}
    
    .home-page_form {padding:40px 0;}

    #sm_logo {display:block; text-align:center; margin:2% auto 0; width:100%; padding-bottom:0;}
    #sm_logo img {margin:0 auto; width:100%; max-width:180px;}
    .logo {display:none;}
    .logo img {display:none;}
}
@media screen and (max-width:425px) {
    h4, h4 a {font-size:12px;}
}
@media screen and (max-width:375px) {
    h4, h4 a {display:block;}
    
    .home-page_form {padding:40px 0;}

    .learn-button {
        background: #000;
        padding: 10px;
        max-width: 230px;
        width: 93%;
        font-weight:700;
        color: #fff;
        font-size: 19px;
        border: solid #000 1px;
    }
}