/* DODGE Colors: 
Red: #d50000; Hover: #a40005;
Dark Gray: #222;
Med Gray: #636363;
Black: #000;

FONTS: 
font-family: trade-gothic-next-compressed, sans-serif; 400,700,800; 
font-family: 'Roboto', sans-serif; 400,500,700;*/

body {
background-color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400; 
	color: #000;
}
h1, h2, h3, h4 {
	font-family: trade-gothic-next-compressed, sans-serif; 
	font-weight: 700; 
	text-transform: uppercase;
}
#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  background-color:#d50000;
  color: white;
  cursor: pointer;
  padding: 10px 16px;
	border: 1px solid #a40005;
}
#scrollTopBtn:hover {
  background-color: #a40005;
}
.page-content {
	background-color: #FFF;
}
a{color:#000;}
a:hover, a:focus {color:#636363;}
.pull-none{float:none;}

.pad0 {padding: 0!important;}
.pad10 {padding: 10px!important;}
.pad15 {padding: 15px!important;}
.pL_15 {padding-left: 15px!important;}

.mar0{margin:0!important;}
.mL_0{margin-left: 0!important;}
.mL_15 {margin-left: 15px!important;}

.mT_5{margin-top:5px!important;}
.mT_10{margin-top:10px!important;}
.mT_15{margin-top:15px!important;}

.mB_10{margin-bottom:10px!important;}
.mB_15{margin-bottom:15px!important;}
.mB_20{margin-bottom:20px!important;}

.test { border:1px solid red}

.fulwid{width:100%;}

.height_auto{height:auto!important;}
.navbar {border-radius: 0px; margin-bottom:0;}
header{background-color:#000; color:#FFF; text-transform: uppercase;padding: 20px 10px;}
.hdr-logo, .hdr-info {
	text-align: center;
}
.hdr-logo img {
	margin: 0 auto;
	max-width: 157px;
	width: 100%;
}
.hdr-info {
	margin: 20px 0;
	font-size: 15px;
}
.hdr-info strong {
	font-size: 18px;
}
.hdr-button ul {
	text-align: center;
	margin: 0;
}
.hdr-info .list-inline > li {
	padding: 0;
}
.navbar-inverse{
background: #fff;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #bfbfbf;
	borer-radius: 0;
}
.navbar-inverse .navbar-nav > li > a{font-size: 15px; color:#000;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #636363;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus {
	
}
.navbar-inverse .navbar-toggle {
	border: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #636363;
}
.bodycontent{background:#fff; min-height:300px!important; padding: 0 10px;}
.carlist a{margin-bottom:50px;}
.carlist a:hover, #nav_tabs .carlist a:hover{ text-decoration:none;}
.carlist i {font-style: normal;  display: block; font-size: 12px; font-weight: 400; color: #636363; text-transform: uppercase; margin-top: 6px;}
.carlist i b {display: block; font-size: 18px; font-weight: 700; color: #000;}
.carlist strong{font-weight:700; display: block; width:100%; text-transform: uppercase; font-size: 15px; margin-top: 10px;}

.carlist.carlistsm{font-size: 14px;}
.carlist.carlistsm i{font-size: 11px;}
.carlist.carlistsm a{margin-bottom:0px;}

#nav_tabs .megamenu a{border:0;}
#nav_tabs .megamenu a:hover{background:none;border:0;}
.megamenu a br {display: none;}

.container_shadow{background:#101011; box-shadow:0 0 20px 0 #222; -moz-box-shadow:0 0 20px 0 #222; -webkit-box-shadow:0 0 20px 0 #222;}
footer{background:#101011; color:#fff;}
hr{border-top:1px solid #444444;}
footer h3{font-size: 16px; font-weight:bold; margin-top: 0; font-family: 'Roboto', sans-serif;}
footer p{font-size:13px;}
footer .nav {
  padding-left: 15px;
  margin: 10px 0;
}
footer .nav > li > a:focus, footer .nav > li > a:hover {
	background-color: transparent;
}
footer .nav.navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
footer div.row {
  text-align: center;
}
footer a {
	color: #fff;
}
.ftr-info, .ftr-logo {
	text-align: center;
	font-size: 13px;
}
.ftr-logo img {
	margin-bottom: 5px;
	max-width: 157px;
}
.footer2 {
	background:#000;
	padding: 20px 15px 10px 15px;
	border-top: 1px solid #444;
}
#nav_tabs{background:#E3E3E3; border-color:#bfbfbf; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; width:100%;}
#nav_tabs li{width:auto; border:0; position:static;}
#nav_tabs li a{color:#555; border:1px solid #E3E3E3;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-width: 4px;}
#nav_tabs li a:hover{background:#F5F5F5;  border:1px solid #bfbfbf; border-bottom-width: 4px; border-bottom-color: #F5F5F5;}
#nav_tabs li.active a{background:#fff;border-bottom:4px solid #d50000;}
#nav_tabs li.active a::after {
    font-family: 'FontAwesome';  
    content: "\f0d8";
    color: #d50000;
    position: absolute;
    bottom: -7px;
    left: 50%;
    font-size: 20px;
    margin-left: -8px;
}
#nav_tabs .navbar.navbar-custom.navbar-static-top.affix-top {padding-top: 25px; background-color:#FFFFFF;}
#nav_tabs.affix {position: fixed; top: 0; z-index:10; -webkit-transition: all .6s ease-in-out; padding-top:0;}
.megamenu{left: 0; margin: 0 auto; right: 0; width: 100%; max-height: 366px; overflow-y: scroll; overflow-x: hidden;}
#nav_tabs.navbar-inverse .open .dropdown-toggle{background:#FFFFFF;}
header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}
.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}
.navbar-toggle {
	outline:0;
}
.panel.panel-default {
	border-width:0;
	max-width: 1200px;
	margin: 0 auto;
	box-shadow: none;
}
.panel-default > .panel-heading {
	background: #fff;
	color: #000;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #bfbfbf;
}
.panel-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 24px;
}
.panel-title a:hover {
	text-decoration: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
}
.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
h2.text-center {
	margin-right: 20px;
	margin-left: 20px;
}
.carinfo section {
  
  height: auto !important;
  height: 100%; border-bottom: 1px solid #ddd;
}

.carinfo section h1{font-size: 30px; text-transform:uppercase; font-weight:bold;}
.carinfo section h2{ font-size:20px;}
.carinfo section h3{font-size:18px;}
.price{font-size: 30px;font-weight: bold;}

.overview{}
.overview .infos{font-size: 21px; line-height: 115%;}
.graybg{background:#EBEBEB;}
.graybg  h4, .modalwrap h4 {
	font-size: 28px;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
.graybg h4::after, .modalwrap h4::after {
    content: " ";
    display: block;
    position: absolute;
    height: 1px;
    background: #d50000;
    width: 125px;
    bottom: -6px;
}
.graybg  p, .modalwrap p {
	font-size: 14px;
}
.safeimg { background: none repeat scroll 0 0 #333;  bottom: 0; color: #fff;  font-size: 14px;  left: 0;  margin: 0 auto;  padding: 2%; width: 98%; right: 0; opacity: 0.8;}
.safeimg > h3 {margin-top: 0;}
.safeimg h4 {
	font-size: 24px;
}
.carinfo p{font:13px/1.3 Arial, sans-serif;}
.carinfo h4{font-weight:bold;}

.modal-dialog .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 10px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    right: 5px;
    top: 5px;
    z-index:1032;
}

.imgs_pop{position:relative;}
.poplink{position:absolute; width:48px; height:48px; overflow:hidden; background:#222; border-radius:5px; overflow:hidden;}
.poplink:hover{width:auto!important;color:#fff; padding:0px 5px; text-decoration:none; position:absolute; z-index:9999;}

.poplink1 {left:64%; top:7%;}
.poplink2 {left:43%; top:37%;}
.poplink3 {left:77%; top:47%;}
.poplink4 {left:23%; top:57%;}
.poplink5 {left:37%; top:77%;}

.carinfo small { font-size: 10px; display: block; line-height: 11px; font-style:italic;}

.carlist img {
    height: auto;
    max-width: 100%;
}

.navbar-collapse2 {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse2.in {
  overflow-y: auto;
}
/* */
.divider{ height:25px;}
.lancer-sportsback h4{ text-align:center; font-weight:normal; margin-bottom:25px}
.lancer-sportsback li{  font-size: 16px;
    line-height: 27px;
}
#lancs-info {
	text-align: center;
	font-family: 'Roboto', sans-serif; 
}
#lancs-info h3 {font-size:13px; font-weight: 700;}
#lancs-info h3 b {font-size:24px;}
#lancs-info h4, #lancs-info h3 {
	font-family: 'Roboto', sans-serif; 
}
#lancs-info h4 {
	text-transform: capitalize;
	font-weight: 400;
}
.hard_disk > h4 {
    margin-top: 10px;
	font-size:17px;
}
ul.main-highlights {
	padding-left: 0;
	list-style: none;
	margin-top: 10px;
}
ul.main-highlights li {
	text-align: center;
}
.lancs_ht{min-height:400px;}
.eclipse h4{ font-weight:normal; line-height:25px;font-size:20px;}
#lancer{}
.eclipsespy h4{ font-weight:normal; line-height:25px; font-size:20px;}
.e_img h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
.outll {
    width: 100%;
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.pp_top, .pp_bottom { max-height:10px}
	
#lancer-sp #link-appearance1 {left: 14%; top: 44%;}
#lancer-sp #link-appearance2 {left: 25%;  top: 8%;}
#lancer-sp #link-appearance3 {left: 18%;top: 0%;}
#lancer-sp #link-appearance4 {left: 57%; top: 34%;}
#lancer-sp #link-appearance5 {left: 23%; top: 18%;}

#lan-evo #link-appearance1 { left: 5%; top: 52%;}
#lan-evo #link-appearance2 {left: 12%; top: 11%;}
#lan-evo #link-appearance3 {left: 64%;top: 4%;}
#lan-evo #link-appearance4 {left: 29%;top: 28%;}
#lan-evo #link-appearance5 {left: 71%;top: 28%;}

#elip-sp #link-appearance1 {left: 45%; top: 2%;}
#elip-sp #link-appearance2 {left: 50%; top: 76%;}
#elip-sp #link-appearance3 {left: 23%; top: 35%;}
#elip-sp #link-appearance4 {left: 36%; top: 50%;}

#gal #link-appearance1 {left: 42%; top: 54%;}
#gal #link-appearance2 {left: 40%; top: 26%;}
#gal #link-appearance3 {left: 69%; top: 24%;}
#gal #link-appearance4 {left: 76%; top: 61%;}

#out #link-appearance1 {left: 14%; top: 65%;}
#out #link-appearance2 {left: 12%; top: 35%;}
#out #link-appearance3 {left: 60%; top: 6%;}
#out #link-appearance4 {left: 72%; top: 29%;}
#out #link-appearance5 {left: 59%; top: 63%;}

#out-spo #link-appearance1 {left: 35%; top: 85%;}
#out-spo #link-appearance2 {left: 12%; top: 35%;}
#out-spo #link-appearance3 { left: 29%; top: 19%;}
#out-spo #link-appearance4 {left: 72%; top: 29%;}
#out-spo #link-appearance5 {left: 54%; top: 3%}
#out-spo #link-appearance6 {left: 44%; top: 32%;}
#out-spo #link-appearance7 {left: 35%; top: 56%;}

#end #link-appearance1 {left: 68%; top: 19%;}
#end #link-appearance2 {left: 49%; top: 25%;}
#end #link-appearance3 {left: 22%; top: 42%;}
#end #link-appearance4 {left: 83%; top: 28%;}

#lancer #link-appearance1 { left:64%; top:7%;}
#lancer #link-appearance3 { left:48%; top:34%;}
#lancer #link-appearance5 {left: 67%; top: 28%;}
#lancer #link-appearance4 {left: 26%; top: 43%;}
#lancer #link-appearance2 {left: 52%; top: 57%;}

#nav_tabs ul.nav-justified > li { padding-top: 8px;}
#nav_tabs ul.nav-justified > li:last-child a.dropdown-toggle{ position: absolute; right: 0; top: 8px;}
.nav-justified > .dropdown .dropdown-menu {left: auto; margin-top: 88px; top: 12px;}

.has-feedback {
	margin-bottom: 20px;
}
.has-feedback img {
	width: 100%;
}
.main-img img {
	width: 100%;
}
/* ========================== */
/* ! Inventory Listing Page   */
/* ========================== */
#inventoryListing h2 {
	font-size: 36px;
}
#inventoryListing h2.light {
	 font-family: 'Roboto', sans-serif;
	font-size: 18px;
}
.page-showing h4 {
  font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.page-showing, .page-number {
	text-align: center;
}
.page-number .btn:hover, .page-number .btn:focus {
	color: #636363;
}
.listing-sidebar {
	margin-top: 15px;
	top: 0;
	width: 247px;
}

.listing-sidebar .panel-body {
	height: 350px;
	overflow: auto;
}

.listing-sidebar .nav>li>a {
	padding: 5px 10px;
}

.listing-thumb {
	border: 2px solid #154a8e;
	border-radius: 6px;
	display: block;
	margin: 5px auto;
	padding: 2px;
	width: 91%;
}

.listing-thumb:hover {
	border-color: #333;
}

.sortingOptions h4 {
	display: inline;
	float: left;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	margin:  0 15px 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

.sortingOptions li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.sortingOptions li a {
	display: block;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	text-decoration: none;
}

.sortingOptions li.current a {
	background: #333;
	color: #fff;	
}

.vehicle h3.price {
	font-size: 34px;
	margin: 0;
	padding-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.vehicle h3.price em {
	font-style: normal;
}
.vehicle .details li.cutoff {
	padding-left: 0;
}
.pricing {
	margin-top: 10px;
}

/* =============== */
/* ! Detail Page   */
/* =============== */

#vehicle-title h2, #pricing h2 {
	text-align: center;
    font-family: 'Roboto', sans-serif;
}
#vehicle-title h2 {
    font-size: 25px;
}
#pricing h2 {
    font-size: 13px;
    color: #636363;
}
#pricing h2 strong {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    display: block;
    margin-top: 5px;
}
#photos #links img {
	margin-bottom: 4px;
}
#overview h2, #more-dealer-models h3, #vehicle-features h3 {
    margin-top: 0;
    font-size: 36px;
}
#dealer-info h3 {
     font-size: 36px;
}
#disclaimer h2.text-hide {
    margin: 0;
}
#disclaimer {
    margin-bottom: 10px;
}
.list-price-history li {
	padding-bottom: 10px;
}
#photoLoader {
	border: 1px solid #444;
	height: auto;
	padding: 2px;
	position: relative;
}
#photoLoadScreen {
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
}

#photo-thumbs {
	border: 1px solid #bbb;
	overflow: auto;
}

a.zoomIn {
	background: url(http://dealertestsite.com/templates/classified1/images/zoomIn.png) 50% -100px no-repeat;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

a.zoomIn:hover {
	background-position: 50% 50%;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#photo-thumbs a {
	border: 2px solid #fff;
	display: block;
	padding: 1px;
}

#photo-thumbs a:hover,
#photo-thumbs a.viewing {
	border-color: #0b5dc2;
}

.mpgbox {
	background: url(//automotivecdn.com/icons/mpgBox.png) center center no-repeat;
	height: 45px;
	margin: 10px auto;
	position: relative;
	width: 210px;
}

.city-mpg, .hwy-mpg {
	display: block;
	position: absolute;
}

.city-mpg {
	left: 10px;
	top: 3px;
}

.hwy-mpg {
	right: 10px;
	top: 3px;
}

.mpgbox em {
	display: block;
	font-size: 10px;
	font-style: normal;
	text-align: center;
}

.mpgbox strong {
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#dealershiplogo {
	display: block;
	width: 193px;
	margin-bottom: 10px;
}
#vehicle-features .icons-ul2, #overview .icons-ul2 {
	padding-left: 0;
}
.dealer-comments {
    font-size: 14px;
    color: #444;
    line-height: 24px;
}
/* ================= */
/* ! Modal Styling   */
/* ================= */

#fsmodal {
	background: #fff;
	border-radius: 10px;
	margin: 0;
	padding: 10px;
	top: 3%;
	bottom: 3%;
	left: 3%;
	right: 3%;
	width: auto;
}

#sizedModal {
	background: #fff;
	border-radius: 10px;
	height: 650px;
	min-width: 300px;
	max-width: 670px;
	left: 50%;
	top: 50%;
	padding: 10px;
}

#galleryFrame {
	height: 100%;
}

.modal-no-scroll {
	overflow: hidden;
}

body.noscroll {
	overflow: hidden !important;
}

.hide-modal {
	display: none;
}

/* ============ */
/* ! Tooltips   */
/* ============ */

.qtip-default,
.qtip-content {
	background: #fff;
	border-radius: 10px;
}
.ui-cluetip-header {
	background: #333;
	color: #fff;
	text-shadow: -1px -1px 0 #000;
}
div.clue-right-default .cluetip-arrows {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #333;
}
div.clue-left-default .cluetip-arrows {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #333;
}
div.clue-top-default .cluetip-arrows {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
div.clue-bottom-default .cluetip-arrows {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333;
}

#cluetip .ui-widget-header,
#cluetip .ui-widget-content {
	border: none;
}

.qtip-fullsize {
	max-width: none;
}

.qtip-titlebar {
	border-radius: 10px 10px 0 0;
	font-size: 16px;
	line-height: 150%;
}

.cartip {
	display: none;
}

.cartip h6 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
	text-align: left;
}

.cartip p {
	font-size: 12px;
	margin: 0 0 12px 0;
}

.cartip .miles p {
	color: #3f6acc;
	font-size: 14px;
	font-weight: bold;
}

.cartip .price p {
	color: #d50000;
	font-size: 18px;
	font-weight: bold;
}


.icons-ul2 {
/* margin-left: 2.142857142857143em; */
list-style-type: none;
}

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 10px;
}
.btn:hover, .btn:focus {
color: #fff;
text-decoration: none;
	background-color: #a40005 !important;
	border-color: #a40005 !important;
}
.btn-primary, .btn-primary.active, .btn-primary2, .btn-black3, .btn-primary2 {
	background-color: #d50000;
	border-color: #d50000;
	font-weight: 700;
	border-radius: 0;
	letter-spacing: .7px;
    color: #fff;
    text-transform: uppercase;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active:hover, .btn-primary2:hover, .btn-primary2:focus, .btn-black3:hover, .btn-black3:focus, .btn-primary2:hover, .btn-primary2:focus {
	background-color: #a40005 !important;
	border-color: #a40005 !important;
	color: #fff;
}
.pricing .btn-primary {
		font-family: trade-gothic-next-compressed, sans-serif; 
	text-transform: uppercase;
	font-size: 16px;
}
.btn-black3 {
width: 98%;
	font-family: trade-gothic-next-compressed, sans-serif; 
	text-transform: uppercase;
	font-size: 16px;
}
.btn-primary2 {
    font-family: trade-gothic-next-compressed, sans-serif; 
    width: 100%;
    text-transform: uppercase;
	font-size: 16px;
    margin-bottom: 10px;
}
.btn-black3::after, .pricing .btn-primary::after, .btn-primary2::after {
	content: "\f105";
    color: #fff;
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: 10px;
}
.welllistings {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border: 1px solid #E3E3E3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.badgelisting {
min-width: 111px;
font-weight: bold;
white-space: nowrap;
text-transform: uppercase;
	display: inline-block;
}
.cutoff {
overflow: hidden;
text-indent: 0;
text-overflow: ellipsis;
white-space: nowrap;
	border-bottom: 1px solid #bfbfbf;
	font-size: 13px;
	padding: 8px 10px 8px 0;
}
.img-responsive1 {
display: block;
width: 100%;
max-width: 480px;
height: auto;
border: 1px solid #bfbfbf;
border-radius: 6px;
}
.panel-group {
background-color: #fff;
}
/* fixes nav_tabs smooth scrolling to section */
section h3.text-right {
  margin-top: 40px;
	text-align: center;
}
section h3.text-right img {
	filter: brightness(0%);
	margin-top: -7px;
}
/* fixes floats on SEO menus */
.list-unstyled.list-inline:before,
.list-unstyled.list-inline:after
{
  display: table;
  content: " ";
}
.list-unstyled.list-inline:after
{
  clear: both;
}
.panel-group.row {
	margin-bottom: 0;
}
a.featurelink:hover, a.featurelink:focus {
	color: #fff;
}
/* ====================== */
/* Customize the bxslider */
/* ====================== */
.trims h2 {
	font-size: 36px;
}
.bx-wrapper {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	margin: 0 auto;
}
.bx-wrapper .bx-pager {
	padding-top: 0;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
	bottom: -5px;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 1;
}
.bxslider li:last-child {
	margin-right: 0;
}
.slider {
	margin-bottom: 20px;
}
.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.bxslider h3 {
	margin-bottom: 2px;
}
/* MEDIA QUERIES */
@media (min-width:300px) and (max-width:767px){
	body{ background:none !important}
	.carinfo section h1{font-size:44px;}
}
@media (max-width:767px){
	#nav_tabs{display:none;}
	.divider{height:0;}
	.poplink:hover span{font-size:11px;}
	.row.imgs_pop > a { background-color:transparent !important}
	.row.imgs_pop > a > span { display:none !important}
	.d_n img { display:none !important}
	
	.pp_pic_holder { width: 100% !important; left:0 !important; right:0 !important;  }
	.pp_details, .ppt, .modalwrap.d_n, .pp_content { width: 100% !important; }
	body .ppt { width: 100% !important; margin-right:0 !important }
	
	.pp_content_container { min-height:250px; background:#000}
	.modalwrap{max-height:190px; overflow:auto;}
	
	.modalwrap img{display:none;}
	
	}
@media (min-width: 768px) {
	.navbar-nav.nav-justified > li{
      float:none;
  }
  .safeimg{ position: absolute; }
.e_img{ position:absolute;}
.navbar-inverse .navbar-nav > li > a{font-size:14px; padding:10px 0 6px 0;  border-bottom: 4px solid #fff; margin: 0 10px;}
	.navbar-inverse .navbar-nav > .active > a {
    border-bottom: 4px solid #d50000;
    background-color: transparent;
    color: #000 !important;
		font-weight: 500;
}
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		background-color: transparent;
	}
.navbar-inverse .navbar-nav > .active > a::after {
    font-family: 'FontAwesome';  
    content: "\f0d8";
    color: #d50000;
    position: absolute;
    bottom: -7px;
    left: 50%;
    font-size: 20px;
    margin-left: -8px;
}
#lancer .performance .graybg.columns{min-height:490px;}
#lancer .comfort .graybg.columns {min-height: 360px;}
#lancer .safe_war .graybg.columns {min-height: 540px;}


#lancer-sp .performance .graybg.columns{min-height:490px;}
#lancer-sp .comfort .graybg.columns {min-height: 400px;}
#lancer-sp .safe_war .graybg.columns {min-height: 540px;}


#elip .performance .graybg.columns{min-height:395px;}
#elip .comfort .graybg.columns {min-height: 310px;}
#elip .safe_war .graybg.columns {min-height: 540px;}

#elip-sp .performance .graybg.columns{min-height:395px;}
#elip-sp .comfort .graybg.columns {min-height: 300px;}
#elip-sp .safe_war .graybg.columns {min-height: 540px;}

#gal .performance .graybg.columns{min-height:490px;}
#gal .comfort .graybg.columns {min-height: 400px;}
#gal .safe_war .graybg.columns {min-height: 540px;}

#out .performance .graybg.columns{min-height:370px;}
#out .comfort .graybg.columns {min-height: 400px;}
#out .safe_war .graybg.columns {min-height: 410px;}

#out-spo .performance .graybg.columns{min-height:490px;}
#out-spo .comfort .graybg.columns {min-height: 529px;}
#out-spo .safe_war .graybg.columns {min-height: 540px;}

#end .performance .graybg.columns { min-height:300px }
#end .comfort .graybg.columns {min-height: 415px;}
#end .safe_war .graybg.columns {min-height: 450px;}

#lan-evo .performance .graybg.columns{min-height:490px;}
#lan-evo .comfort .graybg.columns {min-height: 400px;}
#lan-evo .safe_war .graybg.columns {min-height: 570px;}
	.navbar{min-height:0; margin:0;}
	.navbar.row{margin:0;}
	.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
  .navbar-collapse2 {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	text-align: center;
  }
  .navbar-collapse2.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse2.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar{min-height:0; margin:0;}
  .lancs_ht.columns{min-height:400px;}
  .hdr-logo {
	text-align: left;
	margin-top: 17px;
}
 .hdr-logo img {
	margin: 0;
}
	.hdr-info p {
		margin-bottom: 0;
	}
	.hdr-button ul {
		text-align: right;
	}
	.btn-primary {
		white-space: normal;
	}
.hdr-info {
	margin: 5px 0 0 0;
}
.ftr-info, .page-showing, #lancs-info, ul.main-highlights li {
	text-align: left;
}
	ul.main-highlights {
		padding-left: 20px;
		list-style: disc;
	}
.ftr-logo {
	text-align: right;
	margin-top: 9px;
}
.container {
    width: 750px;
  }
.page-number {
	text-align: right;
}
.pricing {
	margin-top: 80px;
}
.row.carinfo.area {
  min-height: 110px;
}
    #dealer-info h3 {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
  .hdr-logo {
	margin-top: 15px;
}
	.hdr-info {
		margin-top: 0;
	}
	.hdr-button {
		margin-top: 5px;
	}
	 .navbar-inverse .navbar-nav > li > a{font-size:15px; margin-left:17px; margin-right:17px;}
  .pricing {
	  margin-top: 10px;
	  text-align: center;
  }
  #vehicle-title h2 {
	text-align: left;
          margin-top: 40px;
}
#pricing h2 {
	text-align: right;
}
    #links {
        margin-top: 30px;
    }
.btn-black3 {
  width: 96%;
}
	.vehicle h2 {
		margin-top: 0;
	}
}
@media (min-width: 1200px) {
	#listingpage, #cardetails {
		max-width: 1200px;
		margin: 0 auto;
	}
}
/* END MEDIA QUERIES */