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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
}

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

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

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

}

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

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'open_sansregular'; font-size: 16px; background:#e6e6e6!important; overflow-x: hidden; line-height: 1.6;}
h1 {font-family: 'ralewaybold'; font-size: 28px;line-height:normal;margin-bottom:10px;}
h2 {font-family: 'ralewaybold'; font-size: 24px;line-height:normal;margin-bottom:10px;text-transform: uppercase;}
h3 {font-family: 'open_sansbold'; font-size: 28px;color:#1289dd;margin-bottom:10px;}
h4 {font-family: 'open_sansbold'; font-size: 20px;line-height:normal;margin-bottom:10px;}
a:link, a:visited, a:active {text-decoration:none;color:#555;font-family: 'open_sansbold';}
strong {font-family: 'open_sansbold';}
a:hover {text-decoration:none;color:#000;}

/* text us widget */
iframe#button-IY9UyNOHfHFiQ6BLvpWRUp-iframe {width: 155px!important; min-width: 155px!important; background: rgba(230,230,230,.5)!important; border-radius: 40px;}
#mainButton {padding: 12px 10px!important;}

.twocols {width:100%;max-width:50%;display:block;float:left;box-sizing:border-box;height:auto;}
.threecols {width:100%;max-width:33%;display:block;float:left;box-sizing:border-box;height:auto;}
.threecols img {max-width:100%;height:auto;display:inline-block;}

.brands {width:100%;max-width:25%;float:left;display:block;height:auto;box-sizing:border-box;padding:2%;}
.brands img {max-width:100%;height:auto;}
.brands:hover {background:#fff; transition: .3s ease-in;}

.invland {width:100%;max-width:20%;float:left;display:block;height:auto;box-sizing:border-box;padding:1%;position:relative;}
.invland img {max-width:100%;height:auto;}
.invland:hover {background:#fff; transition: .3s ease-in;}
.invland .centered {/*position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#fff;text-shadow: 2px 2px 8px rgba(0,0,0,.8);*/text-align:center;line-height:normal;}

.cstpackages {font-size:24px;font-family: 'open_sansbold';color:#FF0004;display:block;margin:0px auto;text-align:center;max-width:100%;box-sizing:border-box;line-height:40px;}
.partslogo {text-align:center;width:100%;}
.partslogo img {max-width:100%;display:inline-block;height:100px;}
.container {background:#000;height:auto;width:100%;}
.wrapper {width:100%; max-width:80%; padding: 3em 0px; margin:0 auto;}
.inv-wrapper {width:90%; max-width:1450px; padding: 30px 0px; margin:0 auto;}
.clear {clear:both;}

img.smokin {max-width:100%;height:auto;margin:30px auto;}

.videogrid {width:100%;margin:4% 0 0 0;text-align:center;}
iframe.vids {width:24%;height:180px;}

button.button {background-color:rgba(240,23,50,.7);border:none;font-family:'open_sansbold';color:#fff!important;padding:16px 32px;text-align:center;float:right;font-size:16px;margin:4px 2%;opacity:0.8;display:inline-block;text-decoration:none;}
.button:hover {background-color:rgba(240,23,50,1);cursor: pointer;color:#fff!important;}

.disabled {opacity:0.6;cursor:not-allowed;}

#box {
	border:2px solid #f01732;
	color:#f01732;
	background:#fff;
	width:222px;
	max-width:100%;
	padding:30px 40px;
	text-align:center;
	font-size:42px;
	line-height:38px;
	font-family:'ralewaybold';
	margin: 30px auto;
}
.fb-page {
	width: 48%;
	max-width: 100%;
	display: inline-block;
	float: left;
	padding-left: 2%;
	text-align: left;
	padding-bottom: 20px;
}

/*---POP-UP -----------------------------------*/

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 30%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
                transition: all 0.2s;
                font-size: 30px;
                font-weight: bold;
                text-decoration: none;
                color: #000;
                border: 1px solid #000;
                padding:2px 6px;
}

.popup {
    box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.2);
}

.popup .close:hover {
  background: #ebebeb;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.7);
                position: fixed;
                z-index: 999999999;
}
.overlay .popup {
                background: #ffffff;
                border:10px solid #0d3d8f;
                border-radius: 5px;
                width: 100%;
                max-width: 600px;
                position: fixed;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 60px;
                margin: 0 auto;
                text-align:center;
                z-index: 9999999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}









/*** HEADER STYLES ***/
.logo {display:block;float:left;width:100%;max-width:25%;box-sizing:border-box;}
.logo img{
	max-width: 100%;
	height: auto;
	padding: 15px 0px;
}
.rightside {display:block;float:left;width:100%;max-width:75%;box-sizing:border-box;text-align:right;line-height:50px;}
.rightside i {color:#0d3d8f;font-size:25px;padding:0 5px;}
.rightside i:hover {color:#000;text-decoration:none;}
header {border-bottom:4px solid #0d3d8f;border-top:4px solid #0d3d8f;}

.divfooter img:hover{
	opacity: .5;
	 transition:all .3s ease-in-out; -moz-transition:color .3s ease-in-out; -webkit-transition:color .3s ease-in-out;
}

.attachment-search .search-checkboxes label .row {color:#000!important;}
.hosted-content .attachment-search .search-subheader {color:#000!important;}
.hosted-content .listings-wrapper .sort-box {background:#272727!important;}
.hosted-content .listings-wrapper .sort-box select, .hosted-content .listings-wrapper .sort-box label {color:#fff!important;}

.hosted-content .listings-detail-wrapper .listing-details ._DetailListingPrice select {height:38px!important;}
.hosted-content .listings-wrapper .sort-box select, .hosted-content .listings-wrapper .sort-box label {color:#000!important;}

.specspecial {
	width: 75%;
	max-width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #0d3d8f;
}

.specspecial img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}


.specspecialhome {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: top;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #0d3d8f !important;
	letter-spacing: .5px;
	font-weight: 600;
}

.specspecialhome img {
	max-width: 49%;
	height: auto;
	display: inline-block;
}


.starburst {
    position: absolute;
    z-index: 10;right:10%;
	padding-top: 70px;
}


.financing-btns {position: fixed; z-index: 10; bottom: 15px; left: 15px; display: flex; justify-content: space-between; align-items: center; width: 333px; background: #0d3d8f; border: 2px solid #fff; border-radius: 5px; font-family: 'ralewaybold'; box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);}
.financing-btns a {font-family: 'ralewaybold';}
.financing-btns h5 {color: #fff; margin: auto 15px; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.financing-btns button {border: none; padding: 1.25em; cursor: pointer; color: #fff; font-weight: 700;}
.financing-btns button#ls {background: #003577;}
.financing-btns button#mahindra {background: #e51636;}
.financing-btns button:hover {background: #fff!important; color: #000; transition: .3s ease-in;}


.body-txt h2 {text-transform: none; font-size: 18px;}




/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#fff;
	
}	

.quicklinks {font-size: 14px; line-height: 24px;}

.footerwrap a:link, .footerwrap a:visited, .footerwrap a:active{text-decoration:none;font-size:14px;color:#fff;}
.footerwrap a:hover {text-decoration:underline;font-size:14px;}

.divfooter {width: 600px; max-width: 100%; text-align:right; float: right;}
.divfooter img{float: right; display: inline-block; padding: 10px;}
.divfooter a i {margin: 5px;}

.footerwrap {width: 90%; max-width: 100%; padding: 4em 0px 5em; margin: 0 auto;color:#fff;font-size:14px;}

.tba-page {text-align:center;}
.tba-page h2 {font-size:20px;}

@media screen and (max-width: 1500px){

.rightside {font-size:12px;}
}

@media screen and (max-width: 1300px){

.rightside i {color:#0d3d8f;font-size:16px;padding:0 5px;line-height:normal;}
}


/** Responsive Styles **/
@media screen and (max-width: 1100px){
.hide {display:none;}
#hide {display: inline-block;}
	
header .wrapper {padding: 1em 0;}
.cstpackages {font-size: 20px; line-height: 24px;}

body {font-size: 14px; line-height: 20px;}
h1 {font-size: 20px;}
h2 {font-size: 20px;}
h3 {font-size: 20px;}

		
.divfooter {width: 600px; max-width: 100%; text-align:center; float: none; margin: 0 auto;}
.divfooter img{float: none; display: inline-block; padding: 10px;}

.fb-page {
	width: 100%;
	display: inline-block;
	float: none;
	padding-left: 0px;
	text-align: center;
}

.logo {float:left;max-width:100%;text-align:center;}
.logo img{padding: 10px 0px;display:inline-block;height:150px;}
.rightside {float:left;max-width:100%;text-align:center;line-height:25px;}

}
 
@media screen and (max-width: 800px){ 
.specspecial {width: 50%;}

.starburst {
    position: relative;
	padding-top: 0px;right:0;
	text-align: center;
	
}
.starburst img {display: inline-block; max-width: 100%; height: auto;}
.twocols {max-width:100%;float:none;}
.threecols {max-width:100%;float:none;padding-bottom:20px;}
    .quicklinks {text-align:center;}
    
.brands {max-width:50%;}
.invland {max-width:50%;}
iframe.vids {width:100%;height:auto;}

}

@media screen and (max-width: 414px){
body {font-size: 12px; line-height: 18px;}
h1 {font-size: 18px;}
h2 {font-size: 18px;}
h3 {font-size: 18px;}

.divfooter {width: 600px; max-width: 100%; text-align:center; float: none; margin: 0 auto;}
.divfooter img{float: none; display: inline-block; padding: 10px;}

#box {
	width: 100%;
	padding: 30px 0px;
}

.specspecial {width: 100%;}

.fb-page {
	width: 100%;
	display: inline-block;
	float: none;
	padding-left: 0px;
	text-align: center;
}

.brands {max-width:100%;float:none;}
.invland {max-width:100%;float:none;}


}