/*
	Site developed by Karoline Dassie
	
	Color information
	- White: #fff
	- Gray: #585858
	- Red:#ed1c24
	- Black #000
*/

/*===================== 
	CSS reset/normalize 
=======================*/

	/**Correct `block` display not defined in IE 8/9.**/
	article,aside,details,figcaption,figure,footer,header,hgroup,
	main,nav,section,summary {display: block;}
	pre {white-space: pre-wrap;}
	small { font-size: 80%;}

/*===================== 
	base styles 
=======================*/
	
	body {
		font-family: 'Open Sans', sans-serif;
		-webkit-text-size-adjust: none;
		padding:0;
		margin: 0;
		background:#ed1c24;
		line-height:normal;
		}
	
	svg:not(:root) {overflow: hidden;/*reset*/}
		
	/* clear floats */ 
	.group:before,
	.group:after {content: ""; display: table;} 
	.group:after {clear: both;}
	.group {zoom: 1;}	
	.clear { clear: both;}
	
	hr {
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border-style: solid;
		height: 0;
		color:#f2f2f2;
		margin:2em auto;
	} 
	
	img { border: 0;} 
	.center{text-align:center}
	.sitewidth{max-width:1100px; margin:0 auto}

	.column1 {width:100%;}
	.column2 {width:47%; *width: 47%; float:left; margin-right:6%; box-sizing: border-box;}
	.column3 {width:33.33333%; *width: 30%; float:left; padding-right: 20px; box-sizing: border-box;}
	.column4 {width:25%; *width: 25%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
	.column6 {width:16.66666%; *width: 14%; float:left; padding-right: 20px; box-sizing: border-box; margin: 0 0 20px 0;}
	
	.twothird{width:70%; *width: 70%; float:left;  box-sizing: border-box;}
	.onethird{width:30%; *width: 30%; float:left; box-sizing: border-box; }
	.onethird img{max-width: 100%}

	.last{padding-right:0; margin-right:0;}
/*===================== 
	typography 
=======================*/

	::-moz-selection {
		background:#ed1c24;
		color: #fff;
		text-shadow: none;
	}
	
	::selection {
		background:#ed1c24;
		color: #fff;
		text-shadow: none;
	}
	
	strong,b { font-weight:700;}
	
	
	h1 {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:29px;
		color:#ed1c24;
		font-weight:800;
	}
	
	h2 {
		text-transform:uppercase;
		font-size:30px;
		color:#fff;
		font-weight:200;
		}

	h3 {
		font-size:14px;
		color:#585858;
		font-weight:400;
		}
	
	h4{
		font-size:35px;
		color:#fff;
		font-weight:500;
		text-transform:uppercase;
	}
	
	 h5{
		font-size:18px;
		color:#000;
		font-weight:700;
	 }
	 h5 span{
		color:#ed1c24;
	 }

	 p {
		font-size:13px;
		font-weight:normal;
		line-height:1.9em;
		margin: 0;
		color:#000;
	}
	.topslide p {
		font-size:13px;
		font-weight:normal;
		line-height:1.9em;
		margin: 0;
		color:#fff;
		text-align: left
	}

	#mainphoto p {
		font-size:13px;
		font-weight:normal;
		line-height:1.9em;
		margin: 0;
		color:#fff;
	}
	
/*===================== 
	link styles 
=======================*/
	.text a,
	.text a:link, 
	.text a:visited, 
	.text a:active{color:#ed1c24; text-decoration:underline}
	.text a:hover{color:#000; text-decoration:none}
	
	a:focus {outline: thin dotted;/*reset*/}

	a,
	a:link, 
	a:visited, 
	a:active {
		outline: 0;/*reset*/
		color:inherit; 
		text-decoration:none;
		}
		a:hover  {
			outline: 0;/*reset*/
			text-decoration: none!important;
			opacity:0.5;
			transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
			}

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

	header {
		text-align:center;
		background: #fff;
		-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
		position: relative;
		z-index: 999;
	}

	#headleft h3, #headright h3 {display: inline-block}

	#headleft {float: left; width: 33.33%; margin-top: 35px}
	#headright {float: left; width: 33.33%; margin-top: 35px}
	#headmobile{display:none}

	.logo {float: left; width: 33.33%}


	.logo img{
		margin:5px auto;
		width:100%;
		display: block;
		max-width:200px;
		transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
	}
	.logo img:hover{opacity:0.5}


/*===================== 
	Button bottom
=======================*/	

	.started{text-align:center;}

	.started h2{
		display:inline-block;
		text-align:center;
		vertical-align:middle;
	}

	a.btmbotao{ 
		text-align:center;
		width:160px; 
		padding:8px 0; 
		background:#ed1c24; 
		display:block;
		text-align:center;
		color:#fff;
		font-size: 15px;
		text-transform:uppercase;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin:0 0 0 1.5em;
		display:inline-block
	}

	a.btmbotao:hover{ 
		color:#ed1c24; 
		background:#fff;
		opacity:1!important
	}

/*===================== 
	nav styles 
=======================*/
/* See menumaker.css */
	

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

	article{background:#fff}
	.pad{padding:2em 0}
	#texto{background:rgba(0, 0, 0, 0.76); padding: 1.5em}
	#mainphoto{
		background:url(../siteart/slides/mainphoto1.jpg) no-repeat center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding:3em 0 18em 0;
	}
	.started{
		background:url(../siteart/bottom_bg.jpg) no-repeat center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding:3em 0;
	}

	
/*===================== 
	slideshow styles 
=======================*/
.slides{width:100%;margin:0 auto;position:relative;}

.topslide{position:absolute;top:5%;width:100%; text-align:center;z-index:999;}

.cycle-slideshow img{width:100%;}

/* pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; overflow: hidden;display:none;}
.cycle-pager > * { cursor: pointer;}


/*===================== 
  ZOOM HOVER
===================== */

	#blackbg{background:#000}

	.title{ 
		display:block; 
		position:absolute; 
		left:0;
		top:33%;
		width:100%; 
		font-size:28px; 
		font-weight: 800;
		padding:10px 0;
		text-align: center;
		color:#fff;
		text-transform:uppercase;
		font-family: 'Open Sans Condensed', sans-serif;
	}
	
	.linkbox{
		background: #000;
		width: 24%;
		margin:0.5%;
		position:relative;
		float: left;
		overflow:hidden;
		box-sizing:border-box
	}
	
	.linkbox img {
	  width: 100%;
	  -moz-transition: all 0.3s;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	  display:block;
	  opacity: 0.5;
	  filter: alpha(opacity=50); 
	}
	
	.linkbox:hover img {
	  -moz-transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	  opacity: 1;
	  filter: alpha(opacity=100); 
	}

/*============================== 
	FRAMELESS INVENTORY
==============================*/

	.hosted-content h1 {color:#ed1c24}
	.hosted-content .listings-wrapper .listings-list .listing-banner h2{color:#000; font-size: 20px}
	.listings-wrapper .listing-boxed .listing-boxed-details h2{color:#ed1c24;}
	.listings-wrapper .listing-boxed .listing-boxed-details{padding:5px 15px 15px 15px}


/*===================== 
	CONSIGNMENT
=======================*/	


/*============================== 
	CONTACT PAGE - FORM & more
==============================*/

	#comment-input {margin:1% AUTO; }

	#author.input-name, #lastname.input-name{
		border: 1px solid #d2d2d2;
		width: 30%;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		float: left;
		margin:10px 1.1% 0 0;
	}
	#author.input-name, #lastname.input-name{outline-color:#000}

	#email.input-email {
		border: 1px solid #d2d2d2;
		width: 31.2%;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		float: left;
		margin:10px 0 0 0;
		}
		#email.input-email:focus{
			outline-color:#000;
		}

	#inquiry.textarea-comment {
		border: 1px solid #d2d2d2;
		width: 98%;
		height: 100px;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		color: #747474;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;	
	}
	#inquiry.textarea-comment {outline-color:#000;}

	#comment-submit {
		text-align: center;
		width:235px;
		margin:0 auto;
	}

	#form input {
		width: 100%;
		padding: 5px 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		box-sizing: border-box;
	}

	#form textarea {
		width: 100%;
		padding: 10px;
		border:1px solid #DFDFDF;
		margin: 5px 0 15px;
		height: 70px;
		box-sizing: border-box;
	}

	.CaptchaPanel {
		margin:0 0 0 0 !important;
		padding:0 0 0 0 !important;
	}

	.CaptchaAnswerPanel input {
		width: 200px !important;
		border: 1px solid #d2d2d2;
		-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
		padding: 8px 1%;
		margin:10px auto;
	}
	.CaptchaAnswerPanel input:focus{outline-color:#000;}

	.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;
		color:#000;
	}

	.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:#737373;font-size: 13px}
	.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

	.contactbtn{
		margin:10px auto 0 auto;
		text-align:center;
	}

	.contactbtn input[type="submit"] {
		font-size: 15px;
		font-weight:900;
		padding:8px 0;
		line-height:normal;
		background:#ed1c24;
		width: 220px;
		color: #fff;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: 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;
	}

	.contactbtn input[type="submit"]:hover {
		background:#ed1c24;
		color: #fff;
		outline:none;
	}


/*===================== 
	footer styles 
=======================*/

	footer {
		width: 100%;
		text-align:center;
		line-height:1.5em;
		padding:2em 0;
		background:#ed1c24;
		}
	
	.bottom {background:#ed1c24}
	img.atimelogo{
		max-width: 170px; 
		width: 100%; 
		display: block; 
		margin: 0 auto 10px auto
	}

	a.footerlink:link,
	a.footerlink:visited, 
	a.footerlink:active {
		text-decoration: none; 
		font-size:11px;
		color:#fff;
		}
		a.footerlink:hover {
			text-decoration:underline; 
			font-size:11px;
			color:#fff;
		}
	
	.footertext {
		font-size:11px; 
		color:#fff;
		}
	
	.smallfootertext {
		font-size:11px; 
		color:#fff;
		}
	
	.divfooter {
		max-width:700px; 
		line-height: 1.1em;
		width:95%;
		text-align:center; 
		margin:0 auto;
		color:#fff;
		}
	

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

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.list-container h2 {color:#111 !important;}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}
.view-listing-details-link{color: white !important;}
.modal-title{color: black !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ed1c24 !important;}

.contact-info-heading h2{color: black !important;}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#ed1c24 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ed1c24 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #ed1c24 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}






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

@media screen and (max-width: 1280px) {
	.title{font-size:22px}
}

 
/* iPads (portrait and landscape) ----------- */
 
@media screen and (max-width: 1100px) {
	.sitewidth{width:96%; margin:0 auto}
	#content{width:90%; margin:0 }
}

@media screen and (max-width: 980px) {
	
	.linkbox{width:49%}
	
	#email.input-email {
		width: 88%;
		padding: 8px 1%;
		float: none;
		margin:2% auto;
		position:relative;
		display:block;
	}
	#author.input-name, #lastname.input-name {
		width: 88%;
		padding: 8px 1%;
		float: none;
		margin:2% auto;
		position:relative;
		display:block;
	}
	#comment-textarea{
		width: 90%;
		padding:  0;
		float: none;
		margin:0 auto;
	}
	.onethird{
		float:left;
		width:40%;
	}
	.twothird{
		float:left;
		width:60%;
	}
	.pad{padding:1em 0}
}
 
@media screen and (max-width: 870px) {
	#mainphoto{padding:1em 0 7em 0}
}

@media screen and (max-width: 768px) {
	.hosted-content h1{text-align:left}
	h1{text-align:center}
	h2{text-align:center}
	h3{text-align:center}
	p{text-align:center}
	.topslide p{text-align:center}
	
	.column2 {
		width:100%; 
		*width: 100%; 
		float:none; 
		text-align:center
	}
	
	.onethird{
		width:100%; 
		*width: 100%; 
		float:none; 
		margin: 10px auto 30px auto;
		text-align:center
		}
	.twothird{
		width:100%; 
		*width: 100%; 
		float:none; 
		text-align:center;
		padding:0
	}
}

/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 736px){
	header{padding:10px 0;}
	#headleft{display:none}
	#headright{display:none}
	#headmobile{display:block}
	.logo {float:none; width:100%}
	.logo img{
		margin:0 auto 5px auto;
		max-width:200px;
	}
	.linkbox{width:98%; margin: 1%}
	.started{text-align:center;}
	.started h4{display:block;}
		
	a.btmbotao{ 
		width:150px; 
		margin: 1em auto;
		display:block
	}
}