@font-face {
    font-family: 'bebas_neuebold';
    src: url('../webfonts/bebasneue_bold-webfont.eot');
    src: url('../webfonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/bebasneue_bold-webfont.woff2') format('woff2'),
url('../webfonts/bebasneue_bold-webfont.woff') format('woff'),
url('../webfonts/bebasneue_bold-webfont.ttf') format('truetype'),
url('../webfonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuelight';
    src: url('../webfonts/bebasneue_light-webfont.eot');
    src: url('../webfonts/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/bebasneue_light-webfont.woff2') format('woff2'),
url('../webfonts/bebasneue_light-webfont.woff') format('woff'),
url('../webfonts/bebasneue_light-webfont.ttf') format('truetype'),
url('../webfonts/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neue_regular';
    src: url('../webfonts/bebasneue_regular-webfont.eot');
    src: url('../webfonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/bebasneue_regular-webfont.woff2') format('woff2'),
url('../webfonts/bebasneue_regular-webfont.woff') format('woff'),
url('../webfonts/bebasneue_regular-webfont.ttf') format('truetype'),
url('../webfonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0; 
	padding:0; 
	font-family: helvetica neue, helvetica, sans-serif;
	background-color:#fff; 
	color:#252525;
	overflow-x:hidden;
	font-size:14px;
	line-height:26px;
}

a{color:#252525; text-decoration:none;}

a:hover{color:#005da3;}

h1{font-size:40px;color:#252525;font-family:'bebas_neuebold';line-height:22px;margin-bottom:10px;}
h2{font-size:30px;color:#252525;font-family:'bebas_neuelight';margin-bottom:10px;text-shadow: 1px 1px 1px rgba(0,0,0,.6);text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
h3{font-size:30px;color:#fff;font-family:'bebas_neuebold';margin-bottom:10px;text-shadow: 1px 1px 1px rgba(0,0,0,.6);text-shadow: 2px 2px 3px rgba(0,0,0,0.3);line-height: 32px;}
h4{font-size:18px;color:#fff;font-family:'bebas_neuebold'; text-transform:uppercase;margin-bottom:10px;}
h5{font-size:14px;color:#252525;font-family:'bebas_neuebold';margin:0 !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {line-height: 30px !important; margin-bottom:5px;}

.header img{border:none;}

.logo img{ }

.clear{clear:both;}	


.wrapper{
	max-width:1080px;
	margin: 0 auto;
	padding:0 10px;
}

.invwrapper{
	max-width:1330px;
	margin: 0 auto;
	background:#fff;
}

a img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
	margin-left: auto;
    margin-right: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
	margin-left: auto;
    margin-right: auto;
}

/***HOME**/
.home_main{
	background:url(../siteart/main_img.jpg) no-repeat center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	padding: 0 0 18% 0;
	border-bottom: 1px solid #666;
}

.search{
	background:#333;
	color:#fff;
	border-bottom: 1px solid #666;
	padding:20px 0;
	background-color: #333333;
	background-image: url("https://www.transparenttextures.com/patterns/pixel-weave.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    -moz-box-shadow: 0px 1px 3px #333;
    -webkit-box-shadow: 0px 1px 3px #333;
    box-shadow: 0px 1px 3px #333;
}

.products{
	background:#252525;
	color:#fff;
	padding:40px 0;
	border-bottom: 1px solid #666;
}

.products_text{
	float:left;
	max-width:800px;
	margin:0 0 40px 0;
	font-family:helvetica neue, helvetica, sans-serif;
	font-size:14px;
}

.products img{
		
}

.products img:hover{
		
}

.home_contact{
	background:#111;
	color:#fff;
	padding:65px 0 40px 0;
	border-bottom: 1px solid #666;
}
.home_contact a[href^="tel:"]{
	color: #999 !important;
}
.home_contact a[href^="tel:"]:hover{
	color: #fff !important;
}

.home_contact{
-moz-box-shadow: 1px 2px 5px #000;  /* for Mozilla Ffox */
-webkit-box-shadow: 1px 2px 5px #000;  /* for Safari, Chrome & others */
box-shadow: 1px 2px 5px #000;  /* for IE9 */
}


.home_contact_text {
	line-height: 20px;
    font-size: 13px;
    width: 320px;
    float: left;
    color: #fff;
    text-align: left;
    margin: 0 0 0 52px;
    font-family: helvetica-neue,helvetica, sans-serif;
}

.home_contact_text a {
	color:#999;
}

.home_contact_text a:hover {
	color:#fff;
}


.inv {
	background:#fff;
	border-bottom: 1px solid #666;	
}

.phone{font-size:40px;color:#fff;float:right; margin-top: -39px;font-family: 'bebas_neuebold';POSITION: relative;Z-INDEX: 750;}
.phone a {color:#FFFFFF!important;}
/***ABOUT SECTION**/

.about {
	
}

.abouttext {
	
}

.about img {

}


/***CONTACT SECTION**/

.contact {

}

.contact a {

}

.contact a:hover {

}

.contactaddress {

}

.contactform {
	
}

.contactcontainer{

}

/**AUCTION**/

.auctionwrap {
	background:#e1e1e1;	
	padding:20px 0;
}

/**THANKYOU**/
.thankyou{
	margin:0 auto;
	font-family:helvetica-neue, helvetica, sans-serif;
	padding:200px 0;
	font-size:15px;
}

/*  SEARCH FORM
------------------------------------------------*/	
.sell {padding:10px 0;}

section .search-wrap{
	background: #252525;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;	
}

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

section .search-form input[type=text]{
	width:57%;
	float:left;
	position:relative;

	color: #fff;
	background: #5c5c5c !important;

	border:none;
	content:'Search Inventory';
	background:none;
	font-size:17px;
	height: 33px !important;
	text-indent:3%;
	font-weight:100;
	font-family: helvetica neue, helvetica, sans-serif;;
	
	padding:0 !important;
	
	-moz-box-shadow:    inset 0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
	box-shadow:         inset 0 0 3px rgba(0,0,0,0.6); 
	
	-webkit-border-radius:0 !important; 
    -webkit-appearance: none !important;
    border-radius: 0 !important;
	border:1px solid #999;
}

section .searchButton {
	width:12.5% !important;
	float:left;
	position:relative;
	background:none;
	border:none;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
	line-height: 35px;
	cursor: pointer;
	color:#fff;
	background:#790000;
	font-family: 'bebas_neuebold';
	
	-webkit-border-radius:0 !important; 
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}

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

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

/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	filter: alpha(opacity=100);
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.6s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}


/*---make a basic box ---*/
.box{
position: relative;
float: left;
}

/**GOOGLE MAP**/

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

.map-wrap {
	position:relative; 
	width:50%;
	height:400px;
	display: inline-block;
	padding:0;
	margin: 0;
	float: left;
}

.map-wrap iframe{
	height: 400px;
	width: 100%;
	border: 3px solid #000000;
}         
.overlay {
	width:100%;
	min-height:600px; 
	top:0;
	position: absolute;
}


.red-btn a {
    width: 200px;
    border: 4px solid #ed1c24;
    text-align: center;
    color: #ed1c24;
    font-family: 'bebas_neuebold';
    text-transform: uppercase;
    font-size: 14px;
    margin: 20px 0;
	padding: 10px 20px;
	float:left;
}

.red-btn a:hover {
    border: 4px solid #a8080e;
    color: #a8080e;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
	

/* FOOOTER CSS */	

.bottom {background:#790000;padding:10px 0;}

.bottom img {mix-blend-mode:multiply;}

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

.footertext{font-family:helvetica-neue, helvetica, sans-serif;font-size:11px; color:#510000;}

.smallfootertext{font-family:helvetica-neue, helvetica, sans-serif;font-size:11px; color:#510000;}

.divfooter {width:800px;text-align:center;margin:40px auto;line-height:12px;color: #510000;}
.footer_logo img{float:right; margin:40px 0; opacity:0.4;}

/*************************************** form styles **/

.suscribe{ margin:0 auto;display: inline-block;}

.subscribe-box form input.text {
    width: 360px;
    min-width: 135px;
    min-height: 25px;
    float: left;
    position: relative;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: sans-serif;
    padding: 0 0 0 8px;
}

.subscribe-box form input[type="submit"], .subscribe-box form input[type="button"] {
    font-size: 12px;
    width: 100px;
    max-width: 170px;
    float: left;
    position: relative;
    background: #ed1c24;
    color: #fff;
    display: inline-block;
    padding: 7px;
    margin: 0 0 0 5px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family:'bebas_neue_regular';
}
.subscribe-box form input[type="submit"]:hover, .subscribe-box form input[type="button"]:hover {text-decoration:none; color:#000; background:#f5f5f5 url('file://///sandhills.int/dev/HostDealerPages/siteart/right-arrow.png') no-repeat right center;}





/*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%; height:auto;}

.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;
    background-color: #fff;
	width:60%;
	margin:5px 20%;
}

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



/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	filter: alpha(opacity=100);
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
 
.fade-in.two {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
}
 
.fade-in.three {
	-webkit-animation-delay: 2.0s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}


/*---make a basic box ---*/
.box{
	position: relative;
	float: left;
}
 
 
/*----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;
	color:#fff;
	text-align:left;
}

.myform input, .myform select, .myform textarea{
	padding:5px;
	width:99%;
	margin-bottom:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	border:1px solid #ddd;
	font-size: 14px;
}

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

.myform input.button, .myform input.button:focus{
	width:40%; 
	border:0; 
	text-align:center; 
	background-color: #ed1c24;
	height: 1%;/*For IE7*/ 
	text-align:center;
	color:#fff;
	-webkit-box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
    box-shadow:  1px 1px 3px 1px rgba(0, 0, 0, .2);
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	cursor:pointer;
	margin:20px 0;
	float:right;
	-moz-border-radius: 3px;  /* for Mozilla Ffox */
    -webkit-border-radius: 3px;  /* for Safari, Chrome & others */
    border-radius: 3px;  /* for IE9 */

}

.myform input.button:hover {
	background-color: #a8080e;
	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%;
}



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

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


@media screen and (max-width: 1280px) {
.home_contact_text{margin: 0 0 0 6px;}
}


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

body{background:none;}
	
.wrapper{
	max-width:100%;
	margin: 0 auto;
	padding:0 10px;
}

}

@media screen and (max-width: 860px) {
section .search-form h3{width:100% !important; margin: 5px 0 10px 0 !important;}
section .field{width:100% !important;}	
section .searchButton {width:30% !important;float:right!important;}

.home_contact_text{margin:20px 0;width:100%; text-align: center;}
.footer_logo img{float:none !important;}
.map-wrap {
	position:relative; 
	width:50%;
	height:300px;
	display: inline-block;
	padding:0;
	margin: 0;
	float: left;
}

.map-wrap iframe{
	height: 300px;
	width: 100%;
	border: 3px solid #000000;
}  
}

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

.wrapper{
	max-width:100%;
	margin: 0 auto;
	padding:0 10px;
}
#nav  {display:none;}

#navicon {
	float: left;
	font-size: 25px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}

.divfooter {
	max-width:430px;
}

.grid figure {float: left !important;}
figure.effect-julia img{ max-width:100%;}
}
@media screen and (max-width: 600px) {
.map-wrap {
	position:relative; 
	width:100%;
	height:300px;
	display: inline-block;
	padding:0;
	margin: 0;
	float: left;
}

.map-wrap iframe{
	height: 300px;
	width: 100%;
	border: 3px solid #000000;
	border-left: 0; border-right: 0;
}  
}

@media screen and (max-width: 550px){
.home_contact_text img{width:100%;height:auto;}

}

@media screen and (max-width: 420px){	
.divfooter {
	max-width:320px;
}
.home_contact_text img{max-width: 100%;height: auto;}
.CaptchaMessagePanel{width:285px !important;text-align:left !important;}
.CaptchaPanel{width:300px;}
}

@media screen and (max-width: 375px){
.phone{font-size:30px;}
}

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

#nav  {display:none;}

#navicon {
	float: left;
	font-size: 25px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}

.divfooter {max-width:90%}

}