﻿/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	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%;
}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
	font-family: Arial, sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

body {
	margin: 0;
}

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;
}

/*image replacement*/
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-style: solid;
	height: 0;
}

img {
	border: 0;
}

/*===================== 
	typography 
=======================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2em;
}

p {
	margin: 0;
	font-family: 'montserrat', sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	color: #1d1d1d;
	line-height: 1.6em;
}


h1 {
	color: #2b4074;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 2px;
}

h2 {
	color: #cd362c;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 2px;
}

h3 {
	color: #1a284a !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	text-align: left;
	letter-spacing: 3px !important;
}

h4 {
	color: #3a3a3a;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

h5 {
	color: #C51105;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
}

h6 {
	font-family: 'montserrat', sans-serif !important;
	color: #1a284a;
	font-weight: 700;
	font-size: 14px;
}

/*===================== 
	link styles 
=======================*/

a:focus {
	outline: thin dotted;
	/*reset*/
}

a,
a:link,
a:visited,
a:active {
	outline: 0;
	/*reset*/
	color: #626262;
	text-decoration: none;
}

a:hover {
	outline: 0;
	/*reset*/
	text-decoration: none;
	color: #ccc;
}

/*===================== 
	header styles 
=======================*/


header {
	margin: 0 auto;
	width: 100%;
	/* box-sizing: border-box; */
}

.no-mar {
	margin: 0;
}

/*===================== 
	nav styles 
=======================*/

nav.primary {
	padding: 0;
	display: block;
	margin: 0 auto;
	position: relative;
	text-align: right;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {}

nav>ul>li {
	display: inline-block;
	list-style-type: none;
	padding: 10px 15px 20px 15px;
}



/* Appearance of the sub-level links */



nav.primary ul li a .click {
	cursor: pointer;
	z-index: 12;
	top: 0;
	right: 0;
	width: auto;
	height: auto
}


/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
	display: none;
	position: absolute;
	max-width: 250px !important;
	background-color: #1a284a !important;
	margin-top: 20px !important;
	margin-left: -10px;
	text-align: left;
}

nav.primary ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

nav.primary ul li:hover>ul {
	display: block;
	line-height: 18px;
	z-index: 2000 !important;
}

nav.primary ul ul li {
	float: none;
	position: relative;
	display: block;
	padding: 5px 30px 5px 15px;
}

.dropdown_arrow {
	display: inline-block !important;
}


.dropdown_navLink {
	font-family: 'karla', sans-serif;
	font-size: 14px;
	color: #fff !important;
}

.navDropLi:hover {
	background-color: #cd362c;
	transition: 0.3s;
}

/******** End of primary Nav ***************/


/*===================== 
	mobile nav
=======================*/

#menu-button {
	/* initially will need to be hidden */
	display: block;
	font-size: 32px;
	width: 100%;
	position: relative;
	z-index: 400;
	/* needs to be lower than nav.mobile, adjust as needed */
	background: transparent;
	text-align: center;
	min-height: 0 !important;
}

#menu-button a {
	color: #fff;
	text-decoration: none;
	text-align: right !important;
}

nav.mobile {
	display: block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #1a284a;
	z-index: 500;
	/* needs to be higher than #menu-button, adjust as needed */
	overflow: auto;
}

nav.mobile h3 {
	/* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}

nav.mobile .menu-toggle {
	/* Menu close button */
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px !important;
	font-family: Arial, sans-serif;
	font-weight: 700;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}

.menu-toggle {
	text-align: right;
	font-size: 28px;
	color: #000;
}

.menu-toggle a:hover {
	color: #000 !important;
}

.close_mobile {
	font-size: 26px !important;
	font-weight: 900;
	text-align: right;
	color: #fff !important;
}

.close_mobile:hover {
	transition: 0.3s;
	color: #cd362c !important;
}

nav.mobile .menu-toggle:hover {
	/* Menu close button on hover */
	color: #fff;
}

nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}

nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px !important;
	color: #999;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 1px;
}

nav.mobile ul li a:hover {
	background: ;
	color: #2b2b2b;
}


nav.mobile ul li li a {
	/* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px !important;
	color: #000;
	text-decoration: none;
	text-transform: none !important;
}

nav.mobile ul li li li a {
	/* appearance of third level sub-level links if needed */
	background: #666;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px !important;
	color: #000;
	text-decoration: none;
}

nav.mobile ul li span.click {
	/* dropdown menu idicator arrow be sure to include this image with your image files */
	background: url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size: 55%;
	position: relative;
	display: block;
	float: right;
	margin: -44px 0 0 0;
	cursor: pointer;
	z-index: 12399994;
	width: 44px;
	height: 44px;
	-webkit-transition: background-size .3s ease-in-out;
	-moz-transition: background-size .3s ease-in-out;
	transition: background-size .3s ease-in-out;
}

nav.mobile ul li span.click:hover {
	background-size: 60%;
}

nav.col-xs-12.mobile.open {
	padding-left: 15px;
	padding-right: 15px;
}




/*===================== 
	header styles 
=======================*/
.header-bg {
	padding: 1% 3% 0% 3% !important;
	background-color: #eeeeee;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.social-row {
	text-align: right;
}

.socialUl {
	list-style: none !important;
	padding-left: 0px;
	display: inline-block;
}

.socialLi {
	padding-left: 8px;
	display: inline-block;
}

.header-phone {
	font-size: 18px;
	color: #CA332B !important;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	padding-right: 10px;
	margin-top: 3px;
}

.header-phone:hover {
	transition: 0.2s;
	color: #2b4074 !important;
}

.fa-envelope {
	color: #cd362c !important;
	font-size: 14px;
}

.fa-envelope:hover {
	color: #2b4074 !important;
	transition: 0.3s;
}

.fa-facebook-f {
	color: #cd362c !important;
	font-size: 14px;
}

.fa-facebook-f:hover {
	color: #2b4074 !important;
	transition: 0.3s;
}

.fa-twitter {
	color: #cd362c !important;
	font-size: 14px;
}

.fa-twitter:hover {
	color: #2b4074 !important;
	transition: 0.3s;
}

.menu-row {
	padding-top: 10px;
}

.primary_navLink {
	font-weight: 700;
	font-size: 14px;
	color: #233767 !important;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.primary_navLink:hover {
	color: #cd362c !important;
	transition: 0.3s;
}

.primary_linkLast {
	padding-right: 0px !important;
}

.home-vid {
	text-align: center;
	padding-top: 15px;
}

.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

#myVideo {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.home-video {
	padding: 20px 32% 30px 32%;
}


/*====================
	video tutorials
======================*/
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.col-xs-12 a h5:hover {
	color: #233767 !important;
}

/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow img {
	width: 100%;
	padding: 0;
	height: 610px;
	object-fit: cover;
}

img.img-responsive.slide {}

.cycle-slideshow {
	padding: 0;
	z-index: -1;
}

.slide {
	width: 100%;
}



/*===================== 
	home styles 
=======================*/
.blue-bg {
	background-image: url(../siteart/destination-bg2.png);
	background-position: center;
	background-color: #2b4074;
	min-height: 470px;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 9% 3%;
}

.rv-bg {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 46%, rgba(239, 239, 239, 1) 100%);
	padding: 2%;
	min-height: 470px;
}

.rv-div {
	padding-bottom: 60px;
	height: 200px;
}

.rv-divBottom {
	padding-bottom: 0px !important;
}

.blue-small {
	font-family: 'Barlow Condensed', sans-serif !important;
	color: #fff;
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
}

.blue-large {
	font-family: 'Barlow Condensed', sans-serif !important;
	color: #fff;
	font-size: 54px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	margin-top: -18px;
}

.rv-divImg {
	margin: 0 auto;
	text-align: center;
}

.rv-title {
	color: #bd2734;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-top: 5px;
}

.rv-subtitle {
	color: #3a3a3a;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.rv-subtitle>a {
	color: #3a3a3a !important;
}

.rv-subtitle>a:hover {
	color: #bd2734 !important;
	transition: 0.2s;
}

.home-white {
	background-color: #fff;
	padding: 4% 20%;
}

.homeh1 {
	color: #cd362c;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
}

.homeh1-bold {
	font-weight: 700;
}

.home-blueBtn {
	background-color: #233767;
	color: #fff !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	font-size: 17px;
	max-width: 250px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 1px;
}

.home-blueBtn:hover {
	background-color: #16264e;
	transition: 0.3s;
}

.home-redBtn {
	background-color: #cd362c;
	color: #fff !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	font-size: 17px;
	max-width: 250px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 1px;
	border: none !important;
}

.home-redBtn:hover {
	background-color: #ac2b22;
	transition: 0.3s;
}

.home-gray {
	background-color: #eeeeee;
	padding: 7% 2% !important;
	min-height: 500px;
}

.home-red {
	background-color: #cd362c;
	min-height: 500px;
	padding: 0px;
}

.h2gray {
	color: #2b4074;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	letter-spacing: 2px;
}

.home-featuredRental {
	background-color: #ac2b22;
	color: #fff !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	padding: 20px;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 3px;
}

.home-redRental {
	padding: 2% 4%;
}

.featured-img {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	width: 359px;
}

.featured-title {
	font-family: 'roboto condensed', sans-serif !important;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.scrolling-bg {
	background-color: #fff;
	padding: 2% 4%;
}

.scrolling-wrap {
	width: 100%;
	height: 90px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0px;
}

.scrolling {
	width: 100%;
	height: 92px;
}

.blue-contact {
	background-color: #2b4074;
	padding: 2% 4%;
}

.blue-contactDiv {
	background-color: transparent;
	border: 2px solid #1a284a;
	padding: 5% 8%;
	margin: 0 auto;
	text-align: center;
	height: 195px;
}

.contact-icon {
	display: inline-block;
	margin-top: -45px;
}

.blue-contactTitle {
	font-family: 'roboto condensed', sans-serif !important;
	font-weight: 700;
	color: #e99a96;
	font-size: 18px;
	text-transform: uppercase;
}

.contact-infoDiv {
	display: inline-block;
	padding-left: 15px;
	text-align: center;
}

.blue-contactP {
	font-family: 'roboto condensed', sans-serif !important;
	font-weight: 400;
	color: #fff;
	font-size: 17px;
	text-align: center;
}

.blue-contactP>a {
	font-weight: 400 !important;
	color: #fff !important;
}

.blue-contactP>a:hover {
	color: #cd362c !important;
	transition: 0.3s;
}

.blue-contactPBold {
	font-weight: 700;
}

.blue-contactPad {
	padding-left: 15px !important;
	padding-right: 15px !important;
}


/*===================== 
	subpage styles 
=======================*/
.subpage-header {
	background-image: url("/siteart/subpage-header.jpg");
	background-color:#000;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 3%;
}

.h1White {
	font-family: 'barlow condensed', sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 5px;
	text-align: center;
}

.subpagePad {
	padding: 4% !important;
	min-height: 640px;
}

.test-border {
	border: 1px solid #eeeeee;
	padding: 2% !important;
	margin-bottom: 25px;
	text-align: center;
}

.test-border:hover {
	background-color: #eee;
	transition: 0.2s;
}

.test-borderPad {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.test-center {
	text-align: center;
}

.test-rowWhite {
	border: 1px solid #eeeeee !important;
	padding: 3% 4% 5% 4% !important;
	margin-bottom: 25px !important;
	text-align: center !important;
	background-color: #fff !important;
}

.test-rowGray {
	border: 1px solid #eeeeee !important;
	padding: 3% 4% 5% 4% !important;
	margin-bottom: 25px !important;
	text-align: center !important;
	background-color: #eee !important;
}

.quote-icon {
	padding-bottom: 15px;
	margin: 0 auto;
	text-align: center;
}

.testimonialRow1 {
	min-height: 390px;
}

.testimonialRow2 {
	min-height: 640px;
}

.testP {
	font-size: 13px;
}

.contactBorder {
	border: 1px solid #eee;
	padding: 4% !important;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
	min-height: 110px;
}

.h3Contact {
	color: #1a284a;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 10px;
}

.socialLi-contact {
	padding: 5px;
	display: inline-block;
}

.fa-twitterContact {
	font-size: 26px !important;
}

.fa-facebook-fContact {
	font-size: 26px !important;
}

.contactPad {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.subpage-link {
	color: #000 !important;
	font-weight: 700;
}

.subpage-link:hover {
	color: #cd362c !important;
	transition: 0.2s;
}
.finance-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.finance-img {
	margin: 0 auto;
	text-align: center;
	padding: 10px 10px 15px 10px;
}

/*===================== 
	accordion styles 
=======================*/

.accordion {
	background-color: #eee;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	color: #1a284a;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.acc-2 {
	background-color: #ddd !important;
}

.active,
.accordion:hover {
	background-color: #ccc;
}

.active,
.acc-2:hover {
	background-color: #ccc !important;
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom: 0px !important;
	border: 1px solid #eee !important;
}

.tipsUl {
	padding-left: 15px;
	padding-top: 7px;
}

.tipsLi {
	padding-left: 0px;
	font-family: 'montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6em;
}

.h5Margin {
	margin-top: 15px;
}

.tipsLink {
	font-weight: 700;
	color: #2b4074 !important;
}

.tipsLink:hover {
	color: #cd362c !important;
	transition: 0.2s;
}



/*===================== 
	inventory styles 
=======================*/
.col-xs-12.col-sm-3 {
	padding-left: 0;
	padding-right: 0;
}

.col-xs-12.col-sm-9.footer-right {
	padding-left: 0;
	padding-right: 0;
}

.col-xs-12.col-md-4 {
	padding-left: 0;
	padding-right: 0;
}

.col-xs-12 {
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.hidden-xs.hidden-sm.col-md-12.menu-rowDiv {
	padding: 0px;
}

.rental-btn {
	padding: 15px 0px 6px 0px;
	max-width: 1124px !important;
}

.small-blueBtn {
	background-color: #233767;
	color: #fff !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 700;
	padding: 11px 35px;
	font-size: 12px;
	max-width: 250px;
	text-align: center;
	float: right;
}

.small-blueBtn:hover {
	background-color: #16264e;
	transition: 0.3s;
}


/*--------------------------------------------------------------
## NEW INVENTORY LAYOUT STYLES
--------------------------------------------------------------*/
.body-wrapper {
	font-family: 'montserrat', sans-serif;
}

.body-content {
	padding: 50px 0 !important;
}

/*-----FONTS-----*/
.list-content .list-title .list-title-text {
	color: #cd362c;
	font-family: 'Barlow Condensed', sans-serif !important;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px !important;
	letter-spacing: 2px !important;
}

.list-content .listing-portion-title {
	font-family: 'Roboto Condesnsed', sans-serif;
	font-size: 20px;
}

.list-content .list-title .list-listings-count {
	color: #1a284a !important;
	font-family: 'montserrat', sans-serif !important;
	font-size: 11px !important;
	text-transform: none !important;
	letter-spacing: 0px !important;
	font-weight: 400 !important;
}

.list-listing-title {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.listing-portion-title {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {
	font-family: 'Roboto Condensed', sans-serif;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
	color: #cd362c !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 700 !important;
}

.list-content .list-top-section .listing-option-bar .list-listings-count {
	color: #cd362c !important;
}

.faceted-search-content .faceted-section-head h5 {
	font-family: 'Roboto Condensed', sans-serif;
	border-radius: 0px !important;
}

.listing-portion-title.description-title {
	font-family: 'Roboto Condensed', sans-serif;
}

.faceted-search-content .faceted-section-box .faceted-search {
	border-radius: 0px !important;
}

.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {
	border-radius: 0px !important;
}

.detail-content .detail-main-body .main-detail-data .detail-price {
	color: #cd362c !important;
	font-family: 'Roboto', sans-serif;
}

.detail-content .detail-main-body .main-detail-data .detail-title {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 25px;
	text-transform: uppercase;
	color: #000;
	font-weight: 800;
}

.detail-content .dealer-info h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
}

.contact-information {
	font-family: 'Roboto', sans-serif !important;
}

.breadcrumbs {
	font-family: 'Roboto', sans-serif !important;
}

.listing-widgets {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.detail-additional-data {
	font-family: 'Roboto', sans-serif !important;
}

.detail-additional-data h4 {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.detail-content .search-results {
	color: #cd362c !important;
}

.legal-text-content {
	font-family: 'Roboto', sans-serif !important;
	font-size: 12px;
	font-style: italic;
}

/*-----BUTTONS-----*/
.view-listing-details-link {
	background: #2b4074 !important;
	font-family: 'Roboto', sans-serif;
	border-radius: 0px !important;
}

.view-listing-details-link:hover {
	background: #1a284a !important;
}

.email-seller-link {
	border-radius: 0px !important;
}

.faceted-search-content .selected-facets-container .selected-facet {
	background: #2b4074 !important;
	font-family: 'Roboto', sans-serif;
	border-radius: 0px !important;
}

.noUi-connect {
	background: #cd362c !important;
}

.noUi-handle {
	background: #cd362c !important;
}

.list-content .listing-bottom .listing-widgets a {
	border-radius: 0px !important;
	font-family: 'Roboto', sans-serif !important;
}

.detail-content .print-this,
.detail-content .email-this {
	border-radius: 0px !important;
	font-family: 'Roboto Condensed', sans-serif;
}

.offer-btn {
	border-radius: 0px !important;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #cd362c !important;
}

.offer-btn:hover {
	background-color: #555555 !important;
}

.send-email-btn {
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
	border-color: #cd362c !important;
	color: #cd362c !important;
}

.detail-content .detail-additional-data .data-row .data-label {
	background: #555555 !important;
}

.print-this,
.email-this {
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
}

.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {
	display: inline-block !important;
}

.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {
	width: auto !important;
}

.paging-container .page-navs .list-page-nav {
	background: #cd362c !important;
	font-family: 'Roboto', sans-serif;
}

.list-container-flexrow .buy-now-link,
.list-container-flexrow .check-availability-link,
.list-container-flexrow .email-seller-link,
.list-container-flexrow .dealer-phone-call {
	border-radius: 0px !important;
}

/*-----Mobile Styles-----*/
.list-content .list-listing-mobile .price-container .price {
	color: #cd362c !important;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {
	color: #cd362c !important;
	border-color: #cd362c !important;
	border-radius: 0px !important;
}

.specs-container {
	font-family: 'Roboto', sans-serif !important;
}

.spec-container {
	font-family: 'Roboto', sans-serif !important;
}

.mobile-breadcrumb {
	background-color: #555555 !important;
}

.detail-title {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .detail-price {
	color: #cd362c !important;
}

.detail-content-mobile .dealer-info h3 {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.field-value {
	font-family: 'Roboto', sans-serif;
}

.contact {
	font-family: 'Roboto', sans-serif;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
	background-color: #cd362c !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
	background-color: #cd362c !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
	border: none !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
	background-color: #cd362c !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
	text-transform: uppercase !important;
}

.data-label {
	background-color: #555555 !important;
}

.faceted-search-content .mobile-done-button-container .mobile-done-button {
	background-color: #333 !important;
	border-radius: 0px;
	font-family: 'Roboto Condensed', sans-serif;
}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {
	background-color: #cd362c !important;
	border-radius: 0px;
	font-family: 'Roboto Condensed', sans-serif;
}

.list-content .list-listing-mobile .dealer-phone-container {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	font-family: 'montserrat', sans-serif !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
	background-color: #2b4074 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
	background-color: #2b4074 !important;
}

.view-listing-details-link {
	color: #fff !important;
}

/*-----Additional Styles-----*/
.body-wrapper {
	padding-top: 1%;
	padding-bottom: 3%;
}

.list-content .listing-portion-title {
	color: #2b4074 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	letter-spacing: 0px !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info {
	text-align: left !important;
}

.rent-title {
	color: #cd362c !important;
}

.list-content .list-listing-mobile .listing-category {
	font-size: 1.2rem;
}

.list-content .list-listing-mobile .description-title {
	font-size: 1.4rem !important;
}

.breadcrumbs {
	font-size: 1.2em !important;
}

.detail-content .detail-main-body .main-detail-data .detail-title {
	color: #2b4074 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	letter-spacing: 0px !important;
}

.rent-title-details {
	color: #cd362c !important;
}

.dealer-info>div>h3 {
	color: #cd362c !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: left;
	letter-spacing: 1px !important;
}

.detail-content .dealer-info {
	padding-top: 10px;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	font-size: 1.2em !important;
}

.detail-content .detail-additional-data .data-row .data-value {
	font-weight: 400 !important;
	font-family: 'montserrat', sans-serif !important;
}

.detail-additional-data>h4 {
	color: #cd362c !important;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: left !important;
	letter-spacing: 1px !important;
	padding-bottom: 10px !important;
}

/*--------------------------------------------------------------
## INVENTORY SEARCH ON SEPARATE PAGE E.G. https://nextraninventory.com.wpdev - pull in with function.php
--------------------------------------------------------------*/
/*--------------YOU MAY NOT NEED THIS but if you want to pull in search on homepage use functions.php or separaate file-------------*/
.faceted-search-content .faceted-section-box .faceted-slider {
	width: 100%;
	margin: 0;
	padding: 0;
}

.leftslider {
	padding: 0 1% !important;
}

.rightslider {
	padding: 0 1% !important;
}


/*-----------NEW INVENTORY MEDIA QUERIES-----------*/
/*--------------You may not need this but it prevents a weird layout thing to happen around these pixel points-------------*/
@media (max-width : 795px) and (min-width : 786px) {
	.has-search-bar {
		width: calc(72% - .75%) !important;
	}
}

@media only screen and (max-width : 785px) {
	.footer-background {
		padding: 20px 5% 15% 5%;
	}

	.list-content .list-main-section {
		border: none !important;
	}
}

/*--------------Extends the footer so that the fixed nav doesn't overlap the footer-------------*/
@media only screen and (max-width : 400px) {
	.footer-background {
		padding: 20px 5% 20% 5%;
	}
}


/*===================== 
	form styles 
=======================*/

.form-outline {
	/*border:1px solid #e7e7e7;*/
	background-color: #eee;
	padding: 30px 30px 40px 30px;
	margin: 0px;
	margin-top: 30px;
}

.form_input {
	width: 100%;
	padding: 10px;
	font-family: 'karla', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #666666;
}

.form_inputStyle {
	padding: 4px;
}

.form-orangeBtn {
	background-color: #fc5916;
	color: #fff;
	text-transform: uppercase;
	font-family: 'open sans', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 15px;
	padding: 10px 20px;
	margin: 0 auto;
	text-align: center;
	width: 50%;
	border: none !important;
}

.form-orangeBtn:hover {
	transition: 0.3s;
	background-color: #000;
}

.form_input {
	width: 100% !important;
}

.form-h4Pad {
	padding-bottom: 10px;
}

.CaptchaImage {
	margin-top: 15px;
}

.col-xs-12.col-md-4.form_inputStyle {
	padding: 4px;
}



/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
	text-decoration: none;
	font-size: 13px;
	color: #222;
}

a.footerlink:hover {
	text-decoration: none;
	font-size: 13px;
	color: #fff;
}

.footertext {
	font-size: 13px;
	color: #666;
}

.smallfootertext {
	font-size: 10px;
	color: #666;
}

.divfooter {
	max-width: 1200px;
	text-align: center;
	margin: 0 auto;
}

.footer-bg {
	background-color: #1a284a;
	padding: 2% 4%;
}

.footerP {
	font-family: 'roboto condensed', sans-serif !important;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
}

.bbb-img {
	padding-top: 5px;
}

.footer-right {
	padding-top: 12px;
	text-align: right;
}

.footer-rv {
	font-weight: 700;
	color: #fff !important;
}

.footer-rv:hover {
	color: #cd362c !important;
	transition: 0.3s;
}



/*========================= 
	 Responsive styles 
===========================*/

/*==========  Non-Mobile First Method  ==========*/


/* XLarge Devices, Wide Screens */
@media only screen and (max-width : 1750px) {
	.testimonialRow2 {
		min-height: 685px !important;
	}
}

@media only screen and (max-width : 1500px) {
	.testimonialRow2 {
		min-height: 780px !important;
	}
}

@media only screen and (max-width : 1334px) {
	.testimonialRow1 {
		min-height: 420px !important;
	}
}

@media only screen and (max-width : 1300px) {
	.testimonialRow2 {
		min-height: 840px !important;
	}
}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.rv-bg {
		min-height: 440px;
	}

	.blue-bg {
		min-height: 440px;
		padding: 13% 3%;
	}

	.blue-small {
		font-size: 20px;
	}

	.blue-large {
		font-size: 50px;
		margin-top: -9px;
	}

	.rv-div {
		height: 192px;
	}

	.home-white {
		padding: 4% 10%;
	}

	.blue-contactP {
		font-size: 15px;
	}

	.blue-contactTitle {
		font-size: 16px;
	}

	.blue-contactDiv {
		padding: 5% 3%;
		height: 125px;
	}

	.contact-infoDiv {
		padding-left: 5px;
	}

	.testimonialRow1 {
		min-height: 450px !important;
	}

	.testimonialRow2 {
		min-height: 0px !important;
	}

	.h1White {
		font-size: 32px;
	}

	.subpage-header {
		padding: 4%;
	}

	.accordion {
		font-size: 16px;
	}

	.home-video {
		padding: 20px 22% 30px 22%;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.rv-bg {
		min-height: 0px;
	}

	.blue-bg {
		min-height: 0px;
		padding: 8% 3%;
	}

	.home-white {
		padding: 4%;
	}

	.home-gray {
		background-color: #eeeeee;
		padding: 6% 4% !important;
		min-height: 0px;
	}

	.home-red {
		min-height: 0px;
	}

	.contact-icon {
		display: block;
		margin-top: 0px;
		margin: 0 auto;
	}

	.contact-infoDiv {
		display: block;
		padding-left: 0px;
		text-align: center;
		margin-top: 10px;
	}

	.blue-contactDiv {
		height: 190px;
	}

	.blue-contactTitle {
		font-size: 16px;
	}

	.blue-contactP {
		font-size: 14px;
	}

	.header-logo {
		margin: 0 auto;
		text-align: center;
	}

	.social-row {
		text-align: center;
		padding-top: 10px;
	}

	.menu-row {
		padding-top: 0px;
	}

	.header-bg {
		box-shadow: none !important;
	}

	.mobile-bg {
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
		background-color: #1a284a;
	}

	.primary_navLink {
		color: #fff !important;
		padding: 0px;
	}

	nav.mobile ul li {
		padding: 4px 0 !important;
	}

	nav.mobile ul li li a {
		color: #fff;
	}

	.testimonialRow1 {
		min-height: 0px !important;
	}

	.h5Margin {
		margin-top: 15px;
	}

	.h5MarginNo {
		margin-top: 0px !important;
	}

	.home-video {
		padding: 20px 15% 30px 15%;
	}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.blue-contactDiv {
		height: auto;
		padding: 2% 8%;
	}

	.blue-contactPad {
		padding-bottom: 15px;
	}

	.footerP {
		text-align: center;
	}

	.bbb-img {
		padding-top: 5px;
		padding-bottom: 15px;
		margin: 0 auto;
		text-align: center;
	}

	.h1White {
		font-size: 28px;
	}

	.accordion {
		font-size: 15px;
		letter-spacing: 0px;
	}

	.home-video {
		padding: 20px 8% 30px 8%;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}