body{
	margin:0; 
	padding:0; 
	font-family: 'Montserrat', sans-serif;
	background-color:#fff !important; 
	color:#000;
	font-size:14px;
	line-height:1.6;
	overflow-x: hidden;
}

a{color:#ff0101; text-decoration:none;}
a:hover{color:#000;}

h1{font-size:24px; font-weight:700;margin:0;margin: 0 0 10px 0;line-height:24px;}
h2{font-size:20px; font-weight:700;margin:0;margin: 0 0 10px 0;}
h3{font-size:18px; font-weight:700;margin:0;margin: 0 0 10px 0;}
h4{font-size:14px; font-weight:700;text-transform:uppercase;margin: 0 0 8px 0;}

img {
    max-width: 100%;
    height: auto;
	border:none;
}

.header{
	background: url(../siteart/header.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	margin: 0 auto;
	position:relative;
	z-index:5;
	height:auto;
	padding-bottom:10px;
	width:100%;
}

.header_info{float:right;color:#000; margin: 50px 0 0 0;text-align: right;line-height:20px;font-weight:700; font-size: 14px;}
.header_info a{color:#fff!important;}
.header_info a:hover{color:#ff0101!important;}

.logo{
	float:left;
	margin:20px 0 0 0;
}

.logo img{width:100%;max-width:308px;margin:-35px 0;}

iframe {vertical-align:middle;}

/***** NAV *****/
#navcontain{
	background: #000;
    text-align:center;
	width:100%;
	z-index:4;
	height:46px;
}

#nav{
	float:right;
	z-index:9999;
	position:relative;
}

#nav ul, nav li {
    list-style: none !important;  
    margin:0 0 0 0 !important;
    padding:0 0 0 0 !important;
}
#nav ul li {
    display: block;
    float:left;
    text-align:center;
}
 
#nav li ul {
    display: none;
} 
 
#nav ul li a {
	font-size:11px;
	color:#fff;
	text-align:center;
    height: 1%;
	margin:0 0 0 0;
    text-decoration: none;
	transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -webkit-transition:background .2s ease-in-out;
	padding:13px 16px;
	display:inline-block;
	text-transform: uppercase;
	font-weight:700;
	background:none;
}

#nav ul li a:hover { 
	background:#ff0101;
}

#nav ul li li a { /* appearance of the sub-level links */
    width:200px;
    padding:15px 20px;
    text-align:left;
    border-bottom:#444 1px solid;
	color:#fff;
	margin:0;
	text-transform:none;
	font-weight:100;
	background:#333;
	transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#ff0101;
	border-bottom:#333 1px solid;
}
 

/* Optional-use, cancells out border for subnav li containers*/
#nav ul li a:last-child  {
	margin-right:0;
}
#nav ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
 
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
	-moz-box-shadow: 0px 1px 4px #333;
    -webkit-box-shadow: 0px 1px 4px #333;
    box-shadow: 0px 1px 4px #333;
}
 
#nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
 
#nav ul li:hover > ul {  
    display: block;
    line-height: normal;
    z-index: 100;
}
 
#nav ul ul li {
    float: none; 
    position: relative;
}


.translate{
	background:#f8bc04;
}

.flags{padding:5px 0;float:right;margin: 0 0 -20px 0;}
.flag{margin:0 5px;display:inline-block;position: relative;z-index: 10;}

.google img{display:inline-block;}

#google_translate_element{
	float:right;
}

.clear{clear:both;}	


.wrapper, .inv_wrapper, .cat_wrapper{
	max-width:1200px;
	margin: 0 auto;
}

.cat_wrapper{
	max-width:1200px;
	margin: 0 auto;
}

.inv{
	background:#f8bc04;
}



.thank_you{
	background:#252525;
	margin:0px auto;
	padding:130px 10px;
}

.thank_you_text{
	color:#fff;
	text-align:center;
	line-height:32px;
}

.home_text{
	background: url(../siteart/azi_bg.jpg)no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0 auto;
	padding:100px 0;
}

.textbox{
	width: 60%;
    float: left;
    margin-right: 30px;
}

.textbox img{
	border: 1px solid #aaa;	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
	width:100%
}

.textbox a{color:#f8af25;}
.textbox a:hover{color:#fff;}


.contact{
	color:#000;
	margin-left:40px;
}

.contact a{
	font-weight:700;
}

.thankyou{
	margin:250px 20px;
	text-align:center;	
}

.thankyou a{
	color:#f8af25;
	text-decoration:underline;
}

.thankyou a:hover{
	color:#000;
}

.map {
         width:100%;
         height:300px;    
}

.map-wrap {
         position:relative; 
}
         
.overlay {
         width:100%;
         min-height:300px; 
         position:absolute; 
         top:0;
}

.home-map {
         width:100%;
         height:450px;    
}

.home-map-wrap {
         position:relative; 
}
         
.home-overlay {
         width:100%;
         min-height:450px; 
         position:absolute; 
         top:0;
}

/**CATEGORIES*/


.zoom-container {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 15px;
    font-size: 1rem;
    border: 1px solid #fff;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zoom-container .zoom-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.zoom-container:hover .zoom-caption {
    background: none;
}

.zoom-button {
    display: block;
    background: url(file://///sandhills.int/dev/HostDealerPages/siteart/cats/arrow.png) no-repeat;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    right: 0;
    height: 20px;
    width: 20px;
    margin: 15px;
	background-size: cover;
}

.zoom-container .zoom-caption h3 {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    background: rgba(255, 255, 255, 0.8);
    background: #fff \9;
    padding: 10px 10px;
    position: absolute;
    bottom: -10px;
}


.zoom-container img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.zoom-container:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* FOOOTER CSS */	

.bottom {background:#e6e6e6;padding:30px 0;width:100%;}

footer {margin: 0 auto;padding:10px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:11px;color: #fff;}
a.footerlink:hover {text-decoration:none;font-size:11px; color: #fff; text-decoration:underline;}

.footertext{font-size:12px; color:#fff;}

.smallfootertext{font-size:11px; color:#fff;}

.divfooter {width:100%;text-align:left;margin:40px 0;line-height:13px;max-width:650px; color:#fff; float:left;}


.footer_info{float:left;color:#000; margin: 0 0 0 0;text-align: left;line-height:20px;width:25%; }
.footer_info a{color:#ff0101; font-weight:700;}
.footer_info a:hover{color:#000;}
.footer_logo{float:right;width:30%; margin:0 auto;text-align:right;}
.footer_logo img{width:100%;max-width:180px;display:inline-block;margin-top:20px;}
.footer_info span{font-style:italic;}

/*****CTO TOP******/
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 50px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ff0101;
}

.back-to-top:hover {
 color: #444;
}
 
.back-to-top i {
font-size: 30px;
 
}

/*****COPYRIGHT******/

.copyright_bar{background:#000;padding:25px 0;}
.copyright_left{float:left;color:#fff;}
.copyright_left a{font-weight:700;color:#ff0101;}
.copyright_left a:hover{color:#fff;}
.copyright_right{float:right;color:#fff;}

/*control the Captcha */

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

.subscribe-box form .CaptchaPanel img {width:60%; height:auto;}
.CaptchaPanel img {width:40% !important; height:auto;opacity:1 !important; margin-top:0 !important; position:relative !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;
	width:60%;
	margin:5px 20%;
}

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


.enquiry{
	background:url(../siteart/header.jpg) no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin:0px auto;
	height:auto;
	width:100%;
	color:#000;
	padding:40px 0;
}

.enquiry img{
	border-radius:2px;
	-moz-box-shadow: 0px 1px 4px #333;
    -webkit-box-shadow: 0px 1px 4px #333;
    box-shadow: 0px 1px 4px #333;
}

.enquiry p{
	margin:0 0 20px 0;	
}

.location {
    margin: 40px auto 100px auto;
} 

.toggle.expander.collapsed {
	width:40%; 
	border:0; 
	background-color: #000;
	height: 1%;/*For IE7*/ 
	text-align:center;
	color:#fff;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	margin:20px 0;
	border-radius:5px;
	padding:10px 20px;
	-moz-box-shadow: 0px 1px 3px #252525;
    -webkit-box-shadow: 0px 1px 3px #252525;
    box-shadow: 0px 1px 3px #252525;
}

.toggle.expander.expanded:hover {
    text-decoration: none;
    color: #767475;
    background: #f9f8f3;
    outline-style: none;
    border: 1px #0f355b solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.toggle.expander.expanded {
    display: none;
}

.half{width:50%;}
.left{float:left;}
.right{float:right;}
 
/*----FORM------*/

#content {
	padding:30px 0;
	position:relative;
}

#col {
	width:320px;
	float:left;
	display:inline-block;
	margin:0 20px 0 0;
}

#col.right {
	margin:0;
}

#one-col {
	width:1000px;
	margin:0 0px 0 0;
	float:left;
	display:inline-block;	
}

#two-col {
	width:660px;
	margin:0 20px 0 0;
	float:left;
	display:inline-block;	
}

#two-col.right {
	margin:0;
}

.myform label{
	padding:4px 5px 4px 0;
	display:inline-block;
	width:135px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-align:left;
}

.myform input, .myform select, .myform textarea{
	padding:5px;
	width:98%;
	margin-bottom:10px;
	text-align:left;
	font-family:"Open Sans", sans-serif;
	background:#fff;
	border:1px solid #e1e1e1;
	font-size: 14px;
	-webkit-appearance: none;
	border-radius:0;
}

.myform textarea{
	font-size:14px;
	height: 80px;
}

.myform input.radio{
	width:10%;
}

.myform input.button, .myform input.button:focus{
	border:0; 
	text-align:center; 
	font-weight:bold; 
	background-color: #252525;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(to bottom, #333, #000);
    background: -ms-linear-gradient(#333, #000);
	height: 1%;/*For IE7*/ 
	text-align:center;
	color:#fff;
	font-weight:bold;
	-webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .3);
    box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .3);
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	text-shadow: 1px 1px 2px #383838;
	cursor:pointer;
	margin:20px 0 0 0 ;
}

.myform input.button:hover {
	background-color: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background-image: -webkit-linear-gradient(top, #444, #000);
    background-image: -moz-linear-gradient(top, #444, #000);
    background-image: -o-linear-gradient(top, #444, #000);
    background-image: linear-gradient(to bottom, #444, #000);
    background: -ms-linear-gradient(#444, #000);
	height: 1%;/*For IE7*/ 
}

.myform label.checkbox, .myform input.checkbox{width:14px; border:none; margin:5px 10px 0 0; padding:0;}

.myform input:focus, .myform textarea:focus{
	background:#f1f0f1;
	color:#000;
}

.myform .radiobuttons {display:inline; width:20px; border:none;}


.questions {
	background:#e7e7e7;
	padding:20px;
	font-size:14px;
	line-height:20px;
	margin-top:30px;
	
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

.third{width:30%;}

/* ----------------------------------------------
 * Generated by Animista on 2017-5-15 10:27:31
 * https://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	-moz-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	font-size:30px;
}

/*  SEARCH FORM
------------------------------------------------*/	
.search{
	background: #fff;
    padding: 20px 10px;
}
	
section .search-wrap{
}

section .search-form {
	width: 100%;
	float:right;
	position:relative;
}

section .search-form input[type=text]{
	width:65%;
	float:left;
	position:relative;
	color: #333;
	background: #eee !important;
	border:none;
	content:'Search Inventory';
	font-size:14px;
	font-weight:100;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-radius:0;
    -webkit-appearance: none;
    padding: 8px;

	}

section .searchButton {
	width:12.5% !important;
	float:left;
	position:relative;
	border:none;
	text-align:center;
	cursor: pointer;
	color:#bbb;
	background:#eee;
	text-align: right;
    padding-right: 10px;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	font-size:14px;
	border-radius: 0;
    -webkit-appearance: none;
    padding: 8px;
}

#form input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-form input[type=submit]{	
	height: 32px !important;
	text-align:center;
	
	-webkit-border-radius:0 !important; 
    -webkit-appearance: none !important;
}

.search-form h3 {color:#999; width:20%; float:left;margin:5px 0 0 0; font-size:16px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb;
}

/****HOSTED****/
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#ff0101 !important;}

.listings-wrapper .hosted-theme .btn{background:#ff0101 !important;border:none !important;}

.listings-wrapper .listing-largecard.column3, .listings-wrapper .listing-thumb.column3, .listings-wrapper .listing-smallcard.column3 {
    width: 24%;
    margin: .5%;
    background: rgba(255,255,255,0.4) !important;
    border-radius: 3px !important;
}

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

.show-menu-for-mobile {display:none;}  

@media screen and (max-width: 1280px) {
.show-menu-for-mobile {display:none;}

.wrapper{
	max-width:100%;
	margin: 0 auto;
	padding:0 20px;
}
}

@media screen and (max-width: 1024px) {
.show-menu-for-mobile {display: none;}
.search-form h3 {font-size:15px;margin:0 0 0 0;}
.zoom-container {width:25%;height:auto;}

.footer_logo{margin-top:40px;}
.footer_info{margin:0;}

.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}

#nav  {display:none;}

#navicon {
	float: right;
	font-size: 22px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 7px 10px 0 0;
    color: #fff;
}

.textbox{width:100%;margin-right:0;margin-top:30px;}
.footer_logo{margin-top:0;}	
.textbox_half{width:100%;}
}

@media screen and (max-width: 768px) {

.zoom-container {width:50%;}
.zoom-container .zoom-caption h3{ margin: 40% 0 0;font-size:12px;}

.header_info{margin:0 0 0 0;}
.header_info span{display:inline-block;}
.third{width:100%;margin:40px 0;}
.contact{margin-left:0;}
}

@media screen and (max-width: 736px) {
.search-form h3{width:100%; margin-bottom:6px; margin: 5px 0 10px 0;}
section .search-form input[type=text] {
    width: 70%;
}

section .searchButton {
    width: 23% !important;
}
.search{padding:40px 0 60px 0;}
.footer_info{width:100%;}
}

@media screen and (max-width: 550px){
.logo{margin:0 0 15px 0;}
.logo img{margin-top:-15px;}
.copyright_right{float:left;}

@media screen and (max-width: 460px){
.zoom-container{width:100%;}
.logo img {width: 60%;}
}

@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
body{background:none;}

#nav {display:none;}

}