/* ------------

Body

------------------------------------------------ */

/*

body.stretched .container-fullwidth,

body.pageType-home .container,

body:not(.pageType-Home) #content {

margin: 0 auto;

max-width: 1440px;

}

*/

#featured-vehicles-1 .fancy-title h1,

#featured-vehicles-2 .fancy-title h1,

#featured-vehicles-1 .fancy-title h2,

#featured-vehicles-2 .fancy-title h2,

#featured-vehicles-1 .fancy-title h3,

#featured-vehicles-2 .fancy-title h3,

#featured-vehicles-1 .fancy-title h4,

#featured-vehicles-2 .fancy-title h4,

#featured-vehicles-1 .fancy-title h5,

#featured-vehicles-2 .fancy-title h5,

#featured-vehicles-1 .fancy-title h6,

#featured-vehicles-2 .fancy-title h6 {

    background: transparent;

}



/* ------------

Logo - center reset/normalize

------------------------------------------------ */

@media only screen and (max-width: 991px) and (min-width: 320px) {

    #header.mobile-center #logo {

        padding: 0;

    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), not all, not all, not all, only screen and (max-width: 767px) and (min-resolution: 192dpi), only screen and (max-width: 767px) and (min-resolution: 2dppx) {

    #header.mobile-center #logo {

        height: auto;

        margin: 0 auto !important;

    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

    #logo a.retina-logo {

        text-align: center;

    }

}



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

    #logo {

        float: none;

        height: auto;

        margin: 0 auto !important;

        text-align: center;

    }

}



/* ------------

Colors

------------------------------------------------ */

::selection,

::-moz-selection,

::-webkit-selection,

#top-mobile-header,

.slider .wrapper .cycle-pager span.cycle-pager-active,

.button.uggo-button .uggo-button-inner,

.plyr input[type=range]::-ms-fill-lower,

.plyr input[type=range]:active::-webkit-slider-thumb,

.plyr input[type=range]:active::-moz-range-thumb,

.plyr input[type=range]:active::-ms-thumb,

.plyr--video .plyr__controls button.tab-focus:focus,

.plyr--video .plyr__controls button:hover,

.plyr--audio .plyr__controls button.tab-focus:focus,

.plyr--audio .plyr__controls button:hover,

.plyr__play-large,

.popover .popover-title,

.search-flyout-toggle,

#search-flyout .search-flyout-close,

#featured-vehicles-1 .swiper-scrollbar .swiper-scrollbar-drag,

#featured-vehicles-2 .swiper-scrollbar .swiper-scrollbar-drag,

#location-map-and-hours-1 .hours-control

#primary-menu.sub-title > ul > li:hover > a,

#primary-menu.sub-title > ul > li.current > a,

#primary-menu.sub-title > div > ul > li:hover > a,

#primary-menu.sub-title > div > ul > li.current > a,

#page-menu-wrap, #page-menu ul ul,

.flex-control-nav li:hover a,

.flex-control-nav li a.flex-active,

.button.button-dark:hover,

.promo.promo-flat,

.feature-box .fbox-icon i,

.feature-box .fbox-icon img,

.fbox-effect.fbox-dark .fbox-icon i:hover,

.fbox-effect.fbox-dark:hover .fbox-icon i,

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,

form .toggle-input i:before,

.input-wrapper .ggle-input i:before,

.i-rounded:hover,

.i-circled:hover,

ul.tab-nav.tab-nav2 li.ui-state-active a,

#gotoTop:hover,

#portfolio-filter li.activeFilter a,

#portfolio-shuffle:hover,

#portfolio-navigation a:hover {

    background-color: #69d0df;

}



.button,

#gotoTop:hover,

#notifyMePriceAlert-toolbar .notifyMePriceAlert-wrapper ul li:hover,

.notifyMePriceAlert-toolbarToggle,

#top-mobile-header,

.bgcolor,

.bgcolor #header-wrap,

.button.button-3d:hover,

.process-steps li.active a,

.process-steps li.ui-tabs-active a,

.sidenav > .ui-tabs-active > a,

.sidenav > .ui-tabs-active > a:hover,

.owl-carousel .owl-nav [class*=owl-],

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus,

#primary-menu ul ul li:hover>a{

    background-color: #69d0df !important;

}

.slider .slideshow-btn{

    background: #69d0df;

}

.slider .cycle-pager span .swiper-pagination-bullet-active, .slider .cycle-pager span.cycle-pager-active{

    background: #69d0df;

    border-color: #69d0df;

    color: #222;

}



a,

h5 > span:not(.nocolor),

h2 > span:not(.nocolor),

h3 > span:not(.nocolor),

h4 > span:not(.nocolor),

h5 > span:not(.nocolor),

h6 > span:not(.nocolor),

#bottom-bar .address a.map-link,

#bottom-bar .address a.map-link:visited,

.header-extras li .he-text span,

.header-extras li .he-text a:not(.button):hover,

.breadcrumb a:hover,

.feature-box.fbox-border .fbox-icon i,

.feature-box.fbox-border .fbox-icon img,

.feature-box.fbox-plain .fbox-icon i,

.feature-box.fbox-plain .fbox-icon img,

.process-steps li.active h5,

.process-steps li.ui-tabs-active h5,

form div .req,

.input-wrapper div .req,

form label .req,

.input-wrapper label .req,

form .input input:focus + i,

.input-wrapper .input input:focus + i,

form .select select:focus + i,

.input-wrapper .select select:focus + i,

form .radio input + i:after,

.input-wrapper .radio input + i:after,

form .checkbox input + i:after,

.input-wrapper .checkbox input + i:after,

form .radio input:checked + i + span:not(.label),

.input-wrapper .radio input:checked + i + span:not(.label),

form .checkbox input:checked + i + span:not(.label),

.input-wrapper .checkbox input:checked + i + span:not(.label),

form .toggle-input input:checked + i + span:not(.label),

.input-wrapper .toggle-input input:checked + i + span:not(.label),

.ui-datepicker a span i,

.ui-datepicker-today a,

ul.tab-nav li.ui-tabs-active a,

ul.tab-nav li.r-tabs-state-active a,

.plyr__progress--played,

.plyr__volume--display,

.copyright-links a:hover,

.accordion-menu li.current a,

.accordion-menu input[type=checkbox]:checked + label,

.accordion-menu label:hover,

.accordion-menu a:hover,

.btn-link,

.srp-vehicle-block #srp-vehicle-price .price-item.active a h4,

.srp-vehicle-block #srp-vehicle-price .price-item.active .price-label,

.srp-vehicle-block #srp-vehicle-price .price-item.highlight-price .price-label,

.srp-vehicle-block #srp-vehicle-price .price-item.highlight-price h4,

.srp-vehicle-block .button-row-wrapper div a:hover:not(.button),

#pagination .pagination-control ul li.active,

#pagination .pagination-control ul li a:hover,

#srp-sortby ul li > a:hover,

#srp-modal-sortby .list-group-item.active,

#srp-modal-sortby .list-group-item.active:hover,

#srp-modal-sortby .list-group-item.active:focus,

.toggle .togglet:hover,

.toggle .toggleta,

.toggle .togglet i,

.toggle .togglec .filter-element a:hover,

#form-request-more-info #srp-vehicle-price .price-item.active a h4,

#form-request-more-info #srp-vehicle-price .price-item.active .price-label,

#form-request-more-info #srp-vehicle-price .price-item.highlight-price .price-label,

#form-request-more-info #srp-vehicle-price .price-item.highlight-price h4,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active a h4,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active .price-label,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.highlight-price .price-label,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.highlight-price h4,

#vehicle-price .price-item.active a h4,

#vehicle-price .price-item.active .price-label,

#vehicle-price .price-item.highlight-price .price-label,

#vehicle-price .price-item.highlight-price h4,

#vdp-vehicle-overview #vdp-gas-mileage .gas-mileage-amount,

#notifyMePriceAlert-dashboard .notifyMePriceAlert-swiper .swiper-button-prev,

#notifyMePriceAlert-dashboard .notifyMePriceAlert-swiper .swiper-button-next,

.notifyMePriceAlert-dashboard .notifyMePriceAlert-vehiclePrice h4,

#notifyMePriceAlert-alertBox .notifyMePriceAlert,

#notifyMePriceAlert-alertBox .notifyMePriceAlert .close,

#portfolio-filter li a:hover,

.breadcrumb a,

#primary-menu.style-1 ul li.current a,

#primary-menu.style-1 ul li:hover a,

.notifyMePriceAlert, .notifyMePriceAlert .close, .pagination-control ul li.active, .pagination-control ul li a:hover{

    color: #69d0df;

}



.header-extras li .he-text a:not(.button) {

    color: #9e9e9e !important;

}

.noUi-handle {

border: 1px solid #69d0df;

border-radius: 25px;

background: #69d0df;

}



.button-alt,

.header-extras li .he-text a,

.notifyMePriceAlert-wrapper ul li:hover,

#notifyMePriceAlert-toolbar .notifyMePriceAlert-wrapper ul .amount,

body.side-panel-left #side-panel #primary-menu ul ul li:hover > a,

body.side-panel-right #side-panel #primary-menu ul ul li:hover > a,

body.side-panel-left #side-panel #primary-menu ul li.current a {

    color: #fff !important;

}



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

    #side-panel-trigger-close a {

        color: #fff !important;

    }

}



#vdp-slideshow-1 .swiper-button-next,

#vdp-slideshow-1 .swiper-button-prev {

    background: #69d0df;

    color: #fff;

    font-size: 30px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    top: 50%;

    -webkit-transition: background-color .3s ease-in-out;

    -o-transition: background-color .3s ease-in-out;

    transition: background-color .3s ease-in-out;

    width: 50px;

}



#vdp-slideshow-1 .swiper-button-next:hover,

#vdp-slideshow-1 .swiper-button-prev:hover {

    background: #333;

}



.notifyMePriceAlert-dashboard .notifyMePriceAlert-dashboardClose .polygon {

    fill: #69d0df;

}



.color,

.nav-tree li:hover > a,

.nav-tree li.current > a,

.nav-tree li.active > a,

.modal-header .modal-title {

    color: #69d0df !important;

}



body:not(.device-touch) .button:hover {

    background-color: #333 !important;

    border-color: #333 !important;

    color: #fff !important;

}



.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,

.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {

    box-shadow: 0 0 1px #69d0df;

}



.fbox-effect.fbox-dark .fbox-icon i:after {

    box-shadow: 0 0 2px #69d0df;

}



/* ------------

Border Colors

------------------------------------------------ */

#primary-menu.style-4 > ul > li:hover > a,

#primary-menu.style-4 > ul > li.current > a,

#primary-menu.style-6 > ul > li > a:after,

#primary-menu.style-6 > ul > li.current > a:after,

.flex-control-nav li:hover a,

.flex-control-nav li a.flex-active,

.feature-box.fbox-outline .fbox-icon,

.feature-box.fbox-border .fbox-icon,

form .input input:focus,

.input-wrapper .input input:focus,

form .select select:focus,

.input-wrapper .select select:focus,

form .textarea textarea:focus,

.input-wrapper .textarea textarea:focus,

form .radio input:focus + i,

.input-wrapper .radio input:focus + i,

form .checkbox input:focus + i,

.input-wrapper .checkbox input:focus + i,

form .toggle-input input:focus + i,

.input-wrapper .toggle-input input:focus + i,

form .radio input:checked + i,

.input-wrapper .radio input:checked + i,

form .checkbox input:checked + i,

.input-wrapper .checkbox input:checked + i,

form .toggle-input input:checked + i,

.input-wrapper .toggle-input input:checked + i,

.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a,

.responsiveTabs.tabs-tb ul.tab-nav li.ui-tabs-active a,

.tabs.tabs-tb ul.tab-nav li.r-tabs-state-active,

.responsiveTabs.tabs-tb ul.tab-nav li.r-tabs-state-active,

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a,

.responsiveTabs.tabs-bb ul.tab-nav li.ui-tabs-active a,

.tabs.tabs-bb ul.tab-nav li.r-tabs-state-active,

.responsiveTabs.tabs-bb ul.tab-nav li.r-tabs-state-active,

.title-block, .heading-block:after,

.heading-block.border-color:after,

.fancy-title.title-border-color:before,

#notifyMePriceAlert-alertBox .notifyMePriceAlert {

    border-color: #69d0df;

}



.border-color,

.button,

.process-steps li.active a,

.process-steps li.ui-tabs-active a,

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    border-color: #69d0df !important;

}



.button-alt{

    background-color: #444!important;

    border-color: #444!important;

    color: #fff!important;

}



/* SRP/VDP */

.srp-vehicle-block #srp-vehicle-price .price-item.active a h4,

.srp-vehicle-block #srp-vehicle-price .price-item.highlight-price h4,

.srp-vehicle-block #srp-vehicle-price .price-item h4,

#form-request-more-info #srp-vehicle-price .price-item.highlight-price h4,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.active a h4,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item h4,

#vdp-title .vehicle-title-wrapper #vdp-price .price-item.highlight-price h4,

#vehicle-price .price-item.active a h4,

#vehicle-price .price-item.highlight-price h4,

#vehicle-price .price-item h4,

#vdp-vehicle-overview #vdp-gas-mileage .gas-mileage-amount,

#form-request-more-info #srp-vehicle-price .price-item.active a h4 {

    color: #69d0df;

    font-size: 28px !important;

    font-weight: 600;

}



.srp-vehicle-block #srp-vehicle-price .price-item.active a h4,

.srp-vehicle-block #srp-vehicle-price .price-item.highlight-price h4,

.srp-vehicle-block #srp-vehicle-price .price-item h4,

#form-request-more-info #srp-vehicle-price .price-item.active a h4 {

    font-size: 24px !important;

}



#vdp-title .vehicle-title-wrapper #vdp-price .price-item .price-label,

.srp-vehicle-block #srp-vehicle-price .price-item .price-label {

    font-size: 15px;

}



#srp-vehicle-title > h5 {

    margin-top: -15px !important;

}





/* ------------

Misc Mods

----------------------------------------------------------------------------- */