* {
box-sizing: border-box;
}
html {
margin: 0px;
padding: 0px;
/*min-width: 1000px;*/
width: 100%;
height: 100%;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
/*min-width: 1000px;*/
width: 100%;
height: 100%;
font-family: 'Trade Gothic LT Std';
}
/*
input {background-color: #333; font-size: 16px;border: 0px;color: white;padding: 9px 40px;}
input:hover{background-color: #505050;}
*/
/*input[type="submit"]:hover{background-color: #253f64;}*/
.clear {clear: both;}
img {border: 0px;}
p, a, li {font-size: 18px; line-height: 26px; color: #333;}
h1 {font-weight: 500; font-size: 44px; text-transform: uppercase; color: #333;}
h2 {font-size: 18px; font-weight: bold; padding: 0; margin: 0; color: #333;}
h4 {font-size: 25px; font-weight: bold; color: #333;}
h5 {font-size: 38px; font-weight: 500; color: #333;}
h6 {color: #333; font-size: 36px; line-height: 42px; display: inline-block; font-weight: bold; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; text-transform: uppercase;}
h1.vehicle_page {font-weight: 500; text-transform: none; font-size: 44px; color: #333;}
.ttransform-none {text-transform: none;}
.letspac1 {letter-spacing: -1px;}
.center {text-align: center !important;}
iframe {frameborder: 0; border: 0; border: none; frameborder: none;}
.form-error {color: #fff; font-size: 16px; margin-top: 10px; display: block; background-color: #ac150a; padding: 5px 10px;}
.padding_box {/*min-width: 1000px;*/ max-width: 1600px; margin: 0 auto; _width: 1000px; /* Visible to IE6 only*/text-align: center; overflow: hidden; padding: 0px 50px; width:100%;}
.header_box {width: 100%; background: url(../images/backgrounds/header_bg.jpg) repeat-x;}
.header_contact {position: absolute; top: 12px; right: 0px; z-index: 100;}
.header_contact ul {list-style-type: none; padding: 0px; margin: 0px;}
.header_contact li {display: inline-block; padding: 0px; margin: 0px;}
.header_contact li img {vertical-align: middle;}
.header_contact a {display: block; margin-right: 17px; text-decoration: none; font-size: 18px; color: #1b1b1b; font-weight: 600;}
.header_contact a:hover {text-decoration: underline;}
.header {position: relative; margin: 0px 20px 0px 20px;height: 114px;background: #fff; padding-top: 20px;}
.header_search_row {width: 400px; background: #fff url(../images/search_triangle.png) no-repeat right -1px; position: absolute; z-index: 1000; right: 0; margin-right: 0px; padding: 35px 0px;-moz-box-shadow: 0px 1px 1px 1px #bcbcbc;-webkit-box-shadow: 0px 1px 1px 1px #bcbcbc;box-shadow: 0px 1px 1px 1px #bcbcbc; display: none; text-align: center;}
.header_search_box {width: 330px; margin: 0 auto;}
.header_search_box select {width: 100%; height: 35px; font-size: 16px;}
.header_search_box div {margin: 5px 0px;}
.header_search_box .but_submit {text-align: left; margin-top: 10px;}
.header_search_box .but_submit_txt {text-align: left; margin-top: 8px;}
.header_search_box a {font-size: 16px; text-decoration: none; color: #000; margin: 1px 0px 0px 0px; padding: 0px; display: block;}
.header_search_box a:hover {background-color: #ccc;}
.header_about {width: 235px; background: #2d2d2d url(../images/about_triangle.png) no-repeat right -1px; position: absolute; z-index: 10; right: 17%; margin-right: 0px; padding: 14px 14px;
/*-moz-box-shadow: 0px 1px 1px 1px #bcbcbc;-webkit-box-shadow: 0px 1px 1px 1px #bcbcbc;box-shadow: 0px 1px 1px 1px #bcbcbc; */
text-align: left; display: none;}
.header_about ul {list-style-type: none; margin: 0px; padding: 0px;}
.header_about li {margin: 0px; padding: 0px 0px;}
.header_about a {font-size: 16px; text-decoration: none; color: #fff; padding: 3px; display: block;}
.header_about a:hover {background-color: #ccc; color: #162945;}
.header_finance {
width: 19%;
background: #2d2d2d url(../images/about_triangle.png) no-repeat right -1px;
position: absolute;
z-index: 10000000000000;
right: 41%;
margin-right: 0px;
padding: 14px 14px;
/*
-moz-box-shadow: 0px 1px 1px 1px #bcbcbc;
-webkit-box-shadow: 0px 1px 1px 1px #bcbcbc;
box-shadow: 0px 1px 1px 1px #bcbcbc;
*/
text-align: left;
display: none;
}
.header_finance ul {list-style-type: none; margin: 0px; padding: 0px;}
.header_finance li {margin: 0px; padding: 0px 0px;}
.header_finance a {font-size: 16px; text-decoration: none; color: #fff; padding: 3px; display: block;}
.header_finance a:hover {background-color: #ccc; color: #162945;}
.header_viewvehicles {
width: 19%;
background: #2d2d2d url(../images/about_triangle.png) no-repeat right -1px;
position: absolute;
z-index: 10;
left: 27%;
margin-right: 0px;
padding: 14px 14px;
/*
-moz-box-shadow: 0px 1px 1px 1px #bcbcbc;
-webkit-box-shadow: 0px 1px 1px 1px #bcbcbc;
box-shadow: 0px 1px 1px 1px #bcbcbc;
*/
text-align: left;
display: none;
}
.header_viewvehicles ul {list-style-type: none; margin: 0px; padding: 0px;}
.header_viewvehicles li {margin: 0px; padding: 0px 0px;}
.header_viewvehicles a {font-size: 16px; text-decoration: none; color: #fff; padding: 3px; display: block;}
.header_viewvehicles a:hover {background-color: #ccc; color: #162945;}
.logo {float: left; width: 27%; padding-top: 25px;}
.logo img {width: 100%; max-width: 94px;}
.box_1 {float: left; width: 13%; text-align: left; color: #fff;padding-top: 67px;}
.box_2 {float: left; width: 19%; text-align: left; color: #fff;padding-top: 67px;}
.box_3 {float: left; width: 10%; text-align: left; color: #fff;padding-top: 67px;}
.box_4 {float: left; width: 14%; text-align: left; color: #fff;padding-top: 67px;}
.box_5 {float: left; width: 17%; text-align: left; color: #fff;padding-top: 67px;}
.main_buttons {}
a.main {border-right: 1px solid white; background-color: #2d2d2d; display: block; color: white; text-decoration: none; font-size: 16px; padding: 17px 0px 10px 8px; border:1px solid white;}
a.main_orange {border: 0px solid white; background-color: #910000; display: block; color: white; text-decoration: none; font-size: 16px; padding: 17px 0px 10px 8px; border:1px solid white;}
a.main:hover {background-color: #444444;}
a.main_orange:hover {background-color: #a73433;}
.content_inventory_top {margin: 40px 20px 0px 20px; padding: 0px 0px 20px 0px;}
.inventory_name {float: left; text-align: left; width: 75.5%; padding: 0 0 0 3.4%; margin-top: 0px;}
.inventory_name h2 {font-size: 18px; font-weight: bold; padding: 0; margin: 0; color: #333;}
.inventory_name h1 {font-size: 38px; font-weight: 700; padding: 0; margin: 0; line-height: 46px; color: #333;}
.inventory_price {float: left; text-align: right; width: 16%; padding: 0 33.1% 0 0;}
.inventory_price h1 {font-size: 36px; font-weight: 300; padding: 0; margin: 0;}
.inventory_price h2 {font-size: 25px; font-weight: 300; padding: 0; margin: 0;}
.inventory_title {width: 100%; margin: 20px 0px;}
.inventory_name_new {float: left; text-align: left; width: 65%; padding: 0 0 0 2%;}
.inventory_name_new h2 {font-size: 19px; font-weight: bold; padding: 0; margin: 0; color: #333;}
.inventory_name_new h1 {font-size: 32px; font-weight: 500; padding: 0; margin: 0; color: #333;}
.inventory_price_new {float: left; text-align: right; width: 35%; padding: 0 2% 0 2.5%;}
.inventory_price_new h1 {font-size: 38px; font-weight: bold; padding: 0; margin: 0; color: #333;}
.inventory_price_new h2 {font-size: 34px; font-weight: bold; padding: 0; margin: 0; color: #333;}
.inventory_features {margin: 0px 20px 0px 20px; height: 42px; display: none;}
.inventory_features .box {float: left; width: 157px; text-align: left; background: #ececec; height: 42px; margin-right: 2px;}
.but_description, .but_options, .but_features, .but_techspecs {padding: 15px 0px 0px 12px; height: 100%; display: block; text-decoration: none; font-size: 16px; color: black;}
.but_description:hover, .but_options:hover, .but_features:hover, .but_techspecs:hover {background-color: #ccc;}
.inventory_features .active {background: #2d2d2d; color: white;}
.content_inventory {margin: 0 20px; position: relative;}
.mt150 {margin-top: 150px;}
.mt80 {margin-top: 80px;}
.box_inventory_1 {float: left; width: 72.6%; text-align: center; padding: 0% 1.6% 35px 1.7%; background-color: white; position: relative; margin-bottom: 0px; border: 0px solid red;}
.box_inventory_2 {float: left; width: 22%; text-align: left; border: 0px solid red;}
.box_inventory_3 {float: left; width: 5%; text-align: left; background-color: grey;}
.inventory_photo {width: 100%; margin: 0 auto; overflow: hidden; height: auto; position: relative; border: 0px solid red;}
.inventory_photo img {width: 100%;}
.inventory_dd_row {margin-top: 75px;}
.inventory_description {float: left; width: 50%; text-align: left; margin: 0px 5% 0px 2.5%;}
.vehicles_ourteam_row_body {float: left; width: 50%; text-align: left; margin: 20px 5% 0px 2.5%;}
.inventory_description h2 {font-size: 24px; font-weight: 600; line-height: 32px;}
.inventory_details {float: left; width: 42.5%; text-align: left; margin-top: 35px;}
.inventory_details p {font-size: 13px; font-weight: 600; margin: 0px; padding: 0px; line-height: 21px;}
.details_box_dark {background: url(../images/stripes_whitex.jpg); margin-bottom: 4px;}
.details_box_light {background: url(../images/stripes_greyx.jpg); margin-bottom: 4px;}
.details_box_2022 {margin-bottom: 7px;}
.details_box_2022 p {font-family: 'T-Gothic'; font-size: 25px; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #484848;}
.details_left {float: left; width: 45%; text-align: left; padding: 8px 0%;}
.details_right {float: left; width: 45%; text-align: right; padding: 8px 0%;}
.share-box {margin-top: 20px;}
.inventory_promo {margin-top: 15px;}
.inventory_promo img {width: 100%;}
.inventory_banner {width: 100%; margin: 0 auto; overflow: hidden;}
.inventory_banner img {width: 100%;}
.inventory_tools {width: 100%; margin-bottom: 0px; text-align: center; background: #fff url(../images/inventory_tools_bgxx.png) repeat-x top left; overflow: hidden;}
.inventory_tools_shadow {background: #fff url(../images/shadow.png) no-repeat top left;}
/*.box_buynow_big {width: 100%; text-align: left; background-color: #2d2d2d; padding: 0 10%;}*/
.box_buynow_big {width: 100%; text-align: left; background: url('../images/buyitnow-stripe-bg.png'); padding: 0 0%;}
.box_buynow_small {margin: 0; text-align: left; padding: 0 10%;}
.box_buynow_new {width: 100%; text-align: left; padding: 0 0%;}
a.but_buynow_new {width: 100%; background: url('../images/buyitnow-stripe-bg-50.png'); display: inline-block; color: #2e2e2e; text-decoration: none; font-size: 27px; padding-top: 50px; padding-bottom: 50px; font-weight: bold; margin: 0px; text-align: center;}
a.but_buynow_new:hover {background: #910100;}
.box-bg-white {background-color: #fff; padding: 10px 15px 5px 15px;}
/*.p10 {padding-left: 10%; padding-right: 10%;}*/
.bg_green {background-color: #0b710d !important;}
.box_buynow_line {height: 6px; width: 45px; background-color: #2d2d2d; margin: 10px 10% 23px 0%;}
.box_line_right {height: 6px; width: 45px; background-color: #2d2d2d; margin: 0px 0 23px 0; float: right;}
.box_line_left {height: 6px; width: 45px; background-color: #2d2d2d; margin: 0px 0 23px 0;}
.last {margin-top: 20px; border-top: 1px solid #000; padding-top: 20px;}
.last2 {margin-top: 20px; border-top: 0px solid #000; padding-top: 0px;}
.last2 .phone {}
.phone_small {font-size: 21px; font-weight: bold; font-style: normal;}
.inventory_sidebar_phone {width: 100%; position: relative;}
.inventory_sidebar_phone img {width: 100%;}
.call_us {position: absolute; top: 7px; left: 28%;}
.last2 .text {}
/* ---- similar vehicles -- */
.simv_flex {display: flex; width: 90%; flex-wrap: wrap; margin: 0 auto;}
.simv_flex .similar_vehicles {width: 31.333333%; margin: 1%;}
.box_text {width: 85%; margin: 18px auto; text-align: left;}
.box_text ul {list-style-type: none; margin: 0; padding: 0; width: 100%;}
.box_text li {display: inline-block; width: 30%;}
.box_text img {width: 100%;}
.text_number p {font-size: 20px; color: #333; font-weight: bold;}
.text_number {display: none;}
.reviews_box {background: url(../images/stripes_grey.jpg);width: 100%;text-align: center;padding: 50px 0px;margin-top: 15px;}
.review_stars {width: 80%; margin: 0 auto;}
.review_stars p {font-size: 18px; line-height: 21px;}
.review_person a {font-size: 16px; line-height: 18px; color: #000; text-decoration: none;}
.review_person .big_text {font-size: 18px;}
.review_person {width: 80%; margin: 20px auto 0 auto; text-align: left; padding-top: 20px; border-top: 1px solid black;}
.review_person .col_1 {float: left; width: 52%; text-align: right; margin-right: 3%;}
.review_person .col_2 {float: left; width: 45%;}
.review_button {margin-top: 20px;}
.review_button a {background-color: #989898; text-decoration: none; font-size: 16px; color: #fff; font-weight: 200; display: inline-block; padding: 12px 20px;}
.review_button a:hover {background-color: #173050;}
.box_buynow_big a {}
.box_buynow_small a {font-size: 20px; color: #333 !important; font-weight: bold;}
.box_buynow_big img, .box_buynow_small img {vertical-align: middle; margin-right: 5px}
a.but_buynow {width: 100%; background-color: #2e2e2e; display: inline-block; color: #fff; text-decoration: none; font-size: 27px; padding-top: 35px; padding-bottom: 30px; font-weight: bold; margin: 0px;}
a.but_financing {width: 90%; background-color: #0b710d; display: inline-block; color: #fff; text-decoration: none; font-size: 27px; padding-top: 35px; padding-bottom: 30px; font-weight: bold; margin: 0px; padding-left: 10%;}
a.but_testdrive {width: 100%; display: block; color: #000; text-decoration: none; margin-top: 20px;}
a.but_tradein {width: 100%; display: block; color: #000; text-decoration: none; margin-top: 3px;}
a.but_historyreport {width: 100%; display: block; color: #000; text-decoration: none; line-height: 21px;}
a.but_buynow:hover {background-color: #333;}
a.but_financing:hover {background-color: #08580a;}
a.but_testdrive:hover, a.but_tradein:hover, a.but_historyreport:hover {background-color: #e1e1e1;}
.similar_vehicles {width: 100%; background: #fff; text-align: left; margin: 0px 0px 8px 0px; overflow: hidden;}
.similar_vehicles .thumb {width: 100%; padding: 2.5% 0; position: relative; z-index: 1;}
.similar_vehicles img {width: 100%;}
.similar_vehicles .content {float: left; width: 100%; background: white; text-align: left; margin-top: 0px; position: relative; z-index: 2; padding: 8px;}
.similar_vehicles .make {font-size: 16px; padding: 0; margin: 0; font-weight: 900;}
.similar_vehicles p {font-size: 19px; padding: 0; margin: 0;}
.similar_vehicles .price {font-size: 24px; padding: 0; margin: 0;}
.content_bottom_left {float: left; margin-top: 7px;}
.content_bottom_right {float: right; margin-top: 10px;}
.content_bottom_right a {text-decoration: none; color: #fff; font-size: 14px; font-weight: 900; background: #000; display; block; padding: 7px 20px 7px 20px;}
.content_bottom_right a:hover {background: #afafaf;}
.inventory_features_content {width: 95.5%; padding-bottom: 50px; background-color: white; text-align: left; border-bottom: 0px groove #162945;}
.inventory_features_content .box_row {margin: 0px 0px 0px 3%;}
.inventory_features_content .features_text {font-style: italic; color: #f27b11; font-size: 18px; font-weight: 600;}
.inventory_features_content h1 {color: #000; font-size: 34px; font-weight: 300; margin: 20px 0px;}
.inventory_features_content .title {margin-left: 3%;}
.inventory_features_content .options {float: left; width: 46%; margin: 5px; padding: 5px; background: url(../images/stripes_grey.jpg); text-align: left; vertical-align: top;}
.inventory_features_content .options p {font-size: 15px; padding: 0px; margin: 0px;}
.inventory_features_content .box_left {float: left; width: 30%; background-color: white; margin: 0px 2% 0px 3%;}
.inventory_features_content .box_middle {float: left; width: 30%; background-color: white; margin: 0px 0px 0px 0px;}
.inventory_features_content .box_right {float: left; width: 30%; background-color: white; margin: 0px 3% 0px 2%;}
.inventory_features_content ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 15px;}
.inventory_features_content li {padding: 5px 10px; margin: 0px 0px 6px 0px; background: url(../images/stripes_grey.jpg);}
.inventory_options {padding-bottom: 50px; background-color: white; text-align: left; width: 100%; display: none;}
.inventory_options h1 {color: #000; font-size: 34px; font-weight: 300; margin: 20px 0px;}
.inventory_options .title {margin-left: 3%;}
.inventory_options .box_row {margin: 0px 0px 0px 2%;}
.inventory_options .options {float: left; width: 30%; margin: 5px; padding: 5px; background: url(../images/stripes_grey.jpg); text-align: left; height: 50px; vertical-align: top;}
.inventory_options .options p {font-size: 15px; padding: 0px; margin: 0px;}
.search_results_box {
width: 100%;
background-color: #fff;
background-image: url(../images/bg_searchbox_gradient.png);
background-repeat: repeat-x;
background-position: bottom;
position: relative;
margin-bottom: 0px;
}
.search_results_box .vehicle_photo {position: relative; float: left; width: 33.5%; margin: 1.5%;}
.hover_viewdetails_big {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hover_viewdetails_big a {width: 100%; height: 100%; display: block;}
.hover_viewdetails_big a:hover {background: url(../images/hover_viewdetails_big.png) no-repeat center center;}
.search_results_box .vehicle_photo img {width: 100%; display: block;}
.search_results_box .right_box {float: left; width: 63.5%;}
.search_results_box .right_box .top {width: 100%;}
.search_results_box .vehicle_details {float: left; text-align: left; width: 64.5%; margin: 30px 2px 0px 3%}
.vehicle_details .model {font-size: 25px !important; padding: 0; margin: 0px 0 0 0; font-weight: 500; line-height: 30px; text-decoration: none; color: #333 !important;}
.search_results_box .vehicle_details_bottom {margin-top: 15px;}
.search_results_box .vehicle_details_bottom p {font-size: 16px; font-weight: 500; margin: 0; padding: 0; line-height: 20px; color: #333;}
.search_results_box .vehicle_details_bottom span.grey {color: #333;}
.search_results_box .vehicle_price {float: left; width: 28%; margin: 30px 1.5% 0px 0px;}
.search_results_box .right_box .bottom {position: absolute; text-align: left; bottom: 28px; left: 38%; width: 52%;}
.search_results_box .right_box .bottom p {font-size: 12px; font-weight: 900; margin: 0; padding: 0; line-height: 18px;}
.search_results_box .right_box .bottom span.grey {color: #666;}
.but_carproof_search_logo:hover img {
opacity: 0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */
}
.search_results_box .make {font-size: 18px; padding: 0; margin: 0; font-weight: bold; color: #333;}
.search_results_box .price {font-size: 25px; padding: 15px 0px; margin: 0px auto 3px auto; color: #333; width: 100%; font-weight: 500;}
.search_results_box .vehicle_price a {font-size: 16px; padding: 10px 0px; margin: 0px auto; background-color: #666666; color: #fff; text-decoration: none; display: block; width: 100%;}
.search_results_box .vehicle_price a:hover {background-color: #949494;}
/*.search_results_box p {font-size: 27px; padding: 0; margin: 0; font-weight: 500; line-height: 34px; color: #333; border:1px solid red;}*/
.page_tabs {margin: 0px 20px 0px 20px; height: 42px;}
.page_tabs .box {float: left; width: 50px; text-align: left; background: #ececec; height: 42px; margin-right: 2px;}
.page_tabs .box_previous {float: left; width: 83px; text-align: left; background: #ececec; height: 42px; margin-right: 2px;}
.page_tabs .box_next {float: left; width: 83px; text-align: left; background: #ececec; height: 42px; margin-right: 2px;}
.page_tabs .button_previous {padding: 15px 0px 0px 12px; height: 100%; display: block; text-decoration: none; font-size: 16px; color: black;}
.page_tabs .button_next {padding: 15px 0px 0px 12px; height: 100%; display: block; text-decoration: none; font-size: 16px; color: black;}
.page_tabs .button {padding: 15px 0px 0px 12px; height: 100%; display: block; text-decoration: none; font-size: 16px; color: black;}
.page_tabs .button_previous:hover, .button_next:hover, .button:hover {background-color: #ccc;}
.page_tabs .active {background: #444444; color: white;}
.footer_brands {/*min-width: 1000px;*/ width: 100%; text-align: center; margin: 30px 0px 50px 0px;}
.footer_brands .brands {margin: 70px 0px 0px 0px;}
.footer_brands ul li {list-style-type: none; display: inline-block; padding: 30px 12px;}
.footer_brands ul li {zoom: 1; *display: inline;}
.footer_brands img {vertical-align: middle;}
.footer {/*min-width: 1000px;*/ width: 100%; text-align: center; background-color:#2d2d2d; padding: 0px 0px 100px 0px;}
.footer .box {margin: 0px 20px;}
.footer .col_1 {float: left; width: 20%; text-align: left; margin-top: 45px;}
.footer .col_2 {float: left; width: 41%; text-align: left; margin-top: 45px;}
.footer .col_3 {float: left; width: 18%; text-align: left; margin-top: 45px;}
.footer .col_4 {float: left; width: 19%; text-align: left; margin-top: 45px;}
.footer .col_4 a {font-size: 22px; font-weight: 300; color:#fff; margin: 0px; padding: 0px; line-height: 36px;}
.footer .col_2 p {font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;}
.footer .col_4 p {font-size: 14px; line-height: 14px; margin: 10px 0px; padding: 0px; line-height: 18px; border-top: 1px solid #4a5663;}
.footer .col_4 h2 {font-size: 24px; font-weight: 300; color:#fff; margin: 0px; padding: 0px;}
.footer .col_4 h1 {font-size: 24px; font-weight: 300; color:#f2f2f2;}
.footer .col_4 .hours {}
.footer .col_4 .day {color: #ccc;}
.footer p {color: #fff; font-size: 14px; line-height: 19px; }
.footer a {color: #fff; font-size: 16px; line-height: 21px; text-decoration: none; margin: 0px 10px 0px 0px; padding: 0px;}
.footer a:hover {text-decoration: underline;}
.footer ul {list-style-type: none; margin: 0px; padding: 0px;}
.footer li {margin: 0px 0px 0px 15px; padding: 0px;}
.footer_30years {margin: 10px 0px 20px 0px;}
.footer_30years img {width: 100%; max-width: 450px;}
.footer .copyright {}
.footer .keywords {font-size: 12px; color: #acb3ba;}
/*------------------styles_1.css--*/
.side_menu {width: 100%; margin-bottom: 200px; /*height: 435px;*/ text-align: center; background: #fff url(../images/inventory_tools_bg.png) repeat-x top left; overflow: hidden;}
.side_menu_shadow {background: #fff url(../images/shadow.png) no-repeat top left;}
.h950px {height: 950px;}
.vehicle_selected_box {width: 100%; position: relative;}
.vehicle_selected_box .image_box {position: relative; text-align: left; overflow: hidden;}
.vehicle_selected_box .image_box img {width: 100%; display: block; border-radius: 5px;}
.hover_viewdetails {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hover_viewdetails a {width: 100%; height: 100%; display: block;}
.hover_viewdetails a:hover {background: url(../images/hover_viewdetails.png) no-repeat center center;}
.vehicle_selected_box .price_box {text-align: center;}
.vehicle_selected_box .price {font-size: 23px; padding: 15px 35px; margin: 0px; font-weight: normal; color: #333;}
.vehicle_selected_box .price_box_regular {text-align: left; width: 95%; margin-top: 0px; padding: 0px 0px 0px 0px;}
.vehicle_selected_box .price_box_sale {text-align: center; width: 95%; margin-top: 1px; margin-bottom: 14px;}
.price_home_regular {font-size: 18px; padding-top: 5px !important; margin: 0px; font-weight: 500; color: #333; text-align: left;}
.logo_tradeinbin_sm {position: absolute; top: 10px; right: 10px;}
b {color: #fff; background-color: #910100; padding: 5px; font-weight: normal;}
.price_home_regular {}
.covid_box {cursor: pointer;}
.line-through {text-decoration: line-through;}
.price_home_sale {font-size: 27px; padding-top: 10px; padding-bottom: 10px; margin: 0px; font-weight: 500; color: #333; text-align: right;}
.price_box_new {text-align: center;}
p.price_new {font-size: 24px; padding-top: 15px; padding-bottom: 15px; margin: 0px; font-weight: 200; background-color: #162945; color: #fff;}
.vehicle_selected_box .details_box p {color: #333; margin: 0; padding: 0;}
.vehicle_selected_box .details_box {text-align: left; margin: 15px 0px 0px 15px; position: relative;}
.vehicle_selected_box .details_box .make {font-size: 21px; padding: 0; margin: 0px 0 3px 0; font-weight: bold;}
.vehicle_selected_box .details_box .model {font-size: 20px; padding: 0; margin: 0px 0 0 0; font-weight: 500; line-height: 24px; text-decoration: none; color: #333 !important;}
.vehicle_selected_box .details_box .bottom {margin-top: 5px;}
/*.vehicle_selected_box .details_box p {font-size: 12px; font-weight: 900; margin: 0; padding: 0; line-height: 18px;}*/
.vehicle_selected_box .details_box span.grey {color: #333;}
.vehicle_selected_box .details_box img {width: 170px;}
.red-arrow {font-size: 16px; color: #d51d17; vertical-align: middle;}
.price_regular {font-size: 24px; padding-top: 0px; padding-bottom: 0px; margin: 10px 0px 0px 0px !important; font-weight: 500; text-align: left;}
.sold_banner {position: absolute; top: 10px; right: 10px;}
.form_car_info {float: right; display: flex;}
.form_car_info .details_arrow {vertical-align: top; margin: 15px 25px 0 0; padding: 0px; display: none;}
.form_car_info .details_box {vertical-align: top; margin: 0px; padding: 0px;}
.form_car_info .make {font-size: 18px; font-weight: bold; text-transform: uppercase;}
.form_car_info .model {font-size: 27px !important; font-weight: 500;}
.form_car_info .bottom p {font-size: 18px; font-weight: 500; line-height: 23px;}
.layout-form {margin-top: 135px;}
.box_col_left {float: left; width: 31%; text-align: center; padding: 0px 1% 35px 1%; position: relative; margin-bottom: 0px;}
.box_col_left h1 {font-size: 44px; color: #333;}
.box_col_left h2 {font-size: 35px; font-weight: 500; color: #333;}
.box_col_left p {font-size: 19px; font-weight: 500; color: #333;}
.box_col_right {float: left; width: 57%; text-align: left; margin-left: 10%;}
.box_col_right .form_box {background: #333; padding: 7%;}
.box_col_right .form_box p {color: #fff; font-size: 16px; font-weight: 500;}
.box_col_right .form_box label {color: #fff; font-size: 16px; font-weight: 500;}
.box_col_right .form .row {overflow: hidden; width: 85%;}
.box_col_right .form .row_1 {padding-top: 15px; width: 75%;}
.box_col_right .form .staff_container {overflow-x:hidden; overflow-y: auto; padding: 5px; margin: 15px 0px;}
.box_col_right .form .row_1 .staff {margin-bottom: 8px;}
.box_col_right .form .row_1 .staff .thumb {text-align: left;}
.box_col_right .form .row_1 .staff .thumb {float: left; width: 23%;}
.box_col_right .form .row_1 .staff img {display: block;}
.box_col_right .form .row_1 .staff p {margin: 0px; padding: 5px 0 0 0;}
.box_col_right .form .row_1 .staff .language {margin: 0px; padding: 5px 0 0 0;}
.box_col_right .form .row_1 .staff .details {float: left; width: 50%; padding: 0px 8px; background: url(../images/stripes_grey.jpg); height: 60px;}
.box_col_right .form .row_1 .staff .radio_button {float: left; width: 20%; height: 38px; padding-top: 22px; background: url(../images/stripes_grey_alpha50.jpg); text-align: center;}
.box_col_right .form .staff_container {display: flex; width: 100%; flex-wrap: wrap;}
.box_col_right .form .staff {width: 18%; padding: 2%; text-align: center; margin-right: 5px; margin-bottom: 5px; background: #3d3d3d;}
.box_col_right .form .staff .radio_button {padding-top: 15px; text-align: center;}
.box_col_right .form .staff .details {margin: 0px;}
.box_col_right .form input[type="text"] {height: 29px; width: 93%; margin: 0; color: #000; border: 0;}
.box_col_right .form input[type="file"] {width: 93%; margin: 0; color: #000;}
.box_col_right .form select {height: 45px; width: 95%;}
.box_col_right .form input:hover {background-color: #e5e5e5;}
.box_col_right .form textarea {width: 95%; border:0px solid red; font-size: 16px; margin: 0px;}
.box_col_right .form .row_1a {float: left; margin-right: 5px; width: 100%; background-color: #d2d3d2;}
.box_col_right .form .row_1b {float: left; height: 38px; width: 58%; background-color: #d2d3d2;}
.box_col_right .form .cell_1 {float: left; vertical-align: middle;}
.box_col_right .form .cell_2 {float: left; vertical-align: middle;}
.box_col_right input[type="submit"] {background-color: #fff; font-size: 16px; text-align: right; font-weight: bold; color: #fff; width: 165px; height: 51px; color: #333; padding: 0 22px 0 0;}
.box_col_right input[type="submit"]:hover{background-color: #999999;}
.flex {display: flex;}
.box_col_right .col_3s {width: 20%; padding: 5%; text-align: center; background: #3d3d3d;}
/*8888888*/
.box_col_left .image_box {width: 100%;}
.box_col_left .image_box img {width: 100%; display: block;}
.box_col_left .content {width: 100%; text-align: left; padding-bottom: 20px; overflow: hidden;}
.box_col_left .content_bg {background: url(../images/form_bg.png) repeat-x bottom center;}
.box_col_left .content_footer {margin-top: 20px;}
.box_col_left .content .box_left {float: left; width: 49.9%;}
.box_col_left .content .box_left .row_1 {background: url(../images/bg_blue_gradient.jpg) repeat-x top left; color: #fff; width: 66%; padding: 20px 7% 30px 10%; overflow: hidden; float: right; position: relative; z-index: 2;}
.box_col_left .content .box_left .row_2 {width: 100%; position: relative; z-index: 1; margin-top: -10%; float: left;}
.box_col_left .content .box_left .row_3 {background: url(../images/bg_blue_gradient.jpg) repeat-x top left; color: #fff; width: 66%; padding: 58px 7% 0 10%; overflow: hidden; float: right; padding-bottom: 50px;}
.box_col_left .content .box_left .row_3a{width: 66%; padding: 0 7% 0 10%; overflow: hidden; float: right;}
.box_col_left .content .box_left .row_4 {color: #000; width: 73%; padding: 20px 3% 0 8%; overflow: hidden; float: right;}
.box_col_left .content .box_left .row_5 {color: #000; width: 73%; padding: 20px 3% 0 8%; overflow: hidden; float: right;}
.box_col_left .content .box_left .row_6 {color: #000; width: 73%; padding: 20px 3% 0 8%; overflow: hidden; float: right;}
.box_col_left .content .box_left .row_2 img {width: 100%; display: block;}
.box_col_left .content .box_left .row_3 .cell {margin-top: 30px;}
.box_col_left .content .box_left .row_3 .cell_1 {float: right; margin-right: 10px;}
.box_col_left .content .box_left .row_3 .cell_2 {float: right; padding-top: 5px;}
.box_col_left .content .box_left .row_4 .cell_1 {float: left; width: 220px;}
.box_col_left .content .box_left .row_4 .cell_2 {float: left; padding-top: 5px;}
.box_col_left .content .box_left h1 {font-size: 28px; font-weight: 200;}
.box_col_left .content .box_left h2 {font-size: 24px; font-weight: 200; margin: 0px 0px 10px 0px; padding: 0px;}
.box_col_left .content .box_left p {margin: 0; padding: 0; font-size: 15px; }
.box_col_left .content .box_right {float: left; width: 50%;}
.box_col_left .content .box_right .bg_bar {background: url(../images/bg_blue_gradient.jpg) repeat-x top left; height: 12px; width: 100%;}
.box_col_left .content .box_right .form { width: 80%; margin: 35px auto 0 auto;}
label {font-size: 16px;}
input {background-color: #fff; border: 1px solid #646464; text-align: left; padding: 8px 8px; margin: 0;}
input[type="submit"] {background-color: #333;font-size: 16px;border: 0px;color: white;padding: 9px 40px;}
input[type="submit"]:hover{background-color: #505050;}
select {width: 100%; height: 35px; font-size: 16px; border:1px solid #646464;}
.box_col_left .content .box_right .row {overflow: hidden;}
.box_col_left .content .box_right .row_1 {padding-top: 15px;}
.box_col_left .content .box_right .staff_container {overflow-x:hidden; overflow-y: auto; padding: 5px; border: 1px solid #646464; margin: 15px 0px;}
.box_col_left .content .box_right .row_1 .staff {margin-bottom: 8px;}
.box_col_left .content .box_right .row_1 .staff .thumb {text-align: left;}
.box_col_left .content .box_right .row_1 .staff .thumb {float: left; width: 23%;}
.box_col_left .content .box_right .row_1 .staff img {display: block;}
.box_col_left .content .box_right .row_1 .staff p {margin: 0px; padding: 5px 0 0 0;}
.box_col_left .content .box_right .row_1 .staff .language {margin: 0px; padding: 5px 0 0 0;}
.box_col_left .content .box_right .row_1 .staff .details {float: left; width: 50%; padding: 0px 8px; background: url(../images/stripes_grey.jpg); height: 60px;}
.box_col_left .content .box_right .row_1 .staff .radio_button {float: left; width: 20%; height: 38px; padding-top: 22px; background: url(../images/stripes_grey_alpha50.jpg); text-align: center;}
.box_col_left .content .box_right input[type="text"] {height: 14px; width: 93%; margin: 0; color: #000;}
.box_col_left .content .box_right input[type="file"] {width: 93%; margin: 0; color: #000;}
.box_col_left .content .box_right input:hover {background-color: #e5e5e5;}
.box_col_left .content .box_right textarea {width: 97%; border:1px solid #646464; font-size: 16px; margin: 0px;}
.box_col_left .content .box_right .row_1a {float: left; margin-right: 5px; width: 100%; background-color: #d2d3d2;}
.box_col_left .content .box_right .row_1b {float: left; height: 38px; width: 58%; background-color: #d2d3d2;}
.box_col_left .content .box_right .row_a {float: left; width: 85%; padding: 0px 0px;}
.box_col_left .content .box_right .row_b {float: left; padding: 5px 0px;}
.required {color: #910100; font-size: 20px; font-weight: bold;}
.box_col_left .content .box_right input[type="text"] { height: auto ;}
/*------------------styles_2.css--*/
.bg_vancouver {
background-image: url(../images/backgrounds/bg_vancouver.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_chinese {
background-image: url(../images/backgrounds/bg_chinese.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_trees {
background-image: url(../images/backgrounds/bg_trees.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_clouds {
background-image: url(../images/backgrounds/bg_clouds.jpg);
background-repeat: no-repeat;
background-position: center 43px;
background-attachment: scroll;
-webkit-background-size: 100% 1494px;
/*-webkit-background-size: 1862px 1094px;*/
}
.bg_bcday2018_1c {
background-image: url(../images/backgrounds/banner_bcday2018_1c.jpg);
background-repeat: no-repeat;
background-position: center 500px;
background-attachment: scroll !important;
}
.bg_endofsummer {
background-image: url(../images/home/hero_bg_home_newname1.jpg);
/*background-image: url(../images/backgrounds/banner_fall2018.jpg);*/
background-repeat: no-repeat;
background-position: center 100px;
background-attachment: scroll !important;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_seatosky {
background-image: url(../images/backgrounds/bg_seatosky.jpg);
background-repeat: no-repeat;
background-position: center 100px;
background-attachment: scroll !important;
-moz-background-size: 100% 1000px;
-o-background-size: 100% 1000px;
background-size: 100% 1000px;
height: 100%;
width: 100%;
-webkit-background-size: 100% 1000px;
}
.bg_thankyou {
background-image: url(../images/backgrounds/bg_thankyou.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1600px auto;
-moz-background-size: 1600px auto;
-o-background-size: 1600px auto;
background-size: 1600px auto;
}
.bg_outoftown {
background-image: url(../images/promo/outoftown/bg-outoftown.jpg);
background-repeat: no-repeat;
background-position: center 120px;
background-attachment: scroll;
-webkit-background-size: 1862px 830px;
}
.single_col_home {width: 99%; margin-top: 0px; padding: 0.5% 0.5% 0% 0.5%; text-align: center;}
.single_col_home .home_promo {position: relative; width: 1000px; margin: 43px auto 0 auto;}
/*.single_col_home .home_promo {position: relative; width: 1000px; margin: 43px auto 0 auto; height: 1390px;}*/
/*Old Design.single_col_home .home_promo {position: relative; width: 1000px; margin: 43px auto 0 auto; height: 1180px;}*/
.single_col_home .home_promo .menu_selection_cars {border: 0px solid red;}
.single_col_home .home_promo .menu_selection_office {border: 0px solid red;}
.single_col_home .home_promo .menu_selection_service {border: 0px solid red;}
.single_col_home .home_promo .menu_selection_finance {border: 0px solid red;}
.single_col_home .home_promo li a {color: white; font-size: 18px; text-decoration: none; padding: 0px 0px;}
.single_col_home .home_promo li a:hover {background-color: #cccccc; color: #162945;}
.single_col_home .home_promo h2 {color: white; font-size: 11px; font-weight: normal; border-bottom: 1px solid white; width: 250px;}
.single_col_home .home_promo ul {padding: 0px; list-style-type: none; line-height: 25px; margin: 8px 0px 0px 0px;}
.single_col_home .home_promo li {padding: 0px; margin: 0px; line-height: 25px;}
.single_col_home .featured_row {margin-bottom: 20px; overflow: hidden;}
.single_col_home .featured_row .details_box {padding-bottom: 20px;}
.single_col_home .featured_row .details_box a {color: #000; text-decoration: none; line-height: 28px;}
.single_col_home .featured_row .details_box a:hover {background-color: #ddd;}
.single_col_home .col4 {width: 24.44%; float: left; position: relative; overflow: hidden; text-align: left; /* background: url(../images/shadow_staff.png) no-repeat left -70px */; margin: 0.25%;}
.single_col_body {width: 99%; margin-top: 0px; padding: 0.5% 0.5% 0% 0.5%; background-color: #fff; overflow: hidden;}
.single_col_body .col2 {width: 49.9%; float: left; position: relative; overflow: hidden;}
.single_col_body .col3 {width: 30%; float: left; position: relative; overflow: hidden; text-align: left;}
.single_col_body .col4 {width: 24.44%; position: relative; overflow: hidden; text-align: left; /* background: url(../images/shadow_staff.png) no-repeat left -70px */; margin: 0.25%;}
.single_col_body .col5 {width: 19.99%; float: left; position: relative; background: url(../images/shadow_staff.png) no-repeat top left;}
.single_col_body .staff_row {margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.single_col_body .staff_row .col5 {width:19.99%;}
.single_col_body .col5 .divider {width: 3px; background-color: #fff; position: absolute; top: 0; right: 0; height: 300px; z-index: 5;}
.staff_pic img {display: block; width: 100%;}
.staff_pic {position: relative;}
.readreviews_button {position: absolute; right: 11px; bottom: 56px;}
.readreviews_button a {
background: url(../images/reviews/readreview_button_48x48.jpg);
display: block;
width: 48px;
height: 48px;
}
.readreviews_button a:hover {background-position: 0 -48px;}
.name {position: absolute; bottom: 0; right: 0; background-color: #333333; padding: 13px 15px 13px 0px; text-align: right; width: 80%;}
.name p {font-size: 16px; color: white; padding: 0; margin:0; line-height: 21px;}
.team_contact {margin: 6px 0px;}
.team_contact a {text-decoration: none; font-size: 16px; color: #000;}
.team_contact a:hover {text-decoration: underline;}
.team_contact .email {float: left; width: 38%; border:1px solid black;}
.ml8 {margin-left: 8%;}
.ml1 {margin-left: 1%;}
.team_contact .phone {float: left; width: 38%;}
.position {text-align: right; margin: 8px 15px 15px 0px;}
.position p {margin: 0px; padding: 0px; font-style: italic; font-size: 16px; font-weight: 900;}
.years {color: #910100; font-weight: bold;}
.likes {text-align: left; width: 85%; margin: 0 auto;}
.likes p {background: url(../images/stripes_grey.jpg); padding: 3px 8px; margin: 5px 0px;}
.white {color:#fff;}
.single_col_body .testimonial_row {margin: 75px auto 75px auto; width: 85%;}
.single_col_body .col2 p {width: 75%; margin: 0 auto; text-align: left;}
.col3 .highlight {background-color: #eeeeee; padding: 10px;}
.single_col_body .featured_row {margin-bottom: 20px; overflow: hidden; display: flex; flex-wrap: wrap;}
.single_col_body .featured_row .details_box {padding-bottom: 30px;}
.single_col_body .featured_row .details_box a {color: #000; text-decoration: none; line-height: 28px;}
.single_col_body .featured_row .details_box a:hover {background-color: #ddd;}
.thankyou {margin: 25px 0px 175px 0px;}
.thankyou a {font-size: 19px; color: #fff; text-decoration: none; font-style: italic; padding: 10px;}
.thankyou a:hover {
opacity: 0.50;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
/*------------------styles_3.css--*/
.bg_aboutus {
background-image: url(../images/backgrounds/bg_seatosky.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_finance {
background-image: url(../images/backgrounds/bg__blank_white.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1600px auto;
-moz-background-size: 1600px auto;
-o-background-size: 1600px auto;
background-size: 1600px auto;
}
.bg_service {
background-image: url(../images/backgrounds/bg_camp.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.bg_chinese {
background-image: url(../images/backgrounds/bg_chinese.jpg);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 1920px auto;
-moz-background-size: 1920px auto;
-o-background-size: 1920px auto;
background-size: 1920px auto;
}
.button_chinese {background-color: #246900; padding: 25px 40px; color: #fff; text-decoration: none; display: block; font-size: 18px;}
.button_chinese:hover {background-color: #164100;}
.chinese_p {color: #000; font-size: 21px; line-height: 28px;}
/* ------- top nav ------ */
/* .topnav {
display: none;
} */
.topnav {position: absolute; right: 0; top: 35px; border-bottom: 0px solid black; padding-bottom: 0px; width: 100%;}
.topnav input[type=text] {
padding: 6px;
margin-bottom: 5px;
margin-top: 8px;
font-size: 20px;
/*background-color: transparent !important;*/
background-color: #e3e3e3 !important;
max-width: 500px;
color: #000;
border-bottom:0px solid black;
border-radius: 5px;
width:100%;
}
.topnav button {
float: right;
padding: 6px 10px;
margin-top: 10px;
margin-right: 16px;
background: transparent;
font-size: 17px;
border: none;
cursor: pointer;
border-bottom: 0px solid #000;
padding-bottom: 0px;
margin-bottom: 0px;
}
.topnav button:hover {
background: #ccc;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
/* ------- 35 years banner ------ */
.banner_35years {margin-top: 50px;}
/* ------- about row ------ */
.about_row {width: 100%; text-align: center; padding: 85px 0px 50px 0px;}
.about_row h1 {background-color: #912719; color: #fff; padding: 50px 20px; font-size: 36px; line-height: 42px; display: inline-block; font-weight: bold; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.about_row .col2a {width: 625px; margin: 0 auto;}
.about_row .col2a p {width: 90%; margin: 0 auto; color: #fff; margin-top: 150px;}
.about_row .col2b {float: left; width: 50%; text-align: left;}
.about_row_body {width: 100%; display: flex; align-items: center; margin: 40px 0px;}
.about_row_body h1 {color: #333; font-size: 36px; line-height: 42px; display: inline-block; font-weight: bold; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; text-transform: uppercase;}
.about_row_body .col2a {width: 40%; padding: 0 5%; text-align: left;}
.about_row_body .col2b {width: 40%; padding: 0 5%; text-align: left;}
.about_row_body .col-img {width: 45%; padding: 0 2.5%; text-align: center;}
.about_row_body .col2a p {}
.about_row_body .col2a .sub_button {position: absolute; top: 0; right: 0; background-color: #1c2f57; width: 60%; padding: 27px 0px;}
.about_row_body .col2a .sub_button a {color: #fff; text-decoration: none; font-size: 24px; font-weight: 200;budget}
.about_row_body .col2a .sub_button a:hover {text-decoration: underline;}
.about_row_body .col2a img {}
.about_row_body .col2b p {}
.box_small {float: left;}
.box_small p {margin: 0; padding: 0;}
.box_small .orange {color: #f4560f;}
.check_marks_1 {width: 55%; margin-left: 35px; margin-top: 20px;}
.check_marks_2 {width: 38%; margin-left: -50px; margin-top: 20px;}
/*
.vehicle_bg1 {
background-image: url('/images/backgrounds/background1.jpg');
background-repeat: none;
}
.vehicle_bg2 {
background-image: url('/images/backgrounds/background2.jpg');
background-repeat: none;
}
.vehicle_bg3 {
background-image: url('/images/backgrounds/background3.jpg');
background-repeat: none;
}
.vehicle_bg4 {
background-image: url('/images/backgrounds/background4.jpg');
background-repeat: none;
}
.vehicle_bg5 {
background-image: url('/images/backgrounds/background5.jpg');
background-repeat: none;
}
.vehicle_bg6 {
background-image: url('/images/backgrounds/background6.jpg');
background-repeat: none;
}
*/
a.main.active {
background-color: #444;
}
.mobile_footer {display: none;}
.mobile_show {display: none;}
.finance_height {height: 500px;}
.savings_box {width: 95%; text-align: center; margin: 1px 0px 10px 0px; padding: 10px 0px;}
.savings_box p {font-size: 16px;}
.but_currentpromo {
background: url('/images/home/but_currentpromo.png') no-repeat;
display: block;
width: 180px;
height: 180px;
}
.but_currentpromo:hover {
background-position: 0px -180px;
}
/*-----------------------------------------------------------------------------------------------------finance section--*/
.but_applynow {
}
.but_applynow:hover {
opacity: 0.85;
filter: alpha(opacity=85); /* For IE8 and earlier */
}
.but_orcheckoutourfaq{
font-weight: 500; font-size: 44px; color: #333; text-decoration: none;
}
.but_orcheckoutourfaq:hover {
opacity: 0.85;
filter: alpha(opacity=85); /* For IE8 and earlier */
}
.finance_row_body {width: 100%; margin-top: -100px;}
.finance_row_body .row {width: 100%;}
.finance_row_body .msg_txt {margin: 95px 0px 75px 0px;}
.finance_row_body .msg_img img {width: 100%;}
.finance_row_body .msg_content {margin: 45px auto; max-width: 900px;}
.finance_row_body .msg_applynow {margin: 55px auto;}
.finance_row_body .msg_logos {margin: 80px 0px;}
.finance_row_body .msg_orcheckoutourfaq {margin: 0px auto;}
.finance_row_body .col_a {float: left; width: 40%; margin: 0% 5%; text-align: left;}
.finance_row_body .col_b {float: left; width: 40%; margin: 0% 5%; text-align: left;}
.finance_row_body p {font-size: 18px; line-height: 26px;}
.finance_row_body .faq h1 {font-size: 23px; padding: 0; margin: 0; line-height: 32px; /*background-color: #ebebeb;*/ padding: 0px;}
.finance_row_body h2 {font-size: 23px; padding: 0; margin: 0; line-height: 32px; padding: 10px; font-weight: bold;}
.but_startshopping {
background: url('../images/finance/but_startshopping.png') no-repeat;
display: block;
width: 171px;
height: 171px;
}
.but_startshopping:hover {
background-position: 0 -171px;
}
.finance_row_body .msg_txt_1 {margin: 180px 0px 0px 0px;}
/*-----------------------------------------------------------------------------------------------------blog--*/
.blog_row_body .row {width: 100%;}
.blog_row_body .col_a {width: 20%; text-align: left; margin-right: 5%;}
.blog_row_body .col_b {width: 70%; text-align: left; margin-right: 5%;}
.blog_row_body h4 {margin: 0; padding: 0; line-height: 35px;}
/*-----------------------------------------------------------------------------------------------------??????--*/
.but_view {
display: block;
background: url('../images/home/but_view.png');
width: 108px;
height: 108px;
}
.but_view:hover {
background-position: 0px -108px;
}
/*-----------------------------------------------------------------------------------------------------$300 Coupon--*/
.bg_coupon {
background-image: url(../images/backgrounds/bg_coupon.jpg);
background-repeat: no-repeat;
background-position: center 120px;
background-attachment: scroll;
-webkit-background-size: 1862px 930px;
}
.but_getcoupon {
display: block;
background: url('../images/coupon/but_getcoupon.png');
width: 164px;
height: 164px;
}
.but_getcoupon:hover {
background-position: 0px -164px;
}
.bg_white {
background-image: url(../images/backgrounds/bg_white.jpg);
background-repeat: no-repeat;
background-position: center 120px;
background-attachment: scroll;
-webkit-background-size: 1862px 930px;
}
.but_coupon_startshopping {
display: block;
background: url('../images/coupon/but_startshopping.jpg');
width: 768px;
height: 320px;
}
.but_coupon_startshopping:hover {
background-position: 0px -320px;
}
/*-----------------------------------------------------------------------------------------------------reviews--*/
.but_reviews_bbb {
display: block;
background: url('../images/reviews/reviews_bbb.png');
width: 148px;
height: 148px;
}
.but_reviews_dealerrater {
display: block;
background: url('../images/reviews/reviews_dealerrater.png');
width: 148px;
height: 148px;
}
.but_reviews_facebook {
display: block;
background: url('../images/reviews/reviews_facebook.png');
width: 148px;
height: 148px;
}
.but_reviews_google {
display: block;
background: url('../images/reviews/reviews_google.png');
width: 148px;
height: 148px;
}
.but_reviews_yelp {
display: block;
background: url('../images/reviews/reviews_yelp.png');
width: 148px;
height: 148px;
}
.but_reviews_bbb:hover,
.but_reviews_dealerrater:hover,
.but_reviews_facebook:hover,
.but_reviews_google:hover,
.but_reviews_yelp:hover {
background-position: 0px -148px;
}
.review_links .review_but {float: left; margin: 0px 12px;}
.review_links .set_1 {float: left;}
.review_links .set_2 {float: left;}
/*-----------------------------------------------------------------------------------------------------our team pages--*/
.ourteam_row_body {width: 100%; margin-top: 0px;}
.ourteam_row_body .row {width: 100%;}
.ourteam_row_body .col_a {float: left; width: 31.5%; margin: 0% 0% 0% 0%; text-align: left;}
.ourteam_row_body .col_b {float: left; width: 65%; margin: 0% 0% 0% 3.5%; text-align: left;}
.ourteam_row_body .title {font-size: 18px; line-height: 26px; font-weight: 100; margin: 5px 0 0 0; padding: 0;}
.ourteam_row_body p {font-size: 18px; line-height: 26px; font-weight: 100;}
.ourteam_row_body h1 {font-size: 23px; padding: 0; margin: 0; line-height: 32px; background-color: #ebebeb; padding: 10px;}
.ourteam_row_body h2 {font-size: 36px; padding: 0; margin: 0; line-height: 32px; font-weight: 100;}
.ourteam_row_body h3 {font-size: 21px; padding: 0; margin: 0; line-height: 32px; font-weight: bold;}
.ourteam_row_body h4 {font-size: 15px; padding: 0; margin: 0; line-height: 25px; font-weight: bold; color: #49494a;}
.vehicles_ourteam_row_body { width: 97%; text-align: left; padding-top: 50px;}
.vehicles_ourteam_row_body h2 {padding-bottom: 20px; border-bottom: 0px solid black;}
.ourteam_name {margin-top: 23px;}
.ourteam_photo_contact {width: 100%;}
.ourteam_photo {float: left; width: 64%;}
.ourteam_photo img {width: 100%;}
.ourteam_contact {float: left; width: 35%; margin-left: 1%;}
.ourteam_contact ul {list-style-type: none; padding: 0; margin: 0; width: 100%;}
.ourteam_contact li {padding: 0; margin: 0 0 1px 0; width: 100%; text-align: center;}
.ourteam_contact li a {background-color: #e8e8e8; width: 100%; height: 45px; display: block; padding-top: 25px;}
.ourteam_header {border-bottom: 1px solid black; padding-bottom: 28px;}
.ourteam_video {margin: 0 0 95px 0;}
.margin-top90 {margin-top: 90px;}
.row_reviews {margin: 28px 0px 0px 0px; padding-bottom: 37px; border-bottom: 0px solid black;}
.star_rating {margin-bottom: 22px;}
.review_box {}
.review_box_row {float: left; margin-right: 5px;}
.review_box_row ul {list-style-type: none; margin: 0; padding: 0; background-color: #eee; width: 290px;}
.review_box_row li {display: inline-block; margin: 0; padding: 5px 8px;}
.width150 {width: 150px;}
.width110 {width: 110px;}
.reviewdby {clear: both;}
.hover_box {display: none; background: url('../images/staff/hover_box.png'); width: 381px; height: 241px; text-align: center;}
.hover_phone {position: absolute; top: 56px; left: 28%;}
.hover_text {position: absolute; top: 190px; left: 28%;}
.hover_box p {font-size: 21px; line-height: 34px; font-style: italic; margin-top: 80px; color: #162945;}
.hover_box span {font-size: 26px; font-style: normal; font-weight: normal; color: #000;}
ul.breadcrumb {
margin-left: 20px;
float:left;
padding: 10px 16px;
list-style: none;
/*background-color: #eee;*/
font-size: 17px;
}
/* Display list items side by side */
ul.breadcrumb li {
display: inline;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
padding: 8px;
color: black;
content: "/\00a0";
}
ul.breadcrumb li a {
text-decoration: none;
color: #000;
}
.vehicles_ourteam_row_body.ourteam_row_body .row_reviews {
overflow: auto;
width: 100%;
}
.vehicles_ourteam_row_body.ourteam_row_body .ourteam_photo {
width: 15%;
}
.vehicles_ourteam_row_body.ourteam_row_body .review_content {
width: 82%;
float: right;
}
.vehicles_ourteam_row_body.ourteam_row_body .review_content button{
border: none;
background: white;
color: #910100;
font-size: 0.8em;
cursor: pointer;
padding-left: 0;
font-weight: bold;
}
.right_triangle, .left_triangle {
position: absolute;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
z-index: 1000;
top: 35%;
}
.right_triangle {
border-left: 25px solid rgba(255,255,255,0.8);
left: 95%;
}
.left_triangle {
border-right: 25px solid rgba(255,255,255,0.8);
right: 95%;
}
.bcs-row {width: 100%;}
.bcs-col-3-1 {width: 24.5%; margin: 0.25%;}
.bcs-col-3-2 {width: 24.5%; margin: 0.25%;}
.bcs-col-3-3 {width: 49.5%; margin: 0.25%;}
/*-----------------------------------------------------------------------------------------------------home video--*/
.hm-video-row {width: 100%; background: #e7e7e7; margin: 20px 0px;}
.hm-video-container {display: flex; padding: 30px; align-items: center; justify-content: center;}
.hm-video-row a {text-decoration: none;}
.hm-video-row h3 {font-size: 28px; text-transform: uppercase;}
.hm-video-col-a {width: 30%; padding: 0px 20px;}
.hm-video-col-b {width: 70%; display: flex; flex-wrap: wrap;}
.hm-video-thumb-50 {width: 50%; padding: 10px;}
.hm-video-thumb-33 {width: 33%; padding: 10px;}
.hm-video-link {margin-top: 10px; text-align: left;}
/*-----------------------------------------------------------------------------------------------------covid--*/
.covid_icons_row {width: 100%; display: flex; margin: 0 auto; text-align: center; justify-content: center;}
.covid_row_2 {width: 80%; display: flex; margin: 0 auto; text-align: center; justify-content: center;}
.covid_col_2 {width: 40%; text-align: left; margin: 0 5%;}
.covid_row_3 {width: 80%; margin: 50px auto;}
.covid_col_3 {text-align: left; margin: 0 5%;}
.covid_box {width: 90%; border: 3px solid #373737; padding: 0; margin: 0 auto;}
.covid_title h6 {padding: 0; margin: 0;}
.covid_title {padding: 0; margin: 50px 0;}
.covid_icons_banner {width: 100%; background: #1b1b1b;}
.covid_icons_banner img {width: auto;}
.covid_icons_banner_1a {width: 100%; margin: 50px 0px;}
.covid_icons_banner_1a img {width: auto;}
.covid_icons_banner_2 {width: 100%; display: flex;}
.covid_icons_banner_2 div {width: 50%;}
.covid_icons_banner_2 div:hover {transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
/* ------- get delivery ------- */
#getdelivery {
position: fixed;
bottom: 0;
padding: 10px 30px 30px 30px;
background: #910100;
z-index: 10000;
transition: all 1s;
width: 100%;
}
#getdelivery h4 {color: #fff; margin: 15px 0; padding: 0;}
#getdelivery img {vertical-align: middle;}
#getdelivery a {color: grey; text-decoration: none; padding: 5px;}
@media only screen and (max-width: 1335px) {
.covid_icons_banner {}
.covid_icons_banner img {width: 100%;}
}
/* ------- vdp 2022 ------- */
.vdp-button-call-text h2 {font-family: 'T-Gothic';}
/* ------- home page 2022 ------- */
@font-face {
font-family: 'T-Gothic';
src: url('TradeGothicLTStd-Bd2.woff2') format('woff2'),
url('TradeGothicLTStd-Bd2.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.flex {display: flex;}
.txt-white {color: #fff;}
.round-rect-white-button {border-radius: 20px; background: white; color: #000; font-weight: bold; padding: 15px 25px; text-decoration: none;}
.style-width {width: 65%;}
.hm2022-master-row p,
.hm2022-second-row p {font-size: 21px; line-height: 30px;}
.hm2022-master-row h2,
.hm2022-second-row h2 {font-size: 24px; font-family: 'T-Gothic';}
.hm2022-second-row h1 {text-transform: none; font-weight: bold; font-size: 40px; font-family: 'T-Gothic';}
.hm2022-master-row {display: flex; margin-bottom: 50px;}
/*.hm2022-master-col-a {flex-grow: 1;}
.hm2022-master-col-b {margin-left: 40px;}*/
.hm2022-master-col-a {flex-grow: 1; width: 72%;}
.hm2022-master-col-b {max-width: 235px; width: 26%; margin-left: 2%;}
.hm2022-container {width: 100%;}
.hm2022-box-title {width: 100%; text-align: left; margin-bottom: 20px;}
.hm2022-box {}
.css-promotions {}
.css-promotions .hm2022-box-flex {display: flex; justify-content: space-between; flex-wrap: wrap;}
.css-promotions .hm2022-box {width: 32.33333%; margin-bottom: 25px;}
.css-financing-specials {background: #fff; text-align: left; padding: 30px; width: 220px;}
.css-financing-specials .hm2022-box {padding-bottom: 40px;}
.css-get-instant-financing {background: #6eb4ac; padding: 0px; margin-top: 0px;}
.css-get-instant-financing .hm2022-box-title {padding: 30px 30px 0px 30px;}
.css-get-instant-financing .hm2022-box {padding: 0px 30px;}
.css-get-instant-financing .hm2022-bcs-logo {margin-right: 15px;}
.css-get-instant-financing .hm2022-bcs-logo img {width: 45px;}
.css-awards {background: #16426b; padding: 30px; margin-top: 30px;}
.css-bcs-standard {margin-top: 75px; margin-bottom: 75px;}
.css-bcs-standard .hm2022-box-flex {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; margin-bottom: 50px;}
.css-bcs-standard .hm2022-box {width: 24%; padding-top: 40px; padding-bottom: 40px; background: #ececec; margin-bottom: 25px;}
.standard-late-model img {width:100%; max-width: 95px;}
.standard-low-price img {width:100%; max-width: 95px;}
.standard-low-km img {width:100%; max-width: 88px;}
.standard-warranty img {width:100%; max-width: 67px;}
.standard-depciation img {width:100%; max-width: 89px;}
.standard-hand-picked img {width:100%; max-width: 119px;}
.standard-inspected img {width:100%; max-width: 74px;}
.standard-immaculate img {width:100%; max-width: 86px;}
.hm2022-second-row {width: 100%;}
.footer-video-box {margin: 70px 0px 0px 0px; width: 100%;}
/* ------- home page 2022 mobile below ------- */
@media only screen and (max-device-width: 480px) {
.hm2022-master-row p,
.hm2022-second-row p {font-size: 18px; line-height: 28px;}
.hm2022-master-row {display: flex; margin-bottom: 0px; flex-direction: column;}
.hm2022-master-col-a {flex-grow: 1;}
.hm2022-master-col-b {width: 100%; margin-left: 0;}
.css-financing-specials {width: auto;}
.css-financing-specials .hm2022-box-flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
.css-financing-specials .hm2022-box {padding-bottom: 40px; width: 31%;}
.hm2022-second-row h2,
.hm2022-master-row h2 {font-size: 18px;}
.hm2022-second-row h1 {text-transform: none; font-weight: bold; font-size: 32px; font-family: 'T-Gothic';}
.css-bcs-standard {margin-top: 25px; margin-bottom: 25px;}
.css-bcs-standard .hm2022-box-flex {justify-content: center;}
.css-bcs-standard .hm2022-box {width: 28.333333%; padding: 0px 2.5% 40px 2.5%;}
.css-bcs-standard h2 {font-size: 18px;}
.style-width {width: 90%;}
.footer-video-box {margin: 0px 0px 0px 0px; width: 100%;}
}
/* ------- home page 2022 mobile above ------- */