@charset "utf-8";
/***** BEGIN RESET *****/
* {
    border:0;
    margin:0;
    padding:0;
    font-family:'Montserrat', sans-serif;
	vertical-align: baseline;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

a {text-decoration:none;color:#fff; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}

a:hover {color: #CC0933 !important;}

p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:24px;
	margin: 0 0 1.5em;
}

body{
	margin:0;
	padding:0; 
	font-family:'Montserrat', sans-serif;
	background: #fff;
    background-size: cover;
	overflow-x: hidden;
	color:#505050;
	font-size:16px;
	font-weight: 400;
	line-height: 24px;
	-webkit-text-size-adjust: none;
}


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

h1, h2, h3, h4 {margin: 0 0 20px; line-height: 1.5;}
h1{font-size:26px;  margin: 15px 0;}
h2{font-size: 31px;line-height: 1.2;text-transform: capitalize;}
h3{font-size:23px; font-weight:600;}
h4 {font-weight: 500;text-decoration: underline;margin: 10px 0 5px 0;}

.right {float: right;}
.left {float: left;}

.map-wrap{position: relative; line-height:0;}
.map {width: 100%; max-height: 310px;}
.map-overlay {background: rgba(11, 47, 9, 0.9);color: #fff;position: absolute;padding: 3.5em;top: 0;bottom: 0;right: 17%;margin: 0 auto;line-height: 1;text-align: center;}
.map-overlay h2 {color: #fff;}
.map-overlay a {display: block;font-size: 24px;font-weight: 600;color: #fff;text-align: center;}

/*Wrappers*/
.wrapper {max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
.wrapped {max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
.inv-wrap {max-width: 1200px;margin: 140px auto 0 auto !important; box-sizing: border-box;}

/*Header*/
.top-bar {position: relative;max-width: 100%; margin: 0 auto; padding: 10px 0; color: #fff;border-bottom: 2px solid #CC0933;text-transform:uppercase; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.top-bar a {color: #CC0933;}

.text-hd {width: 50%; float: left; margin: 0;}
.phone {width: 50%; float: right; text-align: right;}

.header{width: 100%; background-color:#000; margin:0 auto;position: fixed; top: 0; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index:9999; }
.header.shrink .logo {max-width: 100px;}
.header.shrink .top-bar {display: none; }
.header.shrink #navcontain {margin-top: 6px;}
.hdr-main {width: 100%; display: inline-block;padding: 12px 0;}
.logo {display: inline-block;width: 16%;vertical-align: middle; z-index:9999999; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.logo img {display: inline-block;max-width:192px;width:192px;padding: 5px 0;}

.top-link {text-align: center; margin:20px 0;}
.button {display: inline-block;margin-top: 20px;padding: .5em 2em;border: 3px solid #fff;text-align: center;font-size: 22px !important;font-weight: 700;text-transform: uppercase;color: #fff;text-shadow: 1px 1px 1px #000;border-radius: 10px;-webkit-border-radius: 10px;cursor: pointer;}

.btn-wrapper { display: inline-block;  text-align: center; margin: 0 auto;  width: 75%;}
.button-bl {color: #fff; background-color: #2A2A2A; border-color: #2a2a2a; background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);}
a.button-bl {text-align: center; font-size: 14px; margin: 0 auto;  display: inline-block; margin-bottom: 21.74px; padding:14px 20px; border-radius: 6px; }
b {font-weight: 600;}
/*content*/
.slider{
    position: relative;
	width: 100%;
	margin: 142px 0 0 ;
	height:710px;
    background: url(../siteart/slider-2.jpg) no-repeat 0 0;
	background-position:left top;
    text-align: center;
}

.hero-title {position: relative;text-align: center;top: 23%;color: white; text-transform:uppercase;}
.hero-title h1 {font-size: 5em; font-weight:800; line-height:normal;}

.hero-title span {color:#CC0933;}
.hero-title p {font-size: 18px;font-weight: 600;}
.top-page-banner {position: relative;width: 100%; height: 174px;background: url(../siteart/red-truck.jpg) no-repeat;background-position: 50% center;; margin-top: 142px;}
.top-page-banner:before {content: "";position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.top-page-banner h2 {position:absolute;bottom: 40px;font-size: 3em;color: #fff; display: inline-block;padding: 0 15px;font-weight: 600;margin: 0;}

.transam {display: block;margin: 0 auto; width: 180px;width: 270px;margin: 20px auto 0 auto;}
.main-text {position: relative; background-color: #fff; padding: 30px 0;}
.main-text h2 { color: #CC0933;font-size: 24px;margin: 10px 0 0 0;}
.main-text p {padding: 35px 30px;}
.main-text.text {margin: 0 auto; padding: 60px 0;}
.main-text.text p { width: 75%;padding: 0; margin-bottom: 1.5em;}
.main-text.text ul li { margin-bottom: 10px; font-size: 16px; font-weight: 300;list-style:disc;}
.main-text.text ul { margin: 0 0 30px 30px;}
.finance-text {
    text-align: center;
    font-size: 20px;
    
}


/*.bottom-section {width: 100%; float: left;position: relative;background: url(../siteart/red-truck.jpg) no-repeat; height: 618px; background-size: cover; background-position: center; margin: 0; box-sizing:border-box; }
.bottom-section:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    right: -122px;
    border-right: 122px solid rgba(0, 0, 0, 0);
    border-top: 618px solid rgba(221, 169, 51, 0.9);
    z-index: 1;
}

.bottom-section h3 {color: #000; font-weight: 600;}
.bottom-section h2 {color: #fff; font-weight: 600;}
.bottom-section ul {list-style: disc; margin: 0 0 1.5em 3em;}
.bottom-section ul li {font-weight: 600; margin-bottom: 10px; color: #fff;}*/

.btn-more {
	padding: 10px 25px 8px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3;
    background-color: #000000;
    transition: all 0.3s ease 0s;
    font-size: 22px;
    text-align: center;
    border: none;
    box-shadow: none;
}
.btn-more:hover {background-color: #fff;color: #CC0933; textx-decoration: none;}
.textwidget {position: relative;width: 50%; float: left; padding: 80px 0;  z-index:99;}

/*Scrolling banner*/
.scrolling-wrap { max-width: 100%; height: 90px; background-color: #fff; overflow: hidden; border-left: 10px solid #d2cb2a; border-right: 10px solid #d2cb2a;}
.scrolling {width: 100%;height: 90px; }

/* Footer */
.footer {width: 100%; float: left;position: relative; background-color:#000000;}
.footer .logo {float: left;padding: 10px 0;}
.f-menu {float:right;}
.f-menu ul {padding: 34px 0;}
.f-menu li {float: left; padding:0 12px;}
.f-menu li:last-child {padding-right: 0;}
.f-menu li a {color: #fff;}
.copyright {background: #1d1d1d; padding: 10px 0; font-size: 16px; font-weight: 300; color: #fff;}

/* Form */
.form {position: relative;width: 75%; padding: 20px 0; font-family: 'Montserrat', sans-serif;}
input[type="text"] {
    width: 98%;
	margin: 0px 0 12px 0;
    padding: 4px 1%;
    font-size: .9em;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

input[type="text"]:focus {border: 3px solid  #0880a;}
select {
    margin: 2px 0;
    padding: 4px 1%;
    font-size: .9em;
    background-color: #fff;
    box-shadow:0 0 1px #363636;
    -webkit-border-radius: 0;
    border-radius: 0;
    border:none;
}\ 

select:focus {outline: 3px solid #ea0005;}
textarea {
    width: 98%;
    min-height:80px;
	margin:2px 0;
    padding: 4px 1%;
    font-size: .9em;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

textarea:focus {border: 3px solid #fff;;}
.form input[type="submit"] {
	display:inline-block;
	float: left;
	padding: 12px 30px 10px 30px;
	border: 0;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px !important;
	font-weight: 300 !important;
	text-shadow:none;
    letter-spacing: 1px;
	color: #fff;
	-webkit-border-radius:0; 
    border-radius:0;
    background-color: #CC0933;
	cursor: pointer;
	
}
.form input[type="submit"]:hover {
	background-color:#000;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;  
    -webkit-appearance: none;
}

.cap-sub-group { margin: 0 auto; text-align: center;}

/*INVENTORY*/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    background: #CC0933 !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {
    color: #fff !important;
    cursor: pointer !important;
}
.faceted-search-content .selected-facets-container .selected-facet {
    background: #CC0933 !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name{color:#000 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color:#000 !important;}
.list-content .list-title .list-listings-count {color:#CC0933 !important; }
.inv-wrap  { padding-top: 30px !important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn{background:#CC0933 !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn{border-color:#CC0933 !important; color: #CC0933 !important;}
.detail-content .detail-main-body .main-detail-data .detail-price{color:#000 !important;}
.detail-content .detail-additional-data .data-row .data-label{background:#CC0933 !important;}
.detail-content .dealer-info .dealer-company-header{color: #000 !important;}
.detail-content .dealer-info .google-maps-link {color:#CC0933 !important; }
.detail-content .dealer-info .contact-information .address{color:#CC0933 !important; }
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {background:#CC0933 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover {color:#fff !important; cursor: pointer !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {background:#CC0933 !important; border-color: transparent !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile{background:#CC0933 !important; border-color: transparent !important;}
.detail-content-mobile .detail-additional-data .data-row .data-label {background:#000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #CC0933 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn:hover {color:#fff !important; cursor: pointer !important;}
.fin-calc {color:#CC0933 !important;}
.detail-content-mobile .dealer-info .dealer-title-link h3{color:#CC0933 !important;}
.detail-content-mobile .google-maps-link {color:#CC0933 !important;}
.detail-content-mobile .dealer-info .address-and-contact .address{color:#CC0933 !important;}
.list-content .list-listing-mobile .view-listing-details-link{background: #CC0933 !important;}
.list-content .list-listing-mobile .view-listing-details-link:hover{color: #fff !important; cursor: pointer !important;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {border-color: #CC0933 !important; color:#CC0933 !important;}
.list-content .list-listing-mobile .price-container .price {color:#CC0933 !important;}
/*CAPCHA*/
.CaptchaMessagePanel {font-weight:normal !important;}
.CaptchaWhatsThisPanel {padding:0 !important;}
#CaptchaAnswer {border: 1px solid #999; background: #fff; font-weight: bold;}
.form-btns {max-width: 80%; margin: 0 auto; text-align: center;text-align: center;}
.control-box input[type="text"] {width: auto;}

/*Inventory*/
input#btnApply {font-size: 14px !important;}
a.widget-details.btn.listings-button:hover { background-color: #CC0933 !important; cursor: pointer !important;}

/*Animatiom*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
}
/* Media queries*/
.show-menu-for-mobile {display:none;}

@media screen and (max-width: 1200px) {
.wrapper {max-width: 100%;margin: 0 auto; padding: 0 20px;}
.wrapped {max-width: 100%;margin: 0 auto;}
.inv-wrap {max-width: 100%; padding: 0 20px;}
}

@media screen and (max-width: 1024px) {
.top-bar p {font-size: 14px;}
.slider {height: 521px; min-height: 521px;}
.hero-title h1 {font-size: 3em;}
.footer {text-align: center;}
.footer .logo {width: 100%;text-align: center;}
.f-menu, .f-menu ul {width: 100%; float: none;ltext-align:center; margin: 0 auto;}
.f-menu li {display: inline-block; float: none; text-align: center;}
}
@media screen and (max-width: 992px) {
.top-page-banner h2 {font-size: 34px;}
.textwidget {width: 100%;}
.bottom-section {height: auto;}
.bottom-section:after {width: 100%; height: 100%;top: 0; left: 0; right: 0; border: none;background: rgba(221, 169, 51, 0.9);}
}

@media screen and (max-width: 810px) {
.text-hd, .phone {width: 100%; text-align:center; float: left;}
}

@media screen and (max-width: 767px) {
h3 {font-size: 18px;font-weight: 900;text-transform: capitalize;}
.slider {display: none;}
.main-text {margin-top: 157px;}
.main-text p {padding: 75px 0px 35px 0;}
.btn-wrapper, .form, .main-text.text p {width: 100%;}

}

@media screen and (max-width: 720px) {
.logo {width: 140px;}
}

@media screen and (max-width: 375px){
.copyright {font-size: 12px;font-weight: 600;}
}

@media screen and (max-width: 340px){
.top-page-banner h2 {font-size: 24px;}
	
}