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

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

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

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

@font-face {
    font-family: 'roboto_regular';
    src: url('../webfonts/Roboto-Regular-webfont.eot');
    src: url('../webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('../webfonts/Roboto-Medium-webfont.eot');
    src: url('../webfonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('../webfonts/Roboto-Thin-webfont.eot');
    src: url('../webfonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Thin-webfont.svg#roboto_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

.homepage-text h1 {margin-bottom: 16px; font-family: 'roboto_condensedregular'; text-transform: capitalize; font-size: 21px;}
  
header, nav, article, footer {display:block;}

body {
	font-size:16px;
	font-family: 'roboto_condensedregular';
	font-weight:normal;
	color:#000;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}
.invwrap {
	-webkit-text-size-adjust: none;
	width: 100%;
	
}
.wrap {width:90%; margin:0 auto; max-width:2000px;}


.go-right {float:right;}

.show-tablet, .show-768 {display:none;}

.col2 {width:48%; margin-right:2%; float:left;}

    
/* INVENTORY STYLES
------------------------------------------------*/
/*ALL INVENTORY SYTLES GO HERE FOR SAFEKEEPING*/

div[id^="button-"] button[class^="reset-"] {
background: transparent;
}


.container{width:100%;max-width:1230px;margin:0 auto;}
.invmain{padding:0px 0 60px 0; width: 100%;overflow: hidden; background: #D8D8D8}
.cf{background:#FFFFFF; }
.container{background: #8E8E8E;}
.container .cf a {color: #303030;}
.container .cf a:hover {color: #000000;}
.container .cf h1{color: #303030;}
.container .cf h5{color: #000000;}

.hosted-content .p-tb-10 { margin:2% auto; }


.main {overflow-x: hidden;}
/***************************** typography styles **/


.no-margin {margin:0 !important;}

a {color:#2B2B2B; text-decoration:none;}
a:hover {color:#FF8B1E;}



strong {font-weight:normal; font-family: 'roboto_condensedbold';}
em {font-style:italic;}

.red {color:#B61132;}
.dk-red {color:#f5d73b;}
.white {color:#fff;}
.black {color:#000;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

h1 {
	color:#000;
	font-size:36px;
	font-weight:normal;
	font-family: 'roboto_condensedbold';
	margin-bottom:0;
	text-transform:uppercase;
}
h2 {
	color:#FFFFFF;
	font-size:30px;
	font-weight:normal;
	font-family: 'roboto_regular';
	margin-bottom:0;
}
h3 {
	color:#FFFFFF;
	font-size:26px;
	font-weight:normal;
	font-family: 'roboto_condensedbold';
	margin-bottom:5px;
	text-transform:uppercase;
}

h4 {
	color:#ff7a00;
	font-size:22px;
	font-weight:normal;
	font-family: 'roboto_regular'; 
	margin-bottom:7px;
}

h5 {
	color:#000;
	font-size:18px;
	font-weight:normal;
	font-family: 'roboto_regular';
	margin-bottom:10px;
}

h6 {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	font-family: 'roboto_regular';
	text-transform:uppercase;
}
h6 a {color:#FFFFFF; text-decoration:none;font-family: 'roboto_regular';}
h6 a:hover {color:#ff7a00;}
p {margin-bottom:16px; font-family: 'roboto_regular';}





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

.top-bar {
	width:100%;
	background:#595959;
	padding:10px 0;
}




.rt-header {width:94%;display: flex; justify-content: flex-end;gap:20px; margin-left:0%;}
.phone {display:block; margin:0 0 25px 0;}


.icon-bar img {
	width:20px;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:auto;
	max-width:30px;
	margin:0px 0 0 1%;
}
.icon-bar a:hover {
	opacity: .6;-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */filter: grayscale(60%);
}

.icon-bar {
    display: flex;
    gap:20px;
}


	
header {
	width:100%; 
 	background:#595959;
	opacity:.8;
	padding:0;
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .4); 
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .4); 
	box-shadow:0px 2px 2px rgba(0, 0, 0, .4);
	border-bottom: medium solid #595959;
    padding-top: 40px;
}
#head {
	position: absolute;z-index: 9999; width: 100%;}
	
header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.head {position: relative; top: -150px; margin-bottom: -155px;}
.head img {max-width: 100%;
    height: auto;
    width: auto\9;}	
	
.logo { 
    margin-bottom: -40px;
    margin-top: -65px;
    opacity: .99;
}
.logo img {width:100%; height:auto; display:block; max-width:350px;}


.main-lines {width:100%; display:block;}
.main-lines img {
	height:auto;
	margin:30px 0 0 0;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.main-lines img.sm {width:12%; max-width:111px;}
.main-lines img.med {width:16%; max-width:146px;}
.main-lines img.lg {width:22%; max-width:202px;}



/***************************** nav styles **/
nav {
	
}

nav ul {width:100%; margin:0 auto;}
nav li {float:right; display:inline; position:relative; color:#FFFFFF;margin-right: 0%;}
nav a:link, nav a:active, nav a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:light;
	font-family: 'roboto_regular';
	font-size:18px;
	line-height:18px;
	padding:5px 16px;
	text-transform:uppercase;
	
}
nav ul li a:hover {color:#000000;}

nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 33px;
	left:0;
	width:180px;
	background:#000000;
	
}

nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

nav ul li:hover > ul {
	display: block;
	z-index:99999;
	
}

nav ul ul li {
	float: none; 
	position: relative;
	display:block;
}

nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 15px;
	border-right:0;
	border-bottom: 1px solid #888;
	color: #FFFFFF;
}

nav ul ul li a:hover {
	background: #FFFFFF;
	color:#000000;
}

/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #ffcc00;
  height: 1px; 
}

nav.stroke ul li a:hover:after {
	
  width: 100%;
}

nav.fill ul li a {
  transition: all .5s;
  padding-top: 10px;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;color: #000000;
}
nav.fill ul li a:hover:after {
  z-index: -1;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
  
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #ffcc00;
  }
}

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



.box-contain {width: 100%; background: #303030;}
.box-buttons {
	text-align:center;
	position:relative;
	*zoom:1;
	*display:inline;
	padding: 3.5% 0;
	}
.box-buttons:after {content:""; display:block; clear:both;}
.box-buttons a {
	width: 30%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align:center;
	background-size:cover;
	padding:10px 0;
	height:248px;
	font-size:45px;
	color:#fff;
	text-decoration:none;
	font-family: 'roboto_regular';
	line-height:250px;
	margin-right: -5px;
	text-shadow: 2px 2px 5px #000000;
	}

.box-buttons a.sales {background:url('../siteart/updated-newag.png') no-repeat center; -webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */filter: grayscale(75%);border: 3px solid #FFFFFF; background-size:cover }
.box-buttons a.sales:hover {background:url('../siteart/updated-newag.png') no-repeat center;-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);border: 3px solid #FFFFFF;background-size:cover }

.box-buttons a.parts {background:url('../siteart/usedagnew.png') no-repeat center;-webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */filter: grayscale(75%);border: 3px solid #FFFFFF;background-size:cover }
.box-buttons a.parts:hover {background:url('../siteart/usedagnew.png') no-repeat center;-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);border: 3px solid #FFFFFF;background-size:cover }

.box-buttons a.service {background:url('../siteart/kubota.png') no-repeat center; -webkit-filter: grayscale(95%); /* Safari 6.0 - 9.0 */filter: grayscale(95%);border: 3px solid #FFFFFF;background-size:cover }
.box-buttons a.service:hover {background:url('../siteart/kubota.png') no-repeat center;-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);border: 3px solid #FFFFFF;background-size:cover }




/***************************** used inv page styles **/

.used-wrap {margin: 100px 0 20px 0;}
.used {
	text-align:center;
	position:relative;
	*zoom:1;
	*display:inline;
	padding: 10px 0 0 0;
	float: none;
	}
.used h1 {
	color: #FFFFFF;
	font-family: 'roboto_thin';
	font-weight: 800;
	border-bottom: 2px solid #FFFFFF;
	padding-bottom: 1px;
	margin: 0 20px;
}
.group{overflow:hidden; margin: 0 auto; padding: 35px 20px;}
.gray{ background: #8E8E8E; border-top: 3px solid #FFCC00; border-bottom: 3px solid #FFCC00;}



.pen-wrapper {text-align:center;
	position:relative;
	*zoom:1;
	*display:inline;
	padding: 10px 0 0 0;
	float: none;
	
  }
.whole{
	display: inline-block;width: 15%; margin: 15px 20px; position: relative; float: none; flex-wrap:no-wrap;}






.button-cover {
  position: relative;
  cursor: pointer;
}
button:hover {
  cursor: pointer;
}
.btn {
  display: inline;
  width: 100%;
  border: none;
  padding: 0 1em;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  background: none;
  transition: background .3s ease;

}

.btn--primary {
  background-color: #FF8B1E!important;}
  .btn--primary:hover {
	color: #FFFFFF!important;
  }

.btn-new {
  background-color: #9c9c9c;color: #FFFFFF;}
  .btn-new a:hover {
	color: #FFFFFF;
  }

.btn-used{
  background-color: #787878}
.btn-used a:hover {
    background-color: darken(#787878, 5%);
	color: #FFFFFF;
  }



.btn__txt--inactive {
  display: inline-block;}
  .btn__txt--inactive, .is_active  {
    display: none;
  }

.btn__txt--active {
  display: none;}
  .is_active, .btn__txt--active {
    display: block;
  }

.button-set {
  display: flex;
  margin-top: 1px;}

   .button-set .btn{
    display: inline;
    min-width: initial;
    width: 50%;
    padding: 0;
  }



.button-slide-up {
  position: relative;
  overflow: hidden;
  min-width: 120px;}

.button-slide-up__button:hover {
  color:#5F5F5F!important;
}
  .button-slide-up > .button-set {
    margin-top: 0;
  }

.button-slide-up__button {
  position: absolute!important;
  top: 0!important; 
  left: 0!important;
  transition: transform .5s ease!important;}
  .is_active .button-slide-up__button {
    transform: translateY(-100%)!important
  }


.button-set button a {cursor: pointer;}


/***************************** grey/yellow styles **/
article {width:100%; display:block; margin:0px auto 0px auto; background: #595959;padding: 60px 0;}
.text-wrap {
	width:88%; 
	max-width:2050px; 
	margin:0 auto; 
	border: 3px solid #ffcc00; 
	background: #d4d4d4; 
	padding: 35px 20px; 
	text-align: left;
}
.text2-wrap {
	width:88%; 
	max-width:2050px; 
	margin:0 auto; 
	border: 2px solid #838383; 
	background: #FFFFFF; 
	padding: 35px 20px; 
	text-align: left;
}


/***************************** organge styles **/

.inner-contain {background:url(../siteart/orange.jpg); background-size: cover; background-color: black;}
.orange {padding: 0 3%;}
.orangetextwrap {
	width:40%;
	margin:2%;
	display:block;
	text-align:left;
	float:left;
}
.map-area {
	width:48%;
	margin-right:2%;
	margin-top:2%;
	display:block;
	text-align:center;
	float:right;
}
.map-area iframe {width:100%; height:320px; display:block;}




.manu-logos {
	width:100%;
	display:block;
	background:#818181;
	margin: 7px 0;
	text-align: center;
}
.manu-logos a {display:inline-block;zoom:1; *display:inline; margin:30px 3% 30px 3%;}
.manu-logos a.sm {width:6.7%; max-width:83px;}
.manu-logos a.med-sm {width:10.4%; max-width:129px;}
.manu-logos a.med-lg {width:18.9%; max-width:200px;}
.manu-logos a.lg {width:20%; max-width:237px;}

.manu-logos img {height:auto; width:100%; }



/** internal page styles **/



.staff {width:100%; display:block;}
.staff:after {content:""; display:block; clear:both;}

.emp {width:23%; float:left; margin:0 2% 15px 0;}
.emp img {width:100%; height:auto; max-width:250px; margin-bottom:5px; display:block;}
.emp:nth-of-type(5), .emp:nth-of-type(9) {clear:left;}




.contact-info {width:28%; float:left; margin:0 2% 15px 0;}
.map {width:70%; float:left;}
.map iframe {width:100%; display:block; height:350px;}

.brands {width:100%; display:block;}
.brands:after {content:""; clear:both; display:block;}
.brands a {width:23%; margin:0 .5% 10px .5%; float:left;}
.brands img {width:100%; height:auto; max-width:210px; display:block;}

.loc {width:31.33333%; float:left; margin:0 2% 20px 0;}


.events:after {content:""; clear:both; display:block;}
.event {width:23%; float:left; margin:0 2% 15px 0;}
.event:nth-of-type(5), .event:nth-of-type(9) {clear:left;}


/***************************** brand styles **/
.mid {width:100%; display:block; margin:0px auto 0px auto; background: #D8D8D8;padding: 1px 0; padding-bottom: 10px;}
.team-wrap {margin: 100px 0 100px 0;}
.brands-wrap {
	padding: 30px; 
	margin: 100px 0 1% 0;
	padding: 30px; }
.brands-wrap img {
	padding-top:35px;}
.brands-container {
	width:90%;
	max-width:1530px;
	margin:0 auto;
}



/***************************** contactstyles **/


.contact-contain {
	width: 100%;
	background: #D4D4D4; 
	border-top: 3px solid #ffcc00;
}
.contact-contain a {
	color: #000;
}
.contact-wrap {
	width:88%; 
	max-width:2050px; 
	margin:0 auto;  
	padding: 35px 20px; 
	text-align: left;
}
.map-area2 {
	width:100%;
	display:block;
	text-align:center;
	margin-bottom: -10px;
}
.map-area2 iframe {width:100%; height:520px; display:block;}
/***************************** footer styles **/

footer {
	width:100%;
	background: rgba(0, 0, 0, 0.8);
	padding:0;
	color:#fff;
	padding: 30px 0;
}
footer p {font-size:14px; margin-bottom:14px; font-family: 'roboto_regular';}
footer a {color:#a5a5ab; text-decoration:none;}
footer .go-right {font-family: 'roboto_regular';}




.hours {width:20.4%; width:calc(20.4% - 2px); float:left; display:block; padding-right:6%; border-right:2px #a5a5ab solid; text-transform:uppercase;}

.quick-link {width:23.2%; width:calc(23.2% - 2px);  float:left; display:block; }
.quick-link ul {width:100%; display:block; padding-bottom:20px;}
.quick-link li {display:block; line-height:20px;}
.quick-link a {font-family: 'roboto_regular'; text-transform:uppercase; font-size:16px;}
.quick-link a:hover {color:#fff;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#d7d7d7;font-family: 'roboto_regular'; line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#d7d7d7;font-family: 'roboto_regular'; line-height: 20px;}

.footertext{font-size:12px; color:#d7d7d7;font-family: 'roboto_regular';line-height: 20px;}
.smallfootertext{font-size:12px; color:#d7d7d7;font-family: 'roboto_regular';line-height: 20px;}

.divfooter {width:50.4%; padding-left:10%; line-height:12px; text-align:right; margin:30px 0 0 0; color:#d7d7d7; float:right;}





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

#search-bar #formpage label {color:#fff;}
#formpage label {display:block;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	background:#fff;
	font-size:12px;
	margin-bottom:5px;
}

#formpage textarea {
	padding:6px 5px;
	width:100%;
	width:calc(100% - 12px);
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	height:120px;
	margin-bottom:5px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#fff;
	line-height:normal;
	padding:5px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	color:#000000;
	border:1px solid #ff7a00;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 



#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#ffcc00;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#000000;
}
#formpage input.button:hover {
	background:#FF8B1E;
	color: #FFFFFF;
}
 

/*control the Captcha */

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !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:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}



/* --- inventory --- */
.section-head h5 {color: #000!important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin-top: -1px!important; margin-left: 2px!important;}
.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .show-all-apply-filter {width: auto!important;}
.modal-content .modal-top .modal-title {color: #000!important;}
button.g-recaptcha.button {background-color: #f68d2c!important; border: #f68d2c!important;}
button.g-recaptcha.button:hover {background-color: #ffcc00!important; border: #ffcc00!important;}
.info.bold {color: #000!important;}
.list-content .list-title .list-listings-count {color: #f68d2c!important;}
.body-content {padding: 0!important; background: #fff!important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #f68d2c!important;}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color: #f68d2c!important;}
.list-content .list-top-section .listing-option-bar .list-listings-count {color: #f68d2c!important;}
.paging-container .page-navs .list-page-nav {background-color: #f68d2c!important;}
.paging-container .page-navs .list-page-nav:hover {background-color: #ffcc00!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {background-color: #f68d2c!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {background-color: #ffcc00!important;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {border: 1px solid #f68d2c!important; color: #f68d2c!important;}
.list-content .list-listing-mobile .view-listing-details-link {background-color: #f68d2c!important;}
.list-content .list-listing-mobile .view-listing-details-link:hover {background-color: #ffcc00!important;}
.list-content .listing-portion-title {color: #000!important;}
.detail-content .detail-additional-data .data-row .data-label {background-color: #f68d2c!important;}
.detail-content .search-results {color: #f68d2c!important;}
.detail-content .detail-main-body .main-detail-data .detail-price {color: #f68d2c!important;}
.detail-content .dealer-info .phone-and-email .send-email-btn {color: #f68d2c!important; border: #f68d2c!important;}
.detail-content .dealer-info .phone-and-email .send-email-btn:hover {color: #ffcc00!important; border: #ffcc00!important;} 
.detail-content .detail-main-body .main-detail-data .offer-btn .fa-chevron-right {float: none!important;}
.detail-content .detail-main-body .main-detail-data .offer-btn {background-color: #f68d2c!important;}
.detail-content .detail-main-body .main-detail-data .offer-btn:hover {background-color: #ffcc00!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #f68d2c!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn:hover {background: #ffcc00!important;}
.detail-content-mobile .detail-additional-data .data-row .data-label {background-color: #f68d2c!important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {background-color: #f68d2c!important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {background-color: #f68d2c!important; border: #f68d2c!important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {background-color: #f68d2c!important; border: #f68d2c!important;}
.detail-content-mobile .detail-main-body .main-detail-data .opened {color: #f68d2c!important;}


@media screen and (max-width: 1900px) {
	.box-buttons a {
	width: 30%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align:center;
	background-size:cover;
	padding:10px 0;
	height:248px;
	font-size:35px;
	color:#fff;
	text-decoration:none;
	font-family: 'roboto_regular';
	line-height:250px;
	margin-right: -5px;
	text-shadow: 2px 2px 5px #000000;
	}
}
@media screen and (max-width: 1800px) {
.manu-logos {
	width:100%;
	display:block;
	background:#818181;
	margin: 7px 0;
}
.manu-logos a {zoom:1; *display:inline; margin:30px 3% 30px 3%;}
.manu-logos a.sm {width:6.7%; max-width:83px;}
.manu-logos a.med-sm {width:20%; max-width:145px;}
.manu-logos a.med-lg {width:20%; max-width:237px}
.manu-logos a.lg {width:20%; max-width:237px; max-height: 50px;}
.manu-logos img {height:auto; width:100%; }
}

@media screen and (max-width: 1550px) {
	.brands-wrap {padding: 1px 0;}
	.team-wrap {padding: 1px 0;}
}


/***************************** responsive styles **/
@media screen and (max-width: 1450px) {
	.new-used h2 {width:72%;}
		.video {margin: 0 0 290px 0; padding-bottom: 0px;width: 100%;}

	nav a:link, nav a:active, nav a:visited {padding:5px 12px; font-size:16px;}
	.manu-logos a{margin:25px 15%;}
	

}


@media screen and (max-width: 1350px) {
.box-buttons a {
	width: 30%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align:center;
	background-size:cover;
	padding:10px 0;
	height:248px;
	font-size:35px;
	color:#fff;
	text-decoration:none;
	font-family: 'roboto_regular';
	line-height:250px;
	margin-right: -5px;
	text-shadow: 2px 2px 5px #000000;
	}
.whole{
	display: inline-block;width: 25%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}
}
@media screen and (max-width: 1300px) {
	.new-used h2 {width:72%;}
	
	nav a:link, nav a:active, nav a:visited {padding:10px 12px; font-size:16px;}

}


@media screen and (max-width: 1140px) {
	h1 {font-size:32px;}
	
	
	nav a:link, nav a:active, nav a:visited {padding:10px 8px; font-size:15px;}
	
	.border-box h6 {width:17%;}
	.new-used h2 {width:40%;}
	.new-used h2 img {width:6%;}
	.map-area {padding-bottom: 20px;}
		.video {margin: 0 0 290px 0; padding-bottom: 0px;width: 100%;}
.manu-logos a.med-sm {width:15%; max-width:115px;}
}


@media screen and (max-width: 1080px) {
	.box-buttons a {height:130px; padding-top:30px; font-size:22px;}
	.box-buttons a .big {font-size:50px; line-height:40px;}
	.box-buttons a {background-size:cover; padding:10px 0; text-decoration:none; line-height:150px;}
	.orangetextwrap {width: 95%;}
	.map-area {width: 95%; float: none; position: relative; margin: 0 auto;}

}
@media screen and (max-width: 1024px) {
	.wrap {width:96%;}
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:28px;}
	h3 {font-size:22px;}
	h4 {font-size:18px;}
	
	footer p {font-size:12px; margin-bottom:12px;}
	
	
	.emp {width:31.33333%;}
	.emp:nth-of-type(5), .emp:nth-of-type(9) {clear:none;}
	.emp:nth-of-type(4), .emp:nth-of-type(7), .emp:nth-of-type(10) {clear:left;}
	
	.event {width:31.33333%;}
	.event:nth-of-type(5), .event:nth-of-type(9) {clear:none;}
	.event:nth-of-type(4), .event:nth-of-type(7), .event:nth-of-type(10) {clear:left;}
	
	
	.hours {width:29.4%; width:calc(29.4% - 2px);padding-right:3%;}
	.quick-link {width:23.2%; width:calc(23.2% - 2px); padding-left:3%;}
	.divfooter {width:37.4%; padding-left:4%;}
	
}
@media screen and (max-width: 950px) {
	h2{font-size:25px;} 
	.new-used h2 img {width: 5%}
	.manu-logos a{margin:15px 2%;}
}


@media screen and (max-width: 890px) {
.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	
	#simple-menu {
		float:right;
		background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
		height:38px;
		width:38px;
		display:block;
		cursor:pointer;
	}
	#simple-menu:hover {background:url(../siteart/mobile-nav-icon-hover.png) no-repeat center center;}
}


@media screen and (max-width: 880px) {
.whole{
	display: inline-block;width: 35%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}
}
@media screen and (max-width: 768px) {
	.show-768 {display:block;}
	
	.loc-list {font-size:12px;}
	
    header {
        padding-top: 0px;
    }
	.rt-header {width:100%; margin:5px 0 0 0%; text-align:center; visibility:hidden;}
	.phone {margin-bottom:0;}
	
	.phone {margin:0 0 10px 0;}
	
	.head {position: relative; top: 0px; margin-bottom: -7px;}
	
	.box-buttons a {height:110px; padding-top:25px; font-size:22px;}
	.box-buttons a .big {font-size:40px; line-height:30px;}
	
	.border-box {margin-top:15px;}
	.border-box h6 {width:26%;}
	article {width:100%; display:block; margin:0px auto 0px auto; background: #595959;padding: 40px 0;}
	.text-wrap {
		width:80%; 
		max-width:2050px; 
		margin:0 auto; 
		border: 3px solid #ffcc00; 
		background: #d5d5d5!important; 
		padding: 35px 20px; 
		text-align: left;
	}
	.text2-wrap {
		width:80%; 
		max-width:2050px; 
		margin:0 auto; 
		padding: 35px 20px; 
		text-align: left;
	}
	.contact-info {width:40%; margin:0 0% 15px 0;}
	.map {width:100%;}
	
	
	.hours {width:50%; width:calc(45% - 2px);padding-right:5%;}
	.quick-link {width:100%; padding-left:0%; border-right:0; text-align: center;}
	.quick-link ul {padding-bottom:0px;}
	.divfooter {width:90%; padding-left:0%; margin:15px 5% 0 5%; text-align:center;}
	.box-buttons a {
	line-height:80px;}
	.manu-logos a.lg {width:45%; max-width:250px;}
	.manu-logos a.med-sm {width:19.4%; max-width:145px;}
}


@media screen and (max-width:660px) {
	
	.no-break {display:block;}
	
	h1 {font-size:24px;}
	h3 {font-size:18px;}
	
	
	
	
	.new-used h2 img {width:3%;}
	
	.box-buttons a {width:80.5%;}
	.box-buttons a.service {margin-left:0%;}
	
	.emp {width:48%;}
	.emp:nth-of-type(4), .emp:nth-of-type(7), .emp:nth-of-type(10) {clear:none;}
	.emp:nth-of-type(odd) {clear:left;}
	
	.event {width:48%;}
	.event:nth-of-type(4), .event:nth-of-type(7), .event:nth-of-type(10) {clear:none;}
	.event:nth-of-type(odd) {clear:left;}
	
	.video-frame-half {width:100%; margin-right:0;}
	
	.contact-info {width:60%;}
	
	.loc {width:48%;}

	.manu-logos a {margin:15px 5% 15px 5%;}
	.manu-logos a.sm {width:10.7%; max-width:83px;}
	.manu-logos a.med-sm {width:20%; max-width:145px;}
	.manu-logos a.med-lg {width:25.9%; max-width:172px;}
	.manu-logos a.lg {width:40%; max-width:200px;}
	
	.brands a {width:31.33333%;}
	
	.locations div {width:48%; margin:0 2% 15px 0;}
	
	.whole{
	display: inline-block;width: 40%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}

	
}
@media screen and (max-width:580px) {
	.logo { margin-bottom: -70px; margin-top: -65px; opacity: .99;}
	.logo img {width:100%; height:auto; display:block; max-width:250px;}
	
	
	nav {margin-top: 10px;}
	.head img {margin-top: 138px;}
	.top-bar {display: none;}
	
	.logo {margin: 0;}
	.head img {padding-top: 4px;}
}


@media screen and (max-width:520px) {
	.whole{
	display: inline-block;width: 80%; margin: 5px 20px; position: relative; float: none; flex-wrap:no-wrap;}
}

@media screen and (max-width:480px) {
	.col2 {width:100%; margin-right:0%;}
	
	.loc-list {width:100%;}

	
	.new-used h2 img {width:4.5%;}
	

	
	.border-box h6 {width:35%;}
	
	.emp {width:100%; margin-right:0%;}
	.emp:nth-of-type(odd) {clear:none;}
	
	.event {width:100%; margin-right:0%;}
	.event:nth-of-type(odd) {clear:none;}
	
	.manu-logos a.sm {width:13.7%; max-width:83px;}
	.manu-logos a.med-sm {width:24%; max-width:145px;}
	.manu-logos a.med-lg {width:26.9%; max-width:172px;}
	.manu-logos a.lg {width:40%; max-width:237px;}
	
}

@media screen and (max-width:375px) {
	
	.border-box .strikethrough {display:none;}
	.border-box h6 {width:45%;}
	
	.hours .go-right {float:none;}
	
	.contact-info {width:100%;}
	
	.brands a {width:48%;}
	
	.loc {width:100%; margin:0 0% 20px 0;}
	
}