@import url('reset.css');
@import url('forms.css');
@charset "utf-8";
/* CSS Document */

/*------------------------------------

	Website Developed by Karoline Dassie
	
	Main Colors
	Dark	-	#231f20
	Teal	-	#5a9a98
	Light Beige	-	#c3c3b9

------------------------------*/

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

/*========================================== 

	GLOBAL
	
============================================*/

	body {
		-webkit-text-size-adjust: none;	
		font-family: 'Poppins', sans-serif !important;
	}
	
	.clear {
		clear: both;
	}
	
	
	::-moz-selection {
		background: #c3c3b9;
		color: #231f20;
		text-shadow: none;
	}
	
	::selection {
		background: #c3c3b9;
		color: #231f20;
		text-shadow: none;
	}
	
	.wrapper {
		max-width:1200px;	
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	
	.small-wrap{max-width:750px; margin:0 auto}
	.sitewidth{max-width:1150px; 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:64%; *width: 64%; float:left; padding-right: 30px; box-sizing: border-box;}
	.onethird{width:36%; *width: 36%; float:left; box-sizing: border-box; text-align:right}
	.last{padding-right:0; margin-right:0;}
	
	
/*========================================== 

	TYPOGRAPHY 
	
============================================*/
	
	h1 {
		font-size:20px;
		color:#5a9a98;
		font-weight:200;
		text-transform:uppercase;
		margin-bottom: 10px;
		text-align:center
	}
	h1.titulo {
		background:#c3c3b9;
		font-size:40px;
		color:#231f20;
		font-weight:900;
		text-transform:uppercase;
		margin:0 auto;
		padding:10px 0;
		text-align:center
	}
	h2 {
		color:#FFF;
		font-size:40px;
		text-transform:uppercase;
		font-weight:800;
		text-shadow: 0px 3px 4px rgba(150, 150, 150, 1);
		line-height:1.2em;
	}
	
	h3 {
		color:#FFF;
		font-size:19px;
		line-height:1.2em;
		font-weight: 100;
	}
	
	h4 {
		font-size:25px;
		color:#231f20;
		font-weight:700;
		margin-bottom:10px;
	}
	
	h5 {
		font-size:42px;
		font-weight: 800;
		color:#FFF;
		line-height:50px;
		text-transform:uppercase;
		margin-bottom: 40px;
	}
	p {
		font-size:15px;
		color:#424242;
		font-weight:normal;
		line-height:23px;
	}
	a {
		color:inherit;
		text-decoration:none;	
	}

	#titlevid{background:#000; color:#CD0003; text-align:center;font-size:20px}
	
/*========================================== 

	NAVIGATION
	
============================================*/
	
	header {
		background-color: #fff;
		border-bottom: 8px solid #231f20;
		height: auto;
		overflow:hidden;	
	}
	header img{
		width:100%; 
		max-width:500px; 
		padding:10px 0 0 10px;
		display:inline-block;
	}
	header img:hover{
		opacity:0.5; 
		transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease
	}
	nav {
		position:absolute;
		right:0;
		top:0;
	}
	nav ul li {
		list-style:none;
		display:inline-block;	
	}
	#top img{display:inline-block!important}
	#top {
		background:#c3c3b9; 
		padding:5px 10px
	}
	#top p {
		color:#231f20; 
		text-transform:uppercase; 
		font-weight:700; 
		font-size:20px
	}
	
	#google_translate_element{text-align:right}
	
	.hdr-contact {
		float:right;
		background-color:#231f20;
		clear: both;
	}
	.hdr-contact a{color:#fff!important;}
	.hdr-contact:before {
		position: absolute;
		width: 0;
		height: 0;
		border: 24px solid #231f20;
		border-top-color: transparent;
		border-left-color: transparent;
		margin-left: -48px;
		content:"";
	}
	.hdr-contact ul li {
		display:inline-block;
		list-style:none;
		color:#fff;
		font-size:14px;
		font-weight:300;
		padding: 14px 10px 10px 0px;
	}
	.hdr-contact li:first-child {
		padding-left: 60px;
	}
	
	.discount {
		color:#cd0003!important;/*subtle red#7C0305*/
		font-weight:bold!important;
		}

/*========================================== 

	CONTENT 
	
============================================*/

	#facebook-wrap{
		width:350px; 
		float:left
	}
	
	.main {
		background-color:#fff;
		height:  auto;
		overflow: hidden;
		padding:3em 0;
	}
	
	#content{
    padding: 8.2em 2%;
		width:calc(96% - 350px); 
		float:left;
		background:url(../siteart/phot04.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
/*========================================== 

	ABOUT US PAGE
	
============================================*/
	
	.team img{width:100%; display:block}
	.team{margin:1em auto; border:1px solid rgb(241, 241, 241); padding:1em}

	.onethird{ width:20%; float:left; }
	.twothird{ width:70%; padding: 2% 5%; float:left ;}
	
	img#brandt_map{max-width:100%; width:100%}
	
	
/*========================================== 

	SEARCH BOX
	
============================================*/

	#searchbox{
		margin:0 auto;
		border:1px solid #fff;
		border-radius: 5px;	
		text-align:center;
		padding:10px;
	}

	#searchbox2{
		background:rgba(255, 255, 255, 0.36); 
		margin:0 auto;
		padding:1%;
		border:1px solid #fff;
		border-radius: 5px;	
		text-align:center;
		float:right;
	}
	
	#searchbox2 .keyword{
		background-color:#FFF;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0;
		display:block;
		border: none;
		border-radius: 5px;	
		text-align:center;
	}
	
	#searchbox2 input.keyword-sm#keywords {border:1px solid #ccc;height:40px!important;}
	
	#searchbox2 input#keywords.keyword-sm{color:#000}
	
	#searchbox2 .keyword-sm{
		background-color:#fff;
		width: 300px;
		box-sizing: border-box;
		padding: 10px ;
		display:inline-block;
		border: 1px solid #cccc;
		border-radius: 5px;	
		text-align:left;
	}
	
#searchbox2 .submitBtn {
    width: 200px;
    display: inline-block;
    position: relative;
    z-index: 6;
    background-color: #424242;
	border:0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 0;
    cursor: pointer;
	color:#fff;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
	letter-spacing: .5px;
	margin:0!important;
}
	#searchbox2 .submitBtn button:hover{ background-color: #5a9a98;}
	
	#searchbox2 .submitBtn button a, .mobileSearch{
		position: relative;	
		z-index: 4;
		color: white;
		text-align:center;
	}
a.submitBtn {
    position: relative;
    z-index: 6;
    background-color: #5a9a98;
	border:0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 15px 0;
    cursor: pointer;
	color:#fff;
	font-family: 'Poppins', sans-serif !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .5px;
	
	transition: ease-in-out 0.2s;
}
	a.submitBtn:hover{ background-color: #fff; color: #5a9a98;}
	
	a.submitBtn{
		position: relative;	
		z-index: 4;
		color: white;
		text-align:center;
	}
.btn-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin:0 auto 20px auto !important;
}
.btn50{
	width: 48%;
	display: block;
	margin-bottom: 10px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.search{text-align:center}
	
	.keyword{
		background-color:#FFF;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0;
		display:block;
		border: none;
		border-radius: 5px;	
		text-align:center;
	}
	
	.keyword-sm{
		background-color:#c3c3b9;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0;
		display:block;
		border: none;
		border-radius: 5px;	
		text-align:center;
	}
	
	#searchbox .submitBtn{
		width: 100%;
		display:block;
		position: relative;
		z-index: 6;
		background-color: #424242;
		border-radius: 5px;
		box-sizing: border-box;
		text-align:center;
		padding:5px 0;
		margin-top:10px;
		cursor:pointer;
			
	}
	 .searchBtn-hp .submitBtn{
		width: 100%;
		display:block;
		position: relative;
		z-index: 6;
		background-color: #424242;
		color:#fff;
		border-radius: 5px;
		box-sizing: border-box;
		text-align:center;
		padding:5px 0;
		margin-top:10px;
		cursor:pointer;
		font-family: 'Poppins', sans-serif !important;
		font-size: 16px;
		font-weight: 600;
			
	}
	
	.submitBtn:hover{ background-color: #5a9a98;}
	
	.submitBtn a, .mobileSearch{
		position: relative;	
		z-index: 4;
		color: white;
		text-align:center;
	}
	
	.mobileSearch{display: none !important;}
	
	.submitBtn a i{padding-left: 10px;}
	
	.submit{
		border: none;
		height: 100%;	
		position: absolute;
		opacity: 0;
		z-index: 5;
		cursor: pointer;
		
	}
	
	.provide {
		background-image:url(../siteart/provide.jpg);
		background-size:cover;
		background-position:center;
		color:#FFF;
		height: auto;
		overflow:hidden;
		padding: 30px 0;
	}
	.provide .wrapper {text-align:center;}
		
	.flexWrapper{
		display: flex;
		width: 100%;
		height: auto;
		flex-wrap:wrap;
		justify-content: center;
	}
	

	.or{
		width: 100%;
		height: 100px;
		display: flex;
		align-items:center;
		justify-content:space-around;
		margin: 50px 0 50px 0; 
	}
	
	.or p{
		background: #5a9a98;
		height: 50px;
		width: 50px;
		display: flex;
		align-items:center;
		justify-content:space-around;
		margin: 50px auto;
		border-radius: 50%;
		color: white;
		font-weight: 600;
		font-size: 20px;
		border: 10px solid white;
	}
	
	.or:before, .or:after{
		content: ' ';
		background-color: #eaeaea;
		height: 2px;
		width: 45%;
	}

	
/*========================================== 

	FORM
	
============================================*/

/* Browser Saftey */
	select::-ms-expand {display: none;}
	::-webkit-input-placeholder {
		color:#DDD;
		font-style:italic;
	}
	input[type=email], input[type=tel], input[type=url], input[type=search], input[type=submit] {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

/*========================================== 

	ZOOM BOXES
	
============================================*/
	.midbox{margin:0.5% 1%!important;}
	.zoom-container {
		float: left;
		width: 32.5%;
		margin:0.5% 0;
		position: relative;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		text-transform: uppercase;
		line-height: normal;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.zoom-container a{color: #FFF;}
	
	.zoom-container img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
		-moz-transition: all .5s ease; /* Firefox */
		-ms-transition: all .5s ease; /* IE 9 */
		-o-transition: all .5s ease; /* Opera */
		transition: all .5s ease;
	}
	.zoom-container:hover img {
		-webkit-transform:scale(1.25); /* Safari and Chrome */
		-moz-transform:scale(1.25); /* Firefox */
		-ms-transform:scale(1.25); /* IE 9 */
		-o-transform:scale(1.25); /* Opera */
		 transform:scale(1.25);
	}
	.zoom-container .zoom-caption {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: rgba(0, 0, 0, .5); /*------change bg color-------*/
		-webkit-transition: all .5s ease; /* Safari and Chrome */
		-moz-transition: all .5s ease; /* Firefox */
		-ms-transition: all .5s ease; /* IE 9 */
		-o-transition: all .5s ease; /* Opera */
		transition: all .5s ease;
	}
	.zoom-container .zoom-caption h3 {
		display: block;
		text-align: center;
		font-size: 20px;
		font-style: normal;
		margin: 20% 0 0;
		text-transform: uppercase;
		color: #fff;
		font-weight:700;
	}
	.zoom-container:hover .zoom-caption {
		background: none;
	}
	
/*========================================== 

	LISTINGS
	
============================================*/

	.hosted-content h1{text-align:left}
	.hosted-content h2{font-size:20px!important;}
	.listings-wrapper .listing-boxed .listing-boxed-details h2{text-shadow:none!important}
.listings-detail-wrapper h1 {display: none}
	.hosted-content .listings-wrapper .listings-list .listing-banner{background:#c3c3b9!important}
	.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error{ font-size:15px!important; text-transform:inherit!important; line-height:normal!important}
	.hosted-content H5{color:#000!important; font-size:23px; line-height:normal!important}
	.hosted-content .listings-wrapper .listings-list .dealer-info {DISPLAY:none}
	.divider .cf .contact-info-section{DISPLAY:none}
	.contact-info-section{DISPLAY:none}
	.hosted-content .print-full{DISPLAY:none}
	
	
/*========================================== 

	FOOTER
	
============================================*/
	
	footer {
		height: auto;
		overflow:hidden;
		background-color:#5a9a98;
		padding:3em 0;
	}
	
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px;color:#fff;}
	a.footerlink:hover {text-decoration:none; font-size:10px;color:#fff;}
	.footertext{font-size:10px; color:#fff;}
	.smallfootertext{font-size:10px; color:#fff;}
	.divfooter {max-width:650px; width:100%; text-align:center; margin:0 auto; color:#fff; line-height:1em}


/*========================================== 

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

.list-content h2, .detail-content h2, .detail-content-mobile h2, .listing-portion-title, .ts-modal-title{color:#000!important;text-shadow: none!important;}
.contact-info-heading h2{font-size:20px!important;}
.list-content .list-error-container .info button{background-color:#5a9a98!important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .dealer-name{color:#000!important;}

#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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !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;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#5a9a98 !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:#5a9a98 !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 #5a9a98 !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: #5a9a98 !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
	
============================================*/

/* Large Desktop */
@media all and (max-width:1300px) {
	
}

@media all and (max-width: 1135px){
	#content{padding:30px 2%; height:500px}
}

@media all and (max-width: 1200px){
	.wrapper{width:95%}
}

/* Desktop */
@media all and (max-width:1025px) {
	h2{font-size:30px}
	.hdr-contact{float:none; margin:0 auto}
	header{border:none}
	header img{
		padding: 10px 0; 
		display:block; 
		margin: 0 auto; 
		text-align:center
		}
	.hdr-contact li:first-child{padding-left:0}
	.hdr-contact ul li{text-align:center; padding:10px 0}
	.hdr-contact{text-align:center}
	
	.zoom-container{width:48%; margin:1%!important; height:100px}
	.zoom-container .zoom-caption h3{margin:12% auto 0 auto}
	.midbox{margin:0 }
	.twothird{width:80%; padding:2% 0}
	.hdr-contact:before{display:none}
	#searchbox2{width:100%; padding:1% 0}


	.btn-row{
		margin:10px auto 20px auto !important;
	}
	.btn50{
		width: 98%;
		display: block;
	}
}

@media all and (max-width: 930px){
	.contactWrapper{
		flex-direction: column;
		align-items: center;
		width: 90%;
		margin: 0 auto;
	}
	
	#map{
		width: 100%;	
		height: 400px;
		margin: 0 0 5% 0;
	}
	
	.contactInfo{
		min-width: 0;
		width: 100%;
		padding: 0px 0;
		margin: 5% 0 0 0;
	}
	
}



/* Tablet */
@media all and (max-width:767px) {
	h2{font-size:25px}
	.contactdetails {
		display: none;
	}
	
	div#details {
		display: inline-block;
		text-align: left;
		padding-left: 0;
		padding-bottom: 40px;
	}
	
	div#details p {
		margin-bottom: 20px;
	}
	.form ul li button {
		padding: 16px 0;
		width: 100%;
	}
	
	.divfooter { width:95% }
	
	#content{padding:10px 2% 0 2%; height:690px}
	.zoom-container{width:100%; margin:1% auto;height:80px}
	.zoom-container .zoom-caption h3{margin:25px auto 0 auto}
	
	.aboutpage .column2{float:none;width:100%; margin:0 auto;}
	.team{float:none;width:90%; margin:0 auto;}
	
	
	#facebook-wrap{float:none;width:100%; margin:0 auto; background:#231f20; padding:3em 0; text-align:center}
	#content{float:none; width:95.5%; margin:0 auto; padding:2%; height:auto}
	.zoom-container{width:98%}
	.small-wrap{width:95%}
	#searchbox2 {margin:0 auto 10px auto}
	#searchbox2 .submitBtn {width:96%; margin:0 auto}
	#searchbox2 .keyword-sm{padding:5px 10px; width:96%; margin:0 auto}
	
}


/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:600px){
	
	
	.columns{
	 	display: none;	
	}
	
	.angle{
		width: 100%;
	}
	
	.angle:after{
		display: none !important;	
	}
	
	.submitBtn a{
		display: none;
	}
	
	.submitBtn a i{
		display: block;
	}
	
	.mobileSearch{
		display: block !important;
		left: 14px;
	}
	


}

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 480px){
	
	
	.column2{float:none; margin:0 auto; width:100%; text-align:center}
	#google_translate_element{text-align:center;width:100%}
	.hdr-contact ul li{padding:0 }
	.hdr-contact ul li{line-height:20px; display:block}
 
@media screen and (max-width: 380px){
	#facebook-wrap{display:none}

}