@font-face {
    font-family: VWHeadline-LtTab;
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab.eot);
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab.eot?#iefix) format('embedded-opentype'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab.woff) format('woff'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-Sb;
    src:url('/Fonts/vw-head/VWHeadWeb-Regular.eot');
    src:url('/Fonts/vw-head/VWHeadWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Regular.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Regular.ttf') format('truetype'),
    url("/fonts/vw-text/VWTextWeb-Regular.svg#vw_textregular") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-Blk;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/ww-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-text/VWTextWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-LtTab;
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab_1.eot);
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab_1.eot?#iefix) format('embedded-opentype'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab_1.woff) format('woff'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-LtTab_1.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-SbTab;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-head/VWTextWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-Lt;
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-Lt.eot);
    src: url(/StyleSheets/fonts/newfonts/VWHeadline-Lt.eot?#iefix) format('embedded-opentype'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-Lt.woff) format('woff'),
    url(/StyleSheets/fonts/newfonts/VWHeadline-Lt.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-BlkTab;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/ww-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-head/VWHeadWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-Bk;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/ww-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-head/VWHeadWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-Bk;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/ww-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-head/VWHeadWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: VWHeadline-BkTab;
    src:url('/Fonts/vw-head/VWHeadWeb-Bold.eot');
    src:url('/Fonts/ww-head/VWHeadWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.woff') format('woff'),
    url('/Fonts/vw-head/VWHeadWeb-Bold.ttf') format('truetype'),
    url("/fonts/vw-head/VWHeadWeb-Bold.svg#vw_textbold") format("svg");
    font-weight: 500;
    font-style: normal
}

.accordion .accordion-navigation>a,
.accordion dd>a,
h1,
h2,
h3,
h4,
h5,
h6,
table tr td,
table tr th {
    color: #111
}

.tabs .tab-title>a,
.tabs dd>a {
    color: #333
}

a {
    color: #00AFF1
}

button.confirm {
    background-color: #00AFF1!important
}

p>small {
    font-size: 85%
}

.white-slide {
    background: #eaeeed
}

#slick-homepage-banner .slick-dots,
.low-opacity {
    opacity: 0
}

.fa-star.yellow {
    color: #f7bc1d
}

.chosen-container-single .chosen-single,
.chosen-container-single.chosen-container-single-nosearch .chosen-single {
    padding: .5rem;
    height: 2.3125rem;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    text-decoration: none;
    white-space: nowrap;
    line-height: 21px
}

.panel-thumb span,
.slider-navs li span {
    float: left;
    color: #fff;
    text-align: center
}

.chosen-container .chosen-results li,
.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-single .chosen-single span {
    font-size: .875rem
}

.chosen-container {
    margin: 0 0 1rem
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 8px
}

td#campaigns {
    display: none
}

#search_form .chosen-container {
    margin-bottom: 0
}

.chosen-container-single .chosen-single div b {
    background: url(../Images/chosen-sprite.png) 0 9px no-repeat
}

.featured-item.slick-slide {
    background: #FFF
}

.ucase {
    text-transform: uppercase
}

.slider-navs li.active span {
    font-size: 10px;
    padding-top: 17%
}

.slider-navs li span {
    position: absolute;
    font-size: 11px;
    width: 100%;
    top: 0;
    padding-top: 10%;
    padding-bottom: 20%;
    left: 0
}

.slider-navs li {
    background-color: #00AFF1
}

.slider-navs li.active img,
.slider-navs li:hover img {
    opacity: .7
}

.slider-navs {
    margin-left: 0
}

.slider-wrapper {
    position: relative;
    width: 100%;
    margin-top: 28px;
    margin-left: 0
}

ul.slider-navs li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25%;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.third-row {
    padding: 0 0 2%;
    background-color: #33434c;
    line-height: 0
}

.panel-thumb {
    background-color: #fff;
    float: left;
    border: 1px solid #ddd;
    margin: 30px 0
}

.panel-thumb p {
    margin-bottom: 0
}

.panel-thumb span {
    width: 100%;
    background-color: #00AFF1;
    padding: 4%
}

.panel-thumb img {
    margin-bottom: 15px;
    width: 100%
}

.news-icon img,
form#search_form select {
    margin-bottom: 0
}

.news-icon {
    border-right: 1px solid #000
}

.news-icon img {
    padding-top: 13px;
    padding-bottom: 5px
}

.news-right {
    margin-bottom: 15px
}

.news-right b {
    font-size: 14px
}

.news-right p {
    font-size: 11px
}

.min-height-center-homepage {
    width: 75%;
    height: 75%;
    margin: 8% auto auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fb-like-box,
.fb-like-box span,
.fb-like-box.fb_iframe_widget span iframe {
    width: 100%!important
}

.system-message table,
.system-message table td, .system-message table tr{
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    border: none;
    background:none!important;
    background-color:transparent!important;
    
    
}

span.error {font-size:1rem!important;}

span.error, small.error {font-size: 14px!important;
    padding: 20px;}
.system-error-message a, .system-message a {font-size:inherit!important;}


.fa {
    color: inherit
}

.system-message table {
    text-align: center
}

.system-message {
    width: 80%;
    margin: 0 auto
}

.system-message h1 {
    font-family: VWHeadline-Sb
}

.bluebuttons,
.graybuttons {
    /*padding: 1rem 2rem 1.0625rem;*/
    padding:1.75rem 2rem!important;
    margin-left: 12px;
    font-family: VWHeadline-SbTab;
    font-size: 15px;
    height:inherit!important;
}

.graybuttons {
    background-color: #8994a0
}

.bluebuttons {
    background-color: #00AFF1
}

button.graybuttons,
color:#FFF;
button.bluebuttons,
input.bluebuttons,
input.graybuttons {
    color: #fff;
    border: none
}

button.bluebuttons:hover,
input.bluebuttons:hover {
    background-color: #fff;
    outline: #00AFF1 solid 1px;
    color: #00AFF1
}

button.graybuttons:hover,
input.graybuttons:hover {
    background-color: #fff;
    outline: #8994a0 solid 1px;
    color: #8994a0
}

.buttons-width {
    font-size: 15px;
    width: 200px;
    height: 52px;
    align-items: center
}

.hero-banner-content,
.hero-banner-content2 {
    position: absolute;
    top: 12%
}

.hero-banner-content2 {
    left: 5%
}

.hero-banner-content div .fa-search,
.hero-banner-content2 div .fa-search {
    color: #fff;
    padding-right: 10px
}

.hero-banner-content h1,
.hero-banner-content2 h1 {
    font-size: 3.5rem;
    font-family: VWHeadline-Blk;
    color: #fff;
    margin-bottom: 1rem
}

.hero-banner-content span,
.hero-banner-content2 span {
    color: #fff;
    font-family: VWHeadline-Sb;
    display: block;
    font-size: 1.3rem;
    margin-bottom: 1rem
}

#CaptchaV2,
.captchaimg {
    display: inline
}

.hero-banner-content button,
.hero-banner-content2 button {
    background-color: rgba(8, 156, 210, .9);
    font-family: VWHeadline-Sb;
    margin-top: 15px
}

.footer-small a,
.hero-banner-content button a,
.hero-banner-content2 button a {
    color: #fff
}

.footer-small a:hover {
    color: #00B1EB
}

.footer-top a:hover {
    color: #00B1EB!important
}

.slick-slide img.best-practice-button {
    width: 180px;
    float: right
}

.content-container ul li {
    font-size: 15px;
    font-family: VWHeadline-Sb;
    color: #3e3e3e
}

.no-style {
    list-style: none;
    margin: 0
}

#CampaignList_24400,
#globalModal input[type=checkbox] {
    margin: 4px
}

.header-section-menu .row .menu ul.third-level a {
    min-height: 105px
}

.ui-datepicker {
    background: #FFF;
    font-family: VWHeadline-Sb
}

.ui-datepicker-header {
    background: #00AFF1;
    color: #FFF;
    font-family: VWHeadline-Sb;
    border: none
}

.ui-datepicker-title span {
    color: #FFF
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    background: 0 0;
    border: none
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 0;
    color: #3e3e3e;
    font-size: 13px
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #005ba7;
    color: #FFF!important;
    border: none
}

.captchaimg img {
    height: 46px;
    margin-top: -1px
}

.captcha-wrap {
    padding-right: 0
}

#CaptchaV2 {
    height: 46px;
    margin: 0 0 0 6px;
    width: 50%!important
}

.inline-radio input[type=radio]+label {
    margin-left: 0
}

#feedback-form ol {
    font-size: .875rem
}

#feedback-form ol li {
    margin-bottom: 20px
}

.small-form img {
    margin-top: -6px
}

.small-form #CaptchaV2 {
    width: 35%!important
}

ul li {
    font-size: 15px;
    font-family: VWHeadline-Sb
}

.small-form input.bluebuttons {
    height: 45px;
    padding: 5px 0;
    width: 70%;
    color: #fff
}

.bluebuttons {
    color: #fff
}

.bluebuttons:hover,
.small-form input.bluebuttons:hover {
    color: #00AFF1!important
}

.second-row1 {
    background: #eaeeed;
    padding: 2% 0 1%
}

.comment_detail_div {
    margin-top: 3%;
}

#weekly_price_value {
    float: left;
    width: 34%;
    height: 57px;
    font-size: 20px;
    text-align: center;
    margin-right: 10px
}

#search_by_budget {
    float: right;
    width: 59%
}

#search_by_budget button {
    width: 100%;
    padding: 1rem 10px 1.0625rem
}

#circles-slider {
    margin-top: 50px
}

#circles-slider.ui-slider {
    border-radius: 20px;
    background: #00AFF1;
    border: none;
    height: 10px;
    margin: 1em 4em 4em 7px
}

#circles-slider .ui-slider-handle {
    border-radius: 23px;
    height: 23px;
    width: 23px;
    top: -7px;
    margin-left: -11px;
    border: 2px solid #fffaf7
}

#circles-slider .ui-slider-pip {
    top: 3px
}

#circles-slider .ui-slider-pip .ui-slider-line {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    margin-left: -2px;
    background: #fffaf7
}

#circles-slider .ui-slider-pip.ui-slider-pip-first,
#circles-slider .ui-slider-pip.ui-slider-pip-last {
    top: 0
}

#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line,
#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line {
    display: none
}

#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label,
#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
    margin: 0
}

#circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
    left: -1px
}

#circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
    left: -1em;
    text-align: left
}

#circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    font-weight: 400
}

#circles-slider .ui-slider-pip.ui-slider-pip-selected {
    font-weight: 700
}

#circles-slider .ui-slider-pip.ui-slider-pip-selected,
#circles-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    color: #434d5a
}

#circles-slider .ui-state-default,
#circles-slider .ui-widget-content .ui-state-default,
#circles-slider .ui-widget-header .ui-state-default {
    background: #2e404e
}

#circles-slider .ui-slider-pips [class*=ui-slider-pip-selected] span.ui-slider-label {
    color: #00AFF1
}

.narrowchart .ui-accordion .ui-accordion-content {
    padding: 0
}

.narrowchart .ui-state-default,
.narrowchart .ui-widget-content .ui-state-default,
.narrowchart .ui-widget-header .ui-state-default {
    font-size: 13px;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 700;
    color: #3e3e3e;
    border-radius: 17px;
    padding-left: .7em!important;
    margin-bottom: 5px
}

.narrowchart .ui-corner-all,
.narrowchart .ui-corner-bottom,
.narrowchart .ui-corner-br,
.narrowchart .ui-corner-right {
    border-bottom-right-radius: 4px
}

.narrowchart .ui-corner-all,
.narrowchart .ui-corner-bl,
.narrowchart .ui-corner-bottom,
.narrowchart .ui-corner-left {
    border-bottom-left-radius: 4px
}

.narrowchart .ui-corner-all,
.narrowchart .ui-corner-right,
.narrowchart .ui-corner-top,
.narrowchart .ui-corner-tr {
    border-top-right-radius: 4px
}

.narrowchart .ui-corner-all,
.narrowchart .ui-corner-left,
.narrowchart .ui-corner-tl,
.narrowchart .ui-corner-top {
    border-top-left-radius: 4px
}

.narrowchart .ui-state-default .ui-icon,
.narrowchart .ui-state-focus .ui-icon,
.narrowchart .ui-state-hover .ui-icon {
    background-image: none
}

.narrowchart .ui-state-active,
.narrowchart .ui-widget-content .ui-state-active,
.narrowchart .ui-widget-header .ui-state-active {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #fbd850;
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
    font-weight: 700;
    color: #eb8f00
}

.narrowchart .ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.vehicle-content div#news-nav {
    position: relative;
    bottom: 0
}

footer .footer-bottom ul {
    margin: 0
}

#globalModal .sidebar-company-info {
    margin-top: 0px !important;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    margin-top: 0
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: 0;
    top: 0
}

.slick-initialized .slick-slide {
    outline: 0
}

.top-bar.expanded .toggle-topbar a span::after {
    content: "\2715";
    box-shadow: none;
    font-size: 1.8em;
    font-weight: 100;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    display: inline-block;
    position: relative;
    top: 0;
    left: 100%;
    width: 0;
    margin-top: 0
}

.holder,
.onload {
    width: 100%;
    text-align: center
}

.vehicle-disclaimer {
    line-height: 1.3
}

.result-show,
label b {
    font-weight: 400
}

.onload {
    position: fixed;
    z-index: 99999999;
    background-color: #fff;
    padding: 9%;
    top: 0;
    left: 0
}

.advance-search {
    display: none
}

form#search_form label {
    margin: 5px 5px 5px 0
}

.holder {
    margin: 9px 0;
    clear: both;
    float: left
}

.holder a {
    font-size: 15px;
    cursor: pointer;
    padding: .3rem .5rem;
    background-color: #00AFF1;
    color: #fff;
    line-height: normal;
    margin: 0 3px
}

.holder a:hover {
    background-color: #8a94a0;
    color: #fff
}

.holder a.jp-previous {
    margin-right: 15px
}

.holder a.jp-next {
    margin-left: 15px
}

.holder a.jp-current,
a.jp-current:hover {
    color: #222;
    font-weight: 700
}

.holder a.jp-disabled,
a.jp-disabled:hover {
    color: #8a94a0
}

.holder a.jp-current,
.holder a.jp-disabled,
a.jp-current:hover,
a.jp-disabled:hover {
    cursor: default;
    background: 0 0
}

.cal1 .clndr .clndr-table tr .day:hover,
.grid figure,
button,
input[type=submit],
span.clndr-next-button:hover,
span.clndr-previous-button:hover {
    cursor: pointer
}

.holder span {
    margin: 0 5px
}

.instock-cars table tr .right-td {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase!important
}

.bread-crumbs,
.instock-cars .section div .panel b,
.instock-cars .section-view .hovername b {
    text-transform: uppercase
}

div#sidebar-wrapper {
    z-index: 99
}

.price-field2 {
    font-size: 28px;
    font-family: VWHeadline-SbTab
}

.blue-button,
.clndr-controls,
.resetli,
li.link-download,
td.header-day {
    font-family: VWHeadline-Sb
}

.second-row3 {
    padding-bottom: 2%
}

ul.third-level li.commercial {
    width: 25%
}

.slick-next,
.slick-prev {
    top: 40%
}

.clndr-controls {
    background: #00AFF1;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 4px
}

.clndr-control-button {
    display: inline-block;
    width: 10%
}

.month {
    display: inline-block;
    width: 80%;
    text-align: center
}

table.clndr-table {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px
}

td.header-day {
    font-size: 15px;
    color: #333;
    text-align: center
}

.clndr-control-button.rightalign,
.day-contents {
    text-align: right
}

.day-contents {
    border: 1px solid #d3d3d3;
    background: #e6e6e6;
    padding: .2em
}

.inactive .day-contents {
    background: #F6F6F6
}

td.day {
    padding: 1px
}

a.clickDate {
    color: #3e3e3e;
    font-size: 13px
}

.inactive .day-contents a.clickDate {
    color: #CBCBCB
}

.day-contents:hover {
    background: #FFF
}

.selected .day-contents {
    background: #00AFF1
}

.selected .day-contents a.clickDate {
    color: #FFF
}

.video-controller .slick-next:before,
.video-controller .slick-prev:before {
    color: #00AFF1
}

span.clndr-next-button,
span.clndr-previous-button {
    background-image: url(/images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    color: transparent;
    display: block
}

span.clndr-previous-button {
    background-position: -80px -192px
}

span.clndr-previous-button.inactive {
    opacity: .5
}

span.clndr-next-button {
    background-position: -48px -192px;
    float: right
}

.header-section-menu .second-level {
    position: absolute;
    min-width: 500px;
    max-width: 1240px;
    width: 205%;
    left: 0
}

.header-section-menu ul.third-level li {
    width: 10%!important
}

.header-section-menu .in-stock .second-level {
    left: auto;
    max-width: auto;
    min-width: 500px;
    width: auto
}

.passenger-car{
	width: 100%;
}

@media only screen and (min-width:2410px) {
    .second-row3 {
        padding-top: 2%
    }
}

@media only screen and (min-width:2200px) {
    .white-bg {
        min-height: 389px!important
    }
    .slick-controller-news div h2 {
        font-size: 24px!important
    }
}

@media only screen and (max-width:1280px) {
    .hero-banner-content {
        left: 10%
    }
}

@media only screen and (max-width:1210px) {
    #CaptchaV2 {
        width: 45%!important
    }
}

@media only screen and (max-width:1180px) {
    .small-form #CaptchaV2 {
        width: 33%!important
    }
}

@media only screen and (max-width:1100px) {
    #CaptchaV2 {
        width: 40%!important
    }
    .small-form #CaptchaV2 {
        width: 30%!important
    }
}

@media only screen and (min-width:940px) and (max-width:1024px) {
    .top-bar-section {
        position: absolute
    }
    .custom-nav-menu ul li {
        width: auto!important
    }
    .top-bar-section .dropdown li {
        height: auto;
        width: 100%!important
    }
}

@media only screen and (max-width:64em) {
    .slick-initialized .slick-slide {
        background: #FFF
    }
    .slick-controller-news .slick-dots {
        display: none!important
    }
    .min-height-center-homepage {
        margin-top: 3%
    }
    .video-controller .slick-next {
        right: 1%
    }
    .video-controller .slick-prev {
        left: 1%
    }
    .slider-navs-hide {
        display: block!important;
        margin: 0
    }
    .third-row .slick-list {
        padding: 0!important
    }
    .third-row .slider-wrapper {
        width: 100%;
        margin-left: 0
    }
    footer .footer-social div .newsletter-form {
        margin-top: 0
    }
    footer .footer-bottom ul li {
        display: inline-block;
        float: none
    }
    footer .footer-bottom ul {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .section-high6 h3 {
        line-height: 1;
        margin-top: 0
    }
    #news-nav {
        position: absolute;
        bottom: 125px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .instock-cars table tr .left-td {
        padding-left: 5px!important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .captchaimg img {
        width: 40%
    }
    .small-form #CaptchaV2 {
        width: 57%!important
    }
    .small-form input.bluebuttons {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .small-form #CaptchaV2 {
        width: 55%!important
    }
}

@media only screen and (max-width:48em) {
    .top-bar.expanded .toggle-topbar a span::after {
        top: 0;
        font-size: 1.4em
    }
    .slick-initialized .slick-slide {
        background: 0 0
    }
    footer .footer-social div .newsletter-form form #catlistbutton {
        font-size: 14px;
        padding: 8px 7px
    }
    .slick-controller-news .slick-prev {
        left: 50%
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .hero-banner-content {
        left: 31%;
        text-align: center
    }
    .white-bg {
        background-color: #fff
    }
    .slick-controller-news {
        background-color: #fff!important
    }
    .min-height-center-homepage {
        position: relative!important
    }
    .news-right {
        min-height: 100px
    }
    .slider-wrapper {
        position: relative;
        width: 95%;
        margin-top: 0
    }
    .slider-navs li span {
        padding-bottom: 8%
    }
}

@media (min-width:320px) and (max-width:767px) {
    .captcha-wrap {
        padding-right: .9375em
    }
    .captchaimg img {
        width: 100%;
        margin-bottom: 1rem
    }
}

@media only screen and (max-width:40em) {
    .min-height-center-homepage,
    .slider-wrapper,
    div#sidebar-wrapper {
        position: relative!important
    }
    .video-controller .slick-next,
    .video-controller .slick-prev {
        display: block!important
    }
    .hero-banner-content {
        left: 0
    }
    li.link-download {
        width: 100%
    }
    .margintop20-small {
        margin-top: 20px
    }
    .detail-info {
        word-wrap: break-word
    }
    .row.list-info div ul li div {
        font-size: 13px
    }
    footer .footer-social div .social-account span .fa-instagram:before,
    footer .footer-social div .social-account span .fa-twitter-square:before {
        font-size: 31px
    }
    .top-bar.expanded .toggle-topbar a span::after {
        top: 0;
        font-size: 1.4em
    }
    .small-form input.bluebuttons {
        width: 100%;
        margin: 0 0 1rem
    }
    .small-form #CaptchaV2 {
        width: 100%!important;
        margin: 0 0 1rem
    }
    .captchaimg img {
        min-width: 219px;
        margin-bottom: 16px
    }
    .news-right {
        margin: 15px 0
    }
    .hero-banner-content,
    .hero-banner-content2 {
        position: relative!important;
        top: 0!important;
        background-color: #000;
        padding: 4%
    }
    .hero-banner-content h1,
    .hero-banner-content2 h1 {
        font-size: 1.5rem;
        text-align: center
    }
    .hero-banner-content span,
    .hero-banner-content2 span {
        text-align: center;
        float: left;
        width: 100%!important;
        font-size: .8rem
    }
    .hero-banner-content button,
    .hero-banner-content2 button {
        margin-top: 15px;
        width: 100%
    }
    .slick-controller-news .slick-prev {
        left: 0!important;
        top: 15%!important
    }
    .slick-controller-news .slick-next {
        right: 0!important;
        top: 15%!important
    }
    .panel-thumb {
        margin-bottom: 20px
    }
    .vids div h2 {
        font-size: 22px!important;
        margin-top: 10px
    }
    .third-row {
        margin-top: 25px
    }
    .slider-wrapper {
        width: 90%!important;
        margin-top: 0!important
    }
    ul.slider-navs li img {
        height: 116px
    }
    .news-icon {
        display: none
    }
    .panel-thumb img {
        width: 100%
    }
    .slider-navs li span {
        height: 117px
    }
    .best-practice-button {
        width: 100%;
        float: none
    }
    .best-practice {
        display: block;
        text-align: center
    }
    .best-practice-wrap {
        padding-right: 15px
    }
}

.second-row {
    background: url(/images/background.jpg) no-repeat;
    padding-bottom: 2%;
    background-size: 100%
}

.slick-controller-news {
    margin-top: 0;
    margin-bottom: 20px
}

.white-bg {
    background-color: #fff;
    padding: 1%;
    min-height: 440px
}

.slick-controller-news div h2 {
    font-size: 25px;
    text-transform: uppercase
}

.slick-controller-news p {
    margin-top: 1.25rem
}

.slick-controller-news button {
    background-color: #00AFF1;
    color: #fff;
    width: 200px;
    padding: 12px
}

.slick-controller-news .slick-dots {
    top: 90%;
    right: 28%;
    bottom: 0;
    width: auto
}

.slick-controller-news .slick-next,
.slick-controller-news .slick-prev {
    background-color: transparent;
    width: auto
}

.slick-controller-news .slick-next:before,
.slick-controller-news .slick-prev:before {
    color: #00AFF1
}

.slick-controller-news .slick-next {
    right: 0;
    top: 42%
}

.slick-controller-news .slick-prev {
    left: 52%;
    top: 42%
}

.slick-controller-news button a {
    color: inherit
}

.vids div button {
    background-color: #00AFF1;
    color: #fff;
    padding: 12px
}

.vids div button a {
    color: inherit
}

.vids div h2 {
    font-size: 35px
}

.hero-banner-content button:hover,
.hero-banner-content2 button:hover {
    background-color: transparent;
    outline: rgba(8, 156, 210, .901961) solid 1px;
    color: rgba(8, 156, 210, .901961)
}

.hero-banner-content button:hover a,
.hero-banner-content2 button:hover a {
    color: inherit
}

.min-height-center-homepage button:hover {
    outline: #00AFF1 solid 1px;
    background-color: transparent;
    color: #00AFF1
}

.min-height-center-homepage button:hover a {
    color: inherit
}

.vids div button:hover {
    outline: #00AFF1 solid 1px;
    background-color: transparent;
    color: #00AFF1
}

@media only screen and (max-width:40em) {
    .buttons-width {
        width: 100%;
        margin-left: 0
    }
}

.buttons-width:hover {
    outline: 0;
    margin-top: 0;
    padding-top: 15px
}

.custom_label {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.custom-padding {
    padding: 20px
}

li.link-download {
    background-color: transparent!important;
    font-size: 15px!important;
    padding: .5rem 1rem 27px!important;
    list-style: none
}

@media only screen and (max-width:885px) {
    li.link-download {
        float: none!important;
        width: 50%;
        margin: 0 auto;
        clear: both;
        padding: 16px 0!important;
        text-align: center
    }
}

.highlight-config .car-alias,
.no-top {
    margin-top: 0
}

li.link-download a:hover {
    color: #8994a0
}

.resetli {
    margin-left: 0;
    list-style: none;
    font-size: 15px
}

.resetli li {
    margin-bottom: 15px
}

a {
    outline: 0!important
}

.no-top {
    padding-top: 0
}

.blue-button {
    background-color: #00AFF1;
    color: #fff
}

.submit_button {
    border: none;
    color: #fff
}

.gray-background-form {
    float: left;
    width: 100%;
    background-color: #eaeeed
}

.body-content-h2 {
    font-family: VWHeadline-SbTab;
    font-size: 24px
}

.body-h2,
.body-h3 {
    font-family: VWHeadline-Sb
}

.body-h2 {
    font-size: 40px
}

.body-h3 {
    font-size: 24px
}

input,
label,
label b,
p,
span {
    font-size: 15px;
    font-family: VWHeadline-Sb;
    color: #333
}

.blue-section-right-position {
    text-align: right;
    width: 100%;
    float: left;
    padding: 5%;
    background-color: #00AFF1;
    color: #fff;
    font-family: VWHeadline-SbTab
}

.bread-crumbs,
.bread-crumbs a {
    font-size: 15px;
    color: #000;
    font-family: VWHeadline-SbTab;
    line-height: 1.6;
}

.left-position {
    text-align: left;
    font-size: 15px;
    font-family: VWHeadline-SbTab;
    margin-bottom: 20px
}

.header-section-menu .row .phone-list,
.right-position {
    text-align: right
}

.right-position {
    font-size: 15px;
    font-family: VWHeadline-SbTab;
    margin-bottom: 20px
}

.highlight-config {
    width: 50%;
    float: left
}

@media only screen and (max-width:40em) {
    .highlight-config {
        width: 100%
    }
}

.color-config {
    width: auto;
    position: absolute;
    right: 21%;
    top: 29%
}

@media only screen and (max-width:40em) {
    .color-config {
        width: auto!important;
        display: none!important
    }
}

@media only screen and (max-width:885px) {
    .highlight-config {
        margin-bottom: 0
    }
    .highlight-config .car-alias {
        margin-top: 1%
    }
    .color-config {
        display: none!important
    }
}

.color-config li a {
    background-color: transparent!important;
    padding: 10px!important
}

.color-config li a span {
    background-color: red;
    float: left;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd
}

.bread-crumbs {
    margin-bottom: 20px
}

.bread-crumbs a:hover {
    color: #00AFF1
}

header {
    background-color: #eaeeed;
    min-height: 48px
}

header .header-top {
    width: 100%;
    float: left
}

header .header-top .right {
    width: 100%
}

header .header-top .right ul {
    float: left;
    width: 75%;
    margin-bottom: 0
}

header .header-top .right ul li {
    float: right;
    margin: 10px 2%;
    list-style: none;
    font-family: VWHeadline-SbTab;
    font-size: 14px
}

header .header-top .right ul li a {
    color: #898989
}

header .header-top .right ul li a.active,
header .header-top .right ul li a:hover {
    color: #00AFF1
}

header .header-top .right button {
    background-color: #8994a0;
    margin: 10px 0 0 5px;
    font-family: VWHeadline-Sb;
    font-size: 12px;
    width: 10%;
    float: right;
    min-height: 25px;
    padding: 0
}

header .header-top .right button:hover {
    background-color: transparent!important;
    color: #8994a0;
    outline: #8994a0 solid 1px
}

.header-section {
    margin: 1% 0
}

.header-section .row h2 {
    text-align: right;
    font-family: VWHeadline-SbTab;
    font-size: 33px;
    margin-top: 30px
}

.header-section-menu .row .menu {
    padding-left: 0
}

.header-section-menu .row .menu ul {
    margin-left: 0
}

.header-section-menu .row .menu ul li {
    float: left;
    margin: 0 2%;
    list-style: none;
    font-family: VWHeadline-SbTab;
    background-color: #fff
}

.header-section-menu .row .menu ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border-bottom: 26px solid;
    padding-bottom: 24px;
    border-color: transparent;
    background-color: #33434C
}
.header-section-menu .row .menu ul li a span {
	font-family: VWHeadline-SbTab !important;
}

.cl-effect-5 a.active span,
.header-section-menu .row .menu ul li a.active,
.header-section-menu .row .menu ul li a:hover {
    color: #00B1EB!important
}

.header-section-menu .row .menu ul li ul li a {
    font-size: 12px;
    height: auto;
    border-bottom: 0
}

.header-section-menu .row .menu ul.second-level li a:hover,
.header-section-menu .row .menu ul.second-third li a:hover {
    color: #00AFF1!important
}

.header-section-menu .row .menu .second-level {
    background-color: #fff;
    padding-top: 26px;
    border-bottom: 4px solid;
    padding-bottom: 0;
    border-color: transparent;
    z-index: 999;
    min-width: 110px;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    -moz-box-shadow: 2px 2px 2px #aaa;
    -ms-box-shadow: 2px 2px 2px #aaa;
    -o-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa
}

.home-sandbox .header-section-menu .row .menu .second-level,
.home-sandbox .header-section-menu .row .menu .third-level {
    min-width: 500px
}

.home-sandbox li.disabled-link ul.third-level li.commercial {
    float: left;
    width: 20%
}

.header-section-menu .row .menu .second-level:hover a:hover {
    border-color: transparent
}

.header-section-menu .row .phone-list span {
    font-family: VWHeadline-Sb;
    font-size: 15px;
    margin-left: 4%;
    color: #fff;
    margin-bottom: 20px;
    float: right;
    border: 1px solid #8994a0;
    padding: 1%;
    background-color: #8994a0;
    border-radius: 2px
}

.header-section-menu .row .phone-list span:last-child {
    margin-left: 0
}

.clear-item {
    clear: both!important
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

nav ul li {
    display: block;
    float: left
}

nav ul ul {
    display: none;
    position: absolute
}

nav ul ul li {
    width: auto;
    float: none;
    display: block;
    position: relative
}

nav a {
    display: block;
    padding: 0 10px;
    text-decoration: none
}

nav ul li:hover>ul {
    display: inherit
}

ul.third-level {
    position: relative;
    float: left;
    top: 0;
    width: 100%;
    display: block;
    text-align: center
}

ul.third-level li {
    position: relative;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 9;
    margin: 0!important;
    width: 20%
}

ul.second-level li {
    float: left;
    top: 0;
    margin: 0!important
}

li.disabled-link {
    clear: both;
    width: 100%
}

li.disabled-link ul.third-level li.passenger {
    float: left;
    width: 20%
}

footer {
    margin-top: 40px
}

footer .footer-social {
    padding-top: 4%;
    background: url(/images/social-bg.jpg) 0 96%;
    background-size: cover;
    background-color: rgba(252, 250, 250, 0);
    padding-bottom: 4%
}

footer .footer-social div .why-choose h2 {
    font-family: VWHeadline-Blk;
    font-size: 24px
}

footer .footer-social div .why-choose ul {
    margin-top: 51px
}

footer .footer-social div .why-choose ul li {
    float: left;
    width: 50%;
    font-family: VWHeadline-Sb;
    list-style: none;
    font-size: 15px;
    margin-bottom: 32px;
    padding: 0 1%
}

footer .footer-social div .why-choose ul li span {
    color: #00AFF1;
    font-size: 24px
}

footer .footer-social div .newsletter-form {
    float: left;
    margin-top: 25px;
    margin-bottom: 25px
}

@media only screen and (max-width:40em) {
    footer .footer-social div .why-choose ul li {
        width: 100%
    }
    footer .footer-social div .newsletter-form {
        margin-top: 0
    }
}

footer .footer-social div .newsletter-form h2 {
    font-family: VWHeadline-Blk;
    font-size: 24px;
    margin-bottom: 5%
}

footer .footer-social div .newsletter-form p {
    font-family: VWHeadline-Sb;
    font-size: 15px
}

footer .footer-social div .newsletter-form form label {
    width: 33.33%;
    float: left;
    margin-bottom: 10px
}

footer .footer-social div .newsletter-form form #CLEmailAddress,
footer .footer-social div .newsletter-form form #CLFullName,
footer .footer-social div .newsletter-form form #catlistbutton {
    width: 31.33%;
    float: left;
    margin-right: 2%
}

footer .footer-social div .newsletter-form form #catlistbutton {
    background-color: #00AFF1;
    border: none;
    color: #fff;
    padding: 10px;
    font-family: VWHeadline-SbTab
}

footer .footer-social div .newsletter-form form #catlistbutton:hover {
    border: 1px solid #00AFF1;
    color: #00AFF1;
    background-color: #fff
}

footer .footer-social div .fb-widget {
    overflow: auto
}

.cl-effect-5 a,
.grid figure,
.img-wrapper,
.instock-cars {
    overflow: hidden
}

footer .footer-social div .social-account {
    padding: 6%;
    border: 3px solid #cfcfcf;
    margin: 32px 0;
    float: left;
    width: 100%
}

footer .footer-social div .social-account span {
    float: left;
    width: 100%
}

footer .footer-social div .social-account span .fa-twitter-square:before {
    content: "\f081";
    font-size: 40px;
    color: #31bef4
}

footer .footer-social div .social-account span .fa-instagram:before {
    content: "\f16d";
    font-size: 40px;
    color: #3d739c
}

footer .footer-social div .social-account span h4 {
    font-size: 15px;
    font-family: VWHeadline-Sb;
    margin-top: 10px
}

footer .footer-top {
    color: #fff;
    background-color: #717171;
    padding: 2% 0
}

footer .footer-top h2 {
    color: #fff;
    font-size: 24px;
    font-family: VWHeadline-Sb;
    margin-bottom: 0
}

footer .footer-top .row div {
    font-size: 14px;
    font-family: VWHeadline-Sb;
    color: #fff
}

footer .footer-top .row .location span {
    color: #fff
}

footer .footer-top .row .stock ul li {
    width: 100%
}

footer .footer-top .row ul {
    margin-left: 0
}

footer .footer-top .row ul li {
    list-style: none;
    margin-left: 0;
    line-height: 2;
    font-size: 14px;
    font-family: VWHeadline-Sb
}

@media only screen and (max-width:40em) {
    footer .footer-social div .newsletter-form form #CLEmailAddress,
    footer .footer-social div .newsletter-form form #CLFullName,
    footer .footer-social div .newsletter-form form #catlistbutton {
        width: 100%
    }
    footer .footer-top .row div {
        margin-bottom: 20px
    }
    footer .footer-top .row ul li {
        width: 50%;
        float: left
    }
}

footer .footer-top .row ul li a {
    color: #fff
}

footer .footer-top .row hr {
    margin: 1rem 0
}

footer .footer-top .row .showroom ul li {
    float: left;
    width: 50%
}

footer .footer-bottom {
    background-color: #33434C;
    color: #fff;
    padding: 10px
}

footer .footer-bottom ul {
    float: none;
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

footer .footer-bottom ul li {
    list-style: none;
    float: none;
    display: inline-block;
    margin: 1%;
    font-size: 14px;
    font-family: VWHeadline-SbTab
}

@media only screen and (max-width:40em) {
    footer .footer-bottom .footer-small {
        width: 100%
    }
    footer .footer-bottom .footer-small ul li {
        margin-left: 0;
        font-size: 12
    }
}

.services-tabs-filter li.tab-title a {
    background-color: transparent!important;
    font-family: VWHeadline-Sb!important;
    font-size: 15px!important;
    padding: .5rem 1rem!important
}

.services-tabs-filter li.tab-title a:hover {
    background-color: transparent;
    color: #00AFF1!important;
    border-bottom: 4px solid;
    padding-bottom: 19px!important
}

.services-tabs-filter li.active a {
    color: #25bcee!important
}

ul.tabs-cars li.tab-title {
    min-height: 286px
}

ul.tabs-cars li.tab-title a {
    background-color: transparent!important;
    font-family: VWHeadline-Sb!important;
    font-size: 15px!important;
    padding: 8%!important;
    border: 1px solid #ddd;
    min-height: 210px
}

ul.tabs-cars li.tab-title a div.box .full-caption,
ul.tabs-cars li.tab-title a div.box .full-caption p {
    font-family: VWHeadline-Sb
}

ul.tabs-cars li.tab-title a:hover {
    background-color: transparent
}

ul.tabs-cars li.tab-title a div.box .full-caption button a {
    width: 100%;
    border: none;
    padding: 0!important
}

ul.tabs-cars li.tab-title a div.box img {
    position: absolute;
    top: 45px;
    max-width: 70%
}

ul.tabs-cars li.tab-title a div.box .full-caption button {
    width: 100%;
    background-color: #fff;
    color: #000;
    font-family: VWHeadline-Sb;
    font-weight: 300
}

ul.tabs-cars li.tab-title a div.box .full-caption span {
    font-family: inherit
}

ul.tabs-cars li.tab-title a div.box .full-caption span .fa {
    font: normal normal normal 14px/1 FontAwesome
}

.instock-cars table tr td,
figure.effect-julia .onhover-details .row {
    line-height: 1!important;
    font-family: VWHeadline-Sb;
    font-size: 13px
}

ul.tabs-cars li.tab-title span.service-name {
    text-align: right;
    width: 100%;
    float: left;
    padding: 3%;
    background-color: #00AFF1;
    color: #fff
}

ul.tabs-cars li.active a {
    color: #25bcee!important
}

.tabs-cars li a .box span.caption.full-caption {
    display: none
}

.tabs-cars li:hover a .box {
    width: auto;
    position: absolute;
    left: 15px;
    top: 0;
    background-color: #25bcee;
    padding: 30px;
    float: left;
    color: #fff!important
}

.tabs-cars li:hover a .box span.caption.full-caption {
    display: block
}

.tabs-cars li:hover .service-name,
.tabs-cars li:hover a .box img {
    display: none
}

textarea#CAT_Custom_20023157 {
    height: 11.5125rem
}

.in-stock ul.second-level li {
    float: none!important
}

.sidebar-company-info {
    background-color: #8994a0;
    padding: 10px 20px;
    color: #fff;
   /* margin-bottom: 12px; */
    font-family: VWHeadline-Sb;
    font-size: 20px;
    margin-top: 0px
}

.sidebar-company-info-container {
    float: left;
    width: 100%;
    padding: 20px 0;
    background-color: #eaeeed;
    font-size: 14px;
    font-family: VWHeadline-Sb
}

.sidebar-company-info-container .address {
    margin: 0 0 20px;
    font-size: 16px
}

.sidebar-company-info-container .parts-dep,
.sidebar-company-info-container .sales-dep,
.sidebar-company-info-container .service-dep {
    margin: 10px 0
}

.sidebar-company-info-container img {
    margin-top: 15px
}

.sidebar-company-info-container hr {
    padding: 0;
    margin-bottom: 0
}

.enquire_now {
    margin-top: 0
}

.about-tabs li.tab-title a {
    background-color: transparent!important;
    font-family: VWHeadline-Sb!important;
    font-size: 15px!important;
    padding-bottom: 24px;
    margin-bottom: 0;
    padding-top: 1px
}

.about-tabs li.tab-title a:hover {
    background-color: transparent;
    color: #00AFF1!important;
    border-bottom: 4px solid;
    padding-bottom: 19px!important
}

.about-tabs li.active a {
    color: #00AFF1!important
}

.vehicles-nav .svg,
.vehicles-nav img.cat-svg {
    width: 50px
}

.vehicles-nav a {
    color: #222
}

.vehicles-nav .active a,
.vehicles-nav .text-center:hover a,
.vehicles-nav a:hover {
    color: #00AFF1
}

.vehicles-nav .active a svg path,
.vehicles-nav .text-center:hover svg path,
svg:hover path {
    fill: #00AFF1
}

.vehicles-nav .text-center {
    border-bottom: 6px solid #FFF;
    padding: 10px 0 20px
}

.vehicles-nav .active .text-center,
.vehicles-nav .text-center:hover {
    border-bottom: 6px solid #00AFF1
}

.vehicle-tabs-filter li.tab-title a {
    background-color: transparent!important;
    font-family: VWHeadline-Sb!important;
    font-size: 15px!important;
    padding: .5rem 1rem 27px!important
}

@media only screen and (max-width:40em) {
    .vehicle-tabs-filter li.tab-title a {
        padding: 10px 15px 0!important
    }
}

.vehicle-tabs-filter li.tab-title a:hover {
    background-color: transparent;
    color: #00AFF1!important;
    border-bottom: 4px solid;
    padding-bottom: 23px!important
}

.vehicle-tabs-filter li.active a {
    color: #00AFF1!important
}

.min-height-center {
    width: 75%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.grid,
.grid figure,
.grid figure img {
    position: relative
}

@media only screen and (max-width:40em) {
    .vehicle-tabs-filter li.tab-title a:hover {
        border-bottom: 0;
        padding-bottom: 0!important
    }
    .min-height-center {
        height: auto;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .min-height-center {
        height: auto;
        position: relative
    }
}

.news {
    padding: 0 0 0 40px
}

.news button {
    height: 52px
}

@media only screen and (max-width:40em) {
    .news {
        padding: 0
    }
    .news button {
        width: 100%
    }
}

.offer-cars {
    border: 2px solid #ddd;
    padding: 8px;
    margin-right: 12px;
    margin-top: 12px
}

@media only screen and (min-width:64.0625em) {
    .offer-cars {
        width: 31.9%
    }
}

@media only screen and (min-width:40.063em) {
    .offer-cars {
        width: 31.9%
    }
}

@media only screen and (max-width:40em) {
    .offer-cars {
        width: 100%
    }
}

.offer-cars .section div .panel {
    border: none;
    border-right: 2px solid #ddd;
    background-color: transparent;
    padding: 0 15px
}

.offer-cars .section div .panel:last-child {
    border-right: none
}

/***

*** start grid ***

******/

.grid {
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center
}

.grid figure {
    float: left;
    margin: 0;
    min-height: 528px;
    height: auto;
    background: #3085a3;
    text-align: center;
    width: 100%
}

.grid figure img {
    display: block;
    max-width: 100%;
    opacity: 1
}

.grid figure figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none
}

.grid figure h2 {
    word-spacing: -.15em;
    font-weight: 300
}

.grid figure h2 span {
    font-weight: 800
}

.grid figure h2,
.grid figure p {
    margin: 0
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%
}

figure.effect-julia {
    background: #fff
}

figure.effect-julia img {
    max-width: none;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%
}

figure.effect-julia figcaption {
    text-align: left
}

.details-container {
    position: relative
}

.initial-details,
.onhover-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

figure.effect-julia .initial-details {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-julia .onhover-details .row {
    display: inline-block;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
    width: 100%;
    margin: 0 auto
}

figure.effect-julia .onhover-details .row:first-child {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

figure.effect-julia .onhover-details .row:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

figure.effect-julia .onhover-details .row:nth-of-type(3) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

figure.effect-julia:hover .onhover-details .row:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

figure.effect-julia:hover .onhover-details .row:nth-of-type(2) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

figure.effect-julia:hover .onhover-details .row:nth-of-type(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

figure.effect-julia:hover .onhover-details .row:nth-of-type(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}



figure.effect-julia:hover .onhover-details .row {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:64.063em){
    figure.effect-julia:hover img {
        opacity: .8;
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    } 
    figure.effect-julia:hover .blue-section-right-position {
        color: #FFF;
        background-color: #8994a0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s
    }
    
    figure.effect-julia:hover .initial-details {
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: translate3d(-360px, 0, 0);
        transform: translate3d(560px, 0, 0);
        display: inline-block
    }
    .grid figure figcaption>a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0
    }
}

/***

*** end grid ***

******/

.instock-cars .panel {
    background: 0 0;
    margin-bottom: 0;
    padding: 0 1.25rem 1.25rem
}

.detail1 {
    min-height: 116px
}

.instock-cars {
    margin-right: 12px;
    padding: 0!important;
    border: 1px solid #ddd
}

@media only screen and (min-width:64.0625em) {
    .instock-cars {
        width: 31.5%!important;
        margin-bottom: 3%!important;
        float: left!important
    }
}

.instock-cars .section .large-12.medium-12.small-12.columns {
    text-align: center;
    background-color: #FBFBFB
}

.instock-cars hr {
    margin-top: 0
}

.instock-cars .section div .instock-image {
    overflow: hidden;
    text-indent: -200%;
    max-height: 200px;
    min-height: 200px
}

.instock-cars .section div .panel {
    border: none;
    background-color: transparent;
    position: relative;
    min-height: 72px;
    padding: 0 15px
}

.instock-cars .section div .panel:last-child {
    border-right: none
}

.instock-cars .section-view {
    text-align: center
}

.instock-cars .section-view .hovername {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #000
}

.instock-cars .section-view .hoverprice {
    border-bottom: 1px solid #ddd;
    float: left;
    padding-bottom: 10px;
    width: 100%
}

.instock-cars .section-view .marginzero {
    margin-bottom: 0
}

.instock-cars .absolute-button {
    position: absolute;
    top: 91%;
    left: -1%;
    width: 102%;
    color: #fff
}

.instock-cars table {
    border: none;
    width: 100%
}

.instock-cars table tr .left-td {
    padding: 0!important;
    width: 60%
}

.instock-cars table tr .right-td {
    width: 40%;
    text-align: center
}

@media only screen and (min-width:64.063em) {
    .instock-cars:not(.nohover):hover .section {
        opacity: 0;
        transition: top .5s ease-in-out
    }
    .instock-cars:not(.nohover):hover .section-view {
        width: 99%;
        top: 0;
        display: block;
        left: 5.9%;
        position: absolute;
        opacity: 1
    }
    .section-view {
        opacity: 0;
        position: absolute;
        top: 100%;
        background: #fff;
        text-align: center;
        transition: top .5s ease-in-out;
        left: 0;
        color: #f7f7f7;
        text-decoration: none;
        min-height: 350px
    }
}

.instock-cars:hover .absolute-button {
    background-color: #8994a0
}

.pagination-nav-vehicles {
    float: left;
    list-style: none;
    margin-left: 0
}

.pagination-nav-vehicles li {
    float: left;
    width: 45px
}

#vehicle-cats {
    margin-top: 60px
}

#sortingdata {
    /*margin-top: -10px*/
}

.loader {
    text-align: center;
    padding: 15%
}

span.open {
    color: #60B349!important
}

span.closed {
    color: #00AFF1!important
}

.fleet-label {
    margin: 15px 0;
    font-size: 1.125rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: VWHeadline-SbTab
}

.fleet-class {
    margin-top: 30px!important
}

.fleet-class-h2 {
    margin-bottom: 30px!important
}

.row.list-info div ul {
    padding-left: 0;
    margin-left: 0
}

.row.list-info div ul li div {
    font-weight: bolder;
    font-size: 13px
}

.row.list-info div ul li div span {
    font-weight: 700
}

.detail-info {
    font-weight: 400!important
}

.padding-right1rem {
    padding-right: 1rem
}

.instock-cars {
    min-height: 530px
}

div.disclaimer-container {position: relative; display: none;}
div.disclaimer-container p{
    padding:15px;
    position: absolute;
    top: 12px;
    background: white;
    font-size: 11px;
    z-index: 999;
	border: 1px solid #eaeeed;
    color: #898989;}
a.close-disc {
    position: absolute;
    right: 6px;
    z-index: 999;
    padding: 5px;
    top: 3px;
    border-radius: 50%;
    font-size: 20px;
}
@media only screen and (max-width:64em) {
    /***
    
    *** start grid 
    
    ****/
    .grid figure {
        min-height: 680px
    }
    .hovername,
    .hoverprice {
        display: none
    }
    figure.effect-julia .initial-details,
    figure.effect-julia .onhover-details {
        position: relative
    }
    figure.effect-julia .onhover-details .row {
        -webkit-transform: inherit;
        transform: inherit
    }
    .details-container {
        padding: 0 0 20px
    }
    /***
    
    *** end grid 
    
    ****/
    .reveal-modal .close-reveal-modal {
        right: 1.375rem!important
    }
    .reveal-modal.small {
        width: 100%
    }
    .instock-cars {
        min-height: 603px
    }
}

@media screen and (max-width:48em) {
    /***
    
    *** start grid 
    
    ****/
    .grid figure {
        display: inline-block;
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    /***
    
    *** end grid 
    
    ****/
    .instock-cars {
        min-height: 561px
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .instock-cars .absolute-button {
        margin-top: 0;
        top: 95%;
        padding-top: 7px
    }
    .instock-cars .section div .instock-image {
        height: auto
    }
}

@media only screen and (min-width:40.063em) {
    .instock-cars {
        width: 46.9%;
        margin-bottom: 4%
    }
}

@media only screen and (max-width:40em) {
    .instock-cars {
        width: 100%;
        margin-bottom: 10%;
        float: left!important
    }
    /***
    
    *** start grid 
    
    ****/
    .detail1,
    .grid figure,
    .instock-cars,
    .instock-cars .panel {
        min-height: auto
    }
    /***
    
    *** end grid 
    
    ****/
}

#slick-homepage-banner .slick-dots {
    bottom: 50px;
    margin: 0
}

#slick-homepage-banner .slick-dots li button:before {
    color: #fff
}

.finance-hide {
    display: none
}

b.value-my-car-b {
    font-size: 20px;
    font-family: VWHeadline-Sb;
    font-weight: 400
}

.vids-mobile {
    margin-top: 16px
}

footer {
    position: absolute;
    width: 100%;
    z-index: 100
}

.header-section-menu {
    background-color: #33434C
}

.home-list-category {
    margin-top: 5%;
    margin-bottom: 5%
}

.home-list-category-a {
    opacity: .9;
    width: 95%;
    padding: 0.5rem 0rem !important;
    color: #FFF;
}

.home-list-category-img {
    margin-bottom: -25%
}

@media only screen and (max-width:64em){
    .home-list-category-img {
        margin-bottom: -32%
    }   
    .home-list-category{margin-top:8%;}
}
@media only screen and (max-width:48em){
    .home-list-category-img {
        margin-bottom: 0;
    }   
    .home-list-category-a{width:100%;}
}

.home-list-category div {
    min-height: 260px
}

ul.second-level li a {
    background-color: #fff!important;
    color: #2e404e!important
}

.cl-effect-5 a {
    height: 1em
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    color: #FFF
}

.cl-effect-5 a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700!important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    width: 60px;
    color: #00B1EB
}

.cl-effect-5 a:focus span,
.cl-effect-5 a:hover span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
    nav a {
        padding: 0 5px
    }
    .header-section-menu .row .phone-list span {
        font-size: 13px;
        margin-left: 2%
    }
}

@media only screen and (min-width:41.750em) and (max-width:64em) {
    #slick-homepage-banner .slick-dots {
        bottom: -50px;
        z-index: 99;
        width: 97%
    }
    .second-row {
        padding-top: 20px
    }
}

@media only screen and (max-width:64em) {
    .third-row .slider-wrapper .slick-slide img {
        margin-top: 0
    }
    .third-row .slider-wrapper .slick-initialized .slick-slide {
        background-color: #33434c;
        padding-top: 20px
    }
    #circles-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label,
    #circles-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
        top: 31px
    }
}

@media only screen and (max-width:768px) {
    .home-list-category div {
        min-height: 235px
    }
    .width150 {
        width: 150px;
        text-align: left
    }
}

@media only screen and (max-width:40em) {
    .featured-item .btnbloglearnmore {
        width: 100%;
        text-align: center
    }
    #circles-slider.ui-slider {
        margin: 1em 0 4em
    }
    #trade-parts-enquiry .submit_button {
        width: 100%;
        margin: 0 0 20px
    }
    .width150 {
        width: 79%;
        text-align: left
    }
    ul.finance-li li {
        width: 115%!important
    }
    .vids-mobile {
        width: 95%;
        margin: 0 auto
    }
    .mobile-vehicles-nav div {
        height: 75px
    }
    #get-directions {
        margin-top: 10%
    }
    .home-list-category div {
        min-height: 295px
    }
    .phone-list .address,
    .phone-list .numbers {
        font-size: 13px;
        line-height: 30px;
        color: #fff
    }
    .phone-list .address div {
        line-height: 16px;
        margin-bottom: 20px
    }
    .phone-list .numbers {
        margin-bottom: 10px;
        max-width: 200px;
        color: #fff
    }
    .phone-list .numbers a {
        float: right
    }
    .header-section .row h2 {
        font-size: 20px;
        margin-top: 22px
    }
    .instock-cars .absolute-button {
        bottom: 0;
        position: relative;
        top: inherit
    }
    .instock-cars table tr .left-td {
        width: 40%
    }
    .instock-cars table tr .right-td {
        width: 60%
    }
}

@media only screen and (max-width:320px) {
    .about-tabs li,
    .instock-cars .section div .instock-image {
        width: 100%
    }
}

@media only screen and (min-width:40.063em) and (max-width:64em) {
    .slick-controller-news .slick-next,
    .slick-controller-news .slick-prev {
        top: 50%
    }
    .slick-controller-news .slick-prev {
        left: 0!important
    }
}

.vw_headbold.prev-arrow, .vw_headbold.next-arrow {color: rgb(137, 148, 160) !important;}

#dealership-services{}
#dealership-services h2{font-size:1rem;font-weight:normal;margin-bottom:1.25rem;line-height:1.6;}
#dealership-services ul li{font-size:15px;font-family:VWHeadline-Sb;}
.gt-list{margin-left:0;}
.gt-list li{list-style:none;list-style-type:none;font-size:15px;font-family:VWHeadline-Sb;font-weight:normal;line-height:1.6;text-rendering:optimizelegibility;}
.gt-list li:before{content:'>   '}
#service-testimonials{padding-top:15px;}
#service-testimonials .service-testimonials{}
#service-testimonials .service-testimonials .testi-item{margin-bottom:25px;border-bottom:1px solid #CFCFCF;}
#service-testimonials .service-testimonials .testi-item h3{margin-bottom:0;font-size:15px;font-weight:bold;line-height:1.6;}
#car-paletter{width:65%;text-align:center;float:right;position:static;top:auto;left:auto;}
#car-paletter li{display:inline-block;float:none;}
.highlight-config{margin-bottom:0;}
.highlight-config .car-alias{margin-top:0;font-size:18px;}
#news-details h1{font-size:1.8rem;margin-bottom:1.5rem;}
#news-details h2{font-size:1.5rem;margin-bottom:1.5rem;}
#news-details .mainimage{text-align:center;}
#news-details .mainimage img{display:inline-block;margin-bottom:1.5rem;}
#news-details p.byline{margin-bottom:0;}
#news-details p.dateline{margin-bottom:0;}
#news-details .content{}
#news-details .content #galleryContainer{margin-bottom:1.5rem;}
#news-details p{margin-bottom:1.5rem;}
.vehicle-tabs-filter .fa{margin-right:7px;}
#news-list a.graybuttons{background-color:#8994A0;color:#fff;padding:10px 0;text-align:center;display:inline-block;width:100%;margin-bottom:15px;border:2px solid #8994a0;-webkit-transition:500ms;-ms-transition:500ms;-o-transition:500ms;-moz-transition:500ms;transition:500ms;margin-left:0;}
#news-list a.graybuttons:hover{color:#8994a0;border:2px solid #8994a0;background-color:#fff;-webkit-transition:500ms;-ms-transition:500ms;-o-transition:500ms;-moz-transition:500ms;transition:500ms;}
#news-list .list-item p{margin-bottom:8px;}
#directionForm{padding:15px;}
#directionResults{background-color:#fff;min-height:458px;width:100%;background-image:url(/images/one-direction.jpg);background-size:cover;}
#directionResults .adp-legal{display:none;}
#directionResults .adp-placemark{background-color:#8994a0;}
#directionResults .adp-placemark .adp-text{color:#000000; font-size: 14px; height: 50px;}
#directionResults .adp-placemark tr td:first-child { display: none; }
#directionResults .adp-step, .adp-substep{padding:10px;}
#directionResults .adp-summary{padding:0 10px 10px;}
#directionResults .adp-directions{border:none!important;}
.system-error-message, .system-message{}
.system-error-message h1, .system-message h1{background-color:#F8F8F8;padding:1.5rem 2rem;font-size:26px;margin-bottom:20px;font-weight:normal!important;}
.system-error-message p, .system-message p{padding:0 2rem;}
.system-error-message ul, .system-message ul{padding:0 2rem;}
.system-error-message ul li, .system-message ul li{font-family:VWHeadline-Sb;font-size:15px;}
#vehicle-cat-tabs{}
#vehicle-cat-tabs .tab-item{border:1px solid #DDD;position:relative;overflow:hidden;margin-bottom:1.5rem;}
.tabs-content .blue-button{display:inline-block;padding:0.5rem 3rem 0.5625rem;}
#vehicle-cat-tabs .tab-item .tab-box{}
#vehicle-cat-tabs .tab-item .tab-box .tab-image{padding:50px 15px;}
#vehicle-cat-tabs .tab-item .tab-name{padding:10px;background-color:#00AFF1;color:#fff;text-align:right;}
#vehicle-cat-tabs .tab-item .tab-hover{background-color:#00AFF1;height:100%;left:0;position:absolute;top:-100%;width:100%;padding:30px;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;transition:500ms;text-align:center;color:#fff;}
#vehicle-cat-tabs .tab-item:hover .tab-hover{-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;transition:500ms;top:0%;color:#fff;}
#vehicle-cat-tabs .tab-item .tab-hover .full-caption{text-align:left;color:#fff;}
#vehicle-cat-tabs .tab-item .tab-hover .full-caption p, #vehicle-cat-tabs .tab-item .tab-hover .full-caption span{text-align:left;color:#fff;}
#vehicle-cat-tabs .tab-item .tab-hover .full-caption a{background-color:white;font-family:VWHeadline-Sb;font-weight:300;width:100%;margin:0 auto;display:inline-block;padding:15px;text-align:center;}
#vehicle-cat-tabs .tab-item .tab-hover button{font-family:VWHeadline-Sb;background-color:#fff;color:#444;font-weight:normal;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;border:1px solid #fff;padding: .7rem 1rem 0.7625rem 1rem;}
#vehicle-cat-tabs .tab-item .tab-hover button:hover{background-color:transparent;color:#fff;font-weight:normal;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;border:1px solid #fff;}
.transparent{padding:0 !important;background-color:transparent !important;}
#btnGetDirection{background-color:#00AFF1;border:medium none;color:#fff;display:block;height:100%;padding:7px 6px 8px;width:100%;cursor:pointer;border:2px solid #00AFF1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
#btnGetDirection:hover{background-color:#fff;color:#00AFF1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.panel-thumb a.span{background-color:#00AFF1;color:#FFFFFF;float:left;padding:4%;text-align:center;width:100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.panel-thumb a:hover.span{background-color:#8994a0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
header .header-top .right a.toprightbutton{display:inline-block;background-color:#8994a0;border:2px solid #8994a0;float:right;font-family:VWHeadline-SbTab;font-size:12px;margin:10px 0 0 5px;min-height:25px;padding:0;width:10%;color:#fff;line-height:23px;text-align:center;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
header .header-top .right a.toprightbutton:hover{background-color:transparent !important;color:#8994a0;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
#catwebformform11258 #catwebformbutton{background-color:#00AFF1;border:1px solid #00AFF1;color:white;font-family:VWHeadline-Sb;padding:10px;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;float:right;}
#catwebformform11258 #catwebformbutton:hover{color:#00AFF1;background-color:#fff;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
#catwebformform60066 #catwebformbutton { width: 100%;padding: 1rem;position: relative; right: 20px;}
#catwebformform60066 {padding:15px;}
.req{color:#ff0000!important;}
.timeEntry-control{display:none!important;}
.content-container h1{font-family:VWHeadline-Sb;font-size:1.8rem;margin-bottom:3rem;font-weight:normal;}
.content-container h2{font-family:VWHeadline-Sb;font-size:1.3rem;margin-bottom:1rem;font-weight:normal;}
.content-container h3{font-family:VWHeadline-Sb;font-size:1rem;margin-bottom:1rem;font-weight:normal;}
#aboutStaffProfiles{margin-top:3rem;}
#aboutStaffProfiles .profile{margin-bottom:2rem;padding-bottom:1rem;}
#panel3 #news-nav{text-align:center;width:100%;display:inline-block;}
#panel3 #news-nav a{margin-bottom: 5px;display:inline-block;padding:3px 10px;color:#fff;background-color:#00AFF1;border:1px solid #00AFF1;font-family:VWHeadline-Sb;margin:0 5px;font-size:14px;font-weight:normal;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
#panel3 #news-nav a:hover{background-color:#fff;color:#00AFF1;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
.hero-banner-content .btn-hero-button, .hero-banner-content2 .btn-hero-button{background-color:#00AFF1;font-family:VWHeadline-SbTab;margin-top:0.5rem;display:inline-block;padding:1rem 2rem;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;color:#FFFFFF;padding-left:2rem;}
.hero-banner-content .btn-hero-button:hover, .hero-banner-content2 .btn-hero-button:hover{background-color:#8994a0;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
body{font-family:VWHeadline-Sb;color:#111111;}
.btnbloglearnmore, .btn-standard-blue{-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;display:inline-block;padding:0.5rem 2rem;color:#fff;border:2px solid #00AFF1;background-color:#00AFF1;font-family: VWHeadline-SbTab;}
.btnbloglearnmore:not(.nohover):hover, .btn-standard-blue:not(.nohover):hover{background-color:#fff;color:#00AFF1;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
#catblogoutput .list-blog-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #CFCFCF;}
#catblogoutput .list-blog-item h2, #catblogoutput .body-content-h2{font-size:36px;}
#catblogoutput .list-blog-item h2 a{color:#000;}
#catblogoutput .list-blog-item h2 a:hover{color:#00AFF1;}
#catblogoutput .btnbloglearnmore{-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;display:inline-block;padding:0.5rem 2rem;color:#fff;border:2px solid #8994a0;background-color:#8994a0;}
#catblogoutput .btnbloglearnmore:hover{background:#ffffff!important;color:#8994a0!important;-webkit-transition:500ms;-ms-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}
.sb-recent-post h4, .sb-tags h4, .sb-archive h4{background-color:#8994a0;color:#fff;font-size:1.2rem;padding:0.5rem 1.5rem;margin-top:0!important;}
.sb-recent-post .BlogRecentPost, .sb-tags .BlogTagList, .sb-archive .BlogPostArchive{background-color:#EAEEED;padding:0.5rem 1.5rem;font-size:14px;margin-bottom:20px;}
.sb-recent-post ul, .sb-tags ul, .sb-archive ul{margin-bottom:0;}
.sb-recent-post ul li, .sb-tags ul li , .sb-archive ul li{margin-bottom:0.5rem;}
.sb-recent-post a, .sb-tags a, .sb-archive a{font-size:14px;color:#3E3E3E;}
.sb-recent-post a:hover, .sb-tags a:hover, .sb-archive a:hover{color:#2BA6CE;}
.slick-controller-news div h2{font-size:28px;}
#new-blog-layout .page-nav{text-align:center;margin:2rem 0 0;}
#new-blog-layout .page-nav a{display:inline-block;padding:0.3rem 0.5rem;background-color:#00AFF1;color:#fff;line-height:normal;margin:0 3px;}
.detail-blog .hr{border-bottom:1px solid #CFCFCF;margin-bottom:1.5rem;}
#news-list .list-item{margin-bottom:1.5rem;border-bottom:1px solid #ddd;width:100%;}
#datepicker button{background-color:#01B1EC!important;color:#fff;border:1px solid #00AFF1;}
#datepicker button:hover{background-color:#ffffff!important;color:#000;}
@media (min-width:0px) and (max-width:1024px){#vehicle-cat-tabs{display:none;}
#vehicle-cats{max-width:640px;margin-right:auto;margin-left:auto;}
#vehicle-cats .content{text-align:center;display:block!important;border-bottom:1px dotted #DDDDDD;margin-bottom:2rem;padding-bottom:2rem;}
#aboutStaffProfiles .profile{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px dotted #DDDDDD;}
}
@media only screen and (min-width:320px) and (max-width:768px){#blog .blog-post .columns:nth-child(2){padding-left:15px;padding-bottom:30px;}
#blog .side-panel ul{margin-left:0;}
#blog .blog-post{border-bottom:1px solid #ddd;}
#blog .post-title + p{text-align:justify;}
#blog .side-links{position:relative;top:0px;}
}
@media (min-width:0px) and (max-width:640px){.header-section-menu .phone-list{text-align:center!important;}
.header-section-menu .phone-list span{float:none!important;display:inline-block!important;margin-left:15px!important;margin-right:15px!important;}
.hero-banner-content, .hero-banner-content2{text-align:center!important;}
.hero-banner-content .btn-hero-button, .hero-banner-content2 .btn-hero-button{margin-right:auto!important;margin-left:auto!important;margin-bottom:2rem!important;}
.slick-prev::before, .slick-next::before{font-size:30px!important;}
#slick-homepage-banner .slick-prev, #slick-homepage-banner .slick-next{top:25%!important;}
#slick-homepage-banner .slick-next{right:5%!important;}
#slick-homepage-banner .slick-prev{left:5%!important;}
.slick-prev, .slick-next, .slick-dots{display:none!important;}
#slick-news .slick-slide, .third-row .slick-slide{display:block!important;float:none!important;opacity:1!important;position:static!important;}
.third-row .slider-wrapper{display:none!important;}
.slick-controller-news{margin-top:1rem!important;}
#slick-homepage-banner{background-color:#000;}
.slick-controller-news div h2{font-size:1rem!important;font-weight:bold;}
#slick-news .min-height-center-homepage{text-align:inherit;}
.video-controller .vids h2{text-align:center;font-size:1rem!important;}
.video-controller .vids .columns{text-align:center!important;}
#news-list{text-align:center;}
#news-list .list-item{padding-bottom:0.8rem;}
.sweet-alert p{font-size:12px;}
.wistia_embed{width:100%!important;}
.white-bg .min-height-center-homepage{margin-bottom:20px !important;margin-left:auto !important;margin-top:20px !important;}
.slick-slide .columns:nth-child(2n){float:left !important;padding-left:inherit !important;}
}

@media (min-width:641px) and (max-width:1024px){.header-section-menu .phone-list{text-align:center!important;}
.header-section-menu .phone-list span{float:none!important;display:inline-block!important;margin-left:15px!important;margin-right:15px!important;}
#slick-homepage-banner .slick-prev{left:5%!important;}
#slick-homepage-banner .slick-next{right:5%!important;}
.hero-banner-content{left:10%;text-align:left;}
.hero-banner-content h1, .hero-banner-content2 h1{font-size:1.5rem!important;text-align:left;}
.hero-banner-content span, .hero-banner-content2 span{font-size:1rem!important;text-align:left;}
.slick-controller-news div h2{font-size:1.5rem!important;}
footer .footer-top h2{font-size:18px;}
}
/* END MJ CSS */

@media only screen and (min-width: 860px) and (max-width: 900px){

    .recaptcha_container{transform: scale(0.9);
        -webkit-transform: scale(0.9);
        position: relative;
        left: -13px;
        top: -10px;}
}
@media only screen and (min-width: 718px) and (max-width: 859px){

    .recaptcha_container{transform: scale(0.8);
        -webkit-transform: scale(0.8);
        position: relative;
        left: -24px;
        top: -10px;}
}
@media only screen and (min-width: 641px) and (max-width: 717px){
	.recaptcha_container{    
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        position: relative;
        left: -28px;
        top: -13px;}
    
}
@media only screen and (max-width: 641px) {
    .recaptcha_container{
        width: 300px;
        display: block;
        margin: auto;
    }
}
@media only screen and (max-width: 330px) {
    .recaptcha_container{
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/** Golf & Polo Page 20-May-2016 **/
.switch.round label {   
    position: relative;
    top: 6px;
}
.border-bottom {    
    border-bottom: 1px solid #EFEFEF;
}
.title-container {
    background: #8994a0; 
    padding:5px 10px; 
    color:#FFFFFF;
    margin: 0;
}
.title-container h5 {
    margin: 0.5em 0;
}
.car-container {
	border: 1px solid #D3D3D3;
    margin-bottom: 30px;
}
.car-container img {width:100%;}
.no-pd {
    padding:0 !important;
}
.no-mg {
 	margin: 0 !important;   
}
.padding-banner {
 	padding-bottom:30px;   
}
.clear {
	clear:both;
}
.white * {
 	color:#FFFFFF;   
}
a.car-disclaimer {
 	font-size: 14px;
    margin-bottom:15px;
    float: right;
    font-family: VWHeadline-SbTab;
}

.car-disclaimer-content{
    padding:0 15px 15px;
    display:none;
}
.car-disclaimer-content, .car-disclaimer-content p{
    font-family: VWHeadline-SbTab;
    font-size: 11px;
}
.car-price{
	margin:0;
	font-size: 22px;
}
.align-right{
 	text-align: right;   
}
.align-center{
 	text-align: center;   
}
.align-left{
 	text-align: left;   
}
.cars.accordion {
 	margin:0;   
}

.car-promo {
	margin: 15px 0;
}

.cars.accordion .accordion-navigation > a{
    background: none;
    font-size: 18px;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.cars.accordion .accordion-navigation > a:hover{
    background: #e8e8e8;
}
.accordion-inner {
    padding: 0.9375em 0.9375em 25px;
}
.car-item {
    padding:15px 15px 0px;
}
.accordion-navigation img {
	margin: 0 5px;
}
.accordion .fa-plus{
 	font-size: 24px;
	padding: 3px;
    color: #0075b1;
}
.car-item, .car-item p{
	font-family: VWHeadline-SbTab;
}
.car-details {
 	text-align:right; 
    line-height: 0;
}
.car-details p {
	margin-bottom: 0;
    line-height: 1.4;
    font-size: 14px;
}

.car-description {
	margin-top: 10px;
}

.car-name {
	margin-bottom:15px;
    line-height: 2px;
}
ul.car-features {
    margin-bottom: 0;
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 30px;
}
ul.car-features li {
    list-style-image: url('../Images/assets/list-check.png');
    text-align: left;
    font-size: 13px;
    font-family: VWHeadline-SbTab;
    padding-bottom:15px;
}
.white,  .red-bg h4,  .red-bg h5, .red-bg h6, .red-bg p, .red-bg a {color:white;}
.hidden {
	display:none;    
}
ul.no-list li {list-style: none;}
ul.left-list {list-style:url('../Images/assets/SVW-Tick.svg');}
ul.left-list li {
    float: left;    
    font-size: 24px;
    margin-right: 27px;
}
.red-bg {background:#c13536; padding: 1rem; color:white; margin: 0 0.2rem !important;}
.right-box {padding: 0 0 0 10px;}
.right-box a:hover {text-decoration: underline;}
.right-box p{margin:0; font-size:12px;}
.right-box h5 {margin-top:0;}
.choice {padding:1rem 2.5rem;}
.choice img {margin:10px auto;}

.service-banner{
  	background: #8a94a0;
  	color: #fefefe;
  	padding: 10px 15px;
    text-align: center;
    margin-bottom: 1rem;
}

/**** End of Golf & Polo ****/

@media screen and (max-width: 885px) {
    #showroomRightMenu .right.link-download {
        padding: .5rem 1rem 27px!important;
        width: 100%;
        text-align: right;
    }
    
    .vehicle-content .tabs .tab-title {
     	font-size: 15px !important;   
    }
}

@media screen and (max-width: 640px) {
    #showroomRightMenu .right.link-download {
        text-align: center;
    }
    #showroomLeftMenu {
     	margin-bottom: 20px;   
    }
    #showroomLeftMenu .tabs {
        text-align: center;
    }
    #showroomLeftMenu .tabs .tab-title {
     	display: inline-block;
        float: none;
    }
}

@media screen and (max-width: 425px) {
    #showroomLeftMenu .tabs {
        padding-bottom: 30px;
    }
    
    #showroomLeftMenu .tabs .tab-title {
        text-align: center;
        float:left;
        width: 50%;
    }
    
    #showroomBottomMenu .link-download {
     	width: 100%;
        text-align: center;
    }
}
.all-new-tiguan #catwebformbutton {
    width: 100%;
    padding: 1rem;
    position: relative;
    right: 20px;
}

/** 10-04-2016 **/
.atacama-img {height:auto !important;}
.main-section2 .atacama-img:nth-child(4) {display:none;}
.main-section2 .atacama-img:nth-child(5) {display:none;}
.main-section div:nth-child(4) {display:none;}
.main-panel1 .atacama-img {display:none;}
.main-panel1 .com-img {display:block;}
.atacama-tab .atacama-img {display:block;}
.atacama-tab .com-img  {display:none;}

/** 7318 - NY - 12-10-2016 **/
.bas-anchor:hover {color: #00AFF1!important; background-color:#fff;border:2px solid #00AFF1;}
.bas-anchor { text-align: center;  }

/** 8981149 - NY **/
.ui-slider-pips .ui-slider-label { margin-left: -1.5em; }
/** 9040076 - NY **/
.image-container a:hover::after { opacity:0; }
@media only screen and (min-width: 768px)
{
    .heading--lg { font-size:3.9rem; }
}

.menu-main__list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
}

.menu-main__list::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.menu-main__list::-webkit-scrollbar-thumb
{
	background-color: #cccccc;
}

/* 9641722 - NY */
/*iPad portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    select#FromPrice.vse-fromprice, select#ToPrice.vse-toprice{
        padding:5px;
    }
    select#Model.vse-model, select#Colour.vse-colour{
        background-image:url(/Stylesheets/dvc/assets/images/common/arrow-down.svg);background-size: 1.4rem .8rem;background-repeat: no-repeat;background-position: right 10px center;
        height:40px;
    }
    .vse-item.grid .details-container .row .columns{
        padding:0;
        padding-left:3%;
    }
    .about-tabs li.tab-title a {
        line-height: 15px;
        padding: 0px 8px;
        font-size: 12px!important;
    }
    .columns.service div.lbl_sched, .columns.service div.sched-time {
        padding-left:0;
    }
    .vehicle-content.mobile .medium-5.min-height{
        height:auto!important;
    }
}

/*iPad Landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    select#FromPrice.vse-fromprice, select#ToPrice.vse-toprice{
        padding:5px;
    }
    select#Model.vse-model, select#Colour.vse-colour{
        background-image:url(/Stylesheets/dvc/assets/images/common/arrow-down.svg);background-size: 1.4rem .8rem;background-repeat: no-repeat;background-position: right 10px center;
        height:40px;
    }    
}

/*iPhone 6Plus Portrait & Landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
    select#FromPrice.vse-fromprice, select#ToPrice.vse-toprice{
        padding:5px;
    }
    select#Model.vse-model, select#Colour.vse-colour{
        background-image:url(/Stylesheets/dvc/assets/images/common/arrow-down.svg);background-size: 1.4rem .8rem;background-repeat: no-repeat;background-position: right 10px center;
        height:40px;
    } 
    
}


/*iPhone 5 Portrait & Landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    select#FromPrice.vse-fromprice, select#ToPrice.vse-toprice{
        padding:5px;
    }
    select#Model.vse-model, select#Colour.vse-colour{
        background-image:url(/Stylesheets/dvc/assets/images/common/arrow-down.svg);background-size: 1.4rem .8rem;background-repeat: no-repeat;background-position: right 10px center;
        height:40px;
    } 
}

/*iPhone 2-4GS Portrait & Landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    
}

#search_form .chosen-container-multi .chosen-choices  { background-image:url(/Stylesheets/dvc/assets/images/common/arrow-down.svg);background-size: 1.4rem .8rem;background-repeat: no-repeat;background-position: right 10px center;  }
#search_form .chosen-container-multi .chosen-choices:focus{outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow .5s,border-color .25s ease-in-out;}
#search_form .chosen-container-multi .chosen-choices:hover{ background-color: #f3f3f3; border-color: #999999; }
/* End 9641722 - NY */


/* blog pages */
.no-mg-top { margin-top:0; }
.no-mg { margin: 0; }
.no-pd { padding: 0; }
.inline-block { display: inline-block; }
.text-center { text-align: center; }    
.blog-content { padding: 20px; }
.blog-inner-wrapper{position:relative;}
#catblogoutput .list-blog-item{padding: 0 30px;border-bottom:none;float:left;}
#catblogoutput .list-blog-item a.btn-blog{position:absolute; width:100%; height:100%;top:0; z-index: 1;}
#catblogoutput .list-blog-item a.btn-blog:hover ~ .blog-content > h2 > a{color:#00AFF1;transition: all 0.3s ease;}
#catblogoutput .list-blog-item { padding: 0; }
#catblogoutput .list-blog-item { margin-bottom: 40px; }
#new-blog-layout { margin-top: 70px; } 
#new-details-layout{margin-top:3rem;} 
#new-blog-layout .news-wrapper .page-nav a{background-color:transparent; color:#111111;}   
.date-and-author span{color: #808890;}
.date-and-author .author{font-weight:bold;}
.list-blog-item { padding: 0; width: 46%; margin-bottom: 50px; transition: all 0.3s ease; }    
.list-blog-item:hover { box-shadow: 10px 10px 40px #cfcfcf; }    
.post-body{margin:4rem 0;}    
.news-wrapper{margin: 0 15px;}
.page-nav .paginationactive { background: #00AFF1; color: #FFF; padding: 2px 5px 3px; line-height: 1.4; display: inline-block; }    
.page-nav .fa{color: #878787;}  
.detail-blog img.featured-img{width:100%;}    
.hr-medium{margin: 40px 0 41px;}

.post-links > .fa-long-arrow-left{margin-right:8px;}  
.post-links > .fa-long-arrow-right{margin-left:8px;} 
.post-links > .fa { color: #ffffff; transition: all 0.5s ease;}
.post-links:hover .fa, .post-links:focus .fa { color:#00AFF1; }
.post-links.bluebuttons { padding: 10px 5px !important; margin: 0; min-width: 140px; text-align: center; }

@media only screen and (min-width: 641px){
    .news-wrapper{margin: 0 50px;}   
    .list-blog-item.test:nth-child(odd) { margin-right: 4%; }
    .list-blog-item.test:nth-child(even) { margin-left: 4%; }
}

@media only screen and (max-width: 768px){
    #catblogoutput .list-blog-item h2{font-size:22px;}
}

@media only screen and (max-width: 640px){
    .list-blog-item{width:100%;}
    #new-blog-layout{margin-top:40px;}
}