/* 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 { 

	font-family: 'Open Sans', sans-serif;
}



a {
	color:#0079ba;
	text-decoration: none;
}

a:hover{
	color:#fff;
	text-decoration:none;
}

p{
	padding:20px 0;
}

h4 {font-size: 20px;}
h5 {font-size: 18px; line-height: 1.5em;}
h6 {font-size: 15px;}

.fixed-width {width:80%; margin:0 auto;}
.fixed-width-smaller {width:65%; margin:0 auto;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

.fa {display: inline-block!important;}
img {display: inline-block!important;}


/* ANIMATE
-----------------------------------------------*/

.animate-reveal {
  letter-spacing: .5px;
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate-third {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

.animate-fourth {
  -webkit-animation-delay: 1.5s;
     -moz-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}




/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	background:#fff;
	font-family: 'Open Sans', sans-serif!important;
}

.logo{
	text-align:center;
	width:100%;
	margin:0 auto!important;
	display:inline-block;
}
.logo img{
	width:200px;
	margin:0 auto!important;
	padding:10px 0 0;
}


.top-bar {background:#0079ba; padding:10px; text-transform: uppercase; font-size: 12px;}
.top-bar a {color:#fff!important; padding:10px; font-weight: bold; display:inline-block;}

.top-bar i {color:#000!important;font-size: 15px; padding:2px;}



/* HOME PAGE STYLES
-----------------------------------------------*/

.carousel-caption p {font-size: 40px;}
.carousel-caption h5 {font-size: 50px; font-weight: bold;}
.carousel-caption {line-height: 20px; text-shadow: 1px 1px 5px #333;}


.text-wrap {background:#313131;  margin:0 auto; color:#fff; overflow: auto; padding:65px 10px;}
.text-wrap p {font-weight: 600;}

.logos {margin:0 auto; text-align: center;}
.logos img {padding:50px 20px; display: inline-block;}

.bb {color:#0079ba!important; font-weight: bold; line-height: 40px;}

.keywords {border-radius:5px; border:1px solid #fff; padding:5px; width:30%}
.search {background:transparent!important; border:transparent; margin-left:-45px;}
input.keywords {box-sizing: content-box!important;}
/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
				background:#ffcb05;
			}
			.cta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 195px;
				z-index:999;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #000; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:20px;  vertical-align: bottom; width:100%; padding:10px 10px 30px;  margin-bottom: -10px;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.cta a:hover { opacity: 1; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.cta ul li .cta1 { background-image:url("/siteart/contact.png"); margin:10px; }
			.cta ul li .cta2 { background-image:url("/siteart/inventory.png"); margin:10px;}
			.cta ul li .cta3 { background-image:url("/siteart/parts.png"); margin:10px;}
			.cta ul li .cta4 { background-image:url(/siteart/financing.png); margin:10px;}

			.cta a:hover .overlay { zoom:120%; font-weight:bolder;}
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }

/* INVENTORY
------------------------------------------------*/

.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text {
    background-color: #ffcb05!important;
    color: #000000!important;
    font-weight: 700!important;
}
.faceted-search-content .faceted-section-box .faceted-search{
	   background-color: #ffcb05!important;
    color: #000000!important;
    font-weight: 700!important;
}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
   background-color: #ffcb05!important;
    color: #000000!important;
    font-weight: 700!important;	
}
.list-title-text {
    color: #0079ba!important;
}
.list-top-section .list-title .list-listings-count{
	color: #000000!important;
}
.view-listing-details-link{
    background-color: #0079ba!important;	
}
.list-content .price-container .price{
   color: #0079ba!important;	
	
}
.view-listing-details-link:hover{
	background: #008dd9!important;
}
.list-content .list-container .buy-btn:hover, .list-content .list-container .contact-btn:hover, .list-content .list-container .check-availability:hover, .list-content .list-container .email-seller:hover, .list-content .list-container .video-chat:hover, .list-content .list-container .facebook-messenger:hover, .list-content .list-container .whatsapp:hover, .list-content .list-container .text:hover{
background: #ffd42f!important
}
.fin-calc:hover{
	color: #000!important;
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
    padding: 8px 40px!important;
    border: 1px solid white!important;
    border-radius: 0px!important;
    background-color: #0079ba!important;
    color: #fff!important;	
}
/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#222;
	font-size:11px;
	text-align:center;
	background:#b4b4b4;
	padding: 30px 0 50px;
	overflow: auto;
	font-family: "open-sans",sans-serif;
}

.footer a{
	color:#eaeaea;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}

ul.secondary li {list-style-type: none; font-weight: bold; text-decoration: none; line-height: 30px;}
ul.secondary li a {color:#222; text-transform: uppercase;}



@media screen and (max-width:1200px){
	.social {font-size: 12px;}
}
@media screen and (max-width:1090px){
	.cta ul li .cta1 { width:50%; margin:0 auto;}
			.cta ul li .cta2  { width:50%; margin:0 auto;}
			.cta ul li .cta3 { width:50%; margin:0 auto;}
			.cta ul li .cta4 { width:50%; margin:0 auto;}
	
	.social {display: none;}
}
@media screen and (max-width:768px){
	.fixed-width-smaller {width:95%; margin:0 auto;}
	.fixed-width {width:98%;}
	
	.text-right {text-align: center!important;}	
	.text-left{text-align: center!important;}	
	
	.cta ul li div:first-child {height:330px}
	.cta a h2 {padding:50px 10px;}
	
	.keywords {width:50%}
	
	.top-bar a {display: block; }
	
}