:root {
--color-primary-25: #fef6f9;
--color-primary-50: #fdecf3;
--color-primary-100: #fad2e2;
--color-primary-200: #f6aecb;
--color-primary-300: #f280ad;
--color-primary-400: #ec4c8c;
--color-primary-500: #e61368;
--color-primary-600: #c81156;
--color-primary-700: #aa0e47;
--color-primary-800: #880b31;
--color-primary-900: #680922;
--color-primary-950: #3a0512;
}
.page-header.minimal .navigation-default .navbar-nav:hover > li > a {
color: var(--color-neutral-1000-alpha-7);
}
.facet-browse-container .facet-select .select-options .options .option.is-selected,
.facet-browse-container .facet-select .select-options .options .option:hover {
color: var(--color-neutral-1000);
}
@font-face {
font-family: ddc-icons;
src: url(/static/distcache/v9/variations/oem-gm/0001/v1/fonts/merged/font.adc1b0bbfaaff433ebb181899c5a08e5.woff2) format("woff2"), url(/static/distcache/v9/variations/oem-gm/0001/v1/fonts/merged/font.adc1b0bbfaaff433ebb181899c5a08e5.woff) format("woff"), url(/static/distcache/v9/variations/oem-gm/0001/v1/fonts/merged/font.adc1b0bbfaaff433ebb181899c5a08e5.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap
}
.ddc-icon-animate-spin {
display: inline-block;
animation: spin 3s infinite linear
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
.buttonblock-default.mid-block .dr-prequal h4::before,
.buttonblock-default.mid-block .email h4::before,
.buttonblock-default.mid-block .more-vehicles h4::before,
.buttonblock-default.mid-block .specs-gear2 h4::before,
.ddc-icon,
.facet-breadcrumb-close-icon:before,
.incentives-search-detail.enhanced .lnk-back:before,
.incentives-search-detail.enhanced .nav-list li>a:before,
.inventory-detail-tech-specs .tech-specs.panel-group .panel .collapsed .ddc-icon:before,
.inventory-detail-tech-specs .tech-specs.panel-group .panel .ddc-icon:before,
.inventoryList .description .packages [data-toggle=tooltip]:after,
.inventoryList>li.mpg30 .fn a:after,
.inventoryList>li.mpg35 .fn a:after,
.inventoryList>li.mpg40 .fn a:after,
.inventoryList>li.mpg45 .fn a:after,
.inventoryList>li.mpg50 .fn a:after,
.inventoryList>li.mpg55 .fn a:after,
.inventoryList>li.mpg60 .fn a:after,
.inventoryList>li.mpg65 .fn a:after,
.inventoryList>li.mpg70 .fn a:after,
.inventoryList>li.mpg75 .fn a:after,
.jcarousel-next,
.jcarousel-next-disabled-horizontal,
.jcarousel-next-horizontal,
.jcarousel-prev,
.jcarousel-prev-disabled-horizontal,
.model-selector-parallax .carousel-next,
.model-selector-parallax .carousel-prev,
.navbar-nav .caret,
.page-header.sticky-header-nav.shrink-header-nav .vcard .tels:after,
.repdriver .star,
.repdriver .star-none,
.showroom-detail-links a:before,
.showroom-details-section .ui-tabs .ui-widget-header li a,
.slideControls a,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:after,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:before,
.vlp .pagination a[rel=next]:before,
.vlp .pagination a[rel=prev]:before {
font-family: ddc-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased
}
.ddc-icon-360-spin:before {
content: "\e600"
}
.ddc-icon-3rd-row-seats:before {
content: "\e601"
}
.ddc-icon-air-conditioning:before {
content: "\e602"
}
.ddc-icon-airbags:before {
content: "\e603"
}
.ddc-icon-alert:before {
content: "\e604"
}
.ddc-icon-alert-circle:before {
content: "\e605"
}
.ddc-icon-arrow-around-forward:before {
content: "\e606"
}
.ddc-icon-arrow-circle-right:before {
content: "\e607"
}
.ddc-icon-arrow-details:before {
content: "\e608"
}
.ddc-icon-arrow-double-left:before {
content: "\e609"
}
.ddc-icon-arrow-double-right:before {
content: "\e60a"
}
.ddc-icon-arrow-select:before {
content: "\e60b"
}
.ddc-icon-arrow1-double-0:before {
content: "\e60c"
}
.ddc-icon-arrow1-down:before {
content: "\e60d"
}
.ddc-icon-arrow1-left:before,
.incentives-search-detail.enhanced .lnk-back:before {
content: "\e60e"
}
.ddc-icon-arrow1-right:before,
.incentives-search-detail.enhanced .nav-list li>a:before {
content: "\e60f"
}
.ddc-icon-arrow1-up:before {
content: "\e610"
}
.ddc-icon-arrow2-down:before,
.model-specific-landing-incentives .ui-accordion-header.ui-state-active .ddc-icon:before,
.navbar-nav .caret:before {
content: "\e611"
}
.ddc-icon-arrow2-left:before,
.jcarousel-prev-horizontal:before,
.model-selector-parallax .carousel-prev:before,
.vlp .pagination a[rel=prev]:before {
content: "\e612"
}
.ddc-icon-arrow2-right:before,
.jcarousel-next-horizontal:before,
.model-selector-parallax .carousel-next:before,
.showroom-detail-links a:before,
.showroom-details-section .ui-tabs .ui-widget-header li a:before,
.vlp .pagination a[rel=next]:before {
content: "\e613"
}
.ddc-icon-arrow2-up:before {
content: "\e614"
}
.ddc-icon-arrow3-down:before {
content: "\e615"
}
.ddc-icon-arrow3-up:before {
content: "\e616"
}
.ddc-icon-arrow4-left:before {
content: "\e617"
}
.ddc-icon-arrow4-right:before {
content: "\e618"
}
.ddc-icon-auto-dimming-rear-view-mirror:before {
content: "\e619"
}
.ddc-icon-automatic-temperature-control:before {
content: "\e61a"
}
.ddc-icon-backup-camera:before {
content: "\e61b"
}
.ddc-icon-banknote:before {
content: "\e61c"
}
.ddc-icon-battery:before {
content: "\e61d"
}
.ddc-icon-bedlength:before {
content: "\e61e"
}
.ddc-icon-benefit-home-charging:before {
content: "\e61f"
}
.ddc-icon-benefit-hybrid:before {
content: "\e620"
}
.ddc-icon-benefit-local-incentives:before {
content: "\e621"
}
.ddc-icon-benefit-low-cost-own:before {
content: "\e622"
}
.ddc-icon-benefit-quick-quiet:before {
content: "\e623"
}
.ddc-icon-benefit-tax-credit:before {
content: "\e624"
}
.ddc-icon-blind-spot-sensor:before {
content: "\e625"
}
.ddc-icon-bodystyle-cargo-van:before {
content: "\e626"
}
.ddc-icon-bodystyle-convertible:before {
content: "\e627"
}
.ddc-icon-bodystyle-coupe:before {
content: "\e628"
}
.ddc-icon-bodystyle-crossover:before {
content: "\e629"
}
.ddc-icon-bodystyle-hatchback:before {
content: "\e62a"
}
.ddc-icon-bodystyle-luxury:before {
content: "\e62b"
}
.ddc-icon-bodystyle-other:before {
content: "\e62c"
}
.ddc-icon-bodystyle-sedan:before {
content: "\e62d"
}
.ddc-icon-bodystyle-suv:before {
content: "\e62e"
}
.ddc-icon-bodystyle-truck:before {
content: "\e62f"
}
.ddc-icon-bodystyle-van:before {
content: "\e630"
}
.ddc-icon-bodystyle-wagon:before {
content: "\e631"
}
.ddc-icon-brakes:before {
content: "\e632"
}
.ddc-icon-brochure:before {
content: "\e633"
}
.ddc-icon-bubble:before {
content: "\e634"
}
.ddc-icon-business-link:before {
content: "\e635"
}
.ddc-icon-calculator:before {
content: "\e636"
}
.ddc-icon-call:before {
content: "\e637"
}
.ddc-icon-call-outline:before {
content: "\e638"
}
.ddc-icon-call-outline-thin:before {
content: "\e639"
}
.ddc-icon-cancel-circle:before,
.facet-breadcrumb-close-icon:before {
content: "\e63a"
}
.ddc-icon-cd-player:before {
content: "\e63b"
}
.ddc-icon-check:before {
content: "\e63c"
}
.ddc-icon-check-seal:before {
content: "\e63d"
}
.ddc-icon-check-shield:before {
content: "\e63e"
}
.ddc-icon-checkmark:before {
content: "\e63f"
}
.ddc-icon-checkmark-circle:before {
content: "\e640"
}
.ddc-icon-checkmark-circle-v2:before {
content: "\e641"
}
.ddc-icon-checkmark-empty:before {
content: "\e642"
}
.ddc-icon-checkmark-skinny:before {
content: "\e643"
}
.ddc-icon-checkmark-sm:before {
content: "\e644"
}
.ddc-icon-checkmark2:before {
content: "\e645"
}
.ddc-icon-checkmark2-outline:before {
content: "\e646"
}
.ddc-icon-chevron-down:before,
.value-statement-mega-wrapper .navbar-default .dropdown>a .caret:before {
content: "\e647"
}
.ddc-icon-chevron-left:before {
content: "\e648"
}
.ddc-icon-chevron-right:before {
content: "\e649"
}
.ddc-icon-chevron-right-after:before {
content: "\e64a"
}
.ddc-icon-circle-check:before {
content: "\e64b"
}
.ddc-icon-clock:before {
content: "\e64c"
}
.ddc-icon-close:before {
content: "\e64d"
}
.ddc-icon-collapse:before {
content: "\e64e"
}
.ddc-icon-collapse-circle:before {
content: "\e64f"
}
.ddc-icon-contact:before {
content: "\e650"
}
.ddc-icon-dimensions:before {
content: "\e651"
}
.ddc-icon-dimensions-exterior:before {
content: "\e652"
}
.ddc-icon-dimensions-interior:before {
content: "\e653"
}
.ddc-icon-dimming-door-mirrors:before {
content: "\e654"
}
.ddc-icon-distance-pacing-cruise-control:before {
content: "\e655"
}
.ddc-icon-document-circle:before {
content: "\e656"
}
.ddc-icon-dr-accessories:before {
content: "\e657"
}
.ddc-icon-dr-finance:before {
content: "\e658"
}
.ddc-icon-dr-payment:before {
content: "\e659"
}
.ddc-icon-dr-photoupload-backseat:before {
content: "\e65a"
}
.ddc-icon-dr-photoupload-dashboard:before {
content: "\e65b"
}
.ddc-icon-dr-photoupload-driver-side:before {
content: "\e65c"
}
.ddc-icon-dr-photoupload-front:before {
content: "\e65d"
}
.ddc-icon-dr-photoupload-frontseat:before {
content: "\e65e"
}
.ddc-icon-dr-photoupload-interior-front:before {
content: "\e65f"
}
.ddc-icon-dr-photoupload-interior-rear:before {
content: "\e660"
}
.ddc-icon-dr-photoupload-odometer:before {
content: "\e661"
}
.ddc-icon-dr-photoupload-passenger:before {
content: "\e662"
}
.ddc-icon-dr-photoupload-passenger-side:before {
content: "\e663"
}
.ddc-icon-dr-photoupload-rear:before {
content: "\e664"
}
.ddc-icon-dr-photoupload-tire:before {
content: "\e665"
}
.ddc-icon-dr-photoupload-vin:before {
content: "\e666"
}
.ddc-icon-dr-photoupload-wheels:before {
content: "\e667"
}
.buttonblock-default.mid-block .dr-prequal h4::before,
.ddc-icon-dr-prequal:before {
content: "\e668"
}
.ddc-icon-dr-protect:before {
content: "\e669"
}
.ddc-icon-dr-reserve:before {
content: "\e66a"
}
.ddc-icon-dr-trade:before {
content: "\e66b"
}
.ddc-icon-driveline:before {
content: "\e66c"
}
.ddc-icon-drivetrain-4x2:before {
content: "\e66d"
}
.ddc-icon-drivetrain-4x4:before {
content: "\e66e"
}
.ddc-icon-drivetrain-awd:before {
content: "\e66f"
}
.ddc-icon-drivetrain-fwd:before {
content: "\e670"
}
.ddc-icon-drivetrain-rwd:before {
content: "\e671"
}
.ddc-icon-edit-doc:before {
content: "\e672"
}
.ddc-icon-electric:before {
content: "\e673"
}
.buttonblock-default.mid-block .email h4::before,
.ddc-icon-email:before {
content: "\e674"
}
.ddc-icon-engine:before {
content: "\e675"
}
.ddc-icon-entertainment-system:before {
content: "\e676"
}
.ddc-icon-ev-hybrid:before {
content: "\e677"
}
.ddc-icon-ev-plugin:before {
content: "\e678"
}
.ddc-icon-evpluginhybrid:before {
content: "\e679"
}
.ddc-icon-expand:before {
content: "\e67a"
}
.ddc-icon-expand-circle:before {
content: "\e67b"
}
.ddc-icon-expand-circle-outline:before {
content: "\e67c"
}
.ddc-icon-exterior-mirror:before {
content: "\e67d"
}
.ddc-icon-exteriorcolor:before {
content: "\e67e"
}
.ddc-icon-facebook:before {
content: "\e67f"
}
.ddc-icon-filter-list-controls:before {
content: "\e680"
}
.ddc-icon-filters:before {
content: "\e681"
}
.ddc-icon-finance:before {
content: "\e682"
}
.ddc-icon-find-vehicle:before {
content: "\e683"
}
.ddc-icon-googleplus:before {
content: "\e684"
}
.ddc-icon-handsfree-liftgate:before {
content: "\e685"
}
.ddc-icon-headlight:before {
content: "\e686"
}
.ddc-icon-headphones:before {
content: "\e687"
}
.ddc-icon-heads-up-display:before {
content: "\e688"
}
.ddc-icon-heart-outline-saved:before {
content: "\e689"
}
.ddc-icon-heart-saved:before {
content: "\e68a"
}
.ddc-icon-heated-door-mirrors:before {
content: "\e68b"
}
.ddc-icon-heated-seats:before {
content: "\e68c"
}
.ddc-icon-heated-steering-wheel:before {
content: "\e68d"
}
.ddc-icon-help:before {
content: "\e68e"
}
.ddc-icon-help-circle:before {
content: "\e68f"
}
.ddc-icon-home:before {
content: "\e690"
}
.ddc-icon-hotcar:before {
content: "\e691"
}
.ddc-icon-hybrid:before {
content: "\e692"
}
.ddc-icon-hybrid-leaf:before {
content: "\e693"
}
.ddc-icon-hybrid-plugin:before {
content: "\e694"
}
.ddc-icon-images:before {
content: "\e695"
}
.ddc-icon-images2:before {
content: "\e696"
}
.ddc-icon-in-transit:before {
content: "\e697"
}
.alert>.ddc-icon::before,
.ddc-icon-info:before,
.inventoryList .description .packages [data-toggle=tooltip]:after {
content: "\e698"
}
.ddc-icon-info-outline:before {
content: "\e699"
}
.ddc-icon-interiorcolor:before {
content: "\e69a"
}
.ddc-icon-internal-combustion-engine:before {
content: "\e69b"
}
.ddc-icon-internet:before {
content: "\e69c"
}
.ddc-icon-lane-departure:before {
content: "\e69d"
}
.ddc-icon-launch:before {
content: "\e69e"
}
.ddc-icon-layout-grid:before {
content: "\e69f"
}
.ddc-icon-layout-list:before {
content: "\e6a0"
}
.ddc-icon-leather-upholstery:before {
content: "\e6a1"
}
.ddc-icon-linestyle-price-tag:before {
content: "\e6a2"
}
.ddc-icon-linestyle-sedan:before {
content: "\e6a3"
}
.ddc-icon-linestyle-service:before {
content: "\e6a4"
}
.ddc-icon-link:before {
content: "\e6a5"
}
.ddc-icon-loading:before {
content: "\e6a6"
}
.ddc-icon-location:before {
content: "\e6a7"
}
.ddc-icon-location-target:before {
content: "\e6a8"
}
.ddc-icon-lock:before {
content: "\e6a9"
}
.ddc-icon-low-tire-pressure-warning:before {
content: "\e6aa"
}
.ddc-icon-map:before {
content: "\e6ab"
}
.ddc-icon-map-outline:before {
content: "\e6ac"
}
.ddc-icon-map-outline-thin:before {
content: "\e6ad"
}
.ddc-icon-map-outline2:before {
content: "\e6ae"
}
.ddc-icon-massaging-seat:before {
content: "\e6af"
}
.ddc-icon-menu:before {
content: "\e6b0"
}
.ddc-icon-menu-thin:before {
content: "\e6b1"
}
.ddc-icon-microphone:before {
content: "\e6b2"
}
.ddc-icon-microphone-off:before {
content: "\e6b3"
}
.ddc-icon-minus:before,
.inventory-detail-tech-specs .tech-specs.panel-group .panel .ddc-icon:before {
content: "\e6b4"
}
.ddc-icon-mopar-dlr-24hr-service-icon:before {
content: "\e6b5"
}
.ddc-icon-mopar-dlr-cert-tech-icon:before {
content: "\e6b6"
}
.ddc-icon-mopar-dlr-comp-prices-icon:before {
content: "\e6b7"
}
.ddc-icon-mopar-dlr-early-bird-icon:before {
content: "\e6b8"
}
.ddc-icon-mopar-dlr-free-est-icon:before {
content: "\e6b9"
}
.ddc-icon-mopar-dlr-free-wifi-icon:before {
content: "\e6ba"
}
.ddc-icon-mopar-dlr-gy-tires-icon:before {
content: "\e6bb"
}
.ddc-icon-mopar-dlr-mich-tires-icon:before {
content: "\e6bc"
}
.ddc-icon-mopar-dlr-mopar-acc-icon:before {
content: "\e6bd"
}
.ddc-icon-mopar-dlr-mopar-perf-parts-icon:before {
content: "\e6be"
}
.ddc-icon-mopar-dlr-mopar-speedshop-icon:before {
content: "\e6bf"
}
.ddc-icon-mopar-dlr-play-area-icon:before {
content: "\e6c0"
}
.ddc-icon-mopar-dlr-rental-icon:before {
content: "\e6c1"
}
.ddc-icon-mopar-dlr-sat-svc-icon:before {
content: "\e6c2"
}
.ddc-icon-mopar-dlr-sc-rec-icon:before {
content: "\e6c3"
}
.ddc-icon-mopar-dlr-shuttle-icon:before {
content: "\e6c4"
}
.ddc-icon-mopar-dlr-spanish-icon:before {
content: "\e6c5"
}
.ddc-icon-mopar-dlr-state-insp-icon:before {
content: "\e6c6"
}
.ddc-icon-mopar-dlr-sunday-service-icon:before {
content: "\e6c7"
}
.ddc-icon-mopar-dlr-xpr-lube-icon:before {
content: "\e6c8"
}
.buttonblock-default.mid-block .more-vehicles h4::before,
.ddc-icon-more-vehicles:before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li:first-child a:before {
content: "\e6c9"
}
.ddc-icon-mpg30:before,
.inventoryList>li.mpg30 .fn a:after {
content: "\e6ca"
}
.ddc-icon-mpg35:before,
.inventoryList>li.mpg35 .fn a:after {
content: "\e6cb"
}
.ddc-icon-mpg40:before,
.inventoryList>li.mpg40 .fn a:after {
content: "\e6cc"
}
.ddc-icon-mpg45:before,
.inventoryList>li.mpg45 .fn a:after {
content: "\e6cd"
}
.ddc-icon-mpg50:before,
.inventoryList>li.mpg50 .fn a:after {
content: "\e6ce"
}
.ddc-icon-mpg55:before,
.inventoryList>li.mpg55 .fn a:after {
content: "\e6cf"
}
.ddc-icon-mpg60:before,
.inventoryList>li.mpg60 .fn a:after {
content: "\e6d0"
}
.ddc-icon-mpg65:before,
.inventoryList>li.mpg65 .fn a:after {
content: "\e6d1"
}
.ddc-icon-mpg70:before,
.inventoryList>li.mpg70 .fn a:after {
content: "\e6d2"
}
.ddc-icon-mpg75:before,
.inventoryList>li.mpg75 .fn a:after {
content: "\e6d3"
}
.ddc-icon-mycars-checkmark:before {
content: "\e6d4"
}
.ddc-icon-mycars-email-sent:before {
content: "\e6d5"
}
.ddc-icon-mycars-error:before {
content: "\e6d6"
}
.ddc-icon-mycars-heart:before {
content: "\e6d7"
}
.ddc-icon-mycars-login:before {
content: "\e6d8"
}
.ddc-icon-mycars-minimal-login:before {
content: "\e6d9"
}
.ddc-icon-mycars-minimal-saved:before {
content: "\e6da"
}
.ddc-icon-mycars-outline-bell:before {
content: "\e6db"
}
.ddc-icon-mycars-solid-bell:before {
content: "\e6dc"
}
.ddc-icon-mywallet:before {
content: "\e6dd"
}
.ddc-icon-mywallet-solid:before {
content: "\e6de"
}
.ddc-icon-mywallet-thin:before {
content: "\e6df"
}
.ddc-icon-navigation-system:before {
content: "\e6e0"
}
.ddc-icon-new-oil:before {
content: "\e6e1"
}
.ddc-icon-new-vehicle-specials:before {
content: "\e6e2"
}
.ddc-icon-night-vision:before {
content: "\e6e3"
}
.ddc-icon-odometer:before {
content: "\e6e4"
}
.ddc-icon-off-lot:before {
content: "\e6e5"
}
.ddc-icon-options_clipboard:before {
content: "\e6e6"
}
.ddc-icon-paint:before,
.quick-specs .exteriorColor .ddc-icon:before {
content: "\e6e7"
}
.ddc-icon-parking-sensors:before {
content: "\e6e8"
}
.ddc-icon-pause:before,
.slideControls .play:before {
content: "\e6e9"
}
.ddc-icon-perimeter-lights:before {
content: "\e6ea"
}
.ddc-icon-photo:before {
content: "\e6eb"
}
.ddc-icon-play:before,
.slideControls .play.paused:before {
content: "\e6ec"
}
.ddc-icon-play2:before {
content: "\e6ed"
}
.ddc-icon-play3:before {
content: "\e6ee"
}
.ddc-icon-plus:before,
.inventory-detail-tech-specs .tech-specs.panel-group .panel .collapsed .ddc-icon:before {
content: "\e6ef"
}
.ddc-icon-plus-sm:before,
.page-header.sticky-header-nav.shrink-header-nav .vcard .tels:after {
content: "\e6f0"
}
.ddc-icon-power-liftgate:before {
content: "\e6f1"
}
.ddc-icon-power-moonroof:before {
content: "\e6f2"
}
.ddc-icon-premium-audio-system:before {
content: "\e6f3"
}
.ddc-icon-preowned-vehicle-specials:before {
content: "\e6f4"
}
.ddc-icon-print:before {
content: "\e6f5"
}
.ddc-icon-promotion-new-specials:before {
content: "\e6f6"
}
.ddc-icon-promotion-parts-specials:before {
content: "\e6f7"
}
.ddc-icon-promotion-service-specials:before {
content: "\e6f8"
}
.ddc-icon-promotion-used-specials:before {
content: "\e6f9"
}
.ddc-icon-rain-sensing-wipers:before {
content: "\e6fa"
}
.ddc-icon-recent:before {
content: "\e6fb"
}
.ddc-icon-remote-keyless-entry:before {
content: "\e6fc"
}
.ddc-icon-remove:before {
content: "\e6fd"
}
.ddc-icon-remove2:before {
content: "\e6fe"
}
.ddc-icon-reset:before {
content: "\e6ff"
}
.ddc-icon-search:before {
content: "\e700"
}
.ddc-icon-search-thin:before {
content: "\e701"
}
.ddc-icon-seatbelt:before {
content: "\e702"
}
.ddc-icon-seats-cooled:before {
content: "\e703"
}
.ddc-icon-select-arrows:before {
content: "\e704"
}
.ddc-icon-send:before {
content: "\e705"
}
.ddc-icon-service-outline:before {
content: "\e706"
}
.ddc-icon-single-vehicle:before {
content: "\e707"
}
.ddc-icon-skinny-arrow-large-left:before {
content: "\e708"
}
.ddc-icon-skinny-arrow-large-right:before {
content: "\e709"
}
.ddc-icon-skinny-arrow-left:before {
content: "\e70a"
}
.ddc-icon-skinny-arrow-right:before {
content: "\e70b"
}
.ddc-icon-social-blog:before {
content: "\e70c"
}
.ddc-icon-social-facebook:before {
content: "\e70d"
}
.ddc-icon-social-instagram:before {
content: "\e70e"
}
.ddc-icon-social-ratings:before {
content: "\e70f"
}
.ddc-icon-social-twitter:before {
content: "\e710"
}
.ddc-icon-social-youtube:before {
content: "\e711"
}
.ddc-icon-speaker:before {
content: "\e712"
}
.ddc-icon-speaker-muted:before {
content: "\e713"
}
.ddc-icon-specs-abs:before {
content: "\e714"
}
.ddc-icon-specs-bluetooth:before {
content: "\e715"
}
.ddc-icon-specs-gaspump:before {
content: "\e716"
}
.ddc-icon-specs-gear1:before {
content: "\e717"
}
.buttonblock-default.mid-block .specs-gear2 h4::before,
.ddc-icon-specs-gear2:before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li a:after {
content: "\e718"
}
.ddc-icon-specs-transmission:before {
content: "\e719"
}
.ddc-icon-specs-wheel:before {
content: "\e71a"
}
.ddc-icon-specs_gaspump:before {
content: "\e71b"
}
.ddc-icon-speed-limit:before {
content: "\e71c"
}
.ddc-icon-speed-sensitive-wipers:before {
content: "\e71d"
}
.ddc-icon-speedometer:before {
content: "\e71e"
}
.ddc-icon-star:before {
content: "\e71f"
}
.ddc-icon-star-empty:before {
content: "\e720"
}
.ddc-icon-star-full:before {
content: "\e721"
}
.ddc-icon-star-half:before {
content: "\e722"
}
.ddc-icon-steeringwheel:before {
content: "\e723"
}
.ddc-icon-stocknumber:before {
content: "\e724"
}
.ddc-icon-store:before {
content: "\e725"
}
.ddc-icon-supercharger2:before {
content: "\e726"
}
.ddc-icon-suspension:before {
content: "\e727"
}
.ddc-icon-tachometer:before {
content: "\e728"
}
.ddc-icon-tag:before {
content: "\e729"
}
.ddc-icon-tag-circle:before {
content: "\e72a"
}
.ddc-icon-tag-money:before {
content: "\e72b"
}
.ddc-icon-tag-money2:before {
content: "\e72c"
}
.ddc-icon-testdrive:before {
content: "\e72d"
}
.ddc-icon-tonneau-cover:before {
content: "\e72e"
}
.ddc-icon-tool-wrench-screwdriver:before {
content: "\e72f"
}
.ddc-icon-torque:before {
content: "\e730"
}
.ddc-icon-traction-control:before {
content: "\e731"
}
.ddc-icon-trade:before {
content: "\e732"
}
.ddc-icon-traffic-sign:before {
content: "\e733"
}
.ddc-icon-transmission:before {
content: "\e734"
}
.ddc-icon-trip-computer:before {
content: "\e735"
}
.ddc-icon-turbocharger:before {
content: "\e736"
}
.ddc-icon-twitter:before {
content: "\e737"
}
.ddc-icon-video:before {
content: "\e738"
}
.ddc-icon-video-camera:before {
content: "\e739"
}
.ddc-icon-views:before {
content: "\e73a"
}
.ddc-icon-warranty:before {
content: "\e73b"
}
.ddc-icon-wb-award:before {
content: "\e73c"
}
.ddc-icon-wb-buildings:before {
content: "\e73d"
}
.ddc-icon-wb-buy-online:before {
content: "\e73e"
}
.ddc-icon-wb-car-wash:before {
content: "\e73f"
}
.ddc-icon-wb-clipboard:before {
content: "\e740"
}
.ddc-icon-wb-coffee:before {
content: "\e741"
}
.ddc-icon-wb-generic:before {
content: "\e742"
}
.ddc-icon-wb-home-pin:before {
content: "\e743"
}
.ddc-icon-wb-money:before {
content: "\e744"
}
.ddc-icon-wb-money-shield:before {
content: "\e745"
}
.ddc-icon-wb-percent:before {
content: "\e746"
}
.ddc-icon-wb-price-tag:before {
content: "\e747"
}
.ddc-icon-wb-service:before {
content: "\e748"
}
.ddc-icon-wb-trade:before {
content: "\e749"
}
.ddc-icon-wheels:before {
content: "\e74a"
}
.ddc-icon-wifi:before {
content: "\e74b"
}
.ddc-icon-wireless-charging:before {
content: "\e74c"
}
.ddc-icon-wrench:before {
content: "\e74d"
}
.ddc-icon-x029-tag_money:before {
content: "\e74e"
}
.ddc-icon-zoom:before,
.showroom-default .imageViewer .ui-state .ddc-icon-zoomin:before,
.vdp .ddc-wrapper .imageViewer .ui-state .ddc-icon-zoomin:before {
content: "\e74f"
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
fieldset h2,
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@media print {
*,
::after,
::before {
background: 0 0 !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]::after {
content: " (" attr(href) ")"
}
abbr[title]::after {
content: " (" attr(title) ")"
}
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: ""
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd !important
}
}
* {
box-sizing: border-box
}
:after,
:before {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: var(--text-color);
background-color: var(--page-bg)
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 0
}
.img-thumbnail {
padding: 4px;
line-height: 1.5;
background-color: var(--color-neutral-50);
border: 1px solid var(--color-neutral-100);
border-radius: 0;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.contentHeading,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
.showroom-details-section>h4,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.25;
color: inherit
}
.contentHeading .small,
.contentHeading small,
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
.incentives-search-default .facet-group h3 .small,
.incentives-search-default .facet-group h3 small,
.incentives-search-detail .facet-group h3 .small,
.incentives-search-detail .facet-group h3 small,
.inventory-detail-mini h3 .small,
.inventory-detail-mini h3 small,
.model-specific-landing-incentives h3 .small,
.model-specific-landing-incentives h3 small,
.reviews-auto-detail .hreview h1 .small,
.reviews-auto-detail .hreview h1 small,
.showroom-details-section>h4 .small,
.showroom-details-section>h4 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-weight: 400;
line-height: 1;
color: var(--color-neutral-1000-alpha-6)
}
.contentHeading,
.h1,
.h2,
.h3,
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
.showroom-details-section>h4,
h1,
h2,
h3 {
margin-top: 21px;
margin-bottom: 10.5px
}
.contentHeading .small,
.contentHeading small,
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.incentives-search-default .facet-group h3 .small,
.incentives-search-default .facet-group h3 small,
.incentives-search-detail .facet-group h3 .small,
.incentives-search-detail .facet-group h3 small,
.inventory-detail-mini h3 .small,
.inventory-detail-mini h3 small,
.model-specific-landing-incentives h3 .small,
.model-specific-landing-incentives h3 small,
.reviews-auto-detail .hreview h1 .small,
.reviews-auto-detail .hreview h1 small,
.showroom-details-section>h4 .small,
.showroom-details-section>h4 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-top: 10.5px;
margin-bottom: 10.5px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-size: 75%
}
.contentHeading,
.h1,
.showroom-details-section>h4,
h1 {
font-size: 32px
}
.h2,
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
h2 {
font-size: 24px
}
.h3,
h3 {
font-size: 20px
}
.h4,
h4 {
font-size: 16px
}
.h5,
h5 {
font-size: 14px
}
.h6,
h6 {
font-size: 12px
}
.lead {
margin-bottom: 21px;
line-height: 1.4
}
.mark,
mark {
background-color: #fff;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.align-center,
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.initialism,
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: var(--text-muted-color)
}
.bg-primary {
color: #fff
}
.page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #eee
}
.content-summary .dynamicSummary ul,
.ddc-list-items,
.list-unstyled,
.locations-proximity ol,
.nav-fragment,
.nav-links,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu,
.offersShowroomOffers,
ul.typeahead.dropdown-menu {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 21px
}
dd,
dt {
line-height: 1.5
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
@media (min-width:0) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[data-original-title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted var(--color-neutral-1000-alpha-6)
}
.initialism {
font-size: 90%
}
blockquote {
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small,
blockquote footer,
blockquote small {
display: block;
font-size: 80%;
line-height: 1.5;
color: var(--color-neutral-1000-alpha-6)
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 21px;
font-style: normal;
line-height: 1.5
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: var(--color-danger-400);
background-color: var(--color-neutral-50);
border-radius: 0
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: var(--color-neutral-900);
border-radius: 0;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
box-shadow: none
}
pre {
display: block;
padding: 10px;
margin: 0 0 10.5px;
font-size: 15px;
line-height: 1.5;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: var(--color-neutral-50);
border: 1px solid var(--color-neutral-200);
border-radius: 0
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container,
.content-page-title h1 {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px
}
.container:after,
.container:before,
.content-page-title h1:after,
.content-page-title h1:before {
content: " ";
display: table
}
.container:after,
.content-page-title h1:after {
clear: both
}
@media (min-width:768px) {
.container,
.content-page-title h1 {
width: 750px
}
}
@media (min-width:992px) {
.container,
.content-page-title h1 {
width: 970px
}
}
@media (min-width:1200px) {
.container,
.content-page-title h1 {
width: 1170px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px
}
.container-fluid:after,
.container-fluid:before {
content: " ";
display: table
}
.container-fluid:after {
clear: both
}
.row,
.yui3-g {
margin-left: -12px;
margin-right: -12px
}
.row:after,
.row:before,
.yui3-g:after,
.yui3-g:before {
content: " ";
display: table
}
.row:after,
.yui3-g:after {
clear: both
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.ddc-list-columns>li .key,
.ddc-list-columns>li .type,
.ddc-list-columns>li .value,
.ddc-span1,
.ddc-span10,
.ddc-span11,
.ddc-span12,
.ddc-span2,
.ddc-span3,
.ddc-span4,
.ddc-span5,
.ddc-span6,
.ddc-span7,
.ddc-span8,
.ddc-span9,
.inventory-featured-default-extension-1 .yui3-u-1-8,
.yui3-u-1,
.yui3-u-1-12,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-1-4,
.yui3-u-1-5,
.yui3-u-1-6,
.yui3-u-11-12,
.yui3-u-2-3,
.yui3-u-3-4,
.yui3-u-5-12,
.yui3-u-5-6,
.yui3-u-7-12 {
position: relative;
min-height: 1px;
padding-left: 12px;
padding-right: 12px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.ddc-list-columns>li .key,
.ddc-list-columns>li .type,
.ddc-list-columns>li .value,
.ddc-span1,
.ddc-span10,
.ddc-span11,
.ddc-span12,
.ddc-span2,
.ddc-span3,
.ddc-span4,
.ddc-span5,
.ddc-span6,
.ddc-span7,
.ddc-span8,
.ddc-span9,
.inventory-featured-default-extension-1 .yui3-u-1-8,
.yui3-u-1,
.yui3-u-1-12,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-1-4,
.yui3-u-1-5,
.yui3-u-1-6,
.yui3-u-11-12,
.yui3-u-2-3,
.yui3-u-3-4,
.yui3-u-5-12,
.yui3-u-5-6,
.yui3-u-7-12 {
float: left
}
.col-xs-1,
.ddc-span1,
.yui3-u-1-12 {
width: 8.33333%
}
.col-xs-2,
.ddc-span2,
.inventory-featured-default-extension-1 .yui3-u-1-8,
.yui3-u-1-6 {
width: 16.66667%
}
.col-xs-3,
.ddc-span3,
.yui3-u-1-4,
.yui3-u-1-5 {
width: 25%
}
.col-xs-4,
.ddc-span4,
.yui3-u-1-3 {
width: 33.33333%
}
.col-xs-5,
.ddc-list-columns>li .key,
.ddc-list-columns>li .type,
.ddc-span5,
.yui3-u-5-12 {
width: 41.66667%
}
.col-xs-6,
.ddc-span6,
.yui3-u-1-2 {
width: 50%
}
.col-xs-7,
.ddc-list-columns>li .value,
.ddc-span7,
.yui3-u-7-12 {
width: 58.33333%
}
.col-xs-8,
.ddc-span8,
.yui3-u-2-3 {
width: 66.66667%
}
.col-xs-9,
.ddc-span9,
.yui3-u-3-4 {
width: 75%
}
.col-xs-10,
.ddc-span10,
.yui3-u-5-6 {
width: 83.33333%
}
.col-xs-11,
.ddc-span11,
.yui3-u-11-12 {
width: 91.66667%
}
.col-xs-12,
.ddc-span12,
.yui3-u-1 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1,
.ddc-pull1 {
right: 8.33333%
}
.col-xs-pull-2,
.ddc-pull2 {
right: 16.66667%
}
.col-xs-pull-3,
.ddc-pull3 {
right: 25%
}
.col-xs-pull-4,
.ddc-pull4 {
right: 33.33333%
}
.col-xs-pull-5,
.ddc-pull5 {
right: 41.66667%
}
.col-xs-pull-6,
.ddc-pull6 {
right: 50%
}
.col-xs-pull-7,
.ddc-pull7 {
right: 58.33333%
}
.col-xs-pull-8,
.ddc-pull8 {
right: 66.66667%
}
.col-xs-pull-9,
.ddc-pull9 {
right: 75%
}
.col-xs-pull-10,
.ddc-pull10 {
right: 83.33333%
}
.col-xs-pull-11,
.ddc-pull11 {
right: 91.66667%
}
.col-xs-pull-12,
.ddc-pull12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1,
.ddc-push1 {
left: 8.33333%
}
.col-xs-push-2,
.ddc-push2 {
left: 16.66667%
}
.col-xs-push-3,
.ddc-push3 {
left: 25%
}
.col-xs-push-4,
.ddc-push4 {
left: 33.33333%
}
.col-xs-push-5,
.ddc-push5 {
left: 41.66667%
}
.col-xs-push-6,
.ddc-push6 {
left: 50%
}
.col-xs-push-7,
.ddc-push7 {
left: 58.33333%
}
.col-xs-push-8,
.ddc-push8 {
left: 66.66667%
}
.col-xs-push-9,
.ddc-push9 {
left: 75%
}
.col-xs-push-10,
.ddc-push10 {
left: 83.33333%
}
.col-xs-push-11,
.ddc-push11 {
left: 91.66667%
}
.col-xs-push-12,
.ddc-push12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1,
.ddc-offset1 {
margin-left: 8.33333%
}
.col-xs-offset-2,
.ddc-offset2 {
margin-left: 16.66667%
}
.col-xs-offset-3,
.ddc-offset3 {
margin-left: 25%
}
.col-xs-offset-4,
.ddc-offset4 {
margin-left: 33.33333%
}
.col-xs-offset-5,
.ddc-offset5 {
margin-left: 41.66667%
}
.col-xs-offset-6,
.ddc-offset6 {
margin-left: 50%
}
.col-xs-offset-7,
.ddc-offset7 {
margin-left: 58.33333%
}
.col-xs-offset-8,
.ddc-offset8 {
margin-left: 66.66667%
}
.col-xs-offset-9,
.ddc-offset9 {
margin-left: 75%
}
.col-xs-offset-10,
.ddc-offset10 {
margin-left: 83.33333%
}
.col-xs-offset-11,
.ddc-offset11 {
margin-left: 91.66667%
}
.col-xs-offset-12,
.ddc-offset12 {
margin-left: 100%
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: var(--text-muted-color);
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 21px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 1.5;
vertical-align: top;
border-top: 1px solid var(--color-neutral-200)
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid var(--color-neutral-200)
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid var(--color-neutral-200)
}
.table .table {
background-color: var(--page-bg)
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding: 5px
}
.table-bordered {
border: 1px solid var(--color-neutral-200)
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border: 1px solid var(--color-neutral-200)
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: var(--color-neutral-50)
}
.table-hover>tbody>tr:hover {
background-color: var(--color-neutral-100)
}
table col[class*=col-] {
position: static;
float: none;
display: table-column
}
table td[class*=col-],
table th[class*=col-] {
position: static;
float: none;
display: table-cell
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid var(--color-neutral-200)
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
fieldset h2,
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
line-height: inherit;
color: var(--color-neutral-1000-alpha-8);
border: 0;
border-bottom: 1px solid var(--color-neutral-100)
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
input[type=search] {
box-sizing: border-box
}
input[type=checkbox],
input[type=radio] {
margin: 4px 0 0;
line-height: normal
}
input[type=file] {
display: block
}
input[type=range] {
display: block;
width: 100%
}
select[multiple],
select[size] {
height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 9px;
font-size: 16px;
line-height: 1.5;
color: var(--input-color)
}
.form-control {
display: block;
width: 100%;
height: 39px;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
color: var(--input-color);
background-color: var(--input-bg);
background-image: none;
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius-base, 0)
}
.form-control::-moz-placeholder {
color: var(--input-color-placeholder, var(--text-muted-color));
opacity: 1
}
.form-control:-ms-input-placeholder {
color: var(--input-color-placeholder, var(--text-muted-color))
}
.form-control::-webkit-input-placeholder {
color: var(--input-color-placeholder, var(--text-muted-color))
}
.form-control::-ms-expand {
border: 0;
background-color: transparent
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: var(--color-neutral-50);
opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
line-height: 39px
}
.input-group-sm input[type=date],
.input-group-sm input[type=datetime-local],
.input-group-sm input[type=month],
.input-group-sm input[type=time],
.input-group-sm>.input-group-btn>input[type=date].btn,
.input-group-sm>.input-group-btn>input[type=datetime-local].btn,
.input-group-sm>.input-group-btn>input[type=month].btn,
.input-group-sm>.input-group-btn>input[type=time].btn,
.input-group-sm>input[type=date].form-control,
.input-group-sm>input[type=date].input-group-addon,
.input-group-sm>input[type=datetime-local].form-control,
.input-group-sm>input[type=datetime-local].input-group-addon,
.input-group-sm>input[type=month].form-control,
.input-group-sm>input[type=month].input-group-addon,
.input-group-sm>input[type=time].form-control,
.input-group-sm>input[type=time].input-group-addon,
input[type=date].input-sm,
input[type=date].input-small,
input[type=datetime-local].input-sm,
input[type=datetime-local].input-small,
input[type=month].input-sm,
input[type=month].input-small,
input[type=time].input-sm,
input[type=time].input-small {
line-height: 28px
}
.input-group-lg input[type=date],
.input-group-lg input[type=datetime-local],
.input-group-lg input[type=month],
.input-group-lg input[type=time],
.input-group-lg>.input-group-btn>input[type=date].btn,
.input-group-lg>.input-group-btn>input[type=datetime-local].btn,
.input-group-lg>.input-group-btn>input[type=month].btn,
.input-group-lg>.input-group-btn>input[type=time].btn,
.input-group-lg>input[type=date].form-control,
.input-group-lg>input[type=date].input-group-addon,
.input-group-lg>input[type=datetime-local].form-control,
.input-group-lg>input[type=datetime-local].input-group-addon,
.input-group-lg>input[type=month].form-control,
.input-group-lg>input[type=month].input-group-addon,
.input-group-lg>input[type=time].form-control,
.input-group-lg>input[type=time].input-group-addon,
input[type=date].input-large,
input[type=date].input-lg,
input[type=datetime-local].input-large,
input[type=datetime-local].input-lg,
input[type=month].input-large,
input[type=month].input-lg,
input[type=time].input-large,
input[type=time].input-lg {
line-height: 55px
}
}
.form-group {
margin-bottom: 16px
}
.checkbox,
.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,
.radio label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
cursor: pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px
}
.checkbox+.checkbox,
.radio+.radio {
margin-top: -5px
}
.checkbox-inline,
.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: 400;
cursor: pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-top: 0;
margin-left: 10px
}
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
cursor: not-allowed
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
cursor: not-allowed
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
cursor: not-allowed
}
.form-control-static {
padding-top: 9px;
padding-bottom: 9px;
margin-bottom: 0;
min-height: 37px
}
.form-control-static.input-large,
.form-control-static.input-lg,
.form-control-static.input-sm,
.form-control-static.input-small,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm,
.input-small {
height: 28px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.input-group-sm>.input-group-btn>select[multiple].btn,
.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
select[multiple].input-sm,
select[multiple].input-small,
textarea.input-sm,
textarea.input-small {
height: auto
}
.form-group-sm .form-control {
height: 28px;
padding: 4px 8px;
font-size: 14px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.form-group-sm select.form-control {
height: 28px;
line-height: 28px
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 28px;
min-height: 35px;
padding: 5px 8px;
font-size: 14px;
line-height: 1.5
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-large,
.input-lg {
height: 55px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.input-group-lg>.input-group-btn>select[multiple].btn,
.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
select[multiple].input-large,
select[multiple].input-lg,
textarea.input-large,
textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 55px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.form-group-lg select.form-control {
height: 55px;
line-height: 55px
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 55px;
min-height: 41px;
padding: 17px 24px;
font-size: 20px;
line-height: 1.33333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 48.75px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 39px;
height: 39px;
line-height: 39px;
text-align: center;
pointer-events: none
}
.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-large+.form-control-feedback,
.input-lg+.form-control-feedback {
width: 55px;
height: 55px;
line-height: 55px
}
.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback,
.input-small+.form-control-feedback {
width: 28px;
height: 28px;
line-height: 28px
}
.has-feedback label~.form-control-feedback {
top: 26px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
@media (min-width:768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 9px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height: 30px
}
.form-horizontal .form-group {
margin-left: -12px;
margin-right: -12px
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
content: " ";
display: table
}
.form-horizontal .form-group:after {
clear: both
}
@media (min-width:768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 9px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 12px
}
@media (min-width:768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 17px;
font-size: 20px
}
}
@media (min-width:768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 5px;
font-size: 14px
}
}
.fade {
opacity: 0;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-property: height, visibility;
transition-duration: .35s;
transition-timing-function: ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: var(--color-primary-700);
border: 1px solid transparent;
border: 1px solid none;
border-radius: 0;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: var(--color-neutral-100)
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.5;
color: var(--text-color);
white-space: nowrap
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
text-decoration: none;
color: var(--text-color);
background-color: var(--color-primary-800)
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.currentPage>a,
.dropdown-menu>.currentPage>a:focus,
.dropdown-menu>.currentPage>a:hover {
color: var(--color-neutral-0);
text-decoration: none;
outline: 0;
background-color: var(--color-primary-800)
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
color: #777
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 14px;
line-height: 1.5;
color: var(--text-color);
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:0px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
float: left
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn.currentPage,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn.currentPage,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index: 2
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-toolbar {
margin-left: -5px
}
.btn-toolbar:after,
.btn-toolbar:before {
content: " ";
display: table
}
.btn-toolbar:after {
clear: both
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left: 5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group>.btn-group {
float: left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group-large.btn-group>.btn+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-large+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle,
.pricing .btn-group>.eprice.btn-lg+.dropdown-toggle,
.pricing .btn-group>[data-eprice].btn-lg+.dropdown-toggle,
.pricing .ePrice .btn-group>a.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px
}
.btn .caret {
margin-left: 0
}
.btn-group-large>.btn .caret,
.btn-group-lg>.btn .caret,
.btn-large .caret,
.btn-lg .caret,
.pricing .ePrice a.btn-lg .caret,
.pricing .eprice.btn-lg .caret,
.pricing [data-eprice].btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0
}
.dropup .btn-group-large>.btn .caret,
.dropup .btn-group-lg>.btn .caret,
.dropup .btn-large .caret,
.dropup .btn-lg .caret,
.dropup .pricing .ePrice a.btn-lg .caret,
.pricing .ePrice .dropup a.btn-lg .caret {
border-width: 0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before {
content: " ";
display: table
}
.btn-group-vertical>.btn-group:after {
clear: both
}
.btn-group-vertical>.btn-group>.btn {
float: none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: var(--btn-border-radius-base, 4px);
border-top-left-radius: var(--btn-border-radius-base, 4px);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: var(--btn-border-radius-base, 4px);
border-bottom-left-radius: var(--btn-border-radius-base, 4px)
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%
}
.btn-group-justified>.btn-group .btn {
width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto
}
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group[class*=col-] {
float: none;
padding-left: 0;
padding-right: 0
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0
}
.input-group .form-control:focus {
z-index: 3
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 8px 16px;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: var(--input-color);
text-align: center;
background-color: var(--input-bg);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius-base, 0)
}
.input-group-addon.input-sm,
.input-group-addon.input-small,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 4px 8px;
font-size: 14px;
border-radius: var(--input-border-radius-small, 0)
}
.input-group-addon.input-large,
.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 16px 24px;
font-size: 20px;
border-radius: var(--input-border-radius-large, 0)
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.ddc-nav-inline,
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.ddc-nav-inline:after,
.ddc-nav-inline:before,
.nav:after,
.nav:before {
content: " ";
display: table
}
.ddc-nav-inline:after,
.nav:after {
clear: both
}
.ddc-nav-inline>li,
.nav>li {
position: relative;
display: block
}
.ddc-nav-inline>li>a,
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.ddc-nav-inline>li>a:focus,
.ddc-nav-inline>li>a:hover,
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: var(--color-neutral-50)
}
.ddc-nav-inline>li.disabled>a,
.nav>li.disabled>a {
color: #777
}
.ddc-nav-inline>li.disabled>a:focus,
.ddc-nav-inline>li.disabled>a:hover,
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.ddc-nav-inline .open>a,
.ddc-nav-inline .open>a:focus,
.ddc-nav-inline .open>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: var(--color-neutral-50);
border-color: var(--link-color)
}
.ddc-nav-inline .nav-divider,
.nav .nav-divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5
}
.ddc-nav-inline>li>a>img,
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid var(--color-neutral-100)
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.5;
border: 1px solid transparent;
border-radius: 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee var(--color-neutral-100)
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.currentPage>a,
.nav-tabs>li.currentPage>a:focus,
.nav-tabs>li.currentPage>a:hover {
color: #555;
background-color: var(--color-neutral-50);
border: 1px solid var(--color-neutral-100);
border-bottom-color: transparent;
cursor: default
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 0
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li.currentPage>a,
.nav-pills>li.currentPage>a:focus,
.nav-pills>li.currentPage>a:hover {
color: #fff;
background-color: var(--color-neutral-1000)
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified,
.nav-tabs.nav-justified {
width: 100%
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
float: none
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-justified>li,
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.currentPage>a,
.nav-tabs-justified>.currentPage>a:focus,
.nav-tabs-justified>.currentPage>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.currentPage>a,
.nav-tabs.nav-justified>.currentPage>a:focus,
.nav-tabs.nav-justified>.currentPage>a:hover {
border: 1px solid var(--color-neutral-100)
}
@media (min-width:768px) {
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid var(--color-neutral-100);
border-radius: 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.currentPage>a,
.nav-tabs-justified>.currentPage>a:focus,
.nav-tabs-justified>.currentPage>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.currentPage>a,
.nav-tabs.nav-justified>.currentPage>a:focus,
.nav-tabs.nav-justified>.currentPage>a:hover {
border-bottom-color: var(--color-neutral-50)
}
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active,
.tab-content>.currentPage {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 60px;
margin-bottom: 0;
border: 1px solid transparent
}
.navbar:after,
.navbar:before {
content: " ";
display: table
}
.navbar:after {
clear: both
}
@media (min-width:0px) {
.navbar {
border-radius: 0
}
}
.navbar-header:after,
.navbar-header:before {
content: " ";
display: table
}
.navbar-header:after {
clear: both
}
@media (min-width:0px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse:after,
.navbar-collapse:before {
content: " ";
display: table
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width:0px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 340px
}
@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 200px
}
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header,
.content-page-title h1>.navbar-collapse,
.content-page-title h1>.navbar-header {
margin-right: -15px;
margin-left: -15px
}
@media (min-width:0px) {
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header,
.content-page-title h1>.navbar-collapse,
.content-page-title h1>.navbar-header {
margin-right: 0;
margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media (min-width:0px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
@media (min-width:0px) {
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 10px 15px;
font-size: 20px;
line-height: 21px;
height: 60px
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width:0px) {
.content-page-title .navbar>h1 .navbar-brand,
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 13px;
margin-bottom: 13px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width:0px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 21px
}
@media (max-width:0px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 21px
}
.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none
}
}
@media (min-width:0px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
margin-top: 10.5px;
margin-bottom: 10.5px
}
@media (min-width:768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0
}
.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media (max-width:0px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media (min-width:0px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 10.5px;
margin-bottom: 10.5px
}
.btn-group-sm>.navbar-btn.btn,
.btn-group-small>.navbar-btn.btn,
.navbar-btn.btn-sm,
.navbar-btn.btn-small,
.pricing .ePrice a.navbar-btn.btn-sm,
.pricing .navbar-btn.eprice.btn-sm,
.pricing .navbar-btn[data-eprice].btn-sm {
margin-top: 16px;
margin-bottom: 16px
}
.btn-group-xs>.navbar-btn.btn,
.btn-group-xsmall>.navbar-btn.btn,
.navbar-btn.btn-xs,
.navbar-btn.btn-xsmall,
.pricing .ePrice a.navbar-btn.btn-xs,
.pricing .navbar-btn.eprice.btn-xs,
.pricing .navbar-btn[data-eprice].btn-xs {
margin-top: 19px;
margin-bottom: 19px
}
.navbar-text {
margin-top: 19.5px;
margin-bottom: 19.5px
}
@media (min-width:0px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}
}
@media (min-width:0px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important;
margin-right: -15px
}
.navbar-right~.navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: var(--color-primary-500);
border-color: var(--color-primary-700)
}
.navbar-default .navbar-brand {
color: var(--color-neutral-0)
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: var(--color-neutral-0);
background-color: transparent
}
.navbar-default .navbar-text {
color: var(--text-color)
}
.navbar-default .navbar-nav>li>a {
color: var(--color-neutral-0)
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-700)
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.currentPage>a,
.navbar-default .navbar-nav>.currentPage>a:focus,
.navbar-default .navbar-nav>.currentPage>a:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-700)
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
color: var(--text-color);
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: var(--color-neutral-100)
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: var(--color-neutral-100)
}
.navbar-default .navbar-toggle .icon-bar {
background-color: var(--color-neutral-500)
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: var(--color-primary-700)
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: var(--color-primary-700);
color: var(--color-neutral-0)
}
@media (max-width:0px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: var(--color-neutral-0)
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-700)
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.currentPage>a,
.navbar-default .navbar-nav .open .dropdown-menu>.currentPage>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.currentPage>a:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-700)
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: var(--text-color);
background-color: transparent
}
}
.navbar-default .navbar-link {
color: var(--color-neutral-0)
}
.navbar-default .navbar-link:hover {
color: var(--color-neutral-0)
}
.navbar-default .btn-link {
color: var(--color-neutral-0)
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color: var(--color-neutral-0)
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
color: var(--text-color)
}
.navbar-inverse {
background-color: var(--color-neutral-900);
border-color: var(--color-neutral-1000)
}
.navbar-inverse .navbar-brand {
color: #9d9d9d
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-text {
color: var(--color-neutral-100)
}
.navbar-inverse .navbar-nav>li>a {
color: var(--color-neutral-100)
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.currentPage>a,
.navbar-inverse .navbar-nav>.currentPage>a:focus,
.navbar-inverse .navbar-nav>.currentPage>a:hover {
color: #fff;
background-color: var(--color-neutral-1000)
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
color: var(--color-neutral-900);
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: var(--color-neutral-900)
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: var(--color-neutral-900)
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background-color: var(--color-neutral-1000);
color: #fff
}
@media (max-width:0px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: var(--color-neutral-1000)
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: var(--color-neutral-1000)
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: var(--color-neutral-100)
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.currentPage>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.currentPage>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.currentPage>a:hover {
color: #fff;
background-color: var(--color-neutral-1000)
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: var(--color-neutral-900);
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: var(--color-neutral-100)
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: var(--color-neutral-100)
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color: #fff
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
color: var(--color-neutral-900)
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 21px;
list-style: none;
background-color: transparent;
border-radius: 0
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
content: "/Â ";
padding: 0 5px;
color: var(--color-neutral-200)
}
.breadcrumb>.active,
.breadcrumb>.currentPage {
color: #777
}
.pager {
padding-left: 0;
margin: 21px 0;
list-style: none;
text-align: center
}
.pager:after,
.pager:before {
content: " ";
display: table
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 15px
}
.pager li>a:focus,
.pager li>a:hover {
text-decoration: none;
background-color: var(--color-neutral-50)
}
.pager .next>a,
.pager .next>span {
float: right
}
.pager .previous>a,
.pager .previous>span {
float: left
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
color: var(--color-neutral-600);
background-color: transparent;
cursor: not-allowed
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: var(--text-muted-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
a.label:focus,
a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: transparent;
border-radius: 10px
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.btn-group-xs>.btn .badge,
.btn-group-xsmall>.btn .badge,
.btn-xs .badge,
.btn-xsmall .badge,
.pricing .ePrice a.btn-xs .badge,
.pricing .eprice.btn-xs .badge,
.pricing [data-eprice].btn-xs .badge {
top: 0;
padding: 1px 5px
}
.list-group-item.active>.badge,
.list-group-item.currentPage>.badge,
.nav-pills>.active>a>.badge,
.nav-pills>.currentPage>a>.badge {
color: var(--link-color);
background-color: #fff
}
.list-group-item>.badge {
float: right
}
.list-group-item>.badge+.badge {
margin-right: 5px
}
.nav-pills>li>a>.badge {
margin-left: 3px
}
a.badge:focus,
a.badge:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee
}
.jumbotron .contentHeading,
.jumbotron .h1,
.jumbotron .showroom-details-section>h4,
.jumbotron h1 {
color: inherit
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200
}
.jumbotron>hr {
border-top-color: #d5d5d5
}
.container .jumbotron,
.container-fluid .jumbotron,
.content-page-title h1 .jumbotron {
border-radius: 0;
padding-left: 12px;
padding-right: 12px
}
.content-page-title .jumbotron h1,
.jumbotron .container,
.jumbotron .content-page-title h1 {
max-width: 100%
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron,
.container-fluid .jumbotron,
.content-page-title h1 .jumbotron {
padding-left: 60px;
padding-right: 60px
}
.jumbotron .contentHeading,
.jumbotron .h1,
.jumbotron .showroom-details-section>h4,
.jumbotron h1 {
font-size: 63px
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 21px;
line-height: 1.5;
background-color: var(--color-neutral-50);
border: 1px solid var(--color-neutral-100);
border-radius: 0;
transition: border .2s ease-in-out
}
.thumbnail a>img,
.thumbnail>img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto
}
.thumbnail .caption {
padding: 9px;
color: var(--text-color)
}
a.thumbnail.active,
a.thumbnail.currentPage,
a.thumbnail:focus,
a.thumbnail:hover {
border-color: var(--link-color)
}
.alert {
border: 1px solid transparent;
border-radius: 0
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
overflow: hidden;
height: 21px;
margin-bottom: 21px;
background-color: var(--color-neutral-50);
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 14px;
line-height: 21px;
color: #fff;
text-align: center;
background-color: var(--color-primary-500);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
transition: width .6s ease
}
.progress-bar-striped,
.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px
}
.progress-bar.active,
.progress-bar.currentPage,
.progress.active .progress-bar,
.progress.currentPage .progress-bar {
animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color: var(--color-success-500)
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: var(--color-info-500)
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: var(--color-warning-500)
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: var(--color-danger-500)
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}
.media {
margin-top: 15px
}
.media:first-child {
margin-top: 0
}
.media,
.media-body {
zoom: 1;
overflow: hidden
}
.media-body {
width: 10000px
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right,
.media>.pull-right {
padding-left: 10px
}
.media-left,
.media>.pull-left {
padding-right: 10px
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.list-group {
margin-bottom: 20px;
padding-left: 0
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: transparent;
border: 1px solid transparent
}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
a.list-group-item,
button.list-group-item {
color: var(--color-neutral-900)
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: var(--color-neutral-900)
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
text-decoration: none;
color: var(--link-hover-color);
background-color: var(--color-neutral-50)
}
button.list-group-item {
width: 100%;
text-align: left
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
background-color: #eee;
color: #777;
cursor: not-allowed
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
color: inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
color: #777
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.list-group-item.currentPage,
.list-group-item.currentPage:focus,
.list-group-item.currentPage:hover {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.currentPage .list-group-item-heading,
.list-group-item.currentPage .list-group-item-heading>.small,
.list-group-item.currentPage .list-group-item-heading>small,
.list-group-item.currentPage:focus .list-group-item-heading,
.list-group-item.currentPage:focus .list-group-item-heading>.small,
.list-group-item.currentPage:focus .list-group-item-heading>small,
.list-group-item.currentPage:hover .list-group-item-heading,
.list-group-item.currentPage:hover .list-group-item-heading>.small,
.list-group-item.currentPage:hover .list-group-item-heading>small {
color: inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.currentPage .list-group-item-text,
.list-group-item.currentPage:focus .list-group-item-text,
.list-group-item.currentPage:hover .list-group-item-text {
color: #fff
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3
}
.panel {
margin-bottom: 21px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0
}
.panel-body {
padding: 0
}
.panel-body:after,
.panel-body:before {
content: " ";
display: table
}
.panel-body:after {
clear: both
}
.panel-heading {
padding: 0;
border-bottom: 1px solid transparent;
border-top-right-radius: -1;
border-top-left-radius: -1
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: inherit
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
color: inherit
}
.panel-footer {
padding: 0;
background-color: transparent;
border-top: 1px solid transparent;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group+.panel-footer {
border-top-width: 0
}
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
margin-bottom: 0
}
.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
padding-left: 0;
padding-right: 0
}
.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
border-top-right-radius: -1;
border-top-left-radius: -1
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-left-radius: -1;
border-top-right-radius: -1
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: -1
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: -1
}
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: -1;
border-bottom-right-radius: -1
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: -1
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: -1
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid var(--color-neutral-200)
}
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
border-top: 0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 21px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid transparent
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid transparent
}
.panel-default {
border-color: transparent
}
.panel-default>.panel-heading {
color: var(--text-color);
background-color: transparent;
border-color: transparent
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: transparent
}
.panel-default>.panel-heading .badge {
color: transparent;
background-color: var(--text-color)
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: transparent
}
.panel-primary {
border-color: var(--color-primary-500)
}
.panel-primary>.panel-heading {
color: #fff;
background-color: var(--color-primary-500);
border-color: var(--color-primary-500)
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: var(--color-primary-500)
}
.panel-primary>.panel-heading .badge {
color: var(--color-primary-500);
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: var(--color-primary-500)
}
.panel-success {
border-color: var(--color-success-500)
}
.panel-success>.panel-heading {
color: var(--color-success-500);
background-color: #fff;
border-color: var(--color-success-500)
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: var(--color-success-500)
}
.panel-success>.panel-heading .badge {
color: #fff;
background-color: var(--color-success-500)
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: var(--color-success-500)
}
.panel-info {
border-color: var(--color-info-500)
}
.panel-info>.panel-heading {
color: var(--color-info-500);
background-color: #fff;
border-color: var(--color-info-500)
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: var(--color-info-500)
}
.panel-info>.panel-heading .badge {
color: #fff;
background-color: var(--color-info-500)
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: var(--color-info-500)
}
.panel-warning {
border-color: var(--color-warning-500)
}
.panel-warning>.panel-heading {
color: var(--color-warning-500);
background-color: #fff;
border-color: var(--color-warning-500)
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: var(--color-warning-500)
}
.panel-warning>.panel-heading .badge {
color: #fff;
background-color: var(--color-warning-500)
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: var(--color-warning-500)
}
.panel-danger {
border-color: var(--color-danger-500)
}
.panel-danger>.panel-heading {
color: var(--color-danger-500);
background-color: #fff;
border-color: var(--color-danger-500)
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: var(--color-danger-500)
}
.panel-danger>.panel-heading .badge {
color: #fff;
background-color: var(--color-danger-500)
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: var(--color-danger-500)
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: var(--color-neutral-100);
border: 1px solid var(--color-neutral-100);
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15)
}
.well-lg {
padding: 24px;
border-radius: 0
}
.well-sm {
padding: 9px;
border-radius: 0
}
.close {
float: right;
font-size: 24px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2
}
.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
transform: translate(0, -25%);
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid var(--color-neutral-400);
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
background-clip: padding-box;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483637;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.in {
opacity: .5
}
.modal-header {
padding: 15px;
border-bottom: 1px solid var(--color-neutral-100)
}
.modal-header:after,
.modal-header:before {
content: " ";
display: table
}
.modal-header:after {
clear: both
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.5
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer:after,
.modal-footer:before {
content: " ";
display: table
}
.modal-footer:after {
clear: both
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
width: 900px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
opacity: 0
}
.tooltip.in {
opacity: .9
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: var(--color-neutral-0);
text-align: center;
background-color: #000;
border-radius: 0
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 465px;
padding: 1px;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 16px;
background-color: var(--color-neutral-0);
background-clip: padding-box;
border: 1px solid var(--color-neutral-200);
border: 1px solid transparent;
border-radius: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 16px;
background-color: var(--color-neutral-50);
border-radius: -1 -1 0 0
}
.popover-content {
padding: 9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.popover>.arrow {
border-width: 11px
}
.popover>.arrow:after {
border-width: 10px;
content: ""
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: var(--color-neutral-400);
border-top-color: var(--color-neutral-1000-alpha-3);
bottom: -11px
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: var(--color-neutral-0)
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: var(--color-neutral-400);
border-right-color: var(--color-neutral-1000-alpha-3)
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: var(--color-neutral-0)
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: var(--color-neutral-400);
border-bottom-color: var(--color-neutral-1000-alpha-3);
top: -11px
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: var(--color-neutral-0)
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: var(--color-neutral-400);
border-left-color: var(--color-neutral-1000-alpha-3)
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: var(--color-neutral-0);
bottom: -10px
}
.carousel {
position: relative
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%
}
.carousel-inner>.item {
display: none;
position: relative;
transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px
}
.carousel-inner>.item.active.right,
.carousel-inner>.item.next,
.carousel-inner>.item.right.currentPage {
transform: translate3d(100%, 0, 0);
left: 0
}
.carousel-inner>.item.active.left,
.carousel-inner>.item.left.currentPage,
.carousel-inner>.item.prev {
transform: translate3d(-100%, 0, 0);
left: 0
}
.carousel-inner>.item.active,
.carousel-inner>.item.currentPage,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right {
transform: translate3d(0, 0, 0);
left: 0
}
}
.carousel-inner>.active,
.carousel-inner>.currentPage,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block
}
.carousel-inner>.active,
.carousel-inner>.currentPage {
left: 0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left,
.carousel-inner>.left.currentPage {
left: -100%
}
.carousel-inner>.active.right,
.carousel-inner>.right.currentPage {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: transparent
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
background-repeat: repeat-x
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
background-repeat: repeat-x
}
.carousel-control:focus,
.carousel-control:hover {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
right: 50%;
margin-right: -10px
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: transparent
}
.carousel-indicators .active,
.carousel-indicators .currentPage {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption .btn {
text-shadow: none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px
}
.carousel-indicators {
bottom: 20px
}
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.align-center,
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.show {
display: block !important
}
.invisible,
.visibility-hidden {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-xs {
display: none !important
}
.visible-sm {
display: none !important
}
.visible-md {
display: none !important
}
.visible-lg {
display: none !important
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
td.visible-xs,
th.visible-xs {
display: table-cell !important
}
}
@media (max-width:767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width:767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width:767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
td.visible-sm,
th.visible-sm {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
display: block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
display: inline !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
td.visible-md,
th.visible-md {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
display: block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
display: inline !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
td.visible-lg,
th.visible-lg {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width:1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width:1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table !important
}
tr.visible-print {
display: table-row !important
}
td.visible-print,
th.visible-print {
display: table-cell !important
}
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
.align-right {
float: right
}
.align-left {
float: left
}
.incentives-search-detail .ui-button,
.service-listing .view-link,
.showroom-details-section .hproduct .pricing,
.slideControls .next {
float: right !important
}
.inventoryList .incentive-list,
.model-selector-facetbrowse-extension-1 .model-selector-controls>div,
.showroom-details-section .hproduct .description,
.slideControls .prev {
float: left !important
}
.showroom .hproduct .model,
.showroom-default .fuel-efficiency .align-center em {
font-size: 24px
}
.inventory-detail-pricing,
.navigation-default .dropdown-menu h4,
.showroom .hproduct .bodyStyle {
font-size: 20px
}
.links-share.share-with-labels span,
.showroom .hproduct .make,
.showroom .hproduct .year,
.showroom-default .fuel-efficiency .align-center strong,
.showroom-default .overview p {
font-size: 14px
}
.inventory-featured-default-extension-1 .description i,
.inventory-featured-tabbed .description i,
.inventory-similar-default .similar-vehicles-details i,
.slideControls a,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:after,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:before {
font-size: 1.5em
}
.links-share .ddc-icon,
.special .ddc-nav-inline .ddc-icon,
.special .nav .ddc-icon {
font-size: 2.5em
}
.vehicle-card .img-placeholder {
position: relative;
overflow: hidden;
padding-bottom: 75%;
background-color: var(--color-neutral-50);
transition: background-color .4s cubic-bezier(.4, 0, .2, 1)
}
.groupSite .cycle,
.groupSite .cycle li {
display: block;
width: auto !important;
height: auto !important
}
.groupSite .cycle li {
display: none
}
.groupSite .adr,
.groupSite .cycle,
.groupSite .tels {
display: block
}
.form-group .ddc-input-inline label {
padding-right: 16px;
text-align: left
}
.form-group .ddc-input-inline input {
display: inline-block;
max-width: 60%;
margin-right: 16px
}
.container,
.content-page-title h1 {
min-width: 768px
}
.content-page-title .ddc-footer h1,
.content-page-title .navbar h1,
.content-page-title .page-header h1,
.ddc-footer .container,
.ddc-footer .content-page-title h1,
.navbar .container,
.navbar .content-page-title h1,
.page-header .container,
.page-header .content-page-title h1 {
width: 960px
}
@media (max-width:991px) {
.container,
.content-page-title h1 {
width: 960px
}
}
.imageViewer .dialog {
position: relative;
display: block
}
.imageViewer .ui-state {
position: absolute;
right: 5%;
bottom: 3%;
width: 31px;
height: 31px;
padding: 0;
text-indent: -9999em
}
.imageViewer .ui-icon-zoomin {
width: 31px;
height: 31px;
background: transparent url(/static/v9/media/images/image-viewer/v1/zoom-icon.png) no-repeat 50% 50%
}
.jwvideo video {
width: 100% !important;
height: 100% !important;
-webkit-transform: scale(1, 1) translate(0, 0) !important;
-ms-transform: scale(1, 1) translate(0, 0) !important;
transform: scale(1, 1) translate(0, 0) !important
}
.ddc-video-wrapper .jwplayer {
margin: 0 auto
}
.ddc-video-wrapper .jwplayer-error {
width: 100% !important
}
.yui3-g .jwplayer {
letter-spacing: normal;
word-spacing: normal
}
#media .imageViewer .jwplayer img {
width: auto;
height: auto
}
.jwback {
background-size: cover !important
}
.jwplayer div.jwoption {
padding-right: 10px
}
.nav-pills>li>a {
border-radius: 0
}
.nav-stacked>li.active>a,
.nav-stacked>li.active>a:focus,
.nav-stacked>li.active>a:hover,
.nav-stacked>li.currentPage>a,
.nav-stacked>li.currentPage>a:focus,
.nav-stacked>li.currentPage>a:hover {
color: var(--color-neutral-900);
background-color: var(--color-neutral-100)
}
.ddc-nav-labeled__label {
padding: 10px 15px
}
.ddc-nav-labeled .ddc-nav-inline,
.ddc-nav-labeled .nav,
.ddc-nav-labeled__label {
vertical-align: middle;
display: inline-block
}
.panel {
box-shadow: none
}
.ddc-list-items>li {
padding: 4px 0;
line-height: 21px
}
.alert {
text-align: left;
border-width: 2px;
padding: calc(.875em - 2px) calc(1em - 2px);
margin-bottom: 16px
}
.alert>.ddc-icon:first-child {
float: left;
margin-right: .5em
}
.alert>p+p {
margin-top: 8px
}
.alert>.alert-content {
display: table
}
.alert>.alert-content>p,
.alert>.alert-content>ul {
margin-bottom: 0
}
.alert>.alert-content>p+p {
margin-top: 8px
}
.alert-dismissable,
.alert-dismissible {
padding-right: calc((1em - 2px) + 20px)
}
.alert-success {
background-color: var(--color-neutral-0);
border-color: var(--color-success-500);
color: var(--text-color)
}
.alert-success hr {
border-top-color: var(--color-success-500)
}
.alert-success .alert-link {
color: var(--color-success-700)
}
.alert-success .ddc-icon {
color: var(--text-color)
}
.alert-info {
background-color: var(--color-neutral-0);
border-color: var(--color-info-500);
color: var(--text-color)
}
.alert-info hr {
border-top-color: var(--color-info-500)
}
.alert-info .alert-link {
color: var(--color-info-700)
}
.alert-info .ddc-icon {
color: var(--text-color)
}
.alert-warning {
background-color: var(--color-neutral-0);
border-color: var(--color-warning-500);
color: var(--text-color)
}
.alert-warning hr {
border-top-color: var(--color-warning-500)
}
.alert-warning .alert-link {
color: var(--color-warning-700)
}
.alert-warning .ddc-icon {
color: var(--text-color)
}
.alert-danger {
background-color: var(--color-danger-500);
border-color: var(--color-danger-500);
color: var(--color-neutral-0)
}
.alert-danger hr {
border-top-color: var(--color-danger-500)
}
.alert-danger .alert-link {
color: var(--color-neutral-0)
}
.alert-danger .ddc-icon {
color: var(--text-color)
}
.form-control[disabled] {
color: var(--color-neutral-1000-alpha-4)
}
.form-control[disabled]::-moz-placeholder {
color: var(--color-neutral-1000-alpha-4);
opacity: 1
}
.form-control[disabled]:-ms-input-placeholder {
color: var(--color-neutral-1000-alpha-4)
}
.form-control[disabled]::-webkit-input-placeholder {
color: var(--color-neutral-1000-alpha-4)
}
.form-control.in,
.form-control:focus,
.form-control:focus-within {
outline: 0;
border-color: var(--input-focus-border-color);
box-shadow: var(--input-focus-box-shadow, none)
}
.form-control.textarea {
resize: vertical
}
.form-control-transparent {
border-color: transparent;
background: 0 0;
box-shadow: none
}
.form-control .form-control-transparent:focus,
.form-control .form-control-transparent:focus-within,
.form-control .form-control-transparent:hover {
border-color: transparent;
background: 0 0;
box-shadow: none
}
select.form-control-transparent {
text-align-last: right
}
label {
font-weight: var(--form-label-font-weight)
}
.ddc-form-group-container label,
.form-group label {
font-weight: var(--form-label-font-weight);
color: var(--form-label-color)
}
.form-horizontal .ddc-form-group-container label,
.form-horizontal .form-group label {
padding-right: 32px;
text-align: right
}
.checkbox label,
.radio label {
font-weight: 400
}
.form-label-inverse .ddc-form-group-container label,
.form-label-inverse .form-group label {
color: var(--form-label-inverse-color)
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: var(--text-muted-color)
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: var(--color-success-500)
}
.has-success .form-control {
border-color: var(--color-success-500)
}
.has-success .input-group-addon {
color: var(--color-success-500);
border-color: var(--color-success-500);
background-color: #fff
}
.has-success .form-control-feedback {
color: var(--color-success-500)
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: var(--color-warning-500)
}
.has-warning .form-control {
border-color: var(--color-warning-500)
}
.has-warning .input-group-addon {
color: var(--color-warning-500);
border-color: var(--color-warning-500);
background-color: #fff
}
.has-warning .form-control-feedback {
color: var(--color-warning-500)
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: var(--color-danger-500)
}
.has-error .form-control {
border-color: var(--color-danger-500)
}
.has-error .input-group-addon {
color: var(--color-danger-500);
border-color: var(--color-danger-500);
background-color: #fff
}
.has-error .form-control-feedback {
color: var(--color-danger-500)
}
.error {
color: var(--color-danger-500)
}
form .invalid {
border-color: var(--color-danger-500)
}
.errors {
display: block;
margin: 4px;
text-align: center
}
.errors.hide {
display: none
}
fieldset h2,
legend {
font-size: 16px
}
input.checkbox,
input.radio {
display: inline-block
}
.form-horizontal input.checkbox,
.form-horizontal input.radio {
min-height: auto;
margin-top: 4px
}
.input-group .form-control:first-child:last-child {
border-radius: var(--input-border-radius-base, 0)
}
select {
color: var(--input-color);
background-color: var(--input-bg)
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ddc-bootstrap-select .dropdown-toggle,
select.form-control {
background-image: url(/static/v9/variations/oem-gm/0001/v1/images/GMC-select_arrow.svg) !important;
background-repeat: no-repeat !important;
background-position: 100% 50% !important;
-webkit-appearance: none
}
.ddc-bootstrap-select .dropdown-toggle .caret,
select.form-control .caret {
display: none
}
.responsive-type .content-page-title select.form-control,
.responsive-type .page-bd select.form-control,
.responsive-type [role=dialog] select.form-control {
padding-top: 0;
padding-bottom: 0
}
select.disabled {
background-color: var(--color-neutral-50) !important;
background-image: none !important
}
}
.label-default {
background-color: var(--color-neutral-500)
}
.label-default[href]:focus,
.label-default[href]:hover {
background-color: var(--color-neutral-600)
}
.label-primary {
background-color: var(--color-primary-500)
}
.label-primary[href]:focus,
.label-primary[href]:hover {
background-color: var(--color-primary-600)
}
.label-success {
background-color: var(--color-success-500)
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color: var(--color-success-600)
}
.label-info {
background-color: var(--color-info-500)
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color: var(--color-info-600)
}
.label-warning {
background-color: var(--color-warning-500)
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color: var(--color-warning-600)
}
.label-danger {
background-color: var(--color-danger-500)
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color: var(--color-danger-600)
}
.list-group-item-success {
color: var(--color-success-500);
background-color: var(--color-success-50)
}
a.list-group-item-success,
button.list-group-item-success {
color: var(--color-success-500)
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
color: var(--color-success-500);
background-color: var(--color-success-100)
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
a.list-group-item-success.currentPage,
a.list-group-item-success.currentPage:focus,
a.list-group-item-success.currentPage:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover,
button.list-group-item-success.currentPage,
button.list-group-item-success.currentPage:focus,
button.list-group-item-success.currentPage:hover {
color: #fff;
background-color: var(--color-success-500);
border-color: var(--color-success-500)
}
.list-group-item-info {
color: var(--color-info-500);
background-color: var(--color-info-50)
}
a.list-group-item-info,
button.list-group-item-info {
color: var(--color-info-500)
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
color: var(--color-info-500);
background-color: var(--color-info-100)
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
a.list-group-item-info.currentPage,
a.list-group-item-info.currentPage:focus,
a.list-group-item-info.currentPage:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover,
button.list-group-item-info.currentPage,
button.list-group-item-info.currentPage:focus,
button.list-group-item-info.currentPage:hover {
color: #fff;
background-color: var(--color-info-500);
border-color: var(--color-info-500)
}
.list-group-item-warning {
color: var(--color-warning-500);
background-color: var(--color-warning-50)
}
a.list-group-item-warning,
button.list-group-item-warning {
color: var(--color-warning-500)
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
color: var(--color-warning-500);
background-color: var(--color-warning-100)
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.currentPage,
a.list-group-item-warning.currentPage:focus,
a.list-group-item-warning.currentPage:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.currentPage,
button.list-group-item-warning.currentPage:focus,
button.list-group-item-warning.currentPage:hover {
color: #fff;
background-color: var(--color-warning-500);
border-color: var(--color-warning-500)
}
.list-group-item-danger {
color: var(--color-danger-500);
background-color: var(--color-danger-50)
}
a.list-group-item-danger,
button.list-group-item-danger {
color: var(--color-danger-500)
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
color: var(--color-danger-500);
background-color: var(--color-danger-100)
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.currentPage,
a.list-group-item-danger.currentPage:focus,
a.list-group-item-danger.currentPage:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.currentPage,
button.list-group-item-danger.currentPage:focus,
button.list-group-item-danger.currentPage:hover {
color: #fff;
background-color: var(--color-danger-500);
border-color: var(--color-danger-500)
}
.list-group>li {
list-style: none
}
.list-group-item {
padding: 8px 16px
}
a.list-group-item.selected,
button.list-group-item.selected {
text-decoration: none;
color: var(--link-hover-color);
background-color: var(--color-neutral-50)
}
.form-control a.list-group-item:not(:hover):not(:focus):not(.selected) {
color: var(--color-neutral-900)
}
.form-control a.list-group-item:focus,
.form-control a.list-group-item:hover {
background-color: var(--color-neutral-50)
}
.modal.dock-full,
.modal.dock-left,
.modal.dock-right {
width: 90%;
max-width: 480px;
height: 100%
}
.modal.dock-full,
.modal.dock-full.fade,
.modal.dock-full.fade.in,
.modal.dock-left,
.modal.dock-left.fade,
.modal.dock-left.fade.in,
.modal.dock-right,
.modal.dock-right.fade,
.modal.dock-right.fade.in {
top: 0;
right: 0;
left: auto;
opacity: 1;
transition: none
}
.modal.dock-full .modal-dialog,
.modal.dock-left .modal-dialog,
.modal.dock-right .modal-dialog {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
margin: 0;
will-change: transform;
transform: translate3d(0, 0, 0);
transition: transform .2s cubic-bezier(0, 0, .2, 1)
}
.modal.dock-full.fade.in .modal-dialog,
.modal.dock-full.slide.in .modal-dialog,
.modal.dock-left.fade.in .modal-dialog,
.modal.dock-left.slide.in .modal-dialog,
.modal.dock-right.fade.in .modal-dialog,
.modal.dock-right.slide.in .modal-dialog {
transform: translate3d(-100%, 0, 0)
}
.modal.dock-full.no-slide.in .modal-dialog,
.modal.dock-left.no-slide.in .modal-dialog,
.modal.dock-right.no-slide.in .modal-dialog {
transform: translate3d(0, 0, 0)
}
.modal.dock-full.no-slide .modal-dialog,
.modal.dock-left.no-slide .modal-dialog,
.modal.dock-right.no-slide .modal-dialog {
left: 0
}
.modal.dock-full .modal-title .close,
.modal.dock-left .modal-title .close,
.modal.dock-right .modal-title .close {
margin-top: 0 !important
}
.modal.dock-full .modal-content,
.modal.dock-left .modal-content,
.modal.dock-right .modal-content {
height: 100%;
border: 0;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.modal.dock-full .modal-header,
.modal.dock-left .modal-header,
.modal.dock-right .modal-header {
background: #fff
}
.modal.dock-full .modal-body,
.modal.dock-left .modal-body,
.modal.dock-right .modal-body {
max-height: none
}
.modal.dock-full .modal-footer.top-gradient,
.modal.dock-left .modal-footer.top-gradient,
.modal.dock-right .modal-footer.top-gradient {
position: relative;
padding-top: 0
}
.modal.dock-full .modal-footer.top-gradient:before,
.modal.dock-left .modal-footer.top-gradient:before,
.modal.dock-right .modal-footer.top-gradient:before {
position: absolute;
z-index: 1030;
top: -16px;
right: 0;
left: 0;
display: block;
width: 100%;
height: 16px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}
.modal.dock-left,
.modal.dock-left.fade,
.modal.dock-left.fade.in {
right: auto;
left: 0
}
.modal.dock-left .modal-dialog {
right: 100%;
left: auto
}
.modal.dock-left.fade.in .modal-dialog,
.modal.dock-left.slide.in .modal-dialog {
transform: translate3d(100%, 0, 0)
}
.modal.dock-full {
width: 100%
}
.modal-divider {
margin-top: 16px;
margin-bottom: 16px;
border-color: var(--divider-color);
margin-right: -15px;
margin-left: -15px
}
.modal-full-bleed {
margin-right: -15px;
margin-left: -15px
}
.navbar-collapse,
.navbar-form {
border-color: var(--color-neutral-1000)
}
.ddc-nav-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
.tabs .nav-tabs {
display: flex;
flex-wrap: wrap
}
.tabs .nav-tabs>li>a,
.tabs .nav-tabs>li>a:focus,
.tabs .nav-tabs>li>a:hover {
background-color: transparent
}
.tabs .nav-tabs>li>a:focus,
.tabs .nav-tabs>li>a:hover {
padding: .95em 1.5em calc(.95em - 1px) 1.5em;
border-bottom: 1px solid var(--color-primary-500);
color: var(--link-hover-color)
}
.tabs .nav-tabs>li.active>a,
.tabs .nav-tabs>li.active>a:focus,
.tabs .nav-tabs>li.active>a:hover,
.tabs .nav-tabs>li.currentPage>a,
.tabs .nav-tabs>li.currentPage>a:focus,
.tabs .nav-tabs>li.currentPage>a:hover {
border: 0;
padding: .95em 1.5em calc(.95em - 3px) 1.5em;
border-bottom: 3px solid var(--color-primary-500);
color: var(--text-color)
}
.tabs .nav-tabs>li>a {
height: 100%;
line-height: 1.25;
margin-right: 4px;
text-align: center;
text-decoration: none;
border: 0;
padding: .95em 1.5em;
color: var(--text-muted-color)
}
.tabs-fill .nav-tabs>li {
flex-grow: 1
}
.popover {
color: var(--text-color);
font-size: 12.25px
}
.popover-title {
color: var(--text-color);
border-bottom: 1px solid var(--color-neutral-100)
}
@media print {
*,
::after,
::before {
background: #fff !important;
color: #000 !important
}
form {
display: initial
}
a[href]::after {
content: ''
}
a[href*='//']::after {
content: " (" attr(href) ")"
}
a.badge::after,
a[href$='.jpg']::after,
a[href$='.png']::after {
content: ''
}
.ddc-content {
position: relative !important
}
.sticky-header-nav {
position: static !important;
top: auto !important;
height: auto !important
}
.position-fixed {
position: static !important
}
.ddc-wrapper {
padding-top: 0 !important
}
[class*=bg-] {
-webkit-print-color-adjust: economy !important;
color-adjust: economy !important
}
div[data-name]:not([class*=bg-]) {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important
}
.dl-horizontal dd {
margin-left: 0
}
}
html .slick-next.slick-disabled:before,
html .slick-prev.slick-disabled:before {
opacity: 1
}
html .slick-dots li button:before {
color: var(--color-neutral-1000-alpha-5);
opacity: 1
}
html .slick-dots li.slick-active button:before {
color: var(--color-primary-500)
}
.srp-wrapper-listing {
width: 100%
}
@media (min-width:992px) {
.srp-wrapper-facets {
width: 25%;
min-width: 210px;
max-width: 244px
}
.srp-wrapper-listing {
width: 75%;
flex-grow: 1
}
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr.currentPage>td,
.table>tbody>tr.currentPage>th,
.table>tbody>tr>td.active,
.table>tbody>tr>td.currentPage,
.table>tbody>tr>th.active,
.table>tbody>tr>th.currentPage,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr.currentPage>td,
.table>tfoot>tr.currentPage>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>td.currentPage,
.table>tfoot>tr>th.active,
.table>tfoot>tr>th.currentPage,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr.currentPage>td,
.table>thead>tr.currentPage>th,
.table>thead>tr>td.active,
.table>thead>tr>td.currentPage,
.table>thead>tr>th.active,
.table>thead>tr>th.currentPage {
background-color: #f5f5f5
}
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr.currentPage:hover>td,
.table-hover>tbody>tr.currentPage:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr:hover>.currentPage,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>td.currentPage:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr>th.currentPage:hover {
background-color: var(--color-neutral-100)
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
background-color: var(--color-success-50)
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
background-color: var(--color-success-100)
}
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
background-color: var(--color-info-50)
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
background-color: var(--color-info-100)
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
background-color: var(--color-warning-50)
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
background-color: var(--color-warning-100)
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
background-color: var(--color-danger-50)
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
background-color: var(--color-danger-100)
}
.page-header {
margin: 0;
padding-bottom: 0;
border-bottom: none
}
p {
margin: 0 0 16px
}
.lead {
font-size: 15.75px;
font-weight: 400
}
.small,
small {
font-size: 75%
}
.mark,
mark {
color: var(--text-color);
background-color: rgba(181, 81, 0, .5)
}
.mark::after,
.mark::before,
mark::after,
mark::before {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px
}
.mark::before,
mark::before {
content: ' [highlight start] '
}
.mark::after,
mark::after {
content: ' [highlight end] '
}
ol,
ul {
margin-top: 0;
margin-bottom: 16px
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
.ddc-page-title {
font-size: 32px;
font-weight: 500;
color: var(--text-color)
}
.contentHeading,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
.showroom-details-section>h4,
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: var(--heading-text-case, none);
letter-spacing: var(--heading-letter-spacing, normal)
}
.contentHeading,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
.showroom-details-section>h4 {
margin-top: 0;
margin-bottom: 0
}
.incentives-search-default .facet-group h3,
.incentives-search-detail .facet-group h3,
.inventory-detail-mini h3,
.model-specific-landing-incentives h3,
.reviews-auto-detail .hreview h1,
.showroom-details-section>h4,
.vcard div.contentHeading,
.vcard div.h1,
.vcard div.h2,
.vcard div.h3,
.vcard div.h4,
.vcard div.h5,
.vcard div.h6,
h1.contentHeading,
h1.h1,
h1.h2,
h1.h3,
h1.h4,
h1.h5,
h1.h6,
h2.contentHeading,
h2.h1,
h2.h2,
h2.h3,
h2.h4,
h2.h5,
h2.h6,
h3.contentHeading,
h3.h1,
h3.h2,
h3.h3,
h3.h4,
h3.h5,
h3.h6,
h4.contentHeading,
h4.h1,
h4.h2,
h4.h3,
h4.h4,
h4.h5,
h4.h6,
h5.contentHeading,
h5.h1,
h5.h2,
h5.h3,
h5.h4,
h5.h5,
h5.h6,
h6.contentHeading,
h6.h1,
h6.h2,
h6.h3,
h6.h4,
h6.h5,
h6.h6 {
margin-top: 21px;
margin-bottom: 10.5px
}
.ddc-heading-1 {
color: var(--text-color);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
.ddc-heading-2 {
color: var(--text-color);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
.ddc-heading-3 {
color: var(--text-color);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
.ddc-heading-4 {
color: var(--color-success-500);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
.ddc-heading-5 {
color: var(--color-danger-500);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
.ddc-heading-6 {
color: var(--text-color);
font-weight: 300;
text-transform: var(--heading-text-case, none)
}
dt {
font-weight: 400;
color: var(--text-muted-color)
}
@media (min-width:0) {
.dl-horizontal dt {
text-align: left
}
}
.animate-hide {
transition: opacity .4s linear;
opacity: 0
}
.animate-show {
transition: opacity .4s linear;
transition-delay: .4s;
opacity: 1
}
.animate-form {
position: relative;
overflow: hidden;
transition: max-height .4s ease-in-out
}
.ddc-fixed-banner {
position: fixed;
z-index: 1030;
right: 0;
left: 0;
padding: 16px 24px;
color: var(--text-color);
background-color: var(--color-neutral-0);
transition: transform .2s cubic-bezier(.4, 0, 1, 1) .4s
}
.ddc-fixed-banner-bottom {
bottom: 0;
border-top: 2px solid var(--color-primary-500)
}
.ddc-fixed-banner-top {
top: 0;
border-bottom: 2px solid var(--color-primary-500)
}
.ddc-fixed-banner-bottom:not(.no-animation) {
transform: translate(0, 100%)
}
.ddc-fixed-banner-top:not(.no-animation) {
transform: translate(0, -100%)
}
.ddc-fixed-banner.in:not(.no-animation) {
transform: translate(0, 0);
transition: transform .2s cubic-bezier(0, 0, .2, 1) .4s
}
.ddc-fixed-banner [data-close] {
text-decoration: none;
color: var(--text-color)
}
.ddc-fixed-banner.consumer-privacy-banner {
z-index: 2147483647
}
.box {
background-color: var(--box-bg);
border-radius: var(--box-border-radius, 0)
}
.box.box-padding {
padding: 16px
}
.box.box-border {
border: 1px solid var(--box-border-color)
}
.btn {
vertical-align: middle;
display: inline-block;
margin-bottom: 0;
border: var(--btn-border-width) var(--btn-border-style) transparent;
text-align: center;
font-weight: 700;
white-space: normal;
text-transform: var(--btn-text-case, none);
background-image: none;
transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
cursor: pointer;
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-base, 4px);
font-size: calc(16px * var(--btn-font-size-modifier, 1));
line-height: 1.1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: manipulation
}
.btn.focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.focus,
.btn.hover,
.btn:focus,
.btn:hover {
text-decoration: none;
color: var(--btn-default-color)
}
.btn.active,
.btn.currentPage,
.btn:active {
outline: 0;
background-image: none
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .5;
box-shadow: none
}
.ddc-composer .btn.disabled[data-style-editor-id],
.ddc-composer .btn[disabled][data-style-editor-id],
.ddc-composer fieldset[disabled] .btn[data-style-editor-id] {
pointer-events: auto !important
}
.btn-xl,
.btn-xlarge,
.pricing .ePrice a.btn-xl,
.pricing .eprice.btn-xl,
.pricing [data-eprice].btn-xl {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-large, 6px);
font-size: calc(24px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-large>.btn,
.btn-group-lg>.btn,
.btn-large,
.btn-lg,
.pricing .ePrice a.btn-lg,
.pricing .eprice.btn-lg,
.pricing [data-eprice].btn-lg {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-large, 6px);
font-size: calc(20px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-sm>.btn,
.btn-group-small>.btn,
.btn-sm,
.btn-small,
.pricing .ePrice a.btn-sm,
.pricing .eprice.btn-sm,
.pricing [data-eprice].btn-sm {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-small, 3px);
font-size: calc(14px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-xs>.btn,
.btn-group-xsmall>.btn,
.btn-xs,
.btn-xsmall,
.pricing .ePrice a.btn-xs,
.pricing .eprice.btn-xs,
.pricing [data-eprice].btn-xs {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-small, 3px);
font-size: calc(12px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-default {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg)
}
.btn-default.btn:not(.btn-no-decoration) {
position: relative;
padding-right: var(--btn-default-padding-right, calc(1.5em - var(--btn-border-width)));
padding-left: var(--btn-default-padding-left, calc(1.5em - var(--btn-border-width)));
text-align: var(--btn-default-text-alignment, center)
}
.btn-default.btn:not(.btn-no-decoration):before {
content: var(--btn-default-decoration-content);
position: absolute;
top: 50%;
right: var(--btn-default-decoration-position-right, auto);
left: var(--btn-default-decoration-position-left, auto);
font-family: ddc-button-icons;
font-weight: 400;
line-height: 1;
color: var(--btn-default-decoration-color, transparent);
transform: translateY(-50%);
speak: none
}
.btn-default.btn:not(.btn-no-decoration).focus:before,
.btn-default.btn:not(.btn-no-decoration):focus:before {
color: var(--btn-default-decoration-focus-color, var(--btn-default-decoration-color, transparent))
}
.btn-default.btn:not(.btn-no-decoration).focus-within,
.btn-default.btn:not(.btn-no-decoration):focus-within {
box-shadow: var(--btn-default-focus-within-box-shadow)
}
.btn-default.btn:not(.btn-no-decoration).hover:before,
.btn-default.btn:not(.btn-no-decoration):hover:before {
color: var(--btn-default-decoration-hover-color, transparent)
}
.btn-default.btn.currentPage:not(.btn-no-decoration):before,
.btn-default.btn:not(.btn-no-decoration).active:before,
.btn-default.btn:not(.btn-no-decoration):active:before {
color: var(--btn-default-decoration-active-color, transparent)
}
.btn-default.focus,
.btn-default:focus {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg);
box-shadow: var(--btn-default-hover-box-shadow)
}
.btn-default.hover,
.btn-default:hover {
color: var(--btn-default-hover-color);
border-color: var(--btn-default-hover-border-color);
background: var(--btn-default-hover-bg);
box-shadow: var(--btn-default-hover-box-shadow);
transform: var(--btn-default-hover-transform)
}
.btn-default.active,
.btn-default.currentPage,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
color: var(--btn-default-active-color);
border-color: var(--btn-default-active-border-color);
background: var(--btn-default-active-bg)
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.currentPage:focus,
.btn-default.currentPage:hover,
.btn-default.focus.currentPage,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
color: var(--btn-default-active-color);
border-color: var(--btn-default-active-border-color);
background: var(--btn-default-active-bg)
}
.btn-default.active,
.btn-default.currentPage,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
background-image: none
}
.btn-default.active,
.btn-default.currentPage,
.btn-default:active {
transform: var(--btn-default-active-transform)
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg)
}
.btn-default .badge {
color: var(--btn-default-bg);
background: var(--btn-default-color)
}
.btn-primary,
.locations-proximity [type=submit],
.pricing .ePrice .btn,
.pricing .eprice-button,
.pricing [data-eprice].btn,
.showroom-details-section .callout .callout-button,
.showroom-details-section .hproduct .view-link {
color: var(--btn-primary-color);
border-color: var(--btn-primary-border-color);
background: var(--btn-primary-bg)
}
.btn-primary.btn:not(.btn-no-decoration),
.locations-proximity .btn[type=submit]:not(.btn-no-decoration),
.pricing .btn.eprice-button:not(.btn-no-decoration),
.pricing .btn[data-eprice]:not(.btn-no-decoration),
.pricing .ePrice .btn:not(.btn-no-decoration),
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration),
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration) {
position: relative;
padding-right: var(--btn-primary-padding-right, calc(1.5em - var(--btn-border-width)));
padding-left: var(--btn-primary-padding-left, calc(1.5em - var(--btn-border-width)));
text-align: var(--btn-primary-text-alignment, center)
}
.btn-primary.btn:not(.btn-no-decoration):before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration):before,
.pricing .btn.eprice-button:not(.btn-no-decoration):before,
.pricing .btn[data-eprice]:not(.btn-no-decoration):before,
.pricing .ePrice .btn:not(.btn-no-decoration):before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration):before {
content: var(--btn-primary-decoration-content);
position: absolute;
top: 50%;
right: var(--btn-primary-decoration-position-right, auto);
left: var(--btn-primary-decoration-position-left, auto);
font-family: ddc-button-icons;
font-weight: 400;
line-height: 1;
color: var(--btn-primary-decoration-color, transparent);
transform: translateY(-50%);
speak: none
}
.btn-primary.btn:not(.btn-no-decoration).focus:before,
.btn-primary.btn:not(.btn-no-decoration):focus:before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration).focus:before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration):focus:before,
.pricing .btn.eprice-button:not(.btn-no-decoration).focus:before,
.pricing .btn.eprice-button:not(.btn-no-decoration):focus:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration).focus:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration):focus:before,
.pricing .ePrice .btn:not(.btn-no-decoration).focus:before,
.pricing .ePrice .btn:not(.btn-no-decoration):focus:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration).focus:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration):focus:before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration).focus:before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration):focus:before {
color: var(--btn-primary-decoration-focus-color, var(--btn-primary-decoration-color, transparent))
}
.btn-primary.btn:not(.btn-no-decoration).focus-within,
.btn-primary.btn:not(.btn-no-decoration):focus-within,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration).focus-within,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration):focus-within,
.pricing .btn.eprice-button:not(.btn-no-decoration).focus-within,
.pricing .btn.eprice-button:not(.btn-no-decoration):focus-within,
.pricing .btn[data-eprice]:not(.btn-no-decoration).focus-within,
.pricing .btn[data-eprice]:not(.btn-no-decoration):focus-within,
.pricing .ePrice .btn:not(.btn-no-decoration).focus-within,
.pricing .ePrice .btn:not(.btn-no-decoration):focus-within,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration).focus-within,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration):focus-within,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration).focus-within,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration):focus-within {
box-shadow: var(--btn-primary-focus-within-box-shadow)
}
.btn-primary.btn:not(.btn-no-decoration).hover:before,
.btn-primary.btn:not(.btn-no-decoration):hover:before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration).hover:before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration):hover:before,
.pricing .btn.eprice-button:not(.btn-no-decoration).hover:before,
.pricing .btn.eprice-button:not(.btn-no-decoration):hover:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration).hover:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration):hover:before,
.pricing .ePrice .btn:not(.btn-no-decoration).hover:before,
.pricing .ePrice .btn:not(.btn-no-decoration):hover:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration).hover:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration):hover:before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration).hover:before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration):hover:before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn.active:not(.btn-no-decoration):before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn.currentPage:not(.btn-no-decoration):before {
color: var(--btn-primary-decoration-hover-color, transparent)
}
.btn-primary.btn.currentPage:not(.btn-no-decoration):before,
.btn-primary.btn:not(.btn-no-decoration).active:before,
.btn-primary.btn:not(.btn-no-decoration):active:before,
.locations-proximity .btn.currentPage[type=submit]:not(.btn-no-decoration):before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration).active:before,
.locations-proximity .btn[type=submit]:not(.btn-no-decoration):active:before,
.pricing .btn.currentPage.eprice-button:not(.btn-no-decoration):before,
.pricing .btn.currentPage[data-eprice]:not(.btn-no-decoration):before,
.pricing .btn.eprice-button:not(.btn-no-decoration).active:before,
.pricing .btn.eprice-button:not(.btn-no-decoration):active:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration).active:before,
.pricing .btn[data-eprice]:not(.btn-no-decoration):active:before,
.pricing .ePrice .btn.currentPage:not(.btn-no-decoration):before,
.pricing .ePrice .btn:not(.btn-no-decoration).active:before,
.pricing .ePrice .btn:not(.btn-no-decoration):active:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration).active:before,
.showroom-details-section .callout .btn.callout-button:not(.btn-no-decoration):active:before,
.showroom-details-section .callout .btn.currentPage.callout-button:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn.currentPage.view-link:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration).active:before,
.showroom-details-section .hproduct .btn.view-link:not(.btn-no-decoration):active:before {
color: var(--btn-primary-decoration-active-color, transparent)
}
.btn-primary.focus,
.btn-primary:focus,
.locations-proximity .focus[type=submit],
.locations-proximity [type=submit]:focus,
.pricing .ePrice .btn:focus,
.pricing .ePrice .focus.btn,
.pricing .eprice-button:focus,
.pricing .focus.eprice-button,
.pricing .focus[data-eprice].btn,
.pricing [data-eprice].btn:focus,
.showroom-details-section .callout .callout-button:focus,
.showroom-details-section .callout .focus.callout-button,
.showroom-details-section .hproduct .focus.view-link,
.showroom-details-section .hproduct .view-link:focus {
color: var(--btn-primary-color);
border-color: var(--btn-primary-border-color);
background: var(--btn-primary-bg);
box-shadow: var(--btn-primary-hover-box-shadow)
}
.btn-primary.hover,
.btn-primary:hover,
.locations-proximity .hover[type=submit],
.locations-proximity [type=submit]:hover,
.pricing .ePrice .btn:hover,
.pricing .ePrice .hover.btn,
.pricing .eprice-button:hover,
.pricing .hover.eprice-button,
.pricing .hover[data-eprice].btn,
.pricing [data-eprice].btn:hover,
.showroom-details-section .callout .callout-button:hover,
.showroom-details-section .callout .hover.callout-button,
.showroom-details-section .hproduct .hover.view-link,
.showroom-details-section .hproduct .view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage {
color: var(--btn-primary-hover-color);
border-color: var(--btn-primary-hover-border-color);
background: var(--btn-primary-hover-bg);
box-shadow: var(--btn-primary-hover-box-shadow);
transform: var(--btn-primary-hover-transform)
}
.btn-primary.active,
.btn-primary.currentPage,
.btn-primary:active,
.locations-proximity .active[type=submit],
.locations-proximity .currentPage[type=submit],
.locations-proximity .open>.dropdown-toggle[type=submit],
.locations-proximity [type=submit]:active,
.open>.btn-primary.dropdown-toggle,
.pricing .active.eprice-button,
.pricing .active[data-eprice].btn,
.pricing .currentPage.eprice-button,
.pricing .currentPage[data-eprice].btn,
.pricing .ePrice .active.btn,
.pricing .ePrice .btn:active,
.pricing .ePrice .currentPage.btn,
.pricing .ePrice .open>.dropdown-toggle.btn,
.pricing .eprice-button:active,
.pricing .open>.dropdown-toggle.eprice-button,
.pricing .open>.dropdown-toggle[data-eprice].btn,
.pricing [data-eprice].btn:active,
.showroom-details-section .callout .active.callout-button,
.showroom-details-section .callout .callout-button:active,
.showroom-details-section .callout .currentPage.callout-button,
.showroom-details-section .callout .open>.dropdown-toggle.callout-button,
.showroom-details-section .hproduct .active.view-link,
.showroom-details-section .hproduct .currentPage.view-link,
.showroom-details-section .hproduct .open>.dropdown-toggle.view-link,
.showroom-details-section .hproduct .view-link:active {
color: var(--btn-primary-active-color);
border-color: var(--btn-primary-active-border-color);
background: var(--btn-primary-active-bg)
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.currentPage:focus,
.btn-primary.currentPage:hover,
.btn-primary.focus.currentPage,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.locations-proximity .active.focus[type=submit],
.locations-proximity .active[type=submit]:focus,
.locations-proximity .active[type=submit]:hover,
.locations-proximity .currentPage[type=submit]:focus,
.locations-proximity .currentPage[type=submit]:hover,
.locations-proximity .focus.currentPage[type=submit],
.locations-proximity .open>.dropdown-toggle.focus[type=submit],
.locations-proximity .open>.dropdown-toggle[type=submit]:focus,
.locations-proximity .open>.dropdown-toggle[type=submit]:hover,
.locations-proximity [type=submit]:active.focus,
.locations-proximity [type=submit]:active:focus,
.locations-proximity [type=submit]:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover,
.pricing .active.eprice-button:focus,
.pricing .active.eprice-button:hover,
.pricing .active.focus.eprice-button,
.pricing .active.focus[data-eprice].btn,
.pricing .active[data-eprice].btn:focus,
.pricing .active[data-eprice].btn:hover,
.pricing .currentPage.eprice-button:focus,
.pricing .currentPage.eprice-button:hover,
.pricing .currentPage[data-eprice].btn:focus,
.pricing .currentPage[data-eprice].btn:hover,
.pricing .ePrice .active.btn:focus,
.pricing .ePrice .active.btn:hover,
.pricing .ePrice .active.focus.btn,
.pricing .ePrice .btn:active.focus,
.pricing .ePrice .btn:active:focus,
.pricing .ePrice .btn:active:hover,
.pricing .ePrice .currentPage.btn:focus,
.pricing .ePrice .currentPage.btn:hover,
.pricing .ePrice .focus.currentPage.btn,
.pricing .ePrice .open>.dropdown-toggle.btn:focus,
.pricing .ePrice .open>.dropdown-toggle.btn:hover,
.pricing .ePrice .open>.dropdown-toggle.focus.btn,
.pricing .eprice-button:active.focus,
.pricing .eprice-button:active:focus,
.pricing .eprice-button:active:hover,
.pricing .focus.currentPage.eprice-button,
.pricing .focus.currentPage[data-eprice].btn,
.pricing .open>.dropdown-toggle.eprice-button:focus,
.pricing .open>.dropdown-toggle.eprice-button:hover,
.pricing .open>.dropdown-toggle.focus.eprice-button,
.pricing .open>.dropdown-toggle.focus[data-eprice].btn,
.pricing .open>.dropdown-toggle[data-eprice].btn:focus,
.pricing .open>.dropdown-toggle[data-eprice].btn:hover,
.pricing [data-eprice].btn:active.focus,
.pricing [data-eprice].btn:active:focus,
.pricing [data-eprice].btn:active:hover,
.showroom-details-section .callout .active.callout-button:focus,
.showroom-details-section .callout .active.callout-button:hover,
.showroom-details-section .callout .active.focus.callout-button,
.showroom-details-section .callout .callout-button:active.focus,
.showroom-details-section .callout .callout-button:active:focus,
.showroom-details-section .callout .callout-button:active:hover,
.showroom-details-section .callout .currentPage.callout-button:focus,
.showroom-details-section .callout .currentPage.callout-button:hover,
.showroom-details-section .callout .focus.currentPage.callout-button,
.showroom-details-section .callout .open>.dropdown-toggle.callout-button:focus,
.showroom-details-section .callout .open>.dropdown-toggle.callout-button:hover,
.showroom-details-section .callout .open>.dropdown-toggle.focus.callout-button,
.showroom-details-section .hproduct .active.focus.view-link,
.showroom-details-section .hproduct .active.view-link:focus,
.showroom-details-section .hproduct .active.view-link:hover,
.showroom-details-section .hproduct .currentPage.view-link:focus,
.showroom-details-section .hproduct .currentPage.view-link:hover,
.showroom-details-section .hproduct .focus.currentPage.view-link,
.showroom-details-section .hproduct .open>.dropdown-toggle.focus.view-link,
.showroom-details-section .hproduct .open>.dropdown-toggle.view-link:focus,
.showroom-details-section .hproduct .open>.dropdown-toggle.view-link:hover,
.showroom-details-section .hproduct .view-link:active.focus,
.showroom-details-section .hproduct .view-link:active:focus,
.showroom-details-section .hproduct .view-link:active:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .open>span.dropdown-toggle.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .open>span.dropdown-toggle.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active:active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage:active {
color: var(--btn-primary-active-color);
border-color: var(--btn-primary-active-border-color);
background: var(--btn-primary-active-bg)
}
.btn-primary.active,
.btn-primary.currentPage,
.btn-primary:active,
.locations-proximity .active[type=submit],
.locations-proximity .currentPage[type=submit],
.locations-proximity .open>.dropdown-toggle[type=submit],
.locations-proximity [type=submit]:active,
.open>.btn-primary.dropdown-toggle,
.pricing .active.eprice-button,
.pricing .active[data-eprice].btn,
.pricing .currentPage.eprice-button,
.pricing .currentPage[data-eprice].btn,
.pricing .ePrice .active.btn,
.pricing .ePrice .btn:active,
.pricing .ePrice .currentPage.btn,
.pricing .ePrice .open>.dropdown-toggle.btn,
.pricing .eprice-button:active,
.pricing .open>.dropdown-toggle.eprice-button,
.pricing .open>.dropdown-toggle[data-eprice].btn,
.pricing [data-eprice].btn:active,
.showroom-details-section .callout .active.callout-button,
.showroom-details-section .callout .callout-button:active,
.showroom-details-section .callout .currentPage.callout-button,
.showroom-details-section .callout .open>.dropdown-toggle.callout-button,
.showroom-details-section .hproduct .active.view-link,
.showroom-details-section .hproduct .currentPage.view-link,
.showroom-details-section .hproduct .open>.dropdown-toggle.view-link,
.showroom-details-section .hproduct .view-link:active {
background-image: none
}
.btn-primary.active,
.btn-primary.currentPage,
.btn-primary:active,
.locations-proximity .active[type=submit],
.locations-proximity .currentPage[type=submit],
.locations-proximity [type=submit]:active,
.pricing .active.eprice-button,
.pricing .active[data-eprice].btn,
.pricing .currentPage.eprice-button,
.pricing .currentPage[data-eprice].btn,
.pricing .ePrice .active.btn,
.pricing .ePrice .btn:active,
.pricing .ePrice .currentPage.btn,
.pricing .eprice-button:active,
.pricing [data-eprice].btn:active,
.showroom-details-section .callout .active.callout-button,
.showroom-details-section .callout .callout-button:active,
.showroom-details-section .callout .currentPage.callout-button,
.showroom-details-section .hproduct .active.view-link,
.showroom-details-section .hproduct .currentPage.view-link,
.showroom-details-section .hproduct .view-link:active {
transform: var(--btn-primary-active-transform)
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.locations-proximity .disabled.focus[type=submit],
.locations-proximity .disabled[type=submit]:focus,
.locations-proximity .disabled[type=submit]:hover,
.locations-proximity [disabled].focus[type=submit],
.locations-proximity [disabled][type=submit]:focus,
.locations-proximity [disabled][type=submit]:hover,
.locations-proximity fieldset[disabled] .focus[type=submit],
.locations-proximity fieldset[disabled] [type=submit]:focus,
.locations-proximity fieldset[disabled] [type=submit]:hover,
.pricing .disabled.eprice-button:focus,
.pricing .disabled.eprice-button:hover,
.pricing .disabled.focus.eprice-button,
.pricing .disabled.focus[data-eprice].btn,
.pricing .disabled[data-eprice].btn:focus,
.pricing .disabled[data-eprice].btn:hover,
.pricing .ePrice .disabled.btn:focus,
.pricing .ePrice .disabled.btn:hover,
.pricing .ePrice .disabled.focus.btn,
.pricing .ePrice [disabled].btn:focus,
.pricing .ePrice [disabled].btn:hover,
.pricing .ePrice [disabled].focus.btn,
.pricing .ePrice fieldset[disabled] .btn:focus,
.pricing .ePrice fieldset[disabled] .btn:hover,
.pricing .ePrice fieldset[disabled] .focus.btn,
.pricing [disabled].eprice-button:focus,
.pricing [disabled].eprice-button:hover,
.pricing [disabled].focus.eprice-button,
.pricing [disabled].focus[data-eprice].btn,
.pricing [disabled][data-eprice].btn:focus,
.pricing [disabled][data-eprice].btn:hover,
.pricing fieldset[disabled] .eprice-button:focus,
.pricing fieldset[disabled] .eprice-button:hover,
.pricing fieldset[disabled] .focus.eprice-button,
.pricing fieldset[disabled] .focus[data-eprice].btn,
.pricing fieldset[disabled] [data-eprice].btn:focus,
.pricing fieldset[disabled] [data-eprice].btn:hover,
.showroom-details-section .callout .disabled.callout-button:focus,
.showroom-details-section .callout .disabled.callout-button:hover,
.showroom-details-section .callout .disabled.focus.callout-button,
.showroom-details-section .callout [disabled].callout-button:focus,
.showroom-details-section .callout [disabled].callout-button:hover,
.showroom-details-section .callout [disabled].focus.callout-button,
.showroom-details-section .callout fieldset[disabled] .callout-button:focus,
.showroom-details-section .callout fieldset[disabled] .callout-button:hover,
.showroom-details-section .callout fieldset[disabled] .focus.callout-button,
.showroom-details-section .hproduct .disabled.focus.view-link,
.showroom-details-section .hproduct .disabled.view-link:focus,
.showroom-details-section .hproduct .disabled.view-link:hover,
.showroom-details-section .hproduct [disabled].focus.view-link,
.showroom-details-section .hproduct [disabled].view-link:focus,
.showroom-details-section .hproduct [disabled].view-link:hover,
.showroom-details-section .hproduct fieldset[disabled] .focus.view-link,
.showroom-details-section .hproduct fieldset[disabled] .view-link:focus,
.showroom-details-section .hproduct fieldset[disabled] .view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.disabled.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.disabled.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span[disabled].active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span[disabled].currentPage,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .locations-proximity .focus[type=submit],
fieldset[disabled] .locations-proximity [type=submit]:focus,
fieldset[disabled] .locations-proximity [type=submit]:hover,
fieldset[disabled] .pricing .ePrice .btn:focus,
fieldset[disabled] .pricing .ePrice .btn:hover,
fieldset[disabled] .pricing .ePrice .focus.btn,
fieldset[disabled] .pricing .eprice-button:focus,
fieldset[disabled] .pricing .eprice-button:hover,
fieldset[disabled] .pricing .focus.eprice-button,
fieldset[disabled] .pricing .focus[data-eprice].btn,
fieldset[disabled] .pricing [data-eprice].btn:focus,
fieldset[disabled] .pricing [data-eprice].btn:hover,
fieldset[disabled] .showroom-details-section .callout .callout-button:focus,
fieldset[disabled] .showroom-details-section .callout .callout-button:hover,
fieldset[disabled] .showroom-details-section .callout .focus.callout-button,
fieldset[disabled] .showroom-details-section .hproduct .focus.view-link,
fieldset[disabled] .showroom-details-section .hproduct .view-link:focus,
fieldset[disabled] .showroom-details-section .hproduct .view-link:hover,
fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active,
fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage {
color: var(--btn-primary-color);
border-color: var(--btn-primary-border-color);
background: var(--btn-primary-bg)
}
.btn-primary .badge,
.locations-proximity [type=submit] .badge,
.pricing .ePrice .btn .badge,
.pricing .eprice-button .badge,
.pricing [data-eprice].btn .badge,
.showroom-details-section .callout .callout-button .badge,
.showroom-details-section .hproduct .view-link .badge {
color: var(--btn-primary-bg);
background: var(--btn-primary-color)
}
.btn-default.btn-inverse {
color: var(--btn-default-inverse-color);
border-color: var(--btn-default-inverse-border-color);
background: var(--btn-default-inverse-bg)
}
.btn-default.btn-inverse.btn:not(.btn-no-decoration) {
position: relative;
padding-right: var(--btn-default-inverse-padding-right, calc(1.5em - var(--btn-border-width)));
padding-left: var(--btn-default-inverse-padding-left, calc(1.5em - var(--btn-border-width)));
text-align: var(--btn-default-inverse-text-alignment, center)
}
.btn-default.btn-inverse.btn:not(.btn-no-decoration):before {
content: var(--btn-default-inverse-decoration-content);
position: absolute;
top: 50%;
right: var(--btn-default-inverse-decoration-position-right, auto);
left: var(--btn-default-inverse-decoration-position-left, auto);
font-family: ddc-button-icons;
font-weight: 400;
line-height: 1;
color: var(--btn-default-inverse-decoration-color, transparent);
transform: translateY(-50%);
speak: none
}
.btn-default.btn-inverse.btn:not(.btn-no-decoration).focus:before,
.btn-default.btn-inverse.btn:not(.btn-no-decoration):focus:before {
color: var(--btn-default-inverse-decoration-focus-color, var(--btn-default-inverse-decoration-color, transparent))
}
.btn-default.btn-inverse.btn:not(.btn-no-decoration).focus-within,
.btn-default.btn-inverse.btn:not(.btn-no-decoration):focus-within {
box-shadow: var(--btn-default-inverse-focus-within-box-shadow)
}
.btn-default.btn-inverse.btn:not(.btn-no-decoration).hover:before,
.btn-default.btn-inverse.btn:not(.btn-no-decoration):hover:before {
color: var(--btn-default-inverse-decoration-hover-color, transparent)
}
.btn-default.btn-inverse.btn.currentPage:not(.btn-no-decoration):before,
.btn-default.btn-inverse.btn:not(.btn-no-decoration).active:before,
.btn-default.btn-inverse.btn:not(.btn-no-decoration):active:before {
color: var(--btn-default-inverse-decoration-active-color, transparent)
}
.btn-default.btn-inverse.focus,
.btn-default.btn-inverse:focus {
color: var(--btn-default-inverse-color);
border-color: var(--btn-default-inverse-border-color);
background: var(--btn-default-inverse-bg);
box-shadow: var(--btn-default-inverse-hover-box-shadow)
}
.btn-default.btn-inverse.hover,
.btn-default.btn-inverse:hover {
color: var(--btn-default-inverse-hover-color);
border-color: var(--btn-default-inverse-hover-border-color);
background: var(--btn-default-inverse-hover-bg);
box-shadow: var(--btn-default-inverse-hover-box-shadow);
transform: var(--btn-default-inverse-hover-transform)
}
.btn-default.btn-inverse.active,
.btn-default.btn-inverse.currentPage,
.btn-default.btn-inverse:active,
.open>.btn-default.btn-inverse.dropdown-toggle {
color: var(--btn-default-inverse-active-color);
border-color: var(--btn-default-inverse-active-border-color);
background: var(--btn-default-inverse-active-bg)
}
.btn-default.btn-inverse.active.focus,
.btn-default.btn-inverse.active:focus,
.btn-default.btn-inverse.active:hover,
.btn-default.btn-inverse.currentPage:focus,
.btn-default.btn-inverse.currentPage:hover,
.btn-default.btn-inverse.focus.currentPage,
.btn-default.btn-inverse:active.focus,
.btn-default.btn-inverse:active:focus,
.btn-default.btn-inverse:active:hover,
.open>.btn-default.btn-inverse.dropdown-toggle.focus,
.open>.btn-default.btn-inverse.dropdown-toggle:focus,
.open>.btn-default.btn-inverse.dropdown-toggle:hover {
color: var(--btn-default-inverse-active-color);
border-color: var(--btn-default-inverse-active-border-color);
background: var(--btn-default-inverse-active-bg)
}
.btn-default.btn-inverse.active,
.btn-default.btn-inverse.currentPage,
.btn-default.btn-inverse:active,
.open>.btn-default.btn-inverse.dropdown-toggle {
background-image: none
}
.btn-default.btn-inverse.active,
.btn-default.btn-inverse.currentPage,
.btn-default.btn-inverse:active {
transform: var(--btn-default-inverse-active-transform)
}
.btn-default.btn-inverse.disabled.focus,
.btn-default.btn-inverse.disabled:focus,
.btn-default.btn-inverse.disabled:hover,
.btn-default.btn-inverse[disabled].focus,
.btn-default.btn-inverse[disabled]:focus,
.btn-default.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-default.btn-inverse.focus,
fieldset[disabled] .btn-default.btn-inverse:focus,
fieldset[disabled] .btn-default.btn-inverse:hover {
color: var(--btn-default-inverse-color);
border-color: var(--btn-default-inverse-border-color);
background: var(--btn-default-inverse-bg)
}
.btn-default.btn-inverse .badge {
color: var(--btn-default-inverse-bg);
background: var(--btn-default-inverse-color)
}
.btn-primary.btn-inverse,
.locations-proximity .btn-inverse[type=submit],
.pricing .btn-inverse.eprice-button,
.pricing .btn-inverse[data-eprice].btn,
.pricing .ePrice .btn-inverse.btn,
.showroom-details-section .callout .btn-inverse.callout-button,
.showroom-details-section .hproduct .btn-inverse.view-link {
color: var(--btn-primary-inverse-color);
border-color: var(--btn-primary-inverse-border-color);
background: var(--btn-primary-inverse-bg)
}
.btn-primary.btn-inverse.btn:not(.btn-no-decoration),
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration),
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration),
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration),
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration),
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration),
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration) {
position: relative;
padding-right: var(--btn-primary-inverse-padding-right, calc(1.5em - var(--btn-border-width)));
padding-left: var(--btn-primary-inverse-padding-left, calc(1.5em - var(--btn-border-width)));
text-align: var(--btn-primary-inverse-text-alignment, center)
}
.btn-primary.btn-inverse.btn:not(.btn-no-decoration):before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration):before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration):before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration):before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration):before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration):before {
content: var(--btn-primary-inverse-decoration-content);
position: absolute;
top: 50%;
right: var(--btn-primary-inverse-decoration-position-right, auto);
left: var(--btn-primary-inverse-decoration-position-left, auto);
font-family: ddc-button-icons;
font-weight: 400;
line-height: 1;
color: var(--btn-primary-inverse-decoration-color, transparent);
transform: translateY(-50%);
speak: none
}
.btn-primary.btn-inverse.btn:not(.btn-no-decoration).focus:before,
.btn-primary.btn-inverse.btn:not(.btn-no-decoration):focus:before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration).focus:before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration):focus:before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration).focus:before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration):focus:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration).focus:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration):focus:before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration).focus:before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration):focus:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration).focus:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration):focus:before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration).focus:before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration):focus:before {
color: var(--btn-primary-inverse-decoration-focus-color, var(--btn-primary-inverse-decoration-color, transparent))
}
.btn-primary.btn-inverse.btn:not(.btn-no-decoration).focus-within,
.btn-primary.btn-inverse.btn:not(.btn-no-decoration):focus-within,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration).focus-within,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration):focus-within,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration).focus-within,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration):focus-within,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration).focus-within,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration):focus-within,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration).focus-within,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration):focus-within,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration).focus-within,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration):focus-within,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration).focus-within,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration):focus-within {
box-shadow: var(--btn-primary-inverse-focus-within-box-shadow)
}
.btn-primary.btn-inverse.btn:not(.btn-no-decoration).hover:before,
.btn-primary.btn-inverse.btn:not(.btn-no-decoration):hover:before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration).hover:before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration):hover:before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration).hover:before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration):hover:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration).hover:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration):hover:before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration).hover:before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration):hover:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration).hover:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration):hover:before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration).hover:before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration):hover:before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.btn.active:not(.btn-no-decoration):before,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.btn.currentPage:not(.btn-no-decoration):before {
color: var(--btn-primary-inverse-decoration-hover-color, transparent)
}
.btn-primary.btn-inverse.btn.currentPage:not(.btn-no-decoration):before,
.btn-primary.btn-inverse.btn:not(.btn-no-decoration).active:before,
.btn-primary.btn-inverse.btn:not(.btn-no-decoration):active:before,
.locations-proximity .btn-inverse.btn.currentPage[type=submit]:not(.btn-no-decoration):before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration).active:before,
.locations-proximity .btn-inverse.btn[type=submit]:not(.btn-no-decoration):active:before,
.pricing .btn-inverse.btn.currentPage.eprice-button:not(.btn-no-decoration):before,
.pricing .btn-inverse.btn.currentPage[data-eprice]:not(.btn-no-decoration):before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration).active:before,
.pricing .btn-inverse.btn.eprice-button:not(.btn-no-decoration):active:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration).active:before,
.pricing .btn-inverse.btn[data-eprice]:not(.btn-no-decoration):active:before,
.pricing .ePrice .btn-inverse.btn.currentPage:not(.btn-no-decoration):before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration).active:before,
.pricing .ePrice .btn-inverse.btn:not(.btn-no-decoration):active:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration).active:before,
.showroom-details-section .callout .btn-inverse.btn.callout-button:not(.btn-no-decoration):active:before,
.showroom-details-section .callout .btn-inverse.btn.currentPage.callout-button:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn-inverse.btn.currentPage.view-link:not(.btn-no-decoration):before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration).active:before,
.showroom-details-section .hproduct .btn-inverse.btn.view-link:not(.btn-no-decoration):active:before {
color: var(--btn-primary-inverse-decoration-active-color, transparent)
}
.btn-primary.btn-inverse.focus,
.btn-primary.btn-inverse:focus,
.locations-proximity .btn-inverse.focus[type=submit],
.locations-proximity .btn-inverse[type=submit]:focus,
.pricing .btn-inverse.eprice-button:focus,
.pricing .btn-inverse.focus.eprice-button,
.pricing .btn-inverse.focus[data-eprice].btn,
.pricing .btn-inverse[data-eprice].btn:focus,
.pricing .ePrice .btn-inverse.btn:focus,
.pricing .ePrice .btn-inverse.focus.btn,
.showroom-details-section .callout .btn-inverse.callout-button:focus,
.showroom-details-section .callout .btn-inverse.focus.callout-button,
.showroom-details-section .hproduct .btn-inverse.focus.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:focus {
color: var(--btn-primary-inverse-color);
border-color: var(--btn-primary-inverse-border-color);
background: var(--btn-primary-inverse-bg);
box-shadow: var(--btn-primary-inverse-hover-box-shadow)
}
.btn-primary.btn-inverse.hover,
.btn-primary.btn-inverse:hover,
.locations-proximity .btn-inverse.hover[type=submit],
.locations-proximity .btn-inverse[type=submit]:hover,
.pricing .btn-inverse.eprice-button:hover,
.pricing .btn-inverse.hover.eprice-button,
.pricing .btn-inverse.hover[data-eprice].btn,
.pricing .btn-inverse[data-eprice].btn:hover,
.pricing .ePrice .btn-inverse.btn:hover,
.pricing .ePrice .btn-inverse.hover.btn,
.showroom-details-section .callout .btn-inverse.callout-button:hover,
.showroom-details-section .callout .btn-inverse.hover.callout-button,
.showroom-details-section .hproduct .btn-inverse.hover.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.currentPage {
color: var(--btn-primary-inverse-hover-color);
border-color: var(--btn-primary-inverse-hover-border-color);
background: var(--btn-primary-inverse-hover-bg);
box-shadow: var(--btn-primary-inverse-hover-box-shadow);
transform: var(--btn-primary-inverse-hover-transform)
}
.btn-primary.btn-inverse.active,
.btn-primary.btn-inverse.currentPage,
.btn-primary.btn-inverse:active,
.locations-proximity .btn-inverse.active[type=submit],
.locations-proximity .btn-inverse.currentPage[type=submit],
.locations-proximity .btn-inverse[type=submit]:active,
.locations-proximity .open>.btn-inverse.dropdown-toggle[type=submit],
.open>.btn-primary.btn-inverse.dropdown-toggle,
.pricing .btn-inverse.active.eprice-button,
.pricing .btn-inverse.active[data-eprice].btn,
.pricing .btn-inverse.currentPage.eprice-button,
.pricing .btn-inverse.currentPage[data-eprice].btn,
.pricing .btn-inverse.eprice-button:active,
.pricing .btn-inverse[data-eprice].btn:active,
.pricing .ePrice .btn-inverse.active.btn,
.pricing .ePrice .btn-inverse.btn:active,
.pricing .ePrice .btn-inverse.currentPage.btn,
.pricing .ePrice .open>.btn-inverse.dropdown-toggle.btn,
.pricing .open>.btn-inverse.dropdown-toggle.eprice-button,
.pricing .open>.btn-inverse.dropdown-toggle[data-eprice].btn,
.showroom-details-section .callout .btn-inverse.active.callout-button,
.showroom-details-section .callout .btn-inverse.callout-button:active,
.showroom-details-section .callout .btn-inverse.currentPage.callout-button,
.showroom-details-section .callout .open>.btn-inverse.dropdown-toggle.callout-button,
.showroom-details-section .hproduct .btn-inverse.active.view-link,
.showroom-details-section .hproduct .btn-inverse.currentPage.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:active,
.showroom-details-section .hproduct .open>.btn-inverse.dropdown-toggle.view-link {
color: var(--btn-primary-inverse-active-color);
border-color: var(--btn-primary-inverse-active-border-color);
background: var(--btn-primary-inverse-active-bg)
}
.btn-primary.btn-inverse.active.focus,
.btn-primary.btn-inverse.active:focus,
.btn-primary.btn-inverse.active:hover,
.btn-primary.btn-inverse.currentPage:focus,
.btn-primary.btn-inverse.currentPage:hover,
.btn-primary.btn-inverse.focus.currentPage,
.btn-primary.btn-inverse:active.focus,
.btn-primary.btn-inverse:active:focus,
.btn-primary.btn-inverse:active:hover,
.locations-proximity .btn-inverse.active.focus[type=submit],
.locations-proximity .btn-inverse.active[type=submit]:focus,
.locations-proximity .btn-inverse.active[type=submit]:hover,
.locations-proximity .btn-inverse.currentPage[type=submit]:focus,
.locations-proximity .btn-inverse.currentPage[type=submit]:hover,
.locations-proximity .btn-inverse.focus.currentPage[type=submit],
.locations-proximity .btn-inverse[type=submit]:active.focus,
.locations-proximity .btn-inverse[type=submit]:active:focus,
.locations-proximity .btn-inverse[type=submit]:active:hover,
.locations-proximity .open>.btn-inverse.dropdown-toggle.focus[type=submit],
.locations-proximity .open>.btn-inverse.dropdown-toggle[type=submit]:focus,
.locations-proximity .open>.btn-inverse.dropdown-toggle[type=submit]:hover,
.open>.btn-primary.btn-inverse.dropdown-toggle.focus,
.open>.btn-primary.btn-inverse.dropdown-toggle:focus,
.open>.btn-primary.btn-inverse.dropdown-toggle:hover,
.pricing .btn-inverse.active.eprice-button:focus,
.pricing .btn-inverse.active.eprice-button:hover,
.pricing .btn-inverse.active.focus.eprice-button,
.pricing .btn-inverse.active.focus[data-eprice].btn,
.pricing .btn-inverse.active[data-eprice].btn:focus,
.pricing .btn-inverse.active[data-eprice].btn:hover,
.pricing .btn-inverse.currentPage.eprice-button:focus,
.pricing .btn-inverse.currentPage.eprice-button:hover,
.pricing .btn-inverse.currentPage[data-eprice].btn:focus,
.pricing .btn-inverse.currentPage[data-eprice].btn:hover,
.pricing .btn-inverse.eprice-button:active.focus,
.pricing .btn-inverse.eprice-button:active:focus,
.pricing .btn-inverse.eprice-button:active:hover,
.pricing .btn-inverse.focus.currentPage.eprice-button,
.pricing .btn-inverse.focus.currentPage[data-eprice].btn,
.pricing .btn-inverse[data-eprice].btn:active.focus,
.pricing .btn-inverse[data-eprice].btn:active:focus,
.pricing .btn-inverse[data-eprice].btn:active:hover,
.pricing .ePrice .btn-inverse.active.btn:focus,
.pricing .ePrice .btn-inverse.active.btn:hover,
.pricing .ePrice .btn-inverse.active.focus.btn,
.pricing .ePrice .btn-inverse.btn:active.focus,
.pricing .ePrice .btn-inverse.btn:active:focus,
.pricing .ePrice .btn-inverse.btn:active:hover,
.pricing .ePrice .btn-inverse.currentPage.btn:focus,
.pricing .ePrice .btn-inverse.currentPage.btn:hover,
.pricing .ePrice .btn-inverse.focus.currentPage.btn,
.pricing .ePrice .open>.btn-inverse.dropdown-toggle.btn:focus,
.pricing .ePrice .open>.btn-inverse.dropdown-toggle.btn:hover,
.pricing .ePrice .open>.btn-inverse.dropdown-toggle.focus.btn,
.pricing .open>.btn-inverse.dropdown-toggle.eprice-button:focus,
.pricing .open>.btn-inverse.dropdown-toggle.eprice-button:hover,
.pricing .open>.btn-inverse.dropdown-toggle.focus.eprice-button,
.pricing .open>.btn-inverse.dropdown-toggle.focus[data-eprice].btn,
.pricing .open>.btn-inverse.dropdown-toggle[data-eprice].btn:focus,
.pricing .open>.btn-inverse.dropdown-toggle[data-eprice].btn:hover,
.showroom-details-section .callout .btn-inverse.active.callout-button:focus,
.showroom-details-section .callout .btn-inverse.active.callout-button:hover,
.showroom-details-section .callout .btn-inverse.active.focus.callout-button,
.showroom-details-section .callout .btn-inverse.callout-button:active.focus,
.showroom-details-section .callout .btn-inverse.callout-button:active:focus,
.showroom-details-section .callout .btn-inverse.callout-button:active:hover,
.showroom-details-section .callout .btn-inverse.currentPage.callout-button:focus,
.showroom-details-section .callout .btn-inverse.currentPage.callout-button:hover,
.showroom-details-section .callout .btn-inverse.focus.currentPage.callout-button,
.showroom-details-section .callout .open>.btn-inverse.dropdown-toggle.callout-button:focus,
.showroom-details-section .callout .open>.btn-inverse.dropdown-toggle.callout-button:hover,
.showroom-details-section .callout .open>.btn-inverse.dropdown-toggle.focus.callout-button,
.showroom-details-section .hproduct .btn-inverse.active.focus.view-link,
.showroom-details-section .hproduct .btn-inverse.active.view-link:focus,
.showroom-details-section .hproduct .btn-inverse.active.view-link:hover,
.showroom-details-section .hproduct .btn-inverse.currentPage.view-link:focus,
.showroom-details-section .hproduct .btn-inverse.currentPage.view-link:hover,
.showroom-details-section .hproduct .btn-inverse.focus.currentPage.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:active.focus,
.showroom-details-section .hproduct .btn-inverse.view-link:active:focus,
.showroom-details-section .hproduct .btn-inverse.view-link:active:hover,
.showroom-details-section .hproduct .open>.btn-inverse.dropdown-toggle.focus.view-link,
.showroom-details-section .hproduct .open>.btn-inverse.dropdown-toggle.view-link:focus,
.showroom-details-section .hproduct .open>.btn-inverse.dropdown-toggle.view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .open>span.btn-inverse.dropdown-toggle.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .open>span.btn-inverse.dropdown-toggle.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.active:active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.currentPage:active {
color: var(--btn-primary-inverse-active-color);
border-color: var(--btn-primary-inverse-active-border-color);
background: var(--btn-primary-inverse-active-bg)
}
.btn-primary.btn-inverse.active,
.btn-primary.btn-inverse.currentPage,
.btn-primary.btn-inverse:active,
.locations-proximity .btn-inverse.active[type=submit],
.locations-proximity .btn-inverse.currentPage[type=submit],
.locations-proximity .btn-inverse[type=submit]:active,
.locations-proximity .open>.btn-inverse.dropdown-toggle[type=submit],
.open>.btn-primary.btn-inverse.dropdown-toggle,
.pricing .btn-inverse.active.eprice-button,
.pricing .btn-inverse.active[data-eprice].btn,
.pricing .btn-inverse.currentPage.eprice-button,
.pricing .btn-inverse.currentPage[data-eprice].btn,
.pricing .btn-inverse.eprice-button:active,
.pricing .btn-inverse[data-eprice].btn:active,
.pricing .ePrice .btn-inverse.active.btn,
.pricing .ePrice .btn-inverse.btn:active,
.pricing .ePrice .btn-inverse.currentPage.btn,
.pricing .ePrice .open>.btn-inverse.dropdown-toggle.btn,
.pricing .open>.btn-inverse.dropdown-toggle.eprice-button,
.pricing .open>.btn-inverse.dropdown-toggle[data-eprice].btn,
.showroom-details-section .callout .btn-inverse.active.callout-button,
.showroom-details-section .callout .btn-inverse.callout-button:active,
.showroom-details-section .callout .btn-inverse.currentPage.callout-button,
.showroom-details-section .callout .open>.btn-inverse.dropdown-toggle.callout-button,
.showroom-details-section .hproduct .btn-inverse.active.view-link,
.showroom-details-section .hproduct .btn-inverse.currentPage.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:active,
.showroom-details-section .hproduct .open>.btn-inverse.dropdown-toggle.view-link {
background-image: none
}
.btn-primary.btn-inverse.active,
.btn-primary.btn-inverse.currentPage,
.btn-primary.btn-inverse:active,
.locations-proximity .btn-inverse.active[type=submit],
.locations-proximity .btn-inverse.currentPage[type=submit],
.locations-proximity .btn-inverse[type=submit]:active,
.pricing .btn-inverse.active.eprice-button,
.pricing .btn-inverse.active[data-eprice].btn,
.pricing .btn-inverse.currentPage.eprice-button,
.pricing .btn-inverse.currentPage[data-eprice].btn,
.pricing .btn-inverse.eprice-button:active,
.pricing .btn-inverse[data-eprice].btn:active,
.pricing .ePrice .btn-inverse.active.btn,
.pricing .ePrice .btn-inverse.btn:active,
.pricing .ePrice .btn-inverse.currentPage.btn,
.showroom-details-section .callout .btn-inverse.active.callout-button,
.showroom-details-section .callout .btn-inverse.callout-button:active,
.showroom-details-section .callout .btn-inverse.currentPage.callout-button,
.showroom-details-section .hproduct .btn-inverse.active.view-link,
.showroom-details-section .hproduct .btn-inverse.currentPage.view-link,
.showroom-details-section .hproduct .btn-inverse.view-link:active {
transform: var(--btn-primary-inverse-active-transform)
}
.btn-primary.btn-inverse.disabled.focus,
.btn-primary.btn-inverse.disabled:focus,
.btn-primary.btn-inverse.disabled:hover,
.btn-primary.btn-inverse[disabled].focus,
.btn-primary.btn-inverse[disabled]:focus,
.btn-primary.btn-inverse[disabled]:hover,
.locations-proximity .btn-inverse.disabled.focus[type=submit],
.locations-proximity .btn-inverse.disabled[type=submit]:focus,
.locations-proximity .btn-inverse.disabled[type=submit]:hover,
.locations-proximity .btn-inverse[disabled].focus[type=submit],
.locations-proximity .btn-inverse[disabled][type=submit]:focus,
.locations-proximity .btn-inverse[disabled][type=submit]:hover,
.locations-proximity fieldset[disabled] .btn-inverse.focus[type=submit],
.locations-proximity fieldset[disabled] .btn-inverse[type=submit]:focus,
.locations-proximity fieldset[disabled] .btn-inverse[type=submit]:hover,
.pricing .btn-inverse.disabled.eprice-button:focus,
.pricing .btn-inverse.disabled.eprice-button:hover,
.pricing .btn-inverse.disabled.focus.eprice-button,
.pricing .btn-inverse.disabled.focus[data-eprice].btn,
.pricing .btn-inverse.disabled[data-eprice].btn:focus,
.pricing .btn-inverse.disabled[data-eprice].btn:hover,
.pricing .btn-inverse[disabled].eprice-button:focus,
.pricing .btn-inverse[disabled].eprice-button:hover,
.pricing .btn-inverse[disabled].focus.eprice-button,
.pricing .btn-inverse[disabled].focus[data-eprice].btn,
.pricing .btn-inverse[disabled][data-eprice].btn:focus,
.pricing .btn-inverse[disabled][data-eprice].btn:hover,
.pricing .ePrice .btn-inverse.disabled.btn:focus,
.pricing .ePrice .btn-inverse.disabled.btn:hover,
.pricing .ePrice .btn-inverse.disabled.focus.btn,
.pricing .ePrice .btn-inverse[disabled].btn:focus,
.pricing .ePrice .btn-inverse[disabled].btn:hover,
.pricing .ePrice .btn-inverse[disabled].focus.btn,
.pricing .ePrice fieldset[disabled] .btn-inverse.btn:focus,
.pricing .ePrice fieldset[disabled] .btn-inverse.btn:hover,
.pricing .ePrice fieldset[disabled] .btn-inverse.focus.btn,
.pricing fieldset[disabled] .btn-inverse.eprice-button:focus,
.pricing fieldset[disabled] .btn-inverse.eprice-button:hover,
.pricing fieldset[disabled] .btn-inverse.focus.eprice-button,
.pricing fieldset[disabled] .btn-inverse.focus[data-eprice].btn,
.pricing fieldset[disabled] .btn-inverse[data-eprice].btn:focus,
.pricing fieldset[disabled] .btn-inverse[data-eprice].btn:hover,
.showroom-details-section .callout .btn-inverse.disabled.callout-button:focus,
.showroom-details-section .callout .btn-inverse.disabled.callout-button:hover,
.showroom-details-section .callout .btn-inverse.disabled.focus.callout-button,
.showroom-details-section .callout .btn-inverse[disabled].callout-button:focus,
.showroom-details-section .callout .btn-inverse[disabled].callout-button:hover,
.showroom-details-section .callout .btn-inverse[disabled].focus.callout-button,
.showroom-details-section .callout fieldset[disabled] .btn-inverse.callout-button:focus,
.showroom-details-section .callout fieldset[disabled] .btn-inverse.callout-button:hover,
.showroom-details-section .callout fieldset[disabled] .btn-inverse.focus.callout-button,
.showroom-details-section .hproduct .btn-inverse.disabled.focus.view-link,
.showroom-details-section .hproduct .btn-inverse.disabled.view-link:focus,
.showroom-details-section .hproduct .btn-inverse.disabled.view-link:hover,
.showroom-details-section .hproduct .btn-inverse[disabled].focus.view-link,
.showroom-details-section .hproduct .btn-inverse[disabled].view-link:focus,
.showroom-details-section .hproduct .btn-inverse[disabled].view-link:hover,
.showroom-details-section .hproduct fieldset[disabled] .btn-inverse.focus.view-link,
.showroom-details-section .hproduct fieldset[disabled] .btn-inverse.view-link:focus,
.showroom-details-section .hproduct fieldset[disabled] .btn-inverse.view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.btn-inverse.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.btn-inverse.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.disabled.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.disabled.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse[disabled].active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse[disabled].currentPage,
fieldset[disabled] .btn-primary.btn-inverse.focus,
fieldset[disabled] .btn-primary.btn-inverse:focus,
fieldset[disabled] .btn-primary.btn-inverse:hover,
fieldset[disabled] .locations-proximity .btn-inverse.focus[type=submit],
fieldset[disabled] .locations-proximity .btn-inverse[type=submit]:focus,
fieldset[disabled] .locations-proximity .btn-inverse[type=submit]:hover,
fieldset[disabled] .pricing .btn-inverse.eprice-button:focus,
fieldset[disabled] .pricing .btn-inverse.eprice-button:hover,
fieldset[disabled] .pricing .btn-inverse.focus.eprice-button,
fieldset[disabled] .pricing .btn-inverse.focus[data-eprice].btn,
fieldset[disabled] .pricing .btn-inverse[data-eprice].btn:focus,
fieldset[disabled] .pricing .btn-inverse[data-eprice].btn:hover,
fieldset[disabled] .pricing .ePrice .btn-inverse.btn:focus,
fieldset[disabled] .pricing .ePrice .btn-inverse.btn:hover,
fieldset[disabled] .pricing .ePrice .btn-inverse.focus.btn,
fieldset[disabled] .showroom-details-section .callout .btn-inverse.callout-button:focus,
fieldset[disabled] .showroom-details-section .callout .btn-inverse.callout-button:hover,
fieldset[disabled] .showroom-details-section .callout .btn-inverse.focus.callout-button,
fieldset[disabled] .showroom-details-section .hproduct .btn-inverse.focus.view-link,
fieldset[disabled] .showroom-details-section .hproduct .btn-inverse.view-link:focus,
fieldset[disabled] .showroom-details-section .hproduct .btn-inverse.view-link:hover,
fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.active,
fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.btn-inverse.currentPage {
color: var(--btn-primary-inverse-color);
border-color: var(--btn-primary-inverse-border-color);
background: var(--btn-primary-inverse-bg)
}
.btn-primary.btn-inverse .badge,
.locations-proximity .btn-inverse[type=submit] .badge,
.pricing .btn-inverse.eprice-button .badge,
.pricing .btn-inverse[data-eprice].btn .badge,
.pricing .ePrice .btn-inverse.btn .badge,
.showroom-details-section .callout .btn-inverse.callout-button .badge,
.showroom-details-section .hproduct .btn-inverse.view-link .badge {
color: var(--btn-primary-inverse-bg);
background: var(--btn-primary-inverse-color)
}
.btn-carousel {
background: 0 0;
opacity: .75
}
.btn-carousel:focus,
.btn-carousel:hover {
opacity: 1
}
.btn-carousel:active,
.btn-carousel:focus {
outline: 0
}
.btn-link {
border-radius: 0;
text-decoration: none;
color: var(--btn-link-color)
}
.btn-link,
.btn-link.active,
.btn-link.currentPage,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent
}
.btn-link,
.btn-link.active,
.btn-link.currentPage,
.btn-link.focus,
.btn-link.hover,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent
}
.btn-link.focus,
.btn-link.hover,
.btn-link:focus,
.btn-link:hover {
text-decoration: underline;
color: var(--btn-link-hover-color);
background-color: transparent
}
.btn-link.active,
.btn-link.currentPage,
.btn-link:active {
color: var(--btn-link-active-color);
text-decoration: none
}
.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link {
color: var(--btn-link-disabled-color, var(--btn-link-color))
}
.btn-link.btn-inverse {
text-decoration: underline;
color: var(--btn-link-inverse-color)
}
.btn-link.btn-inverse.focus,
.btn-link.btn-inverse.hover,
.btn-link.btn-inverse:focus,
.btn-link.btn-inverse:hover {
text-decoration: underline;
color: var(--btn-link-inverse-hover-color)
}
.btn-link.btn-inverse.active,
.btn-link.btn-inverse.currentPage,
.btn-link.btn-inverse:active {
color: var(--btn-link-inverse-active-color);
text-decoration: underline
}
.btn-link.btn-inverse.disabled,
.btn-link.btn-inverse[disabled],
fieldset[disabled] .btn-link.btn-inverse {
color: var(--btn-link-inverse-disabled-color, var(--btn-link-inverse-color))
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.more-details-link>i.ddc-icon.ddc-icon-arrow1-right {
color: var(--color-primary-500)
}
.ddc-nav-inline>li>.btn,
.nav>li>.btn {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width))
}
.ddc-nav-inline>li>.btn-default:focus,
.nav>li>.btn-default:focus {
background-color: var(--btn-default-bg)
}
.ddc-nav-inline>li>.btn-default:hover,
.nav>li>.btn-default:hover {
background-color: var(--btn-default-hover-bg)
}
.ddc-nav-inline>li>.btn-default:active,
.nav>li>.btn-default:active {
background-color: var(--btn-default-active-bg)
}
.ddc-nav-inline>li>.btn-primary:focus,
.locations-proximity .ddc-nav-inline>li>[type=submit]:focus,
.locations-proximity .nav>li>[type=submit]:focus,
.nav>li>.btn-primary:focus,
.pricing .ddc-nav-inline>li>.eprice-button:focus,
.pricing .ddc-nav-inline>li>[data-eprice].btn:focus,
.pricing .ePrice .ddc-nav-inline>li>.btn:focus,
.pricing .ePrice .nav>li>.btn:focus,
.pricing .nav>li>.eprice-button:focus,
.pricing .nav>li>[data-eprice].btn:focus,
.showroom-details-section .callout .ddc-nav-inline>li>.callout-button:focus,
.showroom-details-section .callout .nav>li>.callout-button:focus,
.showroom-details-section .hproduct .ddc-nav-inline>li>.view-link:focus,
.showroom-details-section .hproduct .nav>li>.view-link:focus {
background-color: var(--btn-primary-bg)
}
.ddc-nav-inline>li>.btn-primary:hover,
.locations-proximity .ddc-nav-inline>li>[type=submit]:hover,
.locations-proximity .nav>li>[type=submit]:hover,
.nav>li>.btn-primary:hover,
.pricing .ddc-nav-inline>li>.eprice-button:hover,
.pricing .ddc-nav-inline>li>[data-eprice].btn:hover,
.pricing .ePrice .ddc-nav-inline>li>.btn:hover,
.pricing .ePrice .nav>li>.btn:hover,
.pricing .nav>li>.eprice-button:hover,
.pricing .nav>li>[data-eprice].btn:hover,
.showroom-details-section .callout .ddc-nav-inline>li>.callout-button:hover,
.showroom-details-section .callout .nav>li>.callout-button:hover,
.showroom-details-section .hproduct .ddc-nav-inline>li>.view-link:hover,
.showroom-details-section .hproduct .nav>li>.view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline>li>span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline>li>span.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .nav>li>span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .nav>li>span.currentPage {
background-color: var(--btn-primary-hover-bg)
}
.ddc-nav-inline>li>.btn-primary:active,
.locations-proximity .ddc-nav-inline>li>[type=submit]:active,
.locations-proximity .nav>li>[type=submit]:active,
.nav>li>.btn-primary:active,
.pricing .ddc-nav-inline>li>.eprice-button:active,
.pricing .ddc-nav-inline>li>[data-eprice].btn:active,
.pricing .ePrice .ddc-nav-inline>li>.btn:active,
.pricing .ePrice .nav>li>.btn:active,
.pricing .nav>li>.eprice-button:active,
.pricing .nav>li>[data-eprice].btn:active,
.showroom-details-section .callout .ddc-nav-inline>li>.callout-button:active,
.showroom-details-section .callout .nav>li>.callout-button:active,
.showroom-details-section .hproduct .ddc-nav-inline>li>.view-link:active,
.showroom-details-section .hproduct .nav>li>.view-link:active {
background-color: var(--btn-primary-active-bg)
}
.ddc-nav-inline>li>.btn-default.btn-inverse:focus,
.nav>li>.btn-default.btn-inverse:focus {
background-color: var(--btn-default-inverse-bg)
}
.ddc-nav-inline>li>.btn-default.btn-inverse:hover,
.nav>li>.btn-default.btn-inverse:hover {
background-color: var(--btn-default-inverse-hover-bg)
}
.ddc-nav-inline>li>.btn-default.btn-inverse:active,
.nav>li>.btn-default.btn-inverse:active {
background-color: var(--btn-default-inverse-active-bg)
}
.ddc-nav-inline>li>.btn-primary.btn-inverse:focus,
.locations-proximity .ddc-nav-inline>li>.btn-inverse[type=submit]:focus,
.locations-proximity .nav>li>.btn-inverse[type=submit]:focus,
.nav>li>.btn-primary.btn-inverse:focus,
.pricing .ddc-nav-inline>li>.btn-inverse.eprice-button:focus,
.pricing .ddc-nav-inline>li>.btn-inverse[data-eprice].btn:focus,
.pricing .ePrice .ddc-nav-inline>li>.btn-inverse.btn:focus,
.pricing .ePrice .nav>li>.btn-inverse.btn:focus,
.pricing .nav>li>.btn-inverse.eprice-button:focus,
.pricing .nav>li>.btn-inverse[data-eprice].btn:focus,
.showroom-details-section .callout .ddc-nav-inline>li>.btn-inverse.callout-button:focus,
.showroom-details-section .callout .nav>li>.btn-inverse.callout-button:focus,
.showroom-details-section .hproduct .ddc-nav-inline>li>.btn-inverse.view-link:focus,
.showroom-details-section .hproduct .nav>li>.btn-inverse.view-link:focus {
background-color: var(--btn-primary-inverse-bg)
}
.ddc-nav-inline>li>.btn-primary.btn-inverse:hover,
.locations-proximity .ddc-nav-inline>li>.btn-inverse[type=submit]:hover,
.locations-proximity .nav>li>.btn-inverse[type=submit]:hover,
.nav>li>.btn-primary.btn-inverse:hover,
.pricing .ddc-nav-inline>li>.btn-inverse.eprice-button:hover,
.pricing .ddc-nav-inline>li>.btn-inverse[data-eprice].btn:hover,
.pricing .ePrice .ddc-nav-inline>li>.btn-inverse.btn:hover,
.pricing .ePrice .nav>li>.btn-inverse.btn:hover,
.pricing .nav>li>.btn-inverse.eprice-button:hover,
.pricing .nav>li>.btn-inverse[data-eprice].btn:hover,
.showroom-details-section .callout .ddc-nav-inline>li>.btn-inverse.callout-button:hover,
.showroom-details-section .callout .nav>li>.btn-inverse.callout-button:hover,
.showroom-details-section .hproduct .ddc-nav-inline>li>.btn-inverse.view-link:hover,
.showroom-details-section .hproduct .nav>li>.btn-inverse.view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline>li>span.btn-inverse.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .ddc-nav-inline>li>span.btn-inverse.currentPage,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .nav>li>span.btn-inverse.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .nav>li>span.btn-inverse.currentPage {
background-color: var(--btn-primary-inverse-hover-bg)
}
.ddc-nav-inline>li>.btn-primary.btn-inverse:active,
.locations-proximity .ddc-nav-inline>li>.btn-inverse[type=submit]:active,
.locations-proximity .nav>li>.btn-inverse[type=submit]:active,
.nav>li>.btn-primary.btn-inverse:active,
.pricing .ddc-nav-inline>li>.btn-inverse.eprice-button:active,
.pricing .ddc-nav-inline>li>.btn-inverse[data-eprice].btn:active,
.pricing .ePrice .ddc-nav-inline>li>.btn-inverse.btn:active,
.pricing .ePrice .nav>li>.btn-inverse.btn:active,
.pricing .nav>li>.btn-inverse.eprice-button:active,
.pricing .nav>li>.btn-inverse[data-eprice].btn:active,
.showroom-details-section .callout .ddc-nav-inline>li>.btn-inverse.callout-button:active,
.showroom-details-section .callout .nav>li>.btn-inverse.callout-button:active,
.showroom-details-section .hproduct .ddc-nav-inline>li>.btn-inverse.view-link:active,
.showroom-details-section .hproduct .nav>li>.btn-inverse.view-link:active {
background-color: var(--btn-primary-inverse-active-bg)
}
.text-link {
padding: 0;
border: 0;
font-weight: inherit;
background: 0 0;
text-decoration: none;
color: var(--link-color)
}
.text-link.focus,
.text-link.hover,
.text-link:focus,
.text-link:hover {
text-decoration: underline;
color: var(--link-hover-color)
}
.text-link.active,
.text-link.currentPage,
.text-link:active {
outline: 0;
text-decoration: none;
color: var(--link-active-color)
}
.text-link.disabled,
.text-link[disabled],
fieldset[disabled] .text-link {
cursor: not-allowed;
pointer-events: none;
opacity: .5;
box-shadow: none
}
.text-link-inverse {
color: var(--link-inverse-color)
}
.text-link-inverse.focus,
.text-link-inverse.hover,
.text-link-inverse:focus,
.text-link-inverse:hover {
color: var(--link-inverse-hover-color)
}
.text-link-inverse.active,
.text-link-inverse.currentPage,
.text-link-inverse:active {
color: var(--link-inverse-active-color)
}
.text-inverse a:not(.btn) {
color: var(--link-inverse-color)
}
.text-inverse a:not(.btn).focus,
.text-inverse a:not(.btn).hover,
.text-inverse a:not(.btn):focus,
.text-inverse a:not(.btn):hover {
color: var(--link-inverse-hover-color)
}
.text-inverse a.currentPage:not(.btn),
.text-inverse a:not(.btn).active,
.text-inverse a:not(.btn):active {
color: var(--link-inverse-active-color)
}
.btn-unstyled:focus:not(:focus-visible) {
outline: 0
}
.btn-unstyled,
.btn-unstyled:active,
.btn-unstyled:focus,
.btn-unstyled:hover,
.btn-unstyled:visited {
vertical-align: inherit;
padding: inherit;
border: inherit;
border-radius: inherit;
font-family: inherit;
line-height: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
color: inherit;
background-color: transparent;
box-shadow: inherit;
-webkit-appearance: none
}
.btn-voice-search {
padding: 0;
text-decoration: none;
color: var(--text-muted-color)
}
form .btn-voice-search {
color: var(--input-color)
}
.btn-voice-search:focus:not(:focus-visible) {
outline: 0
}
.btn-voice-search,
.btn-voice-search:active,
.btn-voice-search:focus,
.btn-voice-search:hover,
.btn-voice-search:visited {
vertical-align: inherit;
border: inherit;
border-radius: inherit;
font-family: inherit;
line-height: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
background-color: transparent;
box-shadow: inherit;
-webkit-appearance: none
}
.btn-voice-search .ddc-icon {
padding: 8px;
border-radius: 50%
}
.btn-voice-search:not(.active):not(.currentPage) .ddc-icon:hover {
color: var(--color-neutral-900);
background-color: var(--color-neutral-100)
}
.btn-voice-search.active,
.btn-voice-search.currentPage {
color: var(--color-neutral-0-alpha-9)
}
.btn-voice-search.active .ddc-icon,
.btn-voice-search.currentPage .ddc-icon {
background-color: var(--color-success-500)
}
.btn-voice-search.active .ddc-icon:hover,
.btn-voice-search.currentPage .ddc-icon:hover {
background-color: var(--color-danger-500)
}
.btn-voice-search:hover {
text-decoration: none
}
.carousel.hide-buttons:hover .btn-carousel {
opacity: .75
}
.carousel.hide-buttons .btn-carousel {
opacity: 0
}
.carousel.indicators-after {
margin-bottom: 34px
}
.carousel .slick-list {
min-height: 100px
}
.carousel .btn-carousel {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
padding: 8px;
transition: opacity .1s cubic-bezier(.4, 0, .2, 1)
}
.carousel .btn-carousel.next {
right: 0
}
.carousel .btn-carousel.previous {
left: 0
}
.carousel-indicator-list {
position: absolute;
width: 100%;
list-style: none;
margin: 0;
padding: 8px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
pointer-events: none
}
.carousel-indicator-list li {
display: inline-block;
margin: 4px
}
.carousel-indicator-list .dot {
display: block;
height: 10px;
width: 10px;
border-radius: 50%;
background: var(--color-neutral-200);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.carousel-indicator-list .dot.active,
.carousel-indicator-list .dot.currentPage {
background: var(--color-neutral-500)
}
.carousel-indicator-list .dot-sm {
height: 6px;
width: 6px
}
.carousel-indicator-list .dot-xs {
height: 4px;
width: 4px
}
.chip {
padding: calc(.5em - var(--chip-border-width, 1px));
border-width: var(--chip-border-width, 1px);
border-style: var(--chip-border-style, solid);
border-radius: var(--chip-border-radius, 0);
line-height: 1.25
}
.chip .ddc-icon {
vertical-align: middle
}
.chip-xxlarge {
font-size: 21px
}
.chip-xlarge {
font-size: 17.5px
}
.chip-large {
font-size: 15.75px
}
.chip-small {
font-size: 12.25px
}
.chip-xsmall {
font-size: 10.5px
}
.chip-xxsmall {
font-size: 8.75px
}
.chip-default {
color: var(--chip-default-color, var(--text-color));
border-color: var(--chip-default-border-color, var(--divider-color));
background-color: var(--chip-default-background-color, var(--container-contrast-low-bg))
}
.chip-default .ddc-icon,
.chip-default small {
color: var(--chip-default-icon-color, var(--text-muted-color))
}
.chip-additive {
color: var(--chip-additive-color, var(--text-color));
border-color: var(--chip-additive-border-color, var(--divider-color));
background-color: var(--chip-additive-background-color, var(--container-contrast-low-bg))
}
.chip-additive .ddc-icon,
.chip-additive small {
color: var(--chip-additive-icon-color, var(--text-muted-color))
}
button.chip,
button.chip:active,
button.chip:focus,
button.chip:hover,
button.chip:visited {
vertical-align: inherit;
outline: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
box-shadow: inherit;
-webkit-appearance: none
}
button.chip.chip-xxlarge {
font-size: 21px
}
button.chip.chip-xlarge {
font-size: 17.5px
}
button.chip.chip-large {
font-size: 15.75px
}
button.chip.chip-small {
font-size: 12.25px
}
button.chip.chip-xsmall {
font-size: 10.5px
}
button.chip.chip-xxsmall {
font-size: 8.75px
}
button.chip[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: .5;
box-shadow: none
}
button.chip-default:focus,
button.chip-default:hover {
border-color: var(--chip-default-border-color-hover, #000);
color: var(--chip-default-color-hover, var(--text-color));
background-color: var(--chip-default-background-color-hover, var(--chip-default-background-color))
}
button.chip-default:focus .ddc-icon,
button.chip-default:focus small,
button.chip-default:hover .ddc-icon,
button.chip-default:hover small {
color: var(--chip-default-icon-color-hover, var(--text-color))
}
button.chip-additive:focus,
button.chip-additive:hover {
border-color: var(--chip-additive-border-color-hover, #000);
color: var(--chip-additive-color-hover, var(--text-color));
background-color: var(--chip-additive-background-color-hover, var(--chip-additive-background-color))
}
button.chip-additive:focus .ddc-icon,
button.chip-additive:focus small,
button.chip-additive:hover .ddc-icon,
button.chip-additive:hover small {
color: var(--chip-additive-icon-color-hover, var(--text-color))
}
.collapse-container.ddc-content {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid var(--divider-color);
border-bottom: 1px solid var(--divider-color)
}
.vdp-responsive-sections .collapse-container.ddc-content {
border-bottom: none
}
.collapse-container.ddc-content+.collapse-container {
border-top: none
}
.collapse-container.ddc-content .widget-heading.collapse-heading {
margin-top: 0;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 16px
}
.vdp-responsive-sections .collapse-container.ddc-content .widget-heading.collapse-heading {
padding-top: 32px;
padding-bottom: 32px
}
@media (min-width:992px) {
.vdp-responsive-sections .collapse-container.ddc-content .widget-heading.collapse-heading {
padding-top: 40px;
padding-bottom: 40px
}
}
.collapse-container.ddc-content .collapse-content {
padding-top: 16px;
padding-bottom: 16px
}
.vdp-responsive-sections .collapse-container.ddc-content .collapse-content {
padding-top: 0;
padding-bottom: 32px
}
@media (min-width:992px) {
.vdp-responsive-sections .collapse-container.ddc-content .collapse-content {
padding-bottom: 40px
}
}
.normalized-swatch {
position: relative;
overflow: hidden;
vertical-align: middle;
display: inline-block;
width: calc(1em * 1.5);
height: calc(1em * 1.5);
margin-right: 8px;
border: 1px solid var(--color-neutral-300);
border-radius: 50%;
background-clip: content-box;
flex-shrink: 0
}
.normalized-swatch-container {
display: flex
}
.line-height-condensed .normalized-swatch {
width: calc(1em * 1.25);
height: calc(1em * 1.25)
}
.normalized-swatch::after {
content: '';
position: absolute;
width: 150%;
height: 100%;
background: linear-gradient(rgba(0, 0, 0, .15), rgba(255, 255, 255, 0));
transform: rotate(-45deg) translate(-25%, 30%)
}
.normalized-swatch-autre,
.normalized-swatch-other,
.normalized-swatch-otro {
background: #fff url(/static/assets/images/backgrounds/transparent-grid-pattern.png) repeat
}
.normalized-swatch-autre::after,
.normalized-swatch-other::after,
.normalized-swatch-otro::after {
content: none
}
.normalized-swatch-beige,
.normalized-swatch-brun {
background-color: beige
}
.normalized-swatch-black,
.normalized-swatch-negro,
.normalized-swatch-noir {
background-color: #000
}
.normalized-swatch-azul,
.normalized-swatch-bleu,
.normalized-swatch-blue {
background-color: #28398b
}
.normalized-swatch-brown,
.normalized-swatch-brun,
.normalized-swatch-marron {
background-color: #805b33
}
.normalized-swatch-gold,
.normalized-swatch-or,
.normalized-swatch-oro {
background-color: #a7981a
}
.normalized-swatch-gray,
.normalized-swatch-grey,
.normalized-swatch-gris {
background-color: #999
}
.normalized-swatch-green,
.normalized-swatch-verde,
.normalized-swatch-vert {
background-color: #296640
}
.normalized-swatch-naranja,
.normalized-swatch-orange {
background-color: #c1602c
}
.normalized-swatch-morado,
.normalized-swatch-purple,
.normalized-swatch-violet {
background-color: #553380
}
.normalized-swatch-red,
.normalized-swatch-rojo,
.normalized-swatch-rouge {
background-color: #b8252a
}
.normalized-swatch-argent,
.normalized-swatch-plata,
.normalized-swatch-silver {
background-color: #bfbfbf
}
.normalized-swatch-blanc,
.normalized-swatch-blanco,
.normalized-swatch-white {
background-color: #fff
}
.normalized-swatch-amarillo,
.normalized-swatch-jaune,
.normalized-swatch-yellow {
background-color: #dfdd44
}
.coupon-listing .promo {
margin: 0 12px 24px;
width: calc((100% / 2) - 24px);
max-width: calc((100% / 2) - 24px)
}
@media (min-width:992px) {
.coupon-listing .promo {
width: calc((100% / 3) - 24px);
max-width: calc((100% / 3) - 24px)
}
}
.divider-centered-border-bottom::after {
content: '';
display: block;
width: 96px;
margin-top: 24px;
margin-bottom: 24px;
margin-right: auto;
margin-left: auto
}
.divider-centered-border-left,
.divider-centered-border-right {
position: relative
}
.divider-centered-border-left::after,
.divider-centered-border-right::after {
content: '';
display: block;
height: 50%;
position: absolute;
top: 25%;
pointer-events: none
}
.divider-centered-border-left::after {
left: 0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: var(--divider-color)
}
.divider-centered-border-left.divider-primary::after {
border-left-color: var(--color-primary-500)
}
.divider-centered-border-right::after {
right: 0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: var(--divider-color)
}
.divider-centered-border-right.divider-primary::after {
border-right-color: var(--color-primary-500)
}
.divider-centered-border-bottom::after {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--divider-color)
}
.divider-centered-border-bottom.divider-primary::after {
border-bottom-color: var(--color-primary-500)
}
.divider-0::after {
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0
}
.divider-1::after {
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
}
.divider-2::after {
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px
}
.divider-left-0::after {
border-left-width: 0
}
.divider-left-1::after {
border-left-width: 1px
}
.divider-left-2::after {
border-left-width: 2px
}
@media (min-width:480px) {
.divider-sm-left-0::after {
border-left-width: 0
}
.divider-sm-left-1::after {
border-left-width: 1px
}
.divider-sm-left-2::after {
border-left-width: 2px
}
}
@media (min-width:768px) {
.divider-md-left-0::after {
border-left-width: 0
}
.divider-md-left-1::after {
border-left-width: 1px
}
.divider-md-left-2::after {
border-left-width: 2px
}
}
@media (min-width:992px) {
.divider-lg-left-0::after {
border-left-width: 0
}
.divider-lg-left-1::after {
border-left-width: 1px
}
.divider-lg-left-2::after {
border-left-width: 2px
}
}
@media (min-width:1200px) {
.divider-xl-left-0::after {
border-left-width: 0
}
.divider-xl-left-1::after {
border-left-width: 1px
}
.divider-xl-left-2::after {
border-left-width: 2px
}
}
.divider-right-0::after {
border-right-width: 0
}
.divider-right-1::after {
border-right-width: 1px
}
.divider-right-2::after {
border-right-width: 2px
}
@media (min-width:480px) {
.divider-sm-right-0::after {
border-right-width: 0
}
.divider-sm-right-1::after {
border-right-width: 1px
}
.divider-sm-right-2::after {
border-right-width: 2px
}
}
@media (min-width:768px) {
.divider-md-right-0::after {
border-right-width: 0
}
.divider-md-right-1::after {
border-right-width: 1px
}
.divider-md-right-2::after {
border-right-width: 2px
}
}
@media (min-width:992px) {
.divider-lg-right-0::after {
border-right-width: 0
}
.divider-lg-right-1::after {
border-right-width: 1px
}
.divider-lg-right-2::after {
border-right-width: 2px
}
}
@media (min-width:1200px) {
.divider-xl-right-0::after {
border-right-width: 0
}
.divider-xl-right-1::after {
border-right-width: 1px
}
.divider-xl-right-2::after {
border-right-width: 2px
}
}
.divider-bottom-0::after {
border-bottom-width: 0
}
.divider-bottom-1::after {
border-bottom-width: 1px
}
.divider-bottom-2::after {
border-bottom-width: 2px
}
@media (min-width:480px) {
.divider-sm-bottom-0::after {
border-bottom-width: 0
}
.divider-sm-bottom-1::after {
border-bottom-width: 1px
}
.divider-sm-bottom-2::after {
border-bottom-width: 2px
}
}
@media (min-width:768px) {
.divider-md-bottom-0::after {
border-bottom-width: 0
}
.divider-md-bottom-1::after {
border-bottom-width: 1px
}
.divider-md-bottom-2::after {
border-bottom-width: 2px
}
}
@media (min-width:992px) {
.divider-lg-bottom-0::after {
border-bottom-width: 0
}
.divider-lg-bottom-1::after {
border-bottom-width: 1px
}
.divider-lg-bottom-2::after {
border-bottom-width: 2px
}
}
@media (min-width:1200px) {
.divider-xl-bottom-0::after {
border-bottom-width: 0
}
.divider-xl-bottom-1::after {
border-bottom-width: 1px
}
.divider-xl-bottom-2::after {
border-bottom-width: 2px
}
}
.facet-list-range-slider .range-form {
padding: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
grid-auto-flow: row
}
.facet-list-range-slider .range-form::after,
.facet-list-range-slider .range-form::before {
content: none
}
.facet-list-range-slider .range-form .control-label {
font-size: 14px
}
.facet-list-range-slider .vehicle-count {
margin-bottom: 16px;
text-align: center;
font-size: 14px;
color: var(--text-muted-color)
}
.facet-list-range-slider .range-slider {
margin: 16px auto 24px;
padding: 0 8px
}
.facet-list-range-slider .histogram {
display: flex;
align-items: baseline
}
.facet-list-range-slider .histogram .histogram-bar {
position: relative;
margin: 0 2px;
border-radius: 2px 2px 0 0;
background: var(--color-neutral-1000-alpha-1);
flex: 1 1 0
}
.facet-list-range-slider .histogram .histogram-bar.active,
.facet-list-range-slider .histogram .histogram-bar.currentPage {
background: var(--color-neutral-1000-alpha-2)
}
.DefaultProgressBar_progressBar {
position: absolute;
background-color: var(--color-primary-700)
}
.DefaultBackground {
position: relative;
width: 100%;
height: 11px;
border-radius: 8px;
background-color: var(--color-neutral-300)
}
.DefaultProgressBar_background__horizontal {
height: 11px
}
.DefaultHandle_handle {
top: -8px;
padding: 12px;
margin-left: -13px;
border-width: 3px;
border-style: solid;
border-radius: 50%;
outline: 0;
border-color: var(--color-primary-700);
background-color: var(--color-neutral-0)
}
.DefaultHandle_handle:hover {
border-color: var(--color-primary-900);
cursor: ew-resize
}
.DefaultHandle_handle:active,
.DefaultHandle_handle:focus {
outline: 0;
box-shadow: 0 0 0 2px var(--color-neutral-50), 0 0 6px 4px var(--color-primary-400)
}
.rheostat {
position: relative;
overflow: visible;
display: flex
}
.rheostat .bar-bullets {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
display: block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--color-neutral-0-alpha-6);
transform: translateX(-50%)
}
.handleContainer {
position: absolute;
z-index: 100;
width: 100%;
height: 11px;
left: 0
}
.modal-body .range-slider {
padding: 0 24px
}
.modal-body .DefaultBackground,
.modal-body .DefaultProgressBar_background__horizontal,
.modal-body .handleContainer {
height: 15px
}
.modal-body .rheostat .bar-bullets {
bottom: 6px
}
.rc-slider {
position: relative;
width: 100%;
height: 14px;
border-radius: 6px;
touch-action: none;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent
}
.rc-slider * {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent
}
.rc-slider .rc-slider-rail {
position: absolute;
width: 100%;
height: 11px;
border-radius: 8px;
background-color: var(--color-neutral-300)
}
.rc-slider .rc-slider-rail:hover {
cursor: ew-resize
}
.rc-slider .rc-slider-rail:active,
.rc-slider .rc-slider-rail:focus {
outline: 0;
box-shadow: 0 0 0 2px var(--color-neutral-50), 0 0 6px 4px var(--color-primary-400)
}
.rc-slider .rc-slider-track {
position: absolute;
height: 11px;
background-color: var(--color-primary-700);
border-radius: 6px
}
.rc-slider .rc-slider-handle {
position: absolute;
width: 28px;
height: 28px;
margin-top: -8px;
background-color: var(--color-neutral-0);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
border-style: solid;
border-color: var(--color-primary-700);
border-width: 3px;
cursor: pointer;
cursor: -webkit-grab;
cursor: grab;
touch-action: pan-x
}
.rc-slider .rc-slider-handle:hover {
border-color: var(--color-primary-900)
}
.rc-slider .rc-slider-handle:active,
.rc-slider .rc-slider-handle:focus {
box-shadow: 0 0 0 2px var(--color-neutral-50), 0 0 6px 4px var(--color-primary-400)
}
.rc-slider .rc-slider-handle:active {
cursor: -webkit-grabbing;
cursor: grabbing
}
.rc-slider .rc-slider-mark {
position: absolute;
top: 18px;
left: 0;
width: 100%;
font-size: 12px
}
.rc-slider .rc-slider-step {
height: 5px;
position: absolute;
width: 100%;
background: 0 0;
pointer-events: none
}
.rc-slider .rc-slider-dot {
position: absolute;
bottom: -2px;
width: 4px;
height: 4px;
vertical-align: middle;
background-color: var(--color-neutral-0-alpha-6);
border-radius: 50%;
cursor: pointer
}
.rc-slider .rc-slider-dot:first-of-type,
.rc-slider .rc-slider-dot:last-of-type {
display: none
}
.facet-list-group-label {
font-weight: 800
}
.facet-list .panel-collapse {
margin-top: 16px
}
.facet-list .facet-list-group {
margin-bottom: 0;
padding: 12px 0;
border-bottom: 1px solid var(--divider-color)
}
.facet-list .facet-list-group+.facet-list-group {
margin-top: 0
}
.facet-list .icon-style-collapse {
align-self: center
}
.facet-list label {
width: 100%;
font-weight: 400
}
.facet-list label input:checked+.facet-list-facet-label-text-container span,
.facet-list label:hover input+.facet-list-facet-label-text-container span {
color: var(--text-color)
}
.facet-list label span {
color: var(--text-muted-color)
}
.facet-list label small {
padding: 0 4px;
color: var(--text-muted-color)
}
.facet-list label.disabled {
cursor: not-allowed;
opacity: .5;
box-shadow: none
}
.facet-list .checkbox:first-child,
.facet-list .radio:first-child {
margin-top: 0
}
.facet-filters.fixed-top {
z-index: 1028
}
.facet-buttons .facet-list,
.modal-body .facet-list {
margin-right: -15px;
margin-left: -15px
}
.facet-buttons .facet-list .facet-list-group,
.modal-body .facet-list .facet-list-group {
padding: 16px 15px
}
.facet-buttons .facet-list .panel-collapse,
.modal-body .facet-list .panel-collapse {
background: 0 0
}
.facet-buttons .facet-list .panel-body,
.modal-body .facet-list .panel-body {
padding: 0
}
.facet-buttons .facet-list .checkbox input,
.facet-buttons .facet-list .radio input,
.modal-body .facet-list .checkbox input,
.modal-body .facet-list .radio input {
width: 0;
height: 0;
margin: 0;
opacity: 0
}
.facet-buttons .facet-list-group ul:not(.nav.nav-tabs):not(.nav-tabs.ddc-nav-inline),
.modal-body .facet-list-group ul:not(.nav.nav-tabs):not(.nav-tabs.ddc-nav-inline) {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-items: stretch;
justify-content: space-between;
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr);
grid-gap: 8px;
grid-auto-flow: row
}
.facet-buttons .facet-list-group .checkbox,
.facet-buttons .facet-list-group .radio,
.modal-body .facet-list-group .checkbox,
.modal-body .facet-list-group .radio {
margin: 0
}
.facet-buttons .facet-list-group label,
.modal-body .facet-list-group label {
display: inline;
padding-left: 0
}
.facet-buttons .facet-list [data-facet-group=year] ul:not(.nav.nav-tabs):not(.nav-tabs.ddc-nav-inline),
.modal-body .facet-list [data-facet-group=year] ul:not(.nav.nav-tabs):not(.nav-tabs.ddc-nav-inline) {
grid-template-columns: repeat(3, 1fr)
}
.facet-buttons .facet-list .facet-list-facet-label-text-container,
.modal-body .facet-list .facet-list-facet-label-text-container {
padding: .75em 1em;
border: 1px solid var(--color-neutral-200);
border-radius: 4px;
line-height: 1.25;
background-color: var(--color-neutral-0);
display: flex;
align-items: flex-start
}
.facet-buttons .facet-list .facet-list-facet-label-text-container:hover,
.modal-body .facet-list .facet-list-facet-label-text-container:hover {
border-color: var(--color-neutral-500)
}
.facet-buttons .facet-list input:checked+.facet-list-facet-label-text-container,
.modal-body .facet-list input:checked+.facet-list-facet-label-text-container {
border-color: var(--color-primary-700);
background-color: var(--color-primary-700)
}
.facet-buttons .facet-list input:checked+.facet-list-facet-label-text-container span,
.modal-body .facet-list input:checked+.facet-list-facet-label-text-container span {
color: var(--text-inverse-color)
}
.facet-buttons .facet-list input:checked+.facet-list-facet-label-text-container small,
.modal-body .facet-list input:checked+.facet-list-facet-label-text-container small {
color: var(--text-inverse-muted-color)
}
.facet-buttons .facet-list input:checked+.facet-list-facet-label-text-container:hover,
.modal-body .facet-list input:checked+.facet-list-facet-label-text-container:hover {
border-color: var(--color-primary-700);
background-color: var(--color-primary-600)
}
.facet-buttons .facet-list input:focus+.facet-list-facet-label-text-container,
.modal-body .facet-list input:focus+.facet-list-facet-label-text-container {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.facet-buttons .facet-list input:disabled+.facet-list-facet-label-text-container,
.modal-body .facet-list input:disabled+.facet-list-facet-label-text-container {
cursor: not-allowed;
pointer-events: none;
opacity: .5;
box-shadow: none
}
.facet-buttons .facet-list .radio .facet-list-facet-label-text-container::before,
.modal-body .facet-list .radio .facet-list-facet-label-text-container::before {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
margin-right: 8px;
border: 1px solid var(--color-neutral-200);
border-radius: 50%;
flex-shrink: 0
}
.facet-buttons .facet-list .radio input:checked+.facet-list-facet-label-text-container::before,
.modal-body .facet-list .radio input:checked+.facet-list-facet-label-text-container::before {
border-color: var(--text-inverse-color);
background: radial-gradient(var(--text-inverse-color) 40%, transparent 60%)
}
.border-offset-image {
z-index: 0;
position: relative
}
.border-offset-image.ddc-content::before {
display: block
}
.border-offset-image.image-inverse {
transform: scaleX(-1)
}
.border-offset-image::before {
position: absolute;
bottom: 24px;
left: 24px;
width: 100%;
height: 100%;
border-radius: 48px 0;
border: 1px solid var(--divider-color);
content: '';
z-index: -1
}
.border-offset-image img {
border-radius: 48px 0
}
.border-offset-image.border-offset-electric-vivid::before {
border-color: var(--color-electric-vivid)
}
.alert a:not(.btn),
.content-raw a:not(.btn),
.content-tabbed .panel-body a:not(.btn),
.include-velocity a:not(.btn),
.text-content-container a:not(.btn),
.ws-accordion-content .panel-body a:not(.btn),
.ws-dealer-services figcaption a:not(.btn),
.ws-dealer-services p a:not(.btn),
.ws-dealernotes .content a:not(.btn) {
text-decoration: underline
}
.four-o-four .navigation-sitemap ul,
.list-spaced {
margin-bottom: 0
}
.four-o-four .navigation-sitemap ul>dd,
.four-o-four .navigation-sitemap ul>dt,
.four-o-four .navigation-sitemap ul>li,
.list-spaced>dd,
.list-spaced>dt,
.list-spaced>li {
margin-bottom: 1em
}
.four-o-four .navigation-sitemap ul>dd:last-of-type,
.four-o-four .navigation-sitemap ul>dt:last-of-type,
.four-o-four .navigation-sitemap ul>li:last-of-type,
.list-spaced>dd:last-of-type,
.list-spaced>dt:last-of-type,
.list-spaced>li:last-of-type {
margin-bottom: 0
}
@keyframes shimmer {
0% {
background-position: -1000px 0
}
100% {
background-position: 1000px 0
}
}
.skeleton-shimmer {
display: flex;
width: 100%;
background: linear-gradient(to right, var(--color-neutral-200) 4%, var(--color-neutral-100) 25%, var(--color-neutral-200) 36%);
background-size: 1000px 100%;
animation: shimmer 2.5s infinite linear
}
.pagination {
display: flex;
font-size: .875rem;
padding-left: 0;
list-style: none
}
.pagination>li {
margin-left: var(--pagination-margin)
}
.pagination>li:first-child {
margin-left: 0
}
.pagination>li>a,
.pagination>li>span {
position: relative;
display: inline-flex;
min-width: var(--pagination-width);
height: var(--pagination-height);
margin-left: -1px;
padding: var(--pagination-padding);
border: 1px solid var(--pagination-border);
border-radius: var(--pagination-border-radius);
text-decoration: none;
color: var(--pagination-color);
background-color: var(--pagination-bg);
justify-content: center;
align-items: center
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0
}
.pagination>li>a:focus,
.pagination>li>a:hover {
z-index: 2;
color: var(--pagination-hover-color);
border-color: var(--pagination-hover-border);
background-color: var(--pagination-hover-bg)
}
.pagination>li>a:active {
z-index: 2;
color: var(--pagination-active-color);
border-color: var(--pagination-active-border);
background-color: var(--pagination-active-bg)
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>.currentPage>a,
.pagination>.currentPage>a:focus,
.pagination>.currentPage>a:hover,
.pagination>.currentPage>span,
.pagination>.currentPage>span:focus,
.pagination>.currentPage>span:hover {
z-index: 3;
color: var(--pagination-current-color);
border-color: var(--pagination-current-border);
background-color: var(--pagination-current-bg);
cursor: default
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
cursor: not-allowed;
pointer-events: none;
opacity: .5;
box-shadow: none
}
.pagination>.pagination-ellipsis>span {
border: 1px solid var(--pagination-ellipsis-border);
color: var(--pagination-ellipsis-color);
background-color: var(--pagination-ellipsis-bg)
}
.pagination>.pagination-next>a,
.pagination>.pagination-next>span,
.pagination>.pagination-previous>a,
.pagination>.pagination-previous>span {
max-width: var(--pagination-width);
color: var(--pagination-arrow-color);
border-color: var(--pagination-arrow-border);
background-color: var(--pagination-arrow-bg)
}
.pagination>.pagination-next>a:focus,
.pagination>.pagination-next>a:hover,
.pagination>.pagination-next>span:focus,
.pagination>.pagination-next>span:hover,
.pagination>.pagination-previous>a:focus,
.pagination>.pagination-previous>a:hover,
.pagination>.pagination-previous>span:focus,
.pagination>.pagination-previous>span:hover {
color: var(--pagination-arrow-hover-color);
border-color: var(--pagination-arrow-hover-border);
background-color: var(--pagination-arrow-hover-bg)
}
.blog-post-list .pagination,
.video-gallery .pagination,
.vlp .pagination {
display: inline-block;
margin: 21px 0;
padding-left: 0;
border-radius: 0
}
.blog-post-list .pagination>li,
.video-gallery .pagination>li,
.vlp .pagination>li {
display: inline;
margin-left: 0
}
.blog-post-list .pagination>li>a,
.blog-post-list .pagination>li>span,
.video-gallery .pagination>li>a,
.video-gallery .pagination>li>span,
.vlp .pagination>li>a,
.vlp .pagination>li>span {
position: relative;
float: left;
display: inline;
padding: 8px 16px;
border: 1px solid transparent;
border-radius: 0;
line-height: 1.5;
color: var(--text-muted-color);
background-color: transparent
}
.blog-post-list .pagination>li:first-child>a,
.blog-post-list .pagination>li:first-child>span,
.video-gallery .pagination>li:first-child>a,
.video-gallery .pagination>li:first-child>span,
.vlp .pagination>li:first-child>a,
.vlp .pagination>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.blog-post-list .pagination>li:last-child>a,
.blog-post-list .pagination>li:last-child>span,
.video-gallery .pagination>li:last-child>a,
.video-gallery .pagination>li:last-child>span,
.vlp .pagination>li:last-child>a,
.vlp .pagination>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.blog-post-list .pagination>li>a:focus,
.blog-post-list .pagination>li>a:hover,
.blog-post-list .pagination>li>span:focus,
.blog-post-list .pagination>li>span:hover,
.video-gallery .pagination>li>a:focus,
.video-gallery .pagination>li>a:hover,
.video-gallery .pagination>li>span:focus,
.video-gallery .pagination>li>span:hover,
.vlp .pagination>li>a:focus,
.vlp .pagination>li>a:hover,
.vlp .pagination>li>span:focus,
.vlp .pagination>li>span:hover {
color: var(--color-neutral-600);
border-color: transparent;
background-color: var(--color-neutral-50)
}
.blog-post-list .pagination>.active>a,
.blog-post-list .pagination>.active>a:focus,
.blog-post-list .pagination>.active>a:hover,
.blog-post-list .pagination>.active>span,
.blog-post-list .pagination>.active>span:focus,
.blog-post-list .pagination>.active>span:hover,
.blog-post-list .pagination>.currentPage>a,
.blog-post-list .pagination>.currentPage>a:focus,
.blog-post-list .pagination>.currentPage>a:hover,
.blog-post-list .pagination>.currentPage>span,
.blog-post-list .pagination>.currentPage>span:focus,
.blog-post-list .pagination>.currentPage>span:hover,
.video-gallery .pagination>.active>a,
.video-gallery .pagination>.active>a:focus,
.video-gallery .pagination>.active>a:hover,
.video-gallery .pagination>.active>span,
.video-gallery .pagination>.active>span:focus,
.video-gallery .pagination>.active>span:hover,
.video-gallery .pagination>.currentPage>a,
.video-gallery .pagination>.currentPage>a:focus,
.video-gallery .pagination>.currentPage>a:hover,
.video-gallery .pagination>.currentPage>span,
.video-gallery .pagination>.currentPage>span:focus,
.video-gallery .pagination>.currentPage>span:hover,
.vlp .pagination>.active>a,
.vlp .pagination>.active>a:focus,
.vlp .pagination>.active>a:hover,
.vlp .pagination>.active>span,
.vlp .pagination>.active>span:focus,
.vlp .pagination>.active>span:hover,
.vlp .pagination>.currentPage>a,
.vlp .pagination>.currentPage>a:focus,
.vlp .pagination>.currentPage>a:hover,
.vlp .pagination>.currentPage>span,
.vlp .pagination>.currentPage>span:focus,
.vlp .pagination>.currentPage>span:hover {
color: var(--text-color);
border-color: var(--color-primary-500);
background-color: var(--color-neutral-50)
}
.blog-post-list .pagination-lg>li>a,
.blog-post-list .pagination-lg>li>span,
.video-gallery .pagination-lg>li>a,
.video-gallery .pagination-lg>li>span,
.vlp .pagination-lg>li>a,
.vlp .pagination-lg>li>span {
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333
}
.blog-post-list .pagination-lg>li:first-child>a,
.blog-post-list .pagination-lg>li:first-child>span,
.video-gallery .pagination-lg>li:first-child>a,
.video-gallery .pagination-lg>li:first-child>span,
.vlp .pagination-lg>li:first-child>a,
.vlp .pagination-lg>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.blog-post-list .pagination-lg>li:last-child>a,
.blog-post-list .pagination-lg>li:last-child>span,
.video-gallery .pagination-lg>li:last-child>a,
.video-gallery .pagination-lg>li:last-child>span,
.vlp .pagination-lg>li:last-child>a,
.vlp .pagination-lg>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.blog-post-list .pagination-sm>li>a,
.blog-post-list .pagination-sm>li>span,
.video-gallery .pagination-sm>li>a,
.video-gallery .pagination-sm>li>span,
.vlp .pagination-sm>li>a,
.vlp .pagination-sm>li>span {
padding: 4px 8px;
font-size: 14px;
line-height: 1.5
}
.blog-post-list .pagination-sm>li:first-child>a,
.blog-post-list .pagination-sm>li:first-child>span,
.video-gallery .pagination-sm>li:first-child>a,
.video-gallery .pagination-sm>li:first-child>span,
.vlp .pagination-sm>li:first-child>a,
.vlp .pagination-sm>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.blog-post-list .pagination-sm>li:last-child>a,
.blog-post-list .pagination-sm>li:last-child>span,
.video-gallery .pagination-sm>li:last-child>a,
.video-gallery .pagination-sm>li:last-child>span,
.vlp .pagination-sm>li:last-child>a,
.vlp .pagination-sm>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
dl.pricing-detail {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
dl.pricing-detail dd,
dl.pricing-detail dt {
margin-bottom: 4px
}
dl.pricing-detail dt {
font-weight: 400;
line-height: 1.25;
color: var(--text-muted-color);
flex-basis: calc(60% - 12px)
}
dl.pricing-detail dd {
margin-left: 8px;
text-align: right;
flex-basis: calc(40% - 12px)
}
dl.pricing-detail .pricing-divider {
margin-left: 0;
border-top: 1px solid var(--divider-color);
flex-basis: 100%
}
.price-btn {
text-align: center
}
.price-btn .cst-image {
border: none;
padding: 0
}
.price-btn img {
display: inline
}
.progressive-image {
filter: blur(3px);
transform: scale(1.01);
transition-property: filter, transform;
transition-duration: .4s
}
.progressive-image.loaded {
filter: none;
transform: scale(1)
}
.navigation-default .dropdown-menu.dropdown-search-results {
top: 100%
}
.navigation-default .dropdown-menu.dropdown-search-results a:not(.btn) {
color: var(--color-neutral-1000)
}
.dropdown-menu.dropdown-search-results a:not(.btn) {
color: var(--color-neutral-1000)
}
.dropdown-menu.dropdown-search-results a:not(.btn) small {
color: var(--color-primary-500)
}
.dropdown-menu.dropdown-search-results a:not(.btn):hover {
color: var(--color-neutral-0)
}
.dropdown-menu.dropdown-search-results a:not(.btn):hover small {
color: var(--color-neutral-0)
}
.vehicle-card-grid {
margin-right: -12px;
margin-left: -12px;
display: flex;
flex-wrap: wrap
}
.vehicle-card-grid .vehicle-card-media-container-carousel {
margin-bottom: 34px
}
.vehicle-card-detailed {
max-width: calc(100% - 24px);
margin: 0 12px 24px;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) {
.vehicle-card-detailed {
width: calc((100% / 2) - 24px);
max-width: calc((100% / 2) - 24px)
}
}
@media (min-width:1440px) {
.vehicle-card-detailed {
width: calc((100% / 3) - 24px);
max-width: calc((100% / 3) - 24px)
}
}
@media (min-width:2000px) {
.vehicle-card-detailed {
width: calc((100% / 4) - 24px)
}
.container-max-lg .vehicle-card-detailed,
.container-max-md .vehicle-card-detailed {
min-width: 306.66667px;
flex-grow: 1
}
}
.vehicle-card-detailed.vehicle-card-horizontal {
width: 100%;
max-width: none;
margin: 0 0 16px
}
@media (min-width:480px) {
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-media-container {
width: 35%
}
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-details-container {
width: 65%;
padding: 16px
}
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-description {
padding-right: 16px
}
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-footer {
border-top: 1px solid var(--divider-color)
}
.vehicle-card-detailed.vehicle-card-horizontal .carousel,
.vehicle-card-detailed.vehicle-card-horizontal .img-container {
border-width: 0 1px 1px 0
}
.vehicle-card-detailed.vehicle-card-horizontal .carousel .img-container {
border-width: 0
}
}
@media (min-width:1200px) {
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-media-container {
width: 100%
}
.vehicle-card-detailed.vehicle-card-horizontal .vehicle-card-details-container {
width: 100%;
min-width: 521.73913px
}
}
.vehicle-card.vehicle-card-featured {
border: 2px solid var(--color-primary-500)
}
.vehicle-card-body {
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
flex-grow: 1
}
@media (min-width:480px) {
.vehicle-card-horizontal .vehicle-card-body {
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
}
.vehicle-card-title {
display: flex;
align-items: flex-start
}
.vehicle-card-title a span:first-child {
display: block
}
.vehicle-card-title span[id] {
margin-left: 8px
}
.vehicle-card-media-container {
overflow: hidden
}
.vehicle-card-media-container-no-carousel {
display: block;
margin-bottom: 16px
}
.vehicle-card-details-container {
padding: 0 16px;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
flex-grow: 1
}
.vehicle-card-details-container .vehicle-card-description {
column-count: 2
}
.vehicle-card-details-container .vehicle-card-description.single-col {
column-count: 1
}
.vehicle-card-tabs {
margin-bottom: 8px
}
.vehicle-card-tabs .tab-content {
padding-top: 8px
}
.vehicle-card-description li {
overflow-x: hidden;
padding: 2px 0;
text-overflow: ellipsis;
break-inside: avoid
}
.vehicle-card-badge,
.vehicle-card-media {
padding: 16px 8px
}
.vehicle-card-badge img,
.vehicle-card-media img {
max-height: 48px
}
.vehicle-card-footer {
margin-top: auto;
padding: 16px
}
.vehicle-card-fade:after {
content: '';
position: absolute;
right: 50%;
display: block;
width: 101%;
height: 101%;
background: linear-gradient(transparent, var(--page-bg) 35%);
transform: translate(50%)
}
.vehicle-card-fade .offsite-info {
z-index: 1;
bottom: 10%;
padding: 16px
}
.vehicle-card .carousel,
.vehicle-card .img-container {
border-width: 0 0 1px 0;
border-style: solid;
border-color: var(--divider-color)
}
.vehicle-card .carousel .img-container {
border-width: 0
}
.vehicle-card .img-container.img-loaded {
padding-bottom: 0;
background-color: transparent
}
.vehicle-card .img-container.img-loaded>a,
.vehicle-card .img-container.img-loaded>img {
position: static;
opacity: 1
}
.vehicle-card .img-container>a,
.vehicle-card .img-container>img {
position: absolute;
top: 0;
left: 0
}
.vehicle-card .img-container img {
transition: opacity, filter, transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .4s;
opacity: 0
}
.vehicle-card .vehicle-ctas {
margin-top: auto
}
.vehicle-card-mini {
padding: 16px
}
.vehicle-card-mini.vehicle-card-horizontal {
display: flex;
align-items: center
}
.vehicle-card-mini.vehicle-card-horizontal .vehicle-card-media-container {
flex-grow: 0
}
.vehicle-card-mini.vehicle-card-horizontal .vehicle-card-details-container {
flex-grow: 1
}
.vehicle-card-mini .vehicle-card-details-container {
padding-bottom: 16px
}
a.vehicle-card-mini {
color: inherit
}
.highlight-badge.default {
border: none;
padding: .5em;
color: var(--highlight-badge-default-text-color);
background-color: var(--highlight-badge-default-bg-color);
border-radius: var(--highlight-badge-border-radius, 0);
line-height: 1.25
}
.highlight-badge.hotcars {
border: none;
padding: .5em;
color: var(--highlight-badge-hotcars-text-color);
background-color: var(--highlight-badge-hotcars-bg-color);
border-radius: var(--highlight-badge-border-radius, 0);
line-height: 1.25
}
.highlight-badge.in-stock {
border: none;
padding: .5em;
color: var(--highlight-badge-in-stock-text-color);
background-color: var(--highlight-badge-in-stock-bg-color);
border-radius: var(--highlight-badge-border-radius, 0);
line-height: 1.25
}
.highlight-badge.badge-xsmall {
font-size: 10.5px
}
.highlight-badge.badge-small {
font-size: 12.25px
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
.order-6 {
order: 6
}
.order-7 {
order: 7
}
.order-8 {
order: 8
}
.order-9 {
order: 9
}
.order-10 {
order: 10
}
.order-11 {
order: 11
}
.order-12 {
order: 12
}
@media (min-width:480px) {
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
.order-sm-6 {
order: 6
}
.order-sm-7 {
order: 7
}
.order-sm-8 {
order: 8
}
.order-sm-9 {
order: 9
}
.order-sm-10 {
order: 10
}
.order-sm-11 {
order: 11
}
.order-sm-12 {
order: 12
}
}
@media (min-width:768px) {
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.order-md-4 {
order: 4
}
.order-md-5 {
order: 5
}
.order-md-6 {
order: 6
}
.order-md-7 {
order: 7
}
.order-md-8 {
order: 8
}
.order-md-9 {
order: 9
}
.order-md-10 {
order: 10
}
.order-md-11 {
order: 11
}
.order-md-12 {
order: 12
}
}
@media (min-width:992px) {
.order-lg-1 {
order: 1
}
.order-lg-2 {
order: 2
}
.order-lg-3 {
order: 3
}
.order-lg-4 {
order: 4
}
.order-lg-5 {
order: 5
}
.order-lg-6 {
order: 6
}
.order-lg-7 {
order: 7
}
.order-lg-8 {
order: 8
}
.order-lg-9 {
order: 9
}
.order-lg-10 {
order: 10
}
.order-lg-11 {
order: 11
}
.order-lg-12 {
order: 12
}
}
@media (min-width:1200px) {
.order-xl-1 {
order: 1
}
.order-xl-2 {
order: 2
}
.order-xl-3 {
order: 3
}
.order-xl-4 {
order: 4
}
.order-xl-5 {
order: 5
}
.order-xl-6 {
order: 6
}
.order-xl-7 {
order: 7
}
.order-xl-8 {
order: 8
}
.order-xl-9 {
order: 9
}
.order-xl-10 {
order: 10
}
.order-xl-11 {
order: 11
}
.order-xl-12 {
order: 12
}
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.bg-primary {
background-color: var(--color-primary-500) !important
}
.bg-primary.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-500) 30%, transparent 30%) !important
}
.bg-primary.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-500) 50%, transparent 50%) !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: var(--color-primary-600) !important
}
.bg-secondary {
background-color: var(--color-neutral-500) !important
}
.bg-secondary.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-500) 30%, transparent 30%) !important
}
.bg-secondary.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-500) 50%, transparent 50%) !important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: var(--color-neutral-500) !important
}
.bg-success {
background-color: var(--color-success-500) !important
}
.bg-success.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-success-500) 30%, transparent 30%) !important
}
.bg-success.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-success-500) 50%, transparent 50%) !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: var(--color-success-600) !important
}
.bg-info {
background-color: var(--color-info-500) !important
}
.bg-info.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-info-500) 30%, transparent 30%) !important
}
.bg-info.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-info-500) 50%, transparent 50%) !important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: var(--color-info-600) !important
}
.bg-warning {
background-color: var(--color-warning-500) !important
}
.bg-warning.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-warning-500) 30%, transparent 30%) !important
}
.bg-warning.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-warning-500) 50%, transparent 50%) !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: var(--color-warning-600) !important
}
.bg-danger {
background-color: var(--color-danger-500) !important
}
.bg-danger.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-danger-500) 30%, transparent 30%) !important
}
.bg-danger.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-danger-500) 50%, transparent 50%) !important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: var(--color-danger-600) !important
}
.bg-light {
background-color: var(--color-neutral-100) !important
}
.bg-light.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-100) 30%, transparent 30%) !important
}
.bg-light.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-100) 50%, transparent 50%) !important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: var(--color-neutral-200) !important
}
.bg-dark {
background-color: var(--color-neutral-800) !important
}
.bg-dark.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-800) 30%, transparent 30%) !important
}
.bg-dark.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-800) 50%, transparent 50%) !important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: var(--color-neutral-900) !important
}
.bg-gradient-primary {
background: var(--color-primary-500) linear-gradient(180deg, transparent, var(--color-primary-500)) repeat-x !important
}
.bg-gradient-secondary {
background: var(--color-neutral-500) linear-gradient(180deg, transparent, var(--color-neutral-500)) repeat-x !important
}
.bg-gradient-success {
background: var(--color-success-500) linear-gradient(180deg, transparent, var(--color-success-500)) repeat-x !important
}
.bg-gradient-info {
background: var(--color-info-500) linear-gradient(180deg, transparent, var(--color-info-500)) repeat-x !important
}
.bg-gradient-warning {
background: var(--color-warning-500) linear-gradient(180deg, transparent, var(--color-warning-500)) repeat-x !important
}
.bg-gradient-danger {
background: var(--color-danger-500) linear-gradient(180deg, transparent, var(--color-danger-500)) repeat-x !important
}
.bg-gradient-light {
background: var(--color-neutral-100) linear-gradient(180deg, transparent, var(--color-neutral-100)) repeat-x !important
}
.bg-gradient-dark {
background: var(--color-neutral-800) linear-gradient(180deg, transparent, var(--color-neutral-800)) repeat-x !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.border {
border: 1px solid var(--divider-color) !important
}
.border-top {
border-top: 1px solid var(--divider-color) !important
}
.border-right {
border-right: 1px solid var(--divider-color) !important
}
.border-bottom {
border-bottom: 1px solid var(--divider-color) !important
}
.border-left {
border-left: 1px solid var(--divider-color) !important
}
.border-0 {
border: 0 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-right-0 {
border-right: 0 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-left-0 {
border-left: 0 !important
}
@media (min-width:480px) {
.border-sm {
border: 1px solid var(--divider-color) !important
}
.border-sm-top {
border-top: 1px solid var(--divider-color) !important
}
.border-sm-right {
border-right: 1px solid var(--divider-color) !important
}
.border-sm-bottom {
border-bottom: 1px solid var(--divider-color) !important
}
.border-sm-left {
border-left: 1px solid var(--divider-color) !important
}
.border-sm-0 {
border: 0 !important
}
.border-sm-top-0 {
border-top: 0 !important
}
.border-sm-right-0 {
border-right: 0 !important
}
.border-sm-bottom-0 {
border-bottom: 0 !important
}
.border-sm-left-0 {
border-left: 0 !important
}
}
@media (min-width:768px) {
.border-md {
border: 1px solid var(--divider-color) !important
}
.border-md-top {
border-top: 1px solid var(--divider-color) !important
}
.border-md-right {
border-right: 1px solid var(--divider-color) !important
}
.border-md-bottom {
border-bottom: 1px solid var(--divider-color) !important
}
.border-md-left {
border-left: 1px solid var(--divider-color) !important
}
.border-md-0 {
border: 0 !important
}
.border-md-top-0 {
border-top: 0 !important
}
.border-md-right-0 {
border-right: 0 !important
}
.border-md-bottom-0 {
border-bottom: 0 !important
}
.border-md-left-0 {
border-left: 0 !important
}
}
@media (min-width:992px) {
.border-lg {
border: 1px solid var(--divider-color) !important
}
.border-lg-top {
border-top: 1px solid var(--divider-color) !important
}
.border-lg-right {
border-right: 1px solid var(--divider-color) !important
}
.border-lg-bottom {
border-bottom: 1px solid var(--divider-color) !important
}
.border-lg-left {
border-left: 1px solid var(--divider-color) !important
}
.border-lg-0 {
border: 0 !important
}
.border-lg-top-0 {
border-top: 0 !important
}
.border-lg-right-0 {
border-right: 0 !important
}
.border-lg-bottom-0 {
border-bottom: 0 !important
}
.border-lg-left-0 {
border-left: 0 !important
}
}
@media (min-width:1200px) {
.border-xl {
border: 1px solid var(--divider-color) !important
}
.border-xl-top {
border-top: 1px solid var(--divider-color) !important
}
.border-xl-right {
border-right: 1px solid var(--divider-color) !important
}
.border-xl-bottom {
border-bottom: 1px solid var(--divider-color) !important
}
.border-xl-left {
border-left: 1px solid var(--divider-color) !important
}
.border-xl-0 {
border: 0 !important
}
.border-xl-top-0 {
border-top: 0 !important
}
.border-xl-right-0 {
border-right: 0 !important
}
.border-xl-bottom-0 {
border-bottom: 0 !important
}
.border-xl-left-0 {
border-left: 0 !important
}
}
.border-primary {
border-color: var(--color-primary-500) !important
}
.border-secondary {
border-color: var(--color-neutral-500) !important
}
.border-success {
border-color: var(--color-success-500) !important
}
.border-info {
border-color: var(--color-info-500) !important
}
.border-warning {
border-color: var(--color-warning-500) !important
}
.border-danger {
border-color: var(--color-danger-500) !important
}
.border-light {
border-color: var(--color-neutral-100) !important
}
.border-dark {
border-color: var(--color-neutral-800) !important
}
.border-white {
border-color: #fff !important
}
.rounded {
border-radius: 4px !important
}
.rounded-top {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important
}
.rounded-right {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important
}
.rounded-bottom {
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important
}
.rounded-left {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-0 {
border-radius: 0 !important
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
@media (min-width:480px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.85714%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-fill {
flex: 1 1 auto !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
@media (min-width:480px) {
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
@media (min-width:480px) {
.float-sm-left {
float: left !important
}
.float-sm-right {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media (min-width:768px) {
.float-md-left {
float: left !important
}
.float-md-right {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left !important
}
.float-lg-right {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left !important
}
.float-xl-right {
float: right !important
}
.float-xl-none {
float: none !important
}
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports (position:-webkit-sticky) or (position:sticky) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .125) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: 2px !important
}
.mt-1,
.my-1 {
margin-top: 2px !important
}
.mr-1,
.mx-1 {
margin-right: 2px !important
}
.mb-1,
.my-1 {
margin-bottom: 2px !important
}
.ml-1,
.mx-1 {
margin-left: 2px !important
}
.m-2 {
margin: 4px !important
}
.mt-2,
.my-2 {
margin-top: 4px !important
}
.mr-2,
.mx-2 {
margin-right: 4px !important
}
.mb-2,
.my-2 {
margin-bottom: 4px !important
}
.ml-2,
.mx-2 {
margin-left: 4px !important
}
.m-3 {
margin: 8px !important
}
.mt-3,
.my-3 {
margin-top: 8px !important
}
.mr-3,
.mx-3 {
margin-right: 8px !important
}
.mb-3,
.my-3 {
margin-bottom: 8px !important
}
.ml-3,
.mx-3 {
margin-left: 8px !important
}
.m-4 {
margin: 16px !important
}
.mt-4,
.my-4 {
margin-top: 16px !important
}
.mr-4,
.mx-4 {
margin-right: 16px !important
}
.mb-4,
.my-4 {
margin-bottom: 16px !important
}
.ml-4,
.mx-4 {
margin-left: 16px !important
}
.m-5 {
margin: 24px !important
}
.mt-5,
.my-5 {
margin-top: 24px !important
}
.mr-5,
.mx-5 {
margin-right: 24px !important
}
.mb-5,
.my-5 {
margin-bottom: 24px !important
}
.ml-5,
.mx-5 {
margin-left: 24px !important
}
.m-6 {
margin: 32px !important
}
.mt-6,
.my-6 {
margin-top: 32px !important
}
.mr-6,
.mx-6 {
margin-right: 32px !important
}
.mb-6,
.my-6 {
margin-bottom: 32px !important
}
.ml-6,
.mx-6 {
margin-left: 32px !important
}
.m-7 {
margin: 40px !important
}
.mt-7,
.my-7 {
margin-top: 40px !important
}
.mr-7,
.mx-7 {
margin-right: 40px !important
}
.mb-7,
.my-7 {
margin-bottom: 40px !important
}
.ml-7,
.mx-7 {
margin-left: 40px !important
}
.m-8 {
margin: 48px !important
}
.mt-8,
.my-8 {
margin-top: 48px !important
}
.mr-8,
.mx-8 {
margin-right: 48px !important
}
.mb-8,
.my-8 {
margin-bottom: 48px !important
}
.ml-8,
.mx-8 {
margin-left: 48px !important
}
.m-9 {
margin: 56px !important
}
.mt-9,
.my-9 {
margin-top: 56px !important
}
.mr-9,
.mx-9 {
margin-right: 56px !important
}
.mb-9,
.my-9 {
margin-bottom: 56px !important
}
.ml-9,
.mx-9 {
margin-left: 56px !important
}
.m-10 {
margin: 64px !important
}
.mt-10,
.my-10 {
margin-top: 64px !important
}
.mr-10,
.mx-10 {
margin-right: 64px !important
}
.mb-10,
.my-10 {
margin-bottom: 64px !important
}
.ml-10,
.mx-10 {
margin-left: 64px !important
}
.m-11 {
margin: 72px !important
}
.mt-11,
.my-11 {
margin-top: 72px !important
}
.mr-11,
.mx-11 {
margin-right: 72px !important
}
.mb-11,
.my-11 {
margin-bottom: 72px !important
}
.ml-11,
.mx-11 {
margin-left: 72px !important
}
.m-12 {
margin: 80px !important
}
.mt-12,
.my-12 {
margin-top: 80px !important
}
.mr-12,
.mx-12 {
margin-right: 80px !important
}
.mb-12,
.my-12 {
margin-bottom: 80px !important
}
.ml-12,
.mx-12 {
margin-left: 80px !important
}
.m-13 {
margin: 88px !important
}
.mt-13,
.my-13 {
margin-top: 88px !important
}
.mr-13,
.mx-13 {
margin-right: 88px !important
}
.mb-13,
.my-13 {
margin-bottom: 88px !important
}
.ml-13,
.mx-13 {
margin-left: 88px !important
}
.m-14 {
margin: 96px !important
}
.mt-14,
.my-14 {
margin-top: 96px !important
}
.mr-14,
.mx-14 {
margin-right: 96px !important
}
.mb-14,
.my-14 {
margin-bottom: 96px !important
}
.ml-14,
.mx-14 {
margin-left: 96px !important
}
.m-15 {
margin: 104px !important
}
.mt-15,
.my-15 {
margin-top: 104px !important
}
.mr-15,
.mx-15 {
margin-right: 104px !important
}
.mb-15,
.my-15 {
margin-bottom: 104px !important
}
.ml-15,
.mx-15 {
margin-left: 104px !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: 2px !important
}
.pt-1,
.py-1 {
padding-top: 2px !important
}
.pr-1,
.px-1 {
padding-right: 2px !important
}
.pb-1,
.py-1 {
padding-bottom: 2px !important
}
.pl-1,
.px-1 {
padding-left: 2px !important
}
.p-2 {
padding: 4px !important
}
.pt-2,
.py-2 {
padding-top: 4px !important
}
.pr-2,
.px-2 {
padding-right: 4px !important
}
.pb-2,
.py-2 {
padding-bottom: 4px !important
}
.pl-2,
.px-2 {
padding-left: 4px !important
}
.p-3 {
padding: 8px !important
}
.pt-3,
.py-3 {
padding-top: 8px !important
}
.pr-3,
.px-3 {
padding-right: 8px !important
}
.pb-3,
.py-3 {
padding-bottom: 8px !important
}
.pl-3,
.px-3 {
padding-left: 8px !important
}
.p-4 {
padding: 16px !important
}
.pt-4,
.py-4 {
padding-top: 16px !important
}
.pr-4,
.px-4 {
padding-right: 16px !important
}
.pb-4,
.py-4 {
padding-bottom: 16px !important
}
.pl-4,
.px-4 {
padding-left: 16px !important
}
.p-5 {
padding: 24px !important
}
.pt-5,
.py-5 {
padding-top: 24px !important
}
.pr-5,
.px-5 {
padding-right: 24px !important
}
.pb-5,
.py-5 {
padding-bottom: 24px !important
}
.pl-5,
.px-5 {
padding-left: 24px !important
}
.p-6 {
padding: 32px !important
}
.pt-6,
.py-6 {
padding-top: 32px !important
}
.pr-6,
.px-6 {
padding-right: 32px !important
}
.pb-6,
.py-6 {
padding-bottom: 32px !important
}
.pl-6,
.px-6 {
padding-left: 32px !important
}
.p-7 {
padding: 40px !important
}
.pt-7,
.py-7 {
padding-top: 40px !important
}
.pr-7,
.px-7 {
padding-right: 40px !important
}
.pb-7,
.py-7 {
padding-bottom: 40px !important
}
.pl-7,
.px-7 {
padding-left: 40px !important
}
.p-8 {
padding: 48px !important
}
.pt-8,
.py-8 {
padding-top: 48px !important
}
.pr-8,
.px-8 {
padding-right: 48px !important
}
.pb-8,
.py-8 {
padding-bottom: 48px !important
}
.pl-8,
.px-8 {
padding-left: 48px !important
}
.p-9 {
padding: 56px !important
}
.pt-9,
.py-9 {
padding-top: 56px !important
}
.pr-9,
.px-9 {
padding-right: 56px !important
}
.pb-9,
.py-9 {
padding-bottom: 56px !important
}
.pl-9,
.px-9 {
padding-left: 56px !important
}
.p-10 {
padding: 64px !important
}
.pt-10,
.py-10 {
padding-top: 64px !important
}
.pr-10,
.px-10 {
padding-right: 64px !important
}
.pb-10,
.py-10 {
padding-bottom: 64px !important
}
.pl-10,
.px-10 {
padding-left: 64px !important
}
.p-11 {
padding: 72px !important
}
.pt-11,
.py-11 {
padding-top: 72px !important
}
.pr-11,
.px-11 {
padding-right: 72px !important
}
.pb-11,
.py-11 {
padding-bottom: 72px !important
}
.pl-11,
.px-11 {
padding-left: 72px !important
}
.p-12 {
padding: 80px !important
}
.pt-12,
.py-12 {
padding-top: 80px !important
}
.pr-12,
.px-12 {
padding-right: 80px !important
}
.pb-12,
.py-12 {
padding-bottom: 80px !important
}
.pl-12,
.px-12 {
padding-left: 80px !important
}
.p-13 {
padding: 88px !important
}
.pt-13,
.py-13 {
padding-top: 88px !important
}
.pr-13,
.px-13 {
padding-right: 88px !important
}
.pb-13,
.py-13 {
padding-bottom: 88px !important
}
.pl-13,
.px-13 {
padding-left: 88px !important
}
.p-14 {
padding: 96px !important
}
.pt-14,
.py-14 {
padding-top: 96px !important
}
.pr-14,
.px-14 {
padding-right: 96px !important
}
.pb-14,
.py-14 {
padding-bottom: 96px !important
}
.pl-14,
.px-14 {
padding-left: 96px !important
}
.p-15 {
padding: 104px !important
}
.pt-15,
.py-15 {
padding-top: 104px !important
}
.pr-15,
.px-15 {
padding-right: 104px !important
}
.pb-15,
.py-15 {
padding-bottom: 104px !important
}
.pl-15,
.px-15 {
padding-left: 104px !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width:480px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: 2px !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: 2px !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 2px !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 2px !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 2px !important
}
.m-sm-2 {
margin: 4px !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: 4px !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 4px !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 4px !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 4px !important
}
.m-sm-3 {
margin: 8px !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 8px !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 8px !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 8px !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 8px !important
}
.m-sm-4 {
margin: 16px !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 16px !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 16px !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 16px !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 16px !important
}
.m-sm-5 {
margin: 24px !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 24px !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 24px !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 24px !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 24px !important
}
.m-sm-6 {
margin: 32px !important
}
.mt-sm-6,
.my-sm-6 {
margin-top: 32px !important
}
.mr-sm-6,
.mx-sm-6 {
margin-right: 32px !important
}
.mb-sm-6,
.my-sm-6 {
margin-bottom: 32px !important
}
.ml-sm-6,
.mx-sm-6 {
margin-left: 32px !important
}
.m-sm-7 {
margin: 40px !important
}
.mt-sm-7,
.my-sm-7 {
margin-top: 40px !important
}
.mr-sm-7,
.mx-sm-7 {
margin-right: 40px !important
}
.mb-sm-7,
.my-sm-7 {
margin-bottom: 40px !important
}
.ml-sm-7,
.mx-sm-7 {
margin-left: 40px !important
}
.m-sm-8 {
margin: 48px !important
}
.mt-sm-8,
.my-sm-8 {
margin-top: 48px !important
}
.mr-sm-8,
.mx-sm-8 {
margin-right: 48px !important
}
.mb-sm-8,
.my-sm-8 {
margin-bottom: 48px !important
}
.ml-sm-8,
.mx-sm-8 {
margin-left: 48px !important
}
.m-sm-9 {
margin: 56px !important
}
.mt-sm-9,
.my-sm-9 {
margin-top: 56px !important
}
.mr-sm-9,
.mx-sm-9 {
margin-right: 56px !important
}
.mb-sm-9,
.my-sm-9 {
margin-bottom: 56px !important
}
.ml-sm-9,
.mx-sm-9 {
margin-left: 56px !important
}
.m-sm-10 {
margin: 64px !important
}
.mt-sm-10,
.my-sm-10 {
margin-top: 64px !important
}
.mr-sm-10,
.mx-sm-10 {
margin-right: 64px !important
}
.mb-sm-10,
.my-sm-10 {
margin-bottom: 64px !important
}
.ml-sm-10,
.mx-sm-10 {
margin-left: 64px !important
}
.m-sm-11 {
margin: 72px !important
}
.mt-sm-11,
.my-sm-11 {
margin-top: 72px !important
}
.mr-sm-11,
.mx-sm-11 {
margin-right: 72px !important
}
.mb-sm-11,
.my-sm-11 {
margin-bottom: 72px !important
}
.ml-sm-11,
.mx-sm-11 {
margin-left: 72px !important
}
.m-sm-12 {
margin: 80px !important
}
.mt-sm-12,
.my-sm-12 {
margin-top: 80px !important
}
.mr-sm-12,
.mx-sm-12 {
margin-right: 80px !important
}
.mb-sm-12,
.my-sm-12 {
margin-bottom: 80px !important
}
.ml-sm-12,
.mx-sm-12 {
margin-left: 80px !important
}
.m-sm-13 {
margin: 88px !important
}
.mt-sm-13,
.my-sm-13 {
margin-top: 88px !important
}
.mr-sm-13,
.mx-sm-13 {
margin-right: 88px !important
}
.mb-sm-13,
.my-sm-13 {
margin-bottom: 88px !important
}
.ml-sm-13,
.mx-sm-13 {
margin-left: 88px !important
}
.m-sm-14 {
margin: 96px !important
}
.mt-sm-14,
.my-sm-14 {
margin-top: 96px !important
}
.mr-sm-14,
.mx-sm-14 {
margin-right: 96px !important
}
.mb-sm-14,
.my-sm-14 {
margin-bottom: 96px !important
}
.ml-sm-14,
.mx-sm-14 {
margin-left: 96px !important
}
.m-sm-15 {
margin: 104px !important
}
.mt-sm-15,
.my-sm-15 {
margin-top: 104px !important
}
.mr-sm-15,
.mx-sm-15 {
margin-right: 104px !important
}
.mb-sm-15,
.my-sm-15 {
margin-bottom: 104px !important
}
.ml-sm-15,
.mx-sm-15 {
margin-left: 104px !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: 2px !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: 2px !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: 2px !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 2px !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: 2px !important
}
.p-sm-2 {
padding: 4px !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: 4px !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: 4px !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 4px !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: 4px !important
}
.p-sm-3 {
padding: 8px !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 8px !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 8px !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 8px !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 8px !important
}
.p-sm-4 {
padding: 16px !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 16px !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 16px !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 16px !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 16px !important
}
.p-sm-5 {
padding: 24px !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 24px !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 24px !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 24px !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 24px !important
}
.p-sm-6 {
padding: 32px !important
}
.pt-sm-6,
.py-sm-6 {
padding-top: 32px !important
}
.pr-sm-6,
.px-sm-6 {
padding-right: 32px !important
}
.pb-sm-6,
.py-sm-6 {
padding-bottom: 32px !important
}
.pl-sm-6,
.px-sm-6 {
padding-left: 32px !important
}
.p-sm-7 {
padding: 40px !important
}
.pt-sm-7,
.py-sm-7 {
padding-top: 40px !important
}
.pr-sm-7,
.px-sm-7 {
padding-right: 40px !important
}
.pb-sm-7,
.py-sm-7 {
padding-bottom: 40px !important
}
.pl-sm-7,
.px-sm-7 {
padding-left: 40px !important
}
.p-sm-8 {
padding: 48px !important
}
.pt-sm-8,
.py-sm-8 {
padding-top: 48px !important
}
.pr-sm-8,
.px-sm-8 {
padding-right: 48px !important
}
.pb-sm-8,
.py-sm-8 {
padding-bottom: 48px !important
}
.pl-sm-8,
.px-sm-8 {
padding-left: 48px !important
}
.p-sm-9 {
padding: 56px !important
}
.pt-sm-9,
.py-sm-9 {
padding-top: 56px !important
}
.pr-sm-9,
.px-sm-9 {
padding-right: 56px !important
}
.pb-sm-9,
.py-sm-9 {
padding-bottom: 56px !important
}
.pl-sm-9,
.px-sm-9 {
padding-left: 56px !important
}
.p-sm-10 {
padding: 64px !important
}
.pt-sm-10,
.py-sm-10 {
padding-top: 64px !important
}
.pr-sm-10,
.px-sm-10 {
padding-right: 64px !important
}
.pb-sm-10,
.py-sm-10 {
padding-bottom: 64px !important
}
.pl-sm-10,
.px-sm-10 {
padding-left: 64px !important
}
.p-sm-11 {
padding: 72px !important
}
.pt-sm-11,
.py-sm-11 {
padding-top: 72px !important
}
.pr-sm-11,
.px-sm-11 {
padding-right: 72px !important
}
.pb-sm-11,
.py-sm-11 {
padding-bottom: 72px !important
}
.pl-sm-11,
.px-sm-11 {
padding-left: 72px !important
}
.p-sm-12 {
padding: 80px !important
}
.pt-sm-12,
.py-sm-12 {
padding-top: 80px !important
}
.pr-sm-12,
.px-sm-12 {
padding-right: 80px !important
}
.pb-sm-12,
.py-sm-12 {
padding-bottom: 80px !important
}
.pl-sm-12,
.px-sm-12 {
padding-left: 80px !important
}
.p-sm-13 {
padding: 88px !important
}
.pt-sm-13,
.py-sm-13 {
padding-top: 88px !important
}
.pr-sm-13,
.px-sm-13 {
padding-right: 88px !important
}
.pb-sm-13,
.py-sm-13 {
padding-bottom: 88px !important
}
.pl-sm-13,
.px-sm-13 {
padding-left: 88px !important
}
.p-sm-14 {
padding: 96px !important
}
.pt-sm-14,
.py-sm-14 {
padding-top: 96px !important
}
.pr-sm-14,
.px-sm-14 {
padding-right: 96px !important
}
.pb-sm-14,
.py-sm-14 {
padding-bottom: 96px !important
}
.pl-sm-14,
.px-sm-14 {
padding-left: 96px !important
}
.p-sm-15 {
padding: 104px !important
}
.pt-sm-15,
.py-sm-15 {
padding-top: 104px !important
}
.pr-sm-15,
.px-sm-15 {
padding-right: 104px !important
}
.pb-sm-15,
.py-sm-15 {
padding-bottom: 104px !important
}
.pl-sm-15,
.px-sm-15 {
padding-left: 104px !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: 2px !important
}
.mt-md-1,
.my-md-1 {
margin-top: 2px !important
}
.mr-md-1,
.mx-md-1 {
margin-right: 2px !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: 2px !important
}
.ml-md-1,
.mx-md-1 {
margin-left: 2px !important
}
.m-md-2 {
margin: 4px !important
}
.mt-md-2,
.my-md-2 {
margin-top: 4px !important
}
.mr-md-2,
.mx-md-2 {
margin-right: 4px !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: 4px !important
}
.ml-md-2,
.mx-md-2 {
margin-left: 4px !important
}
.m-md-3 {
margin: 8px !important
}
.mt-md-3,
.my-md-3 {
margin-top: 8px !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 8px !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 8px !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 8px !important
}
.m-md-4 {
margin: 16px !important
}
.mt-md-4,
.my-md-4 {
margin-top: 16px !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 16px !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 16px !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 16px !important
}
.m-md-5 {
margin: 24px !important
}
.mt-md-5,
.my-md-5 {
margin-top: 24px !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 24px !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 24px !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 24px !important
}
.m-md-6 {
margin: 32px !important
}
.mt-md-6,
.my-md-6 {
margin-top: 32px !important
}
.mr-md-6,
.mx-md-6 {
margin-right: 32px !important
}
.mb-md-6,
.my-md-6 {
margin-bottom: 32px !important
}
.ml-md-6,
.mx-md-6 {
margin-left: 32px !important
}
.m-md-7 {
margin: 40px !important
}
.mt-md-7,
.my-md-7 {
margin-top: 40px !important
}
.mr-md-7,
.mx-md-7 {
margin-right: 40px !important
}
.mb-md-7,
.my-md-7 {
margin-bottom: 40px !important
}
.ml-md-7,
.mx-md-7 {
margin-left: 40px !important
}
.m-md-8 {
margin: 48px !important
}
.mt-md-8,
.my-md-8 {
margin-top: 48px !important
}
.mr-md-8,
.mx-md-8 {
margin-right: 48px !important
}
.mb-md-8,
.my-md-8 {
margin-bottom: 48px !important
}
.ml-md-8,
.mx-md-8 {
margin-left: 48px !important
}
.m-md-9 {
margin: 56px !important
}
.mt-md-9,
.my-md-9 {
margin-top: 56px !important
}
.mr-md-9,
.mx-md-9 {
margin-right: 56px !important
}
.mb-md-9,
.my-md-9 {
margin-bottom: 56px !important
}
.ml-md-9,
.mx-md-9 {
margin-left: 56px !important
}
.m-md-10 {
margin: 64px !important
}
.mt-md-10,
.my-md-10 {
margin-top: 64px !important
}
.mr-md-10,
.mx-md-10 {
margin-right: 64px !important
}
.mb-md-10,
.my-md-10 {
margin-bottom: 64px !important
}
.ml-md-10,
.mx-md-10 {
margin-left: 64px !important
}
.m-md-11 {
margin: 72px !important
}
.mt-md-11,
.my-md-11 {
margin-top: 72px !important
}
.mr-md-11,
.mx-md-11 {
margin-right: 72px !important
}
.mb-md-11,
.my-md-11 {
margin-bottom: 72px !important
}
.ml-md-11,
.mx-md-11 {
margin-left: 72px !important
}
.m-md-12 {
margin: 80px !important
}
.mt-md-12,
.my-md-12 {
margin-top: 80px !important
}
.mr-md-12,
.mx-md-12 {
margin-right: 80px !important
}
.mb-md-12,
.my-md-12 {
margin-bottom: 80px !important
}
.ml-md-12,
.mx-md-12 {
margin-left: 80px !important
}
.m-md-13 {
margin: 88px !important
}
.mt-md-13,
.my-md-13 {
margin-top: 88px !important
}
.mr-md-13,
.mx-md-13 {
margin-right: 88px !important
}
.mb-md-13,
.my-md-13 {
margin-bottom: 88px !important
}
.ml-md-13,
.mx-md-13 {
margin-left: 88px !important
}
.m-md-14 {
margin: 96px !important
}
.mt-md-14,
.my-md-14 {
margin-top: 96px !important
}
.mr-md-14,
.mx-md-14 {
margin-right: 96px !important
}
.mb-md-14,
.my-md-14 {
margin-bottom: 96px !important
}
.ml-md-14,
.mx-md-14 {
margin-left: 96px !important
}
.m-md-15 {
margin: 104px !important
}
.mt-md-15,
.my-md-15 {
margin-top: 104px !important
}
.mr-md-15,
.mx-md-15 {
margin-right: 104px !important
}
.mb-md-15,
.my-md-15 {
margin-bottom: 104px !important
}
.ml-md-15,
.mx-md-15 {
margin-left: 104px !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: 2px !important
}
.pt-md-1,
.py-md-1 {
padding-top: 2px !important
}
.pr-md-1,
.px-md-1 {
padding-right: 2px !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: 2px !important
}
.pl-md-1,
.px-md-1 {
padding-left: 2px !important
}
.p-md-2 {
padding: 4px !important
}
.pt-md-2,
.py-md-2 {
padding-top: 4px !important
}
.pr-md-2,
.px-md-2 {
padding-right: 4px !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: 4px !important
}
.pl-md-2,
.px-md-2 {
padding-left: 4px !important
}
.p-md-3 {
padding: 8px !important
}
.pt-md-3,
.py-md-3 {
padding-top: 8px !important
}
.pr-md-3,
.px-md-3 {
padding-right: 8px !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 8px !important
}
.pl-md-3,
.px-md-3 {
padding-left: 8px !important
}
.p-md-4 {
padding: 16px !important
}
.pt-md-4,
.py-md-4 {
padding-top: 16px !important
}
.pr-md-4,
.px-md-4 {
padding-right: 16px !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 16px !important
}
.pl-md-4,
.px-md-4 {
padding-left: 16px !important
}
.p-md-5 {
padding: 24px !important
}
.pt-md-5,
.py-md-5 {
padding-top: 24px !important
}
.pr-md-5,
.px-md-5 {
padding-right: 24px !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 24px !important
}
.pl-md-5,
.px-md-5 {
padding-left: 24px !important
}
.p-md-6 {
padding: 32px !important
}
.pt-md-6,
.py-md-6 {
padding-top: 32px !important
}
.pr-md-6,
.px-md-6 {
padding-right: 32px !important
}
.pb-md-6,
.py-md-6 {
padding-bottom: 32px !important
}
.pl-md-6,
.px-md-6 {
padding-left: 32px !important
}
.p-md-7 {
padding: 40px !important
}
.pt-md-7,
.py-md-7 {
padding-top: 40px !important
}
.pr-md-7,
.px-md-7 {
padding-right: 40px !important
}
.pb-md-7,
.py-md-7 {
padding-bottom: 40px !important
}
.pl-md-7,
.px-md-7 {
padding-left: 40px !important
}
.p-md-8 {
padding: 48px !important
}
.pt-md-8,
.py-md-8 {
padding-top: 48px !important
}
.pr-md-8,
.px-md-8 {
padding-right: 48px !important
}
.pb-md-8,
.py-md-8 {
padding-bottom: 48px !important
}
.pl-md-8,
.px-md-8 {
padding-left: 48px !important
}
.p-md-9 {
padding: 56px !important
}
.pt-md-9,
.py-md-9 {
padding-top: 56px !important
}
.pr-md-9,
.px-md-9 {
padding-right: 56px !important
}
.pb-md-9,
.py-md-9 {
padding-bottom: 56px !important
}
.pl-md-9,
.px-md-9 {
padding-left: 56px !important
}
.p-md-10 {
padding: 64px !important
}
.pt-md-10,
.py-md-10 {
padding-top: 64px !important
}
.pr-md-10,
.px-md-10 {
padding-right: 64px !important
}
.pb-md-10,
.py-md-10 {
padding-bottom: 64px !important
}
.pl-md-10,
.px-md-10 {
padding-left: 64px !important
}
.p-md-11 {
padding: 72px !important
}
.pt-md-11,
.py-md-11 {
padding-top: 72px !important
}
.pr-md-11,
.px-md-11 {
padding-right: 72px !important
}
.pb-md-11,
.py-md-11 {
padding-bottom: 72px !important
}
.pl-md-11,
.px-md-11 {
padding-left: 72px !important
}
.p-md-12 {
padding: 80px !important
}
.pt-md-12,
.py-md-12 {
padding-top: 80px !important
}
.pr-md-12,
.px-md-12 {
padding-right: 80px !important
}
.pb-md-12,
.py-md-12 {
padding-bottom: 80px !important
}
.pl-md-12,
.px-md-12 {
padding-left: 80px !important
}
.p-md-13 {
padding: 88px !important
}
.pt-md-13,
.py-md-13 {
padding-top: 88px !important
}
.pr-md-13,
.px-md-13 {
padding-right: 88px !important
}
.pb-md-13,
.py-md-13 {
padding-bottom: 88px !important
}
.pl-md-13,
.px-md-13 {
padding-left: 88px !important
}
.p-md-14 {
padding: 96px !important
}
.pt-md-14,
.py-md-14 {
padding-top: 96px !important
}
.pr-md-14,
.px-md-14 {
padding-right: 96px !important
}
.pb-md-14,
.py-md-14 {
padding-bottom: 96px !important
}
.pl-md-14,
.px-md-14 {
padding-left: 96px !important
}
.p-md-15 {
padding: 104px !important
}
.pt-md-15,
.py-md-15 {
padding-top: 104px !important
}
.pr-md-15,
.px-md-15 {
padding-right: 104px !important
}
.pb-md-15,
.py-md-15 {
padding-bottom: 104px !important
}
.pl-md-15,
.px-md-15 {
padding-left: 104px !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: 2px !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: 2px !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 2px !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 2px !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 2px !important
}
.m-lg-2 {
margin: 4px !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: 4px !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 4px !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 4px !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 4px !important
}
.m-lg-3 {
margin: 8px !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 8px !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 8px !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 8px !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 8px !important
}
.m-lg-4 {
margin: 16px !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 16px !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 16px !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 16px !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 16px !important
}
.m-lg-5 {
margin: 24px !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 24px !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 24px !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 24px !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 24px !important
}
.m-lg-6 {
margin: 32px !important
}
.mt-lg-6,
.my-lg-6 {
margin-top: 32px !important
}
.mr-lg-6,
.mx-lg-6 {
margin-right: 32px !important
}
.mb-lg-6,
.my-lg-6 {
margin-bottom: 32px !important
}
.ml-lg-6,
.mx-lg-6 {
margin-left: 32px !important
}
.m-lg-7 {
margin: 40px !important
}
.mt-lg-7,
.my-lg-7 {
margin-top: 40px !important
}
.mr-lg-7,
.mx-lg-7 {
margin-right: 40px !important
}
.mb-lg-7,
.my-lg-7 {
margin-bottom: 40px !important
}
.ml-lg-7,
.mx-lg-7 {
margin-left: 40px !important
}
.m-lg-8 {
margin: 48px !important
}
.mt-lg-8,
.my-lg-8 {
margin-top: 48px !important
}
.mr-lg-8,
.mx-lg-8 {
margin-right: 48px !important
}
.mb-lg-8,
.my-lg-8 {
margin-bottom: 48px !important
}
.ml-lg-8,
.mx-lg-8 {
margin-left: 48px !important
}
.m-lg-9 {
margin: 56px !important
}
.mt-lg-9,
.my-lg-9 {
margin-top: 56px !important
}
.mr-lg-9,
.mx-lg-9 {
margin-right: 56px !important
}
.mb-lg-9,
.my-lg-9 {
margin-bottom: 56px !important
}
.ml-lg-9,
.mx-lg-9 {
margin-left: 56px !important
}
.m-lg-10 {
margin: 64px !important
}
.mt-lg-10,
.my-lg-10 {
margin-top: 64px !important
}
.mr-lg-10,
.mx-lg-10 {
margin-right: 64px !important
}
.mb-lg-10,
.my-lg-10 {
margin-bottom: 64px !important
}
.ml-lg-10,
.mx-lg-10 {
margin-left: 64px !important
}
.m-lg-11 {
margin: 72px !important
}
.mt-lg-11,
.my-lg-11 {
margin-top: 72px !important
}
.mr-lg-11,
.mx-lg-11 {
margin-right: 72px !important
}
.mb-lg-11,
.my-lg-11 {
margin-bottom: 72px !important
}
.ml-lg-11,
.mx-lg-11 {
margin-left: 72px !important
}
.m-lg-12 {
margin: 80px !important
}
.mt-lg-12,
.my-lg-12 {
margin-top: 80px !important
}
.mr-lg-12,
.mx-lg-12 {
margin-right: 80px !important
}
.mb-lg-12,
.my-lg-12 {
margin-bottom: 80px !important
}
.ml-lg-12,
.mx-lg-12 {
margin-left: 80px !important
}
.m-lg-13 {
margin: 88px !important
}
.mt-lg-13,
.my-lg-13 {
margin-top: 88px !important
}
.mr-lg-13,
.mx-lg-13 {
margin-right: 88px !important
}
.mb-lg-13,
.my-lg-13 {
margin-bottom: 88px !important
}
.ml-lg-13,
.mx-lg-13 {
margin-left: 88px !important
}
.m-lg-14 {
margin: 96px !important
}
.mt-lg-14,
.my-lg-14 {
margin-top: 96px !important
}
.mr-lg-14,
.mx-lg-14 {
margin-right: 96px !important
}
.mb-lg-14,
.my-lg-14 {
margin-bottom: 96px !important
}
.ml-lg-14,
.mx-lg-14 {
margin-left: 96px !important
}
.m-lg-15 {
margin: 104px !important
}
.mt-lg-15,
.my-lg-15 {
margin-top: 104px !important
}
.mr-lg-15,
.mx-lg-15 {
margin-right: 104px !important
}
.mb-lg-15,
.my-lg-15 {
margin-bottom: 104px !important
}
.ml-lg-15,
.mx-lg-15 {
margin-left: 104px !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: 2px !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: 2px !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: 2px !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 2px !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: 2px !important
}
.p-lg-2 {
padding: 4px !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: 4px !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: 4px !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 4px !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: 4px !important
}
.p-lg-3 {
padding: 8px !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 8px !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 8px !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 8px !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 8px !important
}
.p-lg-4 {
padding: 16px !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 16px !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 16px !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 16px !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 16px !important
}
.p-lg-5 {
padding: 24px !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 24px !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 24px !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 24px !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 24px !important
}
.p-lg-6 {
padding: 32px !important
}
.pt-lg-6,
.py-lg-6 {
padding-top: 32px !important
}
.pr-lg-6,
.px-lg-6 {
padding-right: 32px !important
}
.pb-lg-6,
.py-lg-6 {
padding-bottom: 32px !important
}
.pl-lg-6,
.px-lg-6 {
padding-left: 32px !important
}
.p-lg-7 {
padding: 40px !important
}
.pt-lg-7,
.py-lg-7 {
padding-top: 40px !important
}
.pr-lg-7,
.px-lg-7 {
padding-right: 40px !important
}
.pb-lg-7,
.py-lg-7 {
padding-bottom: 40px !important
}
.pl-lg-7,
.px-lg-7 {
padding-left: 40px !important
}
.p-lg-8 {
padding: 48px !important
}
.pt-lg-8,
.py-lg-8 {
padding-top: 48px !important
}
.pr-lg-8,
.px-lg-8 {
padding-right: 48px !important
}
.pb-lg-8,
.py-lg-8 {
padding-bottom: 48px !important
}
.pl-lg-8,
.px-lg-8 {
padding-left: 48px !important
}
.p-lg-9 {
padding: 56px !important
}
.pt-lg-9,
.py-lg-9 {
padding-top: 56px !important
}
.pr-lg-9,
.px-lg-9 {
padding-right: 56px !important
}
.pb-lg-9,
.py-lg-9 {
padding-bottom: 56px !important
}
.pl-lg-9,
.px-lg-9 {
padding-left: 56px !important
}
.p-lg-10 {
padding: 64px !important
}
.pt-lg-10,
.py-lg-10 {
padding-top: 64px !important
}
.pr-lg-10,
.px-lg-10 {
padding-right: 64px !important
}
.pb-lg-10,
.py-lg-10 {
padding-bottom: 64px !important
}
.pl-lg-10,
.px-lg-10 {
padding-left: 64px !important
}
.p-lg-11 {
padding: 72px !important
}
.pt-lg-11,
.py-lg-11 {
padding-top: 72px !important
}
.pr-lg-11,
.px-lg-11 {
padding-right: 72px !important
}
.pb-lg-11,
.py-lg-11 {
padding-bottom: 72px !important
}
.pl-lg-11,
.px-lg-11 {
padding-left: 72px !important
}
.p-lg-12 {
padding: 80px !important
}
.pt-lg-12,
.py-lg-12 {
padding-top: 80px !important
}
.pr-lg-12,
.px-lg-12 {
padding-right: 80px !important
}
.pb-lg-12,
.py-lg-12 {
padding-bottom: 80px !important
}
.pl-lg-12,
.px-lg-12 {
padding-left: 80px !important
}
.p-lg-13 {
padding: 88px !important
}
.pt-lg-13,
.py-lg-13 {
padding-top: 88px !important
}
.pr-lg-13,
.px-lg-13 {
padding-right: 88px !important
}
.pb-lg-13,
.py-lg-13 {
padding-bottom: 88px !important
}
.pl-lg-13,
.px-lg-13 {
padding-left: 88px !important
}
.p-lg-14 {
padding: 96px !important
}
.pt-lg-14,
.py-lg-14 {
padding-top: 96px !important
}
.pr-lg-14,
.px-lg-14 {
padding-right: 96px !important
}
.pb-lg-14,
.py-lg-14 {
padding-bottom: 96px !important
}
.pl-lg-14,
.px-lg-14 {
padding-left: 96px !important
}
.p-lg-15 {
padding: 104px !important
}
.pt-lg-15,
.py-lg-15 {
padding-top: 104px !important
}
.pr-lg-15,
.px-lg-15 {
padding-right: 104px !important
}
.pb-lg-15,
.py-lg-15 {
padding-bottom: 104px !important
}
.pl-lg-15,
.px-lg-15 {
padding-left: 104px !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: 2px !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: 2px !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 2px !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 2px !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 2px !important
}
.m-xl-2 {
margin: 4px !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: 4px !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 4px !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 4px !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 4px !important
}
.m-xl-3 {
margin: 8px !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 8px !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 8px !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 8px !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 8px !important
}
.m-xl-4 {
margin: 16px !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 16px !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 16px !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 16px !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 16px !important
}
.m-xl-5 {
margin: 24px !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 24px !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 24px !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 24px !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 24px !important
}
.m-xl-6 {
margin: 32px !important
}
.mt-xl-6,
.my-xl-6 {
margin-top: 32px !important
}
.mr-xl-6,
.mx-xl-6 {
margin-right: 32px !important
}
.mb-xl-6,
.my-xl-6 {
margin-bottom: 32px !important
}
.ml-xl-6,
.mx-xl-6 {
margin-left: 32px !important
}
.m-xl-7 {
margin: 40px !important
}
.mt-xl-7,
.my-xl-7 {
margin-top: 40px !important
}
.mr-xl-7,
.mx-xl-7 {
margin-right: 40px !important
}
.mb-xl-7,
.my-xl-7 {
margin-bottom: 40px !important
}
.ml-xl-7,
.mx-xl-7 {
margin-left: 40px !important
}
.m-xl-8 {
margin: 48px !important
}
.mt-xl-8,
.my-xl-8 {
margin-top: 48px !important
}
.mr-xl-8,
.mx-xl-8 {
margin-right: 48px !important
}
.mb-xl-8,
.my-xl-8 {
margin-bottom: 48px !important
}
.ml-xl-8,
.mx-xl-8 {
margin-left: 48px !important
}
.m-xl-9 {
margin: 56px !important
}
.mt-xl-9,
.my-xl-9 {
margin-top: 56px !important
}
.mr-xl-9,
.mx-xl-9 {
margin-right: 56px !important
}
.mb-xl-9,
.my-xl-9 {
margin-bottom: 56px !important
}
.ml-xl-9,
.mx-xl-9 {
margin-left: 56px !important
}
.m-xl-10 {
margin: 64px !important
}
.mt-xl-10,
.my-xl-10 {
margin-top: 64px !important
}
.mr-xl-10,
.mx-xl-10 {
margin-right: 64px !important
}
.mb-xl-10,
.my-xl-10 {
margin-bottom: 64px !important
}
.ml-xl-10,
.mx-xl-10 {
margin-left: 64px !important
}
.m-xl-11 {
margin: 72px !important
}
.mt-xl-11,
.my-xl-11 {
margin-top: 72px !important
}
.mr-xl-11,
.mx-xl-11 {
margin-right: 72px !important
}
.mb-xl-11,
.my-xl-11 {
margin-bottom: 72px !important
}
.ml-xl-11,
.mx-xl-11 {
margin-left: 72px !important
}
.m-xl-12 {
margin: 80px !important
}
.mt-xl-12,
.my-xl-12 {
margin-top: 80px !important
}
.mr-xl-12,
.mx-xl-12 {
margin-right: 80px !important
}
.mb-xl-12,
.my-xl-12 {
margin-bottom: 80px !important
}
.ml-xl-12,
.mx-xl-12 {
margin-left: 80px !important
}
.m-xl-13 {
margin: 88px !important
}
.mt-xl-13,
.my-xl-13 {
margin-top: 88px !important
}
.mr-xl-13,
.mx-xl-13 {
margin-right: 88px !important
}
.mb-xl-13,
.my-xl-13 {
margin-bottom: 88px !important
}
.ml-xl-13,
.mx-xl-13 {
margin-left: 88px !important
}
.m-xl-14 {
margin: 96px !important
}
.mt-xl-14,
.my-xl-14 {
margin-top: 96px !important
}
.mr-xl-14,
.mx-xl-14 {
margin-right: 96px !important
}
.mb-xl-14,
.my-xl-14 {
margin-bottom: 96px !important
}
.ml-xl-14,
.mx-xl-14 {
margin-left: 96px !important
}
.m-xl-15 {
margin: 104px !important
}
.mt-xl-15,
.my-xl-15 {
margin-top: 104px !important
}
.mr-xl-15,
.mx-xl-15 {
margin-right: 104px !important
}
.mb-xl-15,
.my-xl-15 {
margin-bottom: 104px !important
}
.ml-xl-15,
.mx-xl-15 {
margin-left: 104px !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: 2px !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: 2px !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: 2px !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 2px !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: 2px !important
}
.p-xl-2 {
padding: 4px !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: 4px !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: 4px !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 4px !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: 4px !important
}
.p-xl-3 {
padding: 8px !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 8px !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 8px !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 8px !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 8px !important
}
.p-xl-4 {
padding: 16px !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 16px !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 16px !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 16px !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 16px !important
}
.p-xl-5 {
padding: 24px !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 24px !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 24px !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 24px !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 24px !important
}
.p-xl-6 {
padding: 32px !important
}
.pt-xl-6,
.py-xl-6 {
padding-top: 32px !important
}
.pr-xl-6,
.px-xl-6 {
padding-right: 32px !important
}
.pb-xl-6,
.py-xl-6 {
padding-bottom: 32px !important
}
.pl-xl-6,
.px-xl-6 {
padding-left: 32px !important
}
.p-xl-7 {
padding: 40px !important
}
.pt-xl-7,
.py-xl-7 {
padding-top: 40px !important
}
.pr-xl-7,
.px-xl-7 {
padding-right: 40px !important
}
.pb-xl-7,
.py-xl-7 {
padding-bottom: 40px !important
}
.pl-xl-7,
.px-xl-7 {
padding-left: 40px !important
}
.p-xl-8 {
padding: 48px !important
}
.pt-xl-8,
.py-xl-8 {
padding-top: 48px !important
}
.pr-xl-8,
.px-xl-8 {
padding-right: 48px !important
}
.pb-xl-8,
.py-xl-8 {
padding-bottom: 48px !important
}
.pl-xl-8,
.px-xl-8 {
padding-left: 48px !important
}
.p-xl-9 {
padding: 56px !important
}
.pt-xl-9,
.py-xl-9 {
padding-top: 56px !important
}
.pr-xl-9,
.px-xl-9 {
padding-right: 56px !important
}
.pb-xl-9,
.py-xl-9 {
padding-bottom: 56px !important
}
.pl-xl-9,
.px-xl-9 {
padding-left: 56px !important
}
.p-xl-10 {
padding: 64px !important
}
.pt-xl-10,
.py-xl-10 {
padding-top: 64px !important
}
.pr-xl-10,
.px-xl-10 {
padding-right: 64px !important
}
.pb-xl-10,
.py-xl-10 {
padding-bottom: 64px !important
}
.pl-xl-10,
.px-xl-10 {
padding-left: 64px !important
}
.p-xl-11 {
padding: 72px !important
}
.pt-xl-11,
.py-xl-11 {
padding-top: 72px !important
}
.pr-xl-11,
.px-xl-11 {
padding-right: 72px !important
}
.pb-xl-11,
.py-xl-11 {
padding-bottom: 72px !important
}
.pl-xl-11,
.px-xl-11 {
padding-left: 72px !important
}
.p-xl-12 {
padding: 80px !important
}
.pt-xl-12,
.py-xl-12 {
padding-top: 80px !important
}
.pr-xl-12,
.px-xl-12 {
padding-right: 80px !important
}
.pb-xl-12,
.py-xl-12 {
padding-bottom: 80px !important
}
.pl-xl-12,
.px-xl-12 {
padding-left: 80px !important
}
.p-xl-13 {
padding: 88px !important
}
.pt-xl-13,
.py-xl-13 {
padding-top: 88px !important
}
.pr-xl-13,
.px-xl-13 {
padding-right: 88px !important
}
.pb-xl-13,
.py-xl-13 {
padding-bottom: 88px !important
}
.pl-xl-13,
.px-xl-13 {
padding-left: 88px !important
}
.p-xl-14 {
padding: 96px !important
}
.pt-xl-14,
.py-xl-14 {
padding-top: 96px !important
}
.pr-xl-14,
.px-xl-14 {
padding-right: 96px !important
}
.pb-xl-14,
.py-xl-14 {
padding-bottom: 96px !important
}
.pl-xl-14,
.px-xl-14 {
padding-left: 96px !important
}
.p-xl-15 {
padding: 104px !important
}
.pt-xl-15,
.py-xl-15 {
padding-top: 104px !important
}
.pr-xl-15,
.px-xl-15 {
padding-right: 104px !important
}
.pb-xl-15,
.py-xl-15 {
padding-bottom: 104px !important
}
.pl-xl-15,
.px-xl-15 {
padding-left: 104px !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
.text-monospace {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
.text-justify {
text-align: justify !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.align-center,
.text-center {
text-align: center !important
}
@media (min-width:480px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.initialism,
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-light {
font-weight: 200 !important
}
.font-weight-normal {
font-weight: 400 !important
}
.font-weight-bold {
font-weight: 800 !important
}
.font-italic {
font-style: italic !important
}
.text-primary {
color: var(--color-primary-500) !important
}
a.text-primary:focus,
a.text-primary:hover {
color: var(--color-primary-600) !important
}
.text-secondary {
color: var(--color-neutral-500) !important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: var(--color-neutral-500) !important
}
.text-success {
color: var(--color-success-500) !important
}
a.text-success:focus,
a.text-success:hover {
color: var(--color-success-600) !important
}
.text-info {
color: var(--color-info-500) !important
}
a.text-info:focus,
a.text-info:hover {
color: var(--color-info-600) !important
}
.text-warning {
color: var(--color-warning-500) !important
}
a.text-warning:focus,
a.text-warning:hover {
color: var(--color-warning-600) !important
}
.text-danger {
color: var(--color-danger-500) !important
}
a.text-danger:focus,
a.text-danger:hover {
color: var(--color-danger-600) !important
}
.text-light {
color: var(--color-neutral-100) !important
}
a.text-light:focus,
a.text-light:hover {
color: var(--color-neutral-200) !important
}
.text-dark {
color: var(--color-neutral-800) !important
}
a.text-dark:focus,
a.text-dark:hover {
color: var(--color-neutral-900) !important
}
.text-body {
color: var(--text-color) !important
}
.text-muted {
color: var(--text-muted-color) !important
}
.text-white {
color: #fff !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.visible {
visibility: visible !important
}
.invisible,
.visibility-hidden {
visibility: hidden !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-w-100 {
min-width: 100% !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.m-n1 {
margin: -2px !important
}
.mt-n1,
.my-n1 {
margin-top: -2px !important
}
.mr-n1,
.mx-n1 {
margin-right: -2px !important
}
.mb-n1,
.my-n1 {
margin-bottom: -2px !important
}
.ml-n1,
.mx-n1 {
margin-left: -2px !important
}
.m-n2 {
margin: -4px !important
}
.mt-n2,
.my-n2 {
margin-top: -4px !important
}
.mr-n2,
.mx-n2 {
margin-right: -4px !important
}
.mb-n2,
.my-n2 {
margin-bottom: -4px !important
}
.ml-n2,
.mx-n2 {
margin-left: -4px !important
}
.m-n3 {
margin: -8px !important
}
.mt-n3,
.my-n3 {
margin-top: -8px !important
}
.mr-n3,
.mx-n3 {
margin-right: -8px !important
}
.mb-n3,
.my-n3 {
margin-bottom: -8px !important
}
.ml-n3,
.mx-n3 {
margin-left: -8px !important
}
.m-n4 {
margin: -16px !important
}
.mt-n4,
.my-n4 {
margin-top: -16px !important
}
.mr-n4,
.mx-n4 {
margin-right: -16px !important
}
.mb-n4,
.my-n4 {
margin-bottom: -16px !important
}
.ml-n4,
.mx-n4 {
margin-left: -16px !important
}
.m-n5 {
margin: -24px !important
}
.mt-n5,
.my-n5 {
margin-top: -24px !important
}
.mr-n5,
.mx-n5 {
margin-right: -24px !important
}
.mb-n5,
.my-n5 {
margin-bottom: -24px !important
}
.ml-n5,
.mx-n5 {
margin-left: -24px !important
}
.m-n6 {
margin: -32px !important
}
.mt-n6,
.my-n6 {
margin-top: -32px !important
}
.mr-n6,
.mx-n6 {
margin-right: -32px !important
}
.mb-n6,
.my-n6 {
margin-bottom: -32px !important
}
.ml-n6,
.mx-n6 {
margin-left: -32px !important
}
.m-n7 {
margin: -40px !important
}
.mt-n7,
.my-n7 {
margin-top: -40px !important
}
.mr-n7,
.mx-n7 {
margin-right: -40px !important
}
.mb-n7,
.my-n7 {
margin-bottom: -40px !important
}
.ml-n7,
.mx-n7 {
margin-left: -40px !important
}
.m-n8 {
margin: -48px !important
}
.mt-n8,
.my-n8 {
margin-top: -48px !important
}
.mr-n8,
.mx-n8 {
margin-right: -48px !important
}
.mb-n8,
.my-n8 {
margin-bottom: -48px !important
}
.ml-n8,
.mx-n8 {
margin-left: -48px !important
}
.m-n9 {
margin: -56px !important
}
.mt-n9,
.my-n9 {
margin-top: -56px !important
}
.mr-n9,
.mx-n9 {
margin-right: -56px !important
}
.mb-n9,
.my-n9 {
margin-bottom: -56px !important
}
.ml-n9,
.mx-n9 {
margin-left: -56px !important
}
.m-n10 {
margin: -64px !important
}
.mt-n10,
.my-n10 {
margin-top: -64px !important
}
.mr-n10,
.mx-n10 {
margin-right: -64px !important
}
.mb-n10,
.my-n10 {
margin-bottom: -64px !important
}
.ml-n10,
.mx-n10 {
margin-left: -64px !important
}
.m-n11 {
margin: -72px !important
}
.mt-n11,
.my-n11 {
margin-top: -72px !important
}
.mr-n11,
.mx-n11 {
margin-right: -72px !important
}
.mb-n11,
.my-n11 {
margin-bottom: -72px !important
}
.ml-n11,
.mx-n11 {
margin-left: -72px !important
}
.m-n12 {
margin: -80px !important
}
.mt-n12,
.my-n12 {
margin-top: -80px !important
}
.mr-n12,
.mx-n12 {
margin-right: -80px !important
}
.mb-n12,
.my-n12 {
margin-bottom: -80px !important
}
.ml-n12,
.mx-n12 {
margin-left: -80px !important
}
.m-n13 {
margin: -88px !important
}
.mt-n13,
.my-n13 {
margin-top: -88px !important
}
.mr-n13,
.mx-n13 {
margin-right: -88px !important
}
.mb-n13,
.my-n13 {
margin-bottom: -88px !important
}
.ml-n13,
.mx-n13 {
margin-left: -88px !important
}
.m-n14 {
margin: -96px !important
}
.mt-n14,
.my-n14 {
margin-top: -96px !important
}
.mr-n14,
.mx-n14 {
margin-right: -96px !important
}
.mb-n14,
.my-n14 {
margin-bottom: -96px !important
}
.ml-n14,
.mx-n14 {
margin-left: -96px !important
}
.m-n15 {
margin: -104px !important
}
.mt-n15,
.my-n15 {
margin-top: -104px !important
}
.mr-n15,
.mx-n15 {
margin-right: -104px !important
}
.mb-n15,
.my-n15 {
margin-bottom: -104px !important
}
.ml-n15,
.mx-n15 {
margin-left: -104px !important
}
@media (min-width:480px) {
.m-sm-n1 {
margin: -2px !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -2px !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -2px !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -2px !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -2px !important
}
.m-sm-n2 {
margin: -4px !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -4px !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -4px !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -4px !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -4px !important
}
.m-sm-n3 {
margin: -8px !important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -8px !important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -8px !important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -8px !important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -8px !important
}
.m-sm-n4 {
margin: -16px !important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -16px !important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -16px !important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -16px !important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -16px !important
}
.m-sm-n5 {
margin: -24px !important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -24px !important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -24px !important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -24px !important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -24px !important
}
.m-sm-n6 {
margin: -32px !important
}
.mt-sm-n6,
.my-sm-n6 {
margin-top: -32px !important
}
.mr-sm-n6,
.mx-sm-n6 {
margin-right: -32px !important
}
.mb-sm-n6,
.my-sm-n6 {
margin-bottom: -32px !important
}
.ml-sm-n6,
.mx-sm-n6 {
margin-left: -32px !important
}
.m-sm-n7 {
margin: -40px !important
}
.mt-sm-n7,
.my-sm-n7 {
margin-top: -40px !important
}
.mr-sm-n7,
.mx-sm-n7 {
margin-right: -40px !important
}
.mb-sm-n7,
.my-sm-n7 {
margin-bottom: -40px !important
}
.ml-sm-n7,
.mx-sm-n7 {
margin-left: -40px !important
}
.m-sm-n8 {
margin: -48px !important
}
.mt-sm-n8,
.my-sm-n8 {
margin-top: -48px !important
}
.mr-sm-n8,
.mx-sm-n8 {
margin-right: -48px !important
}
.mb-sm-n8,
.my-sm-n8 {
margin-bottom: -48px !important
}
.ml-sm-n8,
.mx-sm-n8 {
margin-left: -48px !important
}
.m-sm-n9 {
margin: -56px !important
}
.mt-sm-n9,
.my-sm-n9 {
margin-top: -56px !important
}
.mr-sm-n9,
.mx-sm-n9 {
margin-right: -56px !important
}
.mb-sm-n9,
.my-sm-n9 {
margin-bottom: -56px !important
}
.ml-sm-n9,
.mx-sm-n9 {
margin-left: -56px !important
}
.m-sm-n10 {
margin: -64px !important
}
.mt-sm-n10,
.my-sm-n10 {
margin-top: -64px !important
}
.mr-sm-n10,
.mx-sm-n10 {
margin-right: -64px !important
}
.mb-sm-n10,
.my-sm-n10 {
margin-bottom: -64px !important
}
.ml-sm-n10,
.mx-sm-n10 {
margin-left: -64px !important
}
.m-sm-n11 {
margin: -72px !important
}
.mt-sm-n11,
.my-sm-n11 {
margin-top: -72px !important
}
.mr-sm-n11,
.mx-sm-n11 {
margin-right: -72px !important
}
.mb-sm-n11,
.my-sm-n11 {
margin-bottom: -72px !important
}
.ml-sm-n11,
.mx-sm-n11 {
margin-left: -72px !important
}
.m-sm-n12 {
margin: -80px !important
}
.mt-sm-n12,
.my-sm-n12 {
margin-top: -80px !important
}
.mr-sm-n12,
.mx-sm-n12 {
margin-right: -80px !important
}
.mb-sm-n12,
.my-sm-n12 {
margin-bottom: -80px !important
}
.ml-sm-n12,
.mx-sm-n12 {
margin-left: -80px !important
}
.m-sm-n13 {
margin: -88px !important
}
.mt-sm-n13,
.my-sm-n13 {
margin-top: -88px !important
}
.mr-sm-n13,
.mx-sm-n13 {
margin-right: -88px !important
}
.mb-sm-n13,
.my-sm-n13 {
margin-bottom: -88px !important
}
.ml-sm-n13,
.mx-sm-n13 {
margin-left: -88px !important
}
.m-sm-n14 {
margin: -96px !important
}
.mt-sm-n14,
.my-sm-n14 {
margin-top: -96px !important
}
.mr-sm-n14,
.mx-sm-n14 {
margin-right: -96px !important
}
.mb-sm-n14,
.my-sm-n14 {
margin-bottom: -96px !important
}
.ml-sm-n14,
.mx-sm-n14 {
margin-left: -96px !important
}
.m-sm-n15 {
margin: -104px !important
}
.mt-sm-n15,
.my-sm-n15 {
margin-top: -104px !important
}
.mr-sm-n15,
.mx-sm-n15 {
margin-right: -104px !important
}
.mb-sm-n15,
.my-sm-n15 {
margin-bottom: -104px !important
}
.ml-sm-n15,
.mx-sm-n15 {
margin-left: -104px !important
}
}
@media (min-width:768px) {
.m-md-n1 {
margin: -2px !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -2px !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -2px !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -2px !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -2px !important
}
.m-md-n2 {
margin: -4px !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -4px !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -4px !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -4px !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -4px !important
}
.m-md-n3 {
margin: -8px !important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -8px !important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -8px !important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -8px !important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -8px !important
}
.m-md-n4 {
margin: -16px !important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -16px !important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -16px !important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -16px !important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -16px !important
}
.m-md-n5 {
margin: -24px !important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -24px !important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -24px !important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -24px !important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -24px !important
}
.m-md-n6 {
margin: -32px !important
}
.mt-md-n6,
.my-md-n6 {
margin-top: -32px !important
}
.mr-md-n6,
.mx-md-n6 {
margin-right: -32px !important
}
.mb-md-n6,
.my-md-n6 {
margin-bottom: -32px !important
}
.ml-md-n6,
.mx-md-n6 {
margin-left: -32px !important
}
.m-md-n7 {
margin: -40px !important
}
.mt-md-n7,
.my-md-n7 {
margin-top: -40px !important
}
.mr-md-n7,
.mx-md-n7 {
margin-right: -40px !important
}
.mb-md-n7,
.my-md-n7 {
margin-bottom: -40px !important
}
.ml-md-n7,
.mx-md-n7 {
margin-left: -40px !important
}
.m-md-n8 {
margin: -48px !important
}
.mt-md-n8,
.my-md-n8 {
margin-top: -48px !important
}
.mr-md-n8,
.mx-md-n8 {
margin-right: -48px !important
}
.mb-md-n8,
.my-md-n8 {
margin-bottom: -48px !important
}
.ml-md-n8,
.mx-md-n8 {
margin-left: -48px !important
}
.m-md-n9 {
margin: -56px !important
}
.mt-md-n9,
.my-md-n9 {
margin-top: -56px !important
}
.mr-md-n9,
.mx-md-n9 {
margin-right: -56px !important
}
.mb-md-n9,
.my-md-n9 {
margin-bottom: -56px !important
}
.ml-md-n9,
.mx-md-n9 {
margin-left: -56px !important
}
.m-md-n10 {
margin: -64px !important
}
.mt-md-n10,
.my-md-n10 {
margin-top: -64px !important
}
.mr-md-n10,
.mx-md-n10 {
margin-right: -64px !important
}
.mb-md-n10,
.my-md-n10 {
margin-bottom: -64px !important
}
.ml-md-n10,
.mx-md-n10 {
margin-left: -64px !important
}
.m-md-n11 {
margin: -72px !important
}
.mt-md-n11,
.my-md-n11 {
margin-top: -72px !important
}
.mr-md-n11,
.mx-md-n11 {
margin-right: -72px !important
}
.mb-md-n11,
.my-md-n11 {
margin-bottom: -72px !important
}
.ml-md-n11,
.mx-md-n11 {
margin-left: -72px !important
}
.m-md-n12 {
margin: -80px !important
}
.mt-md-n12,
.my-md-n12 {
margin-top: -80px !important
}
.mr-md-n12,
.mx-md-n12 {
margin-right: -80px !important
}
.mb-md-n12,
.my-md-n12 {
margin-bottom: -80px !important
}
.ml-md-n12,
.mx-md-n12 {
margin-left: -80px !important
}
.m-md-n13 {
margin: -88px !important
}
.mt-md-n13,
.my-md-n13 {
margin-top: -88px !important
}
.mr-md-n13,
.mx-md-n13 {
margin-right: -88px !important
}
.mb-md-n13,
.my-md-n13 {
margin-bottom: -88px !important
}
.ml-md-n13,
.mx-md-n13 {
margin-left: -88px !important
}
.m-md-n14 {
margin: -96px !important
}
.mt-md-n14,
.my-md-n14 {
margin-top: -96px !important
}
.mr-md-n14,
.mx-md-n14 {
margin-right: -96px !important
}
.mb-md-n14,
.my-md-n14 {
margin-bottom: -96px !important
}
.ml-md-n14,
.mx-md-n14 {
margin-left: -96px !important
}
.m-md-n15 {
margin: -104px !important
}
.mt-md-n15,
.my-md-n15 {
margin-top: -104px !important
}
.mr-md-n15,
.mx-md-n15 {
margin-right: -104px !important
}
.mb-md-n15,
.my-md-n15 {
margin-bottom: -104px !important
}
.ml-md-n15,
.mx-md-n15 {
margin-left: -104px !important
}
}
@media (min-width:992px) {
.m-lg-n1 {
margin: -2px !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -2px !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -2px !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -2px !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -2px !important
}
.m-lg-n2 {
margin: -4px !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -4px !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -4px !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -4px !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -4px !important
}
.m-lg-n3 {
margin: -8px !important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -8px !important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -8px !important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -8px !important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -8px !important
}
.m-lg-n4 {
margin: -16px !important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -16px !important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -16px !important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -16px !important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -16px !important
}
.m-lg-n5 {
margin: -24px !important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -24px !important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -24px !important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -24px !important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -24px !important
}
.m-lg-n6 {
margin: -32px !important
}
.mt-lg-n6,
.my-lg-n6 {
margin-top: -32px !important
}
.mr-lg-n6,
.mx-lg-n6 {
margin-right: -32px !important
}
.mb-lg-n6,
.my-lg-n6 {
margin-bottom: -32px !important
}
.ml-lg-n6,
.mx-lg-n6 {
margin-left: -32px !important
}
.m-lg-n7 {
margin: -40px !important
}
.mt-lg-n7,
.my-lg-n7 {
margin-top: -40px !important
}
.mr-lg-n7,
.mx-lg-n7 {
margin-right: -40px !important
}
.mb-lg-n7,
.my-lg-n7 {
margin-bottom: -40px !important
}
.ml-lg-n7,
.mx-lg-n7 {
margin-left: -40px !important
}
.m-lg-n8 {
margin: -48px !important
}
.mt-lg-n8,
.my-lg-n8 {
margin-top: -48px !important
}
.mr-lg-n8,
.mx-lg-n8 {
margin-right: -48px !important
}
.mb-lg-n8,
.my-lg-n8 {
margin-bottom: -48px !important
}
.ml-lg-n8,
.mx-lg-n8 {
margin-left: -48px !important
}
.m-lg-n9 {
margin: -56px !important
}
.mt-lg-n9,
.my-lg-n9 {
margin-top: -56px !important
}
.mr-lg-n9,
.mx-lg-n9 {
margin-right: -56px !important
}
.mb-lg-n9,
.my-lg-n9 {
margin-bottom: -56px !important
}
.ml-lg-n9,
.mx-lg-n9 {
margin-left: -56px !important
}
.m-lg-n10 {
margin: -64px !important
}
.mt-lg-n10,
.my-lg-n10 {
margin-top: -64px !important
}
.mr-lg-n10,
.mx-lg-n10 {
margin-right: -64px !important
}
.mb-lg-n10,
.my-lg-n10 {
margin-bottom: -64px !important
}
.ml-lg-n10,
.mx-lg-n10 {
margin-left: -64px !important
}
.m-lg-n11 {
margin: -72px !important
}
.mt-lg-n11,
.my-lg-n11 {
margin-top: -72px !important
}
.mr-lg-n11,
.mx-lg-n11 {
margin-right: -72px !important
}
.mb-lg-n11,
.my-lg-n11 {
margin-bottom: -72px !important
}
.ml-lg-n11,
.mx-lg-n11 {
margin-left: -72px !important
}
.m-lg-n12 {
margin: -80px !important
}
.mt-lg-n12,
.my-lg-n12 {
margin-top: -80px !important
}
.mr-lg-n12,
.mx-lg-n12 {
margin-right: -80px !important
}
.mb-lg-n12,
.my-lg-n12 {
margin-bottom: -80px !important
}
.ml-lg-n12,
.mx-lg-n12 {
margin-left: -80px !important
}
.m-lg-n13 {
margin: -88px !important
}
.mt-lg-n13,
.my-lg-n13 {
margin-top: -88px !important
}
.mr-lg-n13,
.mx-lg-n13 {
margin-right: -88px !important
}
.mb-lg-n13,
.my-lg-n13 {
margin-bottom: -88px !important
}
.ml-lg-n13,
.mx-lg-n13 {
margin-left: -88px !important
}
.m-lg-n14 {
margin: -96px !important
}
.mt-lg-n14,
.my-lg-n14 {
margin-top: -96px !important
}
.mr-lg-n14,
.mx-lg-n14 {
margin-right: -96px !important
}
.mb-lg-n14,
.my-lg-n14 {
margin-bottom: -96px !important
}
.ml-lg-n14,
.mx-lg-n14 {
margin-left: -96px !important
}
.m-lg-n15 {
margin: -104px !important
}
.mt-lg-n15,
.my-lg-n15 {
margin-top: -104px !important
}
.mr-lg-n15,
.mx-lg-n15 {
margin-right: -104px !important
}
.mb-lg-n15,
.my-lg-n15 {
margin-bottom: -104px !important
}
.ml-lg-n15,
.mx-lg-n15 {
margin-left: -104px !important
}
}
@media (min-width:1200px) {
.m-xl-n1 {
margin: -2px !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -2px !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -2px !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -2px !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -2px !important
}
.m-xl-n2 {
margin: -4px !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -4px !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -4px !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -4px !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -4px !important
}
.m-xl-n3 {
margin: -8px !important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -8px !important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -8px !important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -8px !important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -8px !important
}
.m-xl-n4 {
margin: -16px !important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -16px !important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -16px !important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -16px !important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -16px !important
}
.m-xl-n5 {
margin: -24px !important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -24px !important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -24px !important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -24px !important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -24px !important
}
.m-xl-n6 {
margin: -32px !important
}
.mt-xl-n6,
.my-xl-n6 {
margin-top: -32px !important
}
.mr-xl-n6,
.mx-xl-n6 {
margin-right: -32px !important
}
.mb-xl-n6,
.my-xl-n6 {
margin-bottom: -32px !important
}
.ml-xl-n6,
.mx-xl-n6 {
margin-left: -32px !important
}
.m-xl-n7 {
margin: -40px !important
}
.mt-xl-n7,
.my-xl-n7 {
margin-top: -40px !important
}
.mr-xl-n7,
.mx-xl-n7 {
margin-right: -40px !important
}
.mb-xl-n7,
.my-xl-n7 {
margin-bottom: -40px !important
}
.ml-xl-n7,
.mx-xl-n7 {
margin-left: -40px !important
}
.m-xl-n8 {
margin: -48px !important
}
.mt-xl-n8,
.my-xl-n8 {
margin-top: -48px !important
}
.mr-xl-n8,
.mx-xl-n8 {
margin-right: -48px !important
}
.mb-xl-n8,
.my-xl-n8 {
margin-bottom: -48px !important
}
.ml-xl-n8,
.mx-xl-n8 {
margin-left: -48px !important
}
.m-xl-n9 {
margin: -56px !important
}
.mt-xl-n9,
.my-xl-n9 {
margin-top: -56px !important
}
.mr-xl-n9,
.mx-xl-n9 {
margin-right: -56px !important
}
.mb-xl-n9,
.my-xl-n9 {
margin-bottom: -56px !important
}
.ml-xl-n9,
.mx-xl-n9 {
margin-left: -56px !important
}
.m-xl-n10 {
margin: -64px !important
}
.mt-xl-n10,
.my-xl-n10 {
margin-top: -64px !important
}
.mr-xl-n10,
.mx-xl-n10 {
margin-right: -64px !important
}
.mb-xl-n10,
.my-xl-n10 {
margin-bottom: -64px !important
}
.ml-xl-n10,
.mx-xl-n10 {
margin-left: -64px !important
}
.m-xl-n11 {
margin: -72px !important
}
.mt-xl-n11,
.my-xl-n11 {
margin-top: -72px !important
}
.mr-xl-n11,
.mx-xl-n11 {
margin-right: -72px !important
}
.mb-xl-n11,
.my-xl-n11 {
margin-bottom: -72px !important
}
.ml-xl-n11,
.mx-xl-n11 {
margin-left: -72px !important
}
.m-xl-n12 {
margin: -80px !important
}
.mt-xl-n12,
.my-xl-n12 {
margin-top: -80px !important
}
.mr-xl-n12,
.mx-xl-n12 {
margin-right: -80px !important
}
.mb-xl-n12,
.my-xl-n12 {
margin-bottom: -80px !important
}
.ml-xl-n12,
.mx-xl-n12 {
margin-left: -80px !important
}
.m-xl-n13 {
margin: -88px !important
}
.mt-xl-n13,
.my-xl-n13 {
margin-top: -88px !important
}
.mr-xl-n13,
.mx-xl-n13 {
margin-right: -88px !important
}
.mb-xl-n13,
.my-xl-n13 {
margin-bottom: -88px !important
}
.ml-xl-n13,
.mx-xl-n13 {
margin-left: -88px !important
}
.m-xl-n14 {
margin: -96px !important
}
.mt-xl-n14,
.my-xl-n14 {
margin-top: -96px !important
}
.mr-xl-n14,
.mx-xl-n14 {
margin-right: -96px !important
}
.mb-xl-n14,
.my-xl-n14 {
margin-bottom: -96px !important
}
.ml-xl-n14,
.mx-xl-n14 {
margin-left: -96px !important
}
.m-xl-n15 {
margin: -104px !important
}
.mt-xl-n15,
.my-xl-n15 {
margin-top: -104px !important
}
.mr-xl-n15,
.mx-xl-n15 {
margin-right: -104px !important
}
.mb-xl-n15,
.my-xl-n15 {
margin-bottom: -104px !important
}
.ml-xl-n15,
.mx-xl-n15 {
margin-left: -104px !important
}
}
.transition-property-after-transform::after,
.transition-property-transform {
transition-property: transform !important
}
.transition-property-after-opacity::after,
.transition-property-opacity {
transition-property: opacity !important
}
.transition-property-after-text-color::after,
.transition-property-text-color {
transition-property: color !important
}
.transition-property-after-background-color::after,
.transition-property-background-color {
transition-property: background-color !important
}
.transition-timing-function-after-standard::after,
.transition-timing-function-standard {
transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}
.transition-timing-function-accelerate,
.transition-timing-function-after-accelerate::after {
transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}
.transition-timing-function-after-decelerate::after,
.transition-timing-function-decelerate {
transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}
.transition-timing-function-after-sharp::after,
.transition-timing-function-sharp {
transition-timing-function: cubic-bezier(.4, 0, .6, 1) !important
}
.transition-duration-after-sm::after,
.transition-duration-sm {
transition-duration: .1s !important
}
.transition-duration-after-md::after,
.transition-duration-md {
transition-duration: .2s !important
}
.transition-duration-after-lg::after,
.transition-duration-lg {
transition-duration: .3s !important
}
.transition-duration-after-xl::after,
.transition-duration-xl {
transition-duration: .4s !important
}
.transition-duration-after-xxl::after,
.transition-duration-xxl {
transition-duration: .8s !important
}
.transition-duration-after-jumbo::after,
.transition-duration-jumbo {
transition-duration: 1.2s !important
}
.transition-delay-after-sm::after,
.transition-delay-sm {
transition-delay: .2s !important
}
.transition-delay-after-md::after,
.transition-delay-md {
transition-delay: .3s !important
}
.transition-delay-after-lg::after,
.transition-delay-lg {
transition-delay: .4s !important
}
.animation-pan-and-zoom-medium {
animation-name: pan-and-zoom-medium !important
}
.animation-pan-and-zoom-large {
animation-name: pan-and-zoom-large !important
}
.animation-timing-function-standard {
animation-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}
.animation-timing-function-accelerate {
animation-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}
.animation-timing-function-decelerate {
animation-timing-function: cubic-bezier(0, 0, .2, 1) !important
}
.animation-timing-function-sharp {
animation-timing-function: cubic-bezier(.4, 0, .6, 1) !important
}
.animation-play-state-paused {
animation-play-state: paused !important
}
.animation-play-state-running {
animation-play-state: running !important
}
.animation-mode-none {
animation-fill-mode: none !important
}
.animation-mode-forwards {
animation-fill-mode: forwards !important
}
.animation-mode-backwards {
animation-fill-mode: backwards !important
}
.animation-mode-both {
animation-fill-mode: both !important
}
.animation-duration-md {
animation-duration: 5s !important
}
.animation-duration-lg {
animation-duration: 10s !important
}
@keyframes pan-and-zoom-medium {
from {
transform: scale(1) translate3d(0, 0, 0)
}
to {
transform: scale(1.05) translate3d(0, 14px, 0)
}
}
@keyframes pan-and-zoom-large {
from {
transform: scale(1) translate3d(0, 0, 0)
}
to {
transform: scale(1.07) translate3d(0, 16px, 0)
}
}
@media screen and (prefers-reduced-motion:reduce) {
*,
[class*=animation-duration-] {
animation-duration: 0s !important;
animation-iteration-count: 1 !important;
transition-duration: 0s !important
}
[class*=transition-duration-]:not(.transition-property-opacity):not(.transition-property-color):not(.transition-property-background-color),
[class*=transition-duration-]:not(.transition-property-opacity):not(.transition-property-color):not(.transition-property-background-color)::after {
transition-duration: 0s !important
}
}
.bg-primary-50 {
background-color: var(--color-primary-50) !important
}
.bg-primary-50.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-50) 30%, transparent 30%) !important
}
.bg-primary-50.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-50) 50%, transparent 50%) !important
}
a.bg-primary-50:focus,
a.bg-primary-50:hover,
button.bg-primary-50:focus,
button.bg-primary-50:hover {
background-color: var(--color-primary-100) !important
}
.bg-primary-100 {
background-color: var(--color-primary-100) !important
}
.bg-primary-100.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-100) 30%, transparent 30%) !important
}
.bg-primary-100.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-100) 50%, transparent 50%) !important
}
a.bg-primary-100:focus,
a.bg-primary-100:hover,
button.bg-primary-100:focus,
button.bg-primary-100:hover {
background-color: var(--color-primary-200) !important
}
.bg-primary-200 {
background-color: var(--color-primary-200) !important
}
.bg-primary-200.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-200) 30%, transparent 30%) !important
}
.bg-primary-200.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-200) 50%, transparent 50%) !important
}
a.bg-primary-200:focus,
a.bg-primary-200:hover,
button.bg-primary-200:focus,
button.bg-primary-200:hover {
background-color: var(--color-primary-300) !important
}
.bg-primary-300 {
background-color: var(--color-primary-300) !important
}
.bg-primary-300.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-300) 30%, transparent 30%) !important
}
.bg-primary-300.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-300) 50%, transparent 50%) !important
}
a.bg-primary-300:focus,
a.bg-primary-300:hover,
button.bg-primary-300:focus,
button.bg-primary-300:hover {
background-color: var(--color-primary-400) !important
}
.bg-primary-400 {
background-color: var(--color-primary-400) !important
}
.bg-primary-400.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-400) 30%, transparent 30%) !important
}
.bg-primary-400.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-400) 50%, transparent 50%) !important
}
a.bg-primary-400:focus,
a.bg-primary-400:hover,
button.bg-primary-400:focus,
button.bg-primary-400:hover {
background-color: var(--color-primary-500) !important
}
.bg-primary-500 {
background-color: var(--color-primary-500) !important
}
.bg-primary-500.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-500) 30%, transparent 30%) !important
}
.bg-primary-500.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-500) 50%, transparent 50%) !important
}
a.bg-primary-500:focus,
a.bg-primary-500:hover,
button.bg-primary-500:focus,
button.bg-primary-500:hover {
background-color: var(--color-primary-600) !important
}
.bg-primary-600 {
background-color: var(--color-primary-600) !important
}
.bg-primary-600.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-600) 30%, transparent 30%) !important
}
.bg-primary-600.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-600) 50%, transparent 50%) !important
}
a.bg-primary-600:focus,
a.bg-primary-600:hover,
button.bg-primary-600:focus,
button.bg-primary-600:hover {
background-color: var(--color-primary-700) !important
}
.bg-primary-700 {
background-color: var(--color-primary-700) !important
}
.bg-primary-700.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-700) 30%, transparent 30%) !important
}
.bg-primary-700.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-700) 50%, transparent 50%) !important
}
a.bg-primary-700:focus,
a.bg-primary-700:hover,
button.bg-primary-700:focus,
button.bg-primary-700:hover {
background-color: var(--color-primary-800) !important
}
.bg-primary-800 {
background-color: var(--color-primary-800) !important
}
.bg-primary-800.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-800) 30%, transparent 30%) !important
}
.bg-primary-800.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-800) 50%, transparent 50%) !important
}
a.bg-primary-800:focus,
a.bg-primary-800:hover,
button.bg-primary-800:focus,
button.bg-primary-800:hover {
background-color: var(--color-primary-900) !important
}
.bg-primary-900 {
background-color: var(--color-primary-900) !important
}
.bg-primary-900.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-900) 30%, transparent 30%) !important
}
.bg-primary-900.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-900) 50%, transparent 50%) !important
}
a.bg-primary-900:focus,
a.bg-primary-900:hover,
button.bg-primary-900:focus,
button.bg-primary-900:hover {
background-color: var(--color-primary-950) !important
}
.bg-primary-950 {
background-color: var(--color-primary-950) !important
}
.bg-primary-950.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-primary-950) 30%, transparent 30%) !important
}
.bg-primary-950.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-primary-950) 50%, transparent 50%) !important
}
a.bg-primary-950:focus,
a.bg-primary-950:hover,
button.bg-primary-950:focus,
button.bg-primary-950:hover {
background-color: var(--color-neutral-1000) !important
}
.bg-neutral-0 {
background-color: var(--color-neutral-0) !important
}
.bg-neutral-0.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-0) 30%, transparent 30%) !important
}
.bg-neutral-0.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-0) 50%, transparent 50%) !important
}
a.bg-neutral-0:focus,
a.bg-neutral-0:hover,
button.bg-neutral-0:focus,
button.bg-neutral-0:hover {
background-color: var(--color-neutral-50) !important
}
.bg-neutral-25 {
background-color: var(--color-neutral-25) !important
}
.bg-neutral-25.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-25) 30%, transparent 30%) !important
}
.bg-neutral-25.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-25) 50%, transparent 50%) !important
}
a.bg-neutral-25:focus,
a.bg-neutral-25:hover,
button.bg-neutral-25:focus,
button.bg-neutral-25:hover {
background-color: var(--color-neutral-50) !important
}
.bg-neutral-50 {
background-color: var(--color-neutral-50) !important
}
.bg-neutral-50.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-50) 30%, transparent 30%) !important
}
.bg-neutral-50.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-50) 50%, transparent 50%) !important
}
a.bg-neutral-50:focus,
a.bg-neutral-50:hover,
button.bg-neutral-50:focus,
button.bg-neutral-50:hover {
background-color: var(--color-neutral-100) !important
}
.bg-neutral-100 {
background-color: var(--color-neutral-100) !important
}
.bg-neutral-100.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-100) 30%, transparent 30%) !important
}
.bg-neutral-100.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-100) 50%, transparent 50%) !important
}
a.bg-neutral-100:focus,
a.bg-neutral-100:hover,
button.bg-neutral-100:focus,
button.bg-neutral-100:hover {
background-color: var(--color-neutral-200) !important
}
.bg-neutral-200 {
background-color: var(--color-neutral-200) !important
}
.bg-neutral-200.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-200) 30%, transparent 30%) !important
}
.bg-neutral-200.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-200) 50%, transparent 50%) !important
}
a.bg-neutral-200:focus,
a.bg-neutral-200:hover,
button.bg-neutral-200:focus,
button.bg-neutral-200:hover {
background-color: var(--color-neutral-300) !important
}
.bg-neutral-300 {
background-color: var(--color-neutral-300) !important
}
.bg-neutral-300.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-300) 30%, transparent 30%) !important
}
.bg-neutral-300.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-300) 50%, transparent 50%) !important
}
a.bg-neutral-300:focus,
a.bg-neutral-300:hover,
button.bg-neutral-300:focus,
button.bg-neutral-300:hover {
background-color: var(--color-neutral-400) !important
}
.bg-neutral-400 {
background-color: var(--color-neutral-400) !important
}
.bg-neutral-400.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-400) 30%, transparent 30%) !important
}
.bg-neutral-400.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-400) 50%, transparent 50%) !important
}
a.bg-neutral-400:focus,
a.bg-neutral-400:hover,
button.bg-neutral-400:focus,
button.bg-neutral-400:hover {
background-color: var(--color-neutral-500) !important
}
.bg-neutral-500 {
background-color: var(--color-neutral-500) !important
}
.bg-neutral-500.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-500) 30%, transparent 30%) !important
}
.bg-neutral-500.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-500) 50%, transparent 50%) !important
}
a.bg-neutral-500:focus,
a.bg-neutral-500:hover,
button.bg-neutral-500:focus,
button.bg-neutral-500:hover {
background-color: var(--color-neutral-600) !important
}
.bg-neutral-600 {
background-color: var(--color-neutral-600) !important
}
.bg-neutral-600.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-600) 30%, transparent 30%) !important
}
.bg-neutral-600.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-600) 50%, transparent 50%) !important
}
a.bg-neutral-600:focus,
a.bg-neutral-600:hover,
button.bg-neutral-600:focus,
button.bg-neutral-600:hover {
background-color: var(--color-neutral-700) !important
}
.bg-neutral-700 {
background-color: var(--color-neutral-700) !important
}
.bg-neutral-700.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-700) 30%, transparent 30%) !important
}
.bg-neutral-700.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-700) 50%, transparent 50%) !important
}
a.bg-neutral-700:focus,
a.bg-neutral-700:hover,
button.bg-neutral-700:focus,
button.bg-neutral-700:hover {
background-color: var(--color-neutral-800) !important
}
.bg-neutral-800 {
background-color: var(--color-neutral-800) !important
}
.bg-neutral-800.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-800) 30%, transparent 30%) !important
}
.bg-neutral-800.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-800) 50%, transparent 50%) !important
}
a.bg-neutral-800:focus,
a.bg-neutral-800:hover,
button.bg-neutral-800:focus,
button.bg-neutral-800:hover {
background-color: var(--color-neutral-900) !important
}
.bg-neutral-900 {
background-color: var(--color-neutral-900) !important
}
.bg-neutral-900.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-900) 30%, transparent 30%) !important
}
.bg-neutral-900.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-900) 50%, transparent 50%) !important
}
a.bg-neutral-900:focus,
a.bg-neutral-900:hover,
button.bg-neutral-900:focus,
button.bg-neutral-900:hover {
background-color: var(--color-neutral-950) !important
}
.bg-neutral-950 {
background-color: var(--color-neutral-950) !important
}
.bg-neutral-950.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-950) 30%, transparent 30%) !important
}
.bg-neutral-950.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-950) 50%, transparent 50%) !important
}
a.bg-neutral-950:focus,
a.bg-neutral-950:hover,
button.bg-neutral-950:focus,
button.bg-neutral-950:hover {
background-color: var(--color-neutral-1000) !important
}
.bg-neutral-1000 {
background-color: var(--color-neutral-1000) !important
}
.bg-neutral-1000.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--color-neutral-1000) 30%, transparent 30%) !important
}
.bg-neutral-1000.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--color-neutral-1000) 50%, transparent 50%) !important
}
a.bg-neutral-1000:focus,
a.bg-neutral-1000:hover,
button.bg-neutral-1000:focus,
button.bg-neutral-1000:hover {
background-color: var(--color-neutral-900) !important
}
.bg-contrast-low {
background-color: var(--container-contrast-low-bg) !important
}
.bg-contrast-med {
background-color: var(--container-contrast-med-bg) !important
}
.bg-contrast-med.bg-top-30 {
background: transparent linear-gradient(to bottom, var(--container-contrast-med-bg) 30%, transparent 30%) !important
}
.bg-contrast-med.bg-top-50 {
background: transparent linear-gradient(to bottom, var(--container-contrast-med-bg) 50%, transparent 50%) !important
}
.bg-contrast-high {
background-color: var(--container-contrast-high-bg) !important
}
.bg-contrast-max {
background-color: var(--container-contrast-max-bg) !important
}
.bg-alpha-contrast-low {
background-color: var(--container-alpha-contrast-low-bg) !important
}
.bg-alpha-contrast-high {
background-color: var(--container-alpha-contrast-high-bg) !important
}
.bg-black {
background-color: #000 !important
}
.bg-dark {
background-color: var(--container-dark-bg) !important
}
.bg-body {
background-color: var(--page-bg) !important
}
.bg-location {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 136'%3E%3Cpath fill='rgba(180, 180, 180, 0.15)' d='M632.9 59.7c-3-9.1-13.3-22.2-30.6-39 1.8-1.3 4.2-2.9 7.2-4.8 1.9-.5 19-6 41.1-26.1l-1.3-1.5C626.8 8.8 609.1 13.9 608.9 14l-.3.1c-3.2 2-5.8 3.7-7.7 5.2-1.5-1.5-3.1-3-4.7-4.5-15.6-14.6-30.4-26.4-30.6-26.6l-1.2 1.6c.3.3 17.8 14.3 34.9 30.7-5.5 4.4-5.3 6.4-4.1 9.8 1 2.7 2.3 6.4-1.5 15-2.4 5.4-6.7 9.7-10.8 13.8-1 1-2.1 2.1-3.1 3.2-14.2-14-29-27.2-43.5-40.1-12.3-11-25.1-22.3-37.3-34l-3.5 3.6c11.5 11 23.4 21.6 35 31.9l-1.4.5c-.8.3-1.6.6-2.3.8-.8-.7-1.6-1.5-2.5-2.2-12.3-11-25.1-22.3-37.3-34l-3.5 3.6c12.3 11.8 25.1 23.1 37.4 34.1.2.1.3.3.5.4-3.1 1.2-4 2-6.5 4-3.6 3-11.1 9.2-36.4 25.2-8.6 5.5-17.5 10.4-26.5 15-22.3-19.6-40.3-45.5-50.7-62.3 24.2-3.2 47.9-9.9 69.9-24.6l-2.8-4.2c-22.1 14.7-45.5 21.2-70 24.1-4.5-7.5-7-12.3-7.1-12.5L389.6-7c.1.1 2.4 4.7 6.7 11.8-12.1 1.3-24.5 1.8-37 2 1.8-6.3 3.8-12 6-16.7l-4.5-2.1C358.2-6.7 356-.4 354 6.8h-4.6c1.8-6.4 3.7-12.1 6-16.9l-4.5-2.1c-2.5 5.3-4.7 11.8-6.6 19h-6c-15.4 0-31.3 0-46.9 1.1-15 1-27.8 7.2-41.1 14.1-2-4.6-4.2-9.2-6.8-13.9-.8-1.4-1.5-2.6-2.2-3.8 7.2-3.4 13.9-8 19.7-14.1l-1.5-1.4c-5.6 6-12.1 10.5-19.2 13.8-4.3-7.2-6.4-9.5-7.6-10.8-1.1-1.2-1.1-1.2-1.7-5.6-.1-.7-.2-1.6-.4-2.5l-2 .3c.1 1 .3 1.8.4 2.5.7 4.7.7 5 2.2 6.7 1.1 1.2 3.1 3.4 7.2 10.2-20.4 8.8-45.3 8.5-68.3 7.9-.3-9.1-.5-18.3-.6-27.6h-1c.1 9.2.3 18.4.6 27.6h-1.7c-6-.2-11.7-.3-17.3-.3l-11.4.4-2.7-42.5-2 .1 2.8 42.4-29.5 1.1c-18.6 1.8-20.3 3.1-24.2 6-2.2 1.7-5.3 4-13.3 7.4-.7-.9-1.5-1.8-2.2-2.7-7.2-8.7-14.7-17.8-21.1-28l-1.7 1.1c6.5 10.3 14 19.4 21.2 28.3 7.6 9.3 15.5 18.9 22.1 29.8-3.6 2.2-7 4.8-10 7.8-5.4 5.3-10.1 11.4-14.8 17.2-2.3 2.9-4.6 5.8-7 8.7l-.2.2-.1.2c-.4.8-6.8 13.2-11.7 30.6l-76.3.9v2l75.8-.9c-2.7 10.3-4.8 22.2-4.8 34.4 0 33.5-3.9 67.4-4 67.7l5 .6c0-.3 4-34.5 4-68.3 0-12.2 2.2-24.2 5-34.5h2.9c1.2.1 7.7.3 17.5.6-3.3 7.3-5.5 15.5-5.5 24.5v86h2v-86c0-8.9 2.3-17.1 5.7-24.4 24.5.5 67 .7 101.3-2.9l4.1 113.8h1l-4.1-113.9c20.7-2.2 38.2-5.9 46.6-11.8 28.1-19.4 72.4 13.6 72.8 14l.3.2h.4c14.5-.5 26.8-1.5 37.2-2.8-.6 11.9-1 23.4-1.5 33.7-.3 6.3-.5 12.2-.7 17.5l5 .2c.2-5.3.5-11.2.7-17.5.4-10.6.9-22.4 1.5-34.6 1.1-.2 2.2-.3 3.3-.5-1 16.7-1.7 32.2-2.3 44.9l-.2 5.5 5 .2.2-5.5c.6-12.9 1.3-28.8 2.4-45.9 23.4-4 33.2-9 33.8-9.3 8-3.7 16.5-7.4 25.6-11.3 15.1-6.5 31.5-13.5 47.7-21.8 16.3 14.1 35.4 25.4 55.8 26.6 32.7 2 61.1 29.2 79.3 51.6 19.7 24.4 31.8 48.6 31.9 48.8l1.8-.9c-.1-.2-12.3-24.6-32.1-49.2-18.4-22.7-47.3-50.3-80.7-52.4-19.3-1.2-37.7-11.7-53.9-25.6 8.8-4.5 17.5-9.4 25.9-14.7 25.4-16.2 33-22.4 36.6-25.4 2.5-2 3.2-2.7 6.9-4.1 22.6 20.1 45.9 40.9 66.2 64.7l53.3 65.7 3.9-3.1-53.3-65.8c-20-23.4-42.6-43.8-64.8-63.5.4-.1.8-.3 1.3-.5l2.5-.9c.3.2.5.5.8.7 23.3 20.7 47.4 42.1 68.4 66.7l47.3 57.4 3.9-3.2-47.3-57.4c-7.7-9-15.7-17.5-24-25.7 1-1.1 2.1-2.1 3.1-3.2 4.3-4.3 8.7-8.7 11.2-14.4 4.1-9.3 2.6-13.6 1.6-16.5-.8-2.4-1.3-3.8 3.6-7.7 13.7 13.4 26.9 28.1 30.3 38.4 8 24 36.1 47.5 37.3 48.5l1.3-1.5c-.5-.3-29-24.2-36.9-47.6zM239.4 5.2c.7 1.2 1.4 2.5 2.2 3.9 2.6 4.7 4.8 9.2 6.8 13.8-.4.2-.7.4-1.1.6-14.5 7.6-29.6 15.4-48.1 16.9-7.6.6-17 .5-26.9.4h-1.1c-.4-9-.8-18.2-1.1-27.5 23.4.7 48.6.9 69.3-8.1zm11 22.4c2.7 7 4.8 14.5 6.8 23.4 1.1 5.1-1.6 12.1-6.9 13.8-11.7 3.8-24.6 6.3-42 8.1-5.6.6-14.1-.1-24-.9-3.8-.3-7.7-.6-11.8-.9-.3-8.5-.6-17-1-25.3h.9c10 .1 19.5.2 27.3-.4 19.5-1.6 35-9.6 50-17.4.2-.2.4-.3.7-.4zM150.2 13c5.5 0 11.2.1 17.2.3h1.8c.3 9.3.7 18.4 1.1 27.5-9.6-.1-19.9-.1-30.1.4l-.7-19.6-.5-8.2 11.2-.4zm-79 14.7c7.9-3.3 10.9-5.7 13.2-7.4 3.5-2.7 5.1-3.9 23.1-5.6l29.5-1.1.5 8.3.7 19.6c-17.4 1.1-34.6 4.2-48.3 12-5.7-9.4-12.2-17.8-18.7-25.8zM52 119h-2.4c4.4-15.2 9.8-26.2 10.7-28 2.4-2.8 4.7-5.7 6.9-8.6 4.5-5.7 9.2-11.6 14.4-16.7 20.3-20.2 58-20.2 88.9-19.9.4 8.3.7 16.7 1 25.2-26-1.7-56.4-1.5-73.3 15.6-1.3 1-18.2 13.4-27.8 32.9-11.1-.2-18.2-.5-18.4-.5zm73.1.5c-19.8.5-38.8.4-52.5.1 9.7-19.2 26.6-31.1 26.8-31.3l.1-.1c16.3-16.6 46.3-16.8 72-15.1.2 6.3.4 12.6.4 18.9l.9 24.7c-13.4 1.4-29.4 2.3-47.7 2.8zm169.2-.5c-1.9-1.4-12.5-9-26.1-14.4-19.8-8-36.7-7.8-48.8.6-7.3 5-22.8 8.9-45.6 11.3l-.8-24.6c-.1-6.3-.3-12.5-.4-18.8 4 .3 7.9.6 11.5.9 10 .8 18.6 1.5 24.4.9 17.5-1.8 30.6-4.3 42.4-8.2 6.5-2.1 9.6-10.2 8.3-16.2-2-9.1-4.2-16.8-7-23.9 12.9-6.7 25.3-12.8 39.5-13.7 15.5-1 31.3-1.1 46.6-1.1h4.8c-6.9 28.9-10 68.6-11.8 104.3-10.6 1.4-22.9 2.4-37 2.9zm42-3.5c1.8-35.8 4.9-75.4 11.8-103.6h4.6c-7.1 28.7-10.9 68.3-13.1 103.1-1 .1-2.1.3-3.3.5zm66.9-21.7c-9.1 3.9-17.6 7.6-25.7 11.3-4.5 2.3-15.4 6-32.8 9 2.2-34.9 6-74.3 13.2-102.4 13.8-.2 27.5-.7 41.2-2.4 6 9.8 14.6 22.7 25.1 35.7 7.3 9 16 18.6 25.8 27.3-15.9 8.2-31.9 15.1-46.8 21.5z'/%3E%3C/svg%3E")
}
.bg-circle {
background-color: var(--color-primary-500) !important
}
.bg-none {
background: 0 0 !important
}
.bg-page-title {
background-color: var(--page-title-bg) !important
}
.bg-page-title.bg-top-30-border-page-title {
background: transparent linear-gradient(to bottom, var(--page-title-bg) 30%, var(--page-title-border-color, transparent) 30% calc(30% + 1px), transparent calc(30% + 1px)) !important
}
.bg-page-title.bg-top-50-border-page-title {
background: transparent linear-gradient(to bottom, var(--page-title-bg) 50%, var(--page-title-border-color, transparent) 50% calc(50% + 1px), transparent calc(50% + 1px)) !important
}
.bg-primary-callout {
background-color: var(--callout-primary-bg) !important
}
.bg-secondary-callout {
background-color: var(--callout-secondary-bg) !important
}
.bg-hot-car {
background-color: var(--color-hot-car) !important
}
.bg-hot-car-dark {
background-color: var(--color-hot-car-dark) !important
}
.bg-border {
background-color: var(--divider-color) !important
}
.bg-box-border {
background-color: var(--box-border-color) !important
}
.hide {
display: none
}
.clear {
clear: both
}
.show-inline {
display: inline-block !important
}
.pointer {
cursor: pointer
}
.pointer-events-none {
pointer-events: none !important
}
.pointer-events-auto {
pointer-events: auto !important
}
.line-clamp-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
overflow: hidden
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.line-clamp-1 {
max-height: 100px;
display: block
}
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
overflow: hidden
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.line-clamp-2 {
max-height: 100px;
display: block
}
}
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
overflow: hidden
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.line-clamp-3 {
max-height: 100px;
display: block
}
}
.line-clamp-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
overflow: hidden
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.line-clamp-4 {
max-height: 100px;
display: block
}
}
.line-clamp-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
overflow: hidden
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
.line-clamp-5 {
max-height: 100px;
display: block
}
}
.composer-editor-only {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
padding: 5px;
text-align: center;
font-size: 20px;
text-shadow: 2px 2px 2px #fff;
color: #000;
background-color: rgba(255, 255, 255, .75)
}
.composer-editor-only p {
margin: 0;
padding: 0;
line-height: 1
}
.composer-editor-only p small {
font-size: 14px
}
.ddc-composer .composer-editor-only {
display: flex;
align-items: center;
justify-content: center
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-grow-2 {
flex-grow: 2 !important
}
.flex-shrink-2 {
flex-shrink: 2 !important
}
.flex-grow-3 {
flex-grow: 3 !important
}
.flex-shrink-3 {
flex-shrink: 3 !important
}
.flex-grow-4 {
flex-grow: 4 !important
}
.flex-shrink-4 {
flex-shrink: 4 !important
}
@media (min-width:480px) {
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-grow-2 {
flex-grow: 2 !important
}
.flex-sm-shrink-2 {
flex-shrink: 2 !important
}
.flex-sm-grow-3 {
flex-grow: 3 !important
}
.flex-sm-shrink-3 {
flex-shrink: 3 !important
}
.flex-sm-grow-4 {
flex-grow: 4 !important
}
.flex-sm-shrink-4 {
flex-shrink: 4 !important
}
}
@media (min-width:768px) {
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-grow-2 {
flex-grow: 2 !important
}
.flex-md-shrink-2 {
flex-shrink: 2 !important
}
.flex-md-grow-3 {
flex-grow: 3 !important
}
.flex-md-shrink-3 {
flex-shrink: 3 !important
}
.flex-md-grow-4 {
flex-grow: 4 !important
}
.flex-md-shrink-4 {
flex-shrink: 4 !important
}
}
@media (min-width:992px) {
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-grow-2 {
flex-grow: 2 !important
}
.flex-lg-shrink-2 {
flex-shrink: 2 !important
}
.flex-lg-grow-3 {
flex-grow: 3 !important
}
.flex-lg-shrink-3 {
flex-shrink: 3 !important
}
.flex-lg-grow-4 {
flex-grow: 4 !important
}
.flex-lg-shrink-4 {
flex-shrink: 4 !important
}
}
@media (min-width:1200px) {
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-grow-2 {
flex-grow: 2 !important
}
.flex-xl-shrink-2 {
flex-shrink: 2 !important
}
.flex-xl-grow-3 {
flex-grow: 3 !important
}
.flex-xl-shrink-3 {
flex-shrink: 3 !important
}
.flex-xl-grow-4 {
flex-grow: 4 !important
}
.flex-xl-shrink-4 {
flex-shrink: 4 !important
}
}
.flex-basis-0 {
flex-basis: 0
}
.flex-col {
flex-grow: 1;
flex-basis: 0
}
.no-gutter-spacing.ddc-content,
.no-gutter-spacing.row,
.no-gutter-spacing.yui3-g,
.no-gutter-spacing>.ddc-content,
.no-gutter-spacing>.row,
.no-gutter-spacing>.yui3-g {
margin: 0 !important
}
.no-gutter-spacing>[class*=col-],
.no-gutter-spacing>[class*=ddc-span],
.no-gutter-spacing[class*=col-],
.no-gutter-spacing[class*=ddc-span] {
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important
}
.no-gutter-spacing>[class*=col-]>.ddc-content,
.no-gutter-spacing>[class*=ddc-span]>.ddc-content,
.no-gutter-spacing[class*=col-]>.ddc-content,
.no-gutter-spacing[class*=ddc-span]>.ddc-content {
margin: 0 !important
}
.ddc-icon-size-xsmall {
font-size: .5em
}
.ddc-icon-size-small {
font-size: .75em
}
.ddc-icon-size-large {
font-size: 1.25em
}
.ddc-icon-size-xlarge {
font-size: 1.5em
}
.ddc-icon-size-xxlarge {
font-size: 2.5em
}
.ddc-icon-size-jumbo {
font-size: 3em
}
.icon-size-1 {
font-size: 8px !important
}
.icon-dimension-size-1 {
height: 8px !important;
width: 8px !important
}
.icon-size-2 {
font-size: 16px !important
}
.icon-dimension-size-2 {
height: 16px !important;
width: 16px !important
}
.icon-size-3 {
font-size: 24px !important
}
.icon-dimension-size-3 {
height: 24px !important;
width: 24px !important
}
.icon-size-4 {
font-size: 32px !important
}
.icon-dimension-size-4 {
height: 32px !important;
width: 32px !important
}
.icon-size-5 {
font-size: 48px !important
}
.icon-dimension-size-5 {
height: 48px !important;
width: 48px !important
}
.icon-size-6 {
font-size: 64px !important
}
.icon-dimension-size-6 {
height: 64px !important;
width: 64px !important
}
.icon-size-7 {
font-size: 96px !important
}
.icon-dimension-size-7 {
height: 96px !important;
width: 96px !important
}
.icon-size-8 {
font-size: 128px !important
}
.icon-dimension-size-8 {
height: 128px !important;
width: 128px !important
}
.icon-size-9 {
font-size: 144px !important
}
.icon-dimension-size-9 {
height: 144px !important;
width: 144px !important
}
.ddc-icon-toggle {
display: inline-block
}
.ddc-icon-toggle:first-of-type {
display: none
}
.collapsed .ddc-icon-toggle {
display: none
}
.collapsed .ddc-icon-toggle:first-of-type {
display: inline-block
}
.icon-style-collapse {
border: 1px solid var(--color-primary-500);
border-radius: 50%;
line-height: 1;
color: var(--color-primary-500);
background-color: var(--color-neutral-0)
}
.ddc-icon-carousel-arrow {
width: 48px;
height: 48px;
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center/cover;
pointer-events: none
}
.ddc-icon-carousel-arrow-left {
transform: rotate(180deg)
}
.text-link-muted {
color: var(--text-muted-color);
font-weight: inherit
}
.opacity-0 {
opacity: .01 !important
}
.opacity-25 {
opacity: .25 !important
}
.opacity-50 {
opacity: .5 !important
}
.opacity-75 {
opacity: .75 !important
}
.opacity-100 {
opacity: 1 !important
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-inherit {
overflow: inherit
}
.overflow-initial {
overflow: initial
}
.overflow-overlay {
overflow: overlay
}
.overflow-scroll {
overflow: scroll
}
.overflow-unset {
overflow: unset
}
.overflow-visible {
overflow: visible
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
@media (min-width:480px) {
.h-sm-25 {
height: 25% !important
}
.h-sm-50 {
height: 50% !important
}
.h-sm-75 {
height: 75% !important
}
.h-sm-100 {
height: 100% !important
}
.h-sm-auto {
height: auto !important
}
}
@media (min-width:768px) {
.h-md-25 {
height: 25% !important
}
.h-md-50 {
height: 50% !important
}
.h-md-75 {
height: 75% !important
}
.h-md-100 {
height: 100% !important
}
.h-md-auto {
height: auto !important
}
}
@media (min-width:992px) {
.h-lg-25 {
height: 25% !important
}
.h-lg-50 {
height: 50% !important
}
.h-lg-75 {
height: 75% !important
}
.h-lg-100 {
height: 100% !important
}
.h-lg-auto {
height: auto !important
}
}
@media (min-width:1200px) {
.h-xl-25 {
height: 25% !important
}
.h-xl-50 {
height: 50% !important
}
.h-xl-75 {
height: 75% !important
}
.h-xl-100 {
height: 100% !important
}
.h-xl-auto {
height: auto !important
}
}
.container-min {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
min-width: 960px !important
}
.container-min:after,
.container-min:before {
content: " ";
display: table
}
.container-min:after {
clear: both
}
.container-max-sm {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1280px !important
}
.container-max-sm:after,
.container-max-sm:before {
content: " ";
display: table
}
.container-max-sm:after {
clear: both
}
.container-max-md {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1440px !important
}
.container-max-md:after,
.container-max-md:before {
content: " ";
display: table
}
.container-max-md:after {
clear: both
}
.container-max-lg {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1600px !important
}
.container-max-lg:after,
.container-max-lg:before {
content: " ";
display: table
}
.container-max-lg:after {
clear: both
}
.container-max-xl {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 2000px !important
}
.container-max-xl:after,
.container-max-xl:before {
content: " ";
display: table
}
.container-max-xl:after {
clear: both
}
.spacing-reset {
margin: 0 !important;
padding: 0 !important
}
.spacing-top-reset {
margin-top: 0 !important;
padding-top: 0 !important
}
.spacing-bottom-reset {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.push {
height: 64px !important
}
.no-push {
margin-bottom: -64px !important
}
.push-top {
padding-top: 16px !important
}
.translate-0 {
transform: translate(0) !important
}
.translate-up-10 {
transform: translateY(-10%) !important
}
.translate-up-15 {
transform: translateY(-15%) !important
}
.translate-up-20 {
transform: translateY(-20%) !important
}
.translate-up-30 {
transform: translateY(-30%) !important
}
.translate-up-40 {
transform: translateY(-40%) !important
}
.translate-up-50 {
transform: translateY(-50%) !important
}
.translate-up-100 {
transform: translateY(-100%) !important
}
.translate-up-spacers-0 {
transform: translateY(0) !important
}
.translate-up-spacers-1 {
transform: translateY(-2px) !important
}
.translate-up-spacers-2 {
transform: translateY(-4px) !important
}
.translate-up-spacers-3 {
transform: translateY(-8px) !important
}
.translate-up-spacers-4 {
transform: translateY(-16px) !important
}
.translate-up-spacers-5 {
transform: translateY(-24px) !important
}
.translate-up-spacers-6 {
transform: translateY(-32px) !important
}
.translate-up-spacers-7 {
transform: translateY(-40px) !important
}
.translate-up-spacers-8 {
transform: translateY(-48px) !important
}
.translate-up-spacers-9 {
transform: translateY(-56px) !important
}
.translate-up-spacers-10 {
transform: translateY(-64px) !important
}
.translate-up-spacers-11 {
transform: translateY(-72px) !important
}
.translate-up-spacers-12 {
transform: translateY(-80px) !important
}
.translate-up-spacers-13 {
transform: translateY(-88px) !important
}
.translate-up-spacers-14 {
transform: translateY(-96px) !important
}
.translate-up-spacers-15 {
transform: translateY(-104px) !important
}
.translate-down-10 {
transform: translateY(10%) !important
}
.translate-down-15 {
transform: translateY(15%) !important
}
.translate-down-20 {
transform: translateY(20%) !important
}
.translate-down-30 {
transform: translateY(30%) !important
}
.translate-down-40 {
transform: translateY(40%) !important
}
.translate-down-50 {
transform: translateY(50%) !important
}
.translate-down-100 {
transform: translateY(100%) !important
}
.translate-down-spacers-0 {
transform: translateY(0) !important
}
.translate-down-spacers-1 {
transform: translateY(2px) !important
}
.translate-down-spacers-2 {
transform: translateY(4px) !important
}
.translate-down-spacers-3 {
transform: translateY(8px) !important
}
.translate-down-spacers-4 {
transform: translateY(16px) !important
}
.translate-down-spacers-5 {
transform: translateY(24px) !important
}
.translate-down-spacers-6 {
transform: translateY(32px) !important
}
.translate-down-spacers-7 {
transform: translateY(40px) !important
}
.translate-down-spacers-8 {
transform: translateY(48px) !important
}
.translate-down-spacers-9 {
transform: translateY(56px) !important
}
.translate-down-spacers-10 {
transform: translateY(64px) !important
}
.translate-down-spacers-11 {
transform: translateY(72px) !important
}
.translate-down-spacers-12 {
transform: translateY(80px) !important
}
.translate-down-spacers-13 {
transform: translateY(88px) !important
}
.translate-down-spacers-14 {
transform: translateY(96px) !important
}
.translate-down-spacers-15 {
transform: translateY(104px) !important
}
.translate-left-10 {
transform: translateX(-10%) !important
}
.translate-left-15 {
transform: translateX(-15%) !important
}
.translate-left-20 {
transform: translateX(-20%) !important
}
.translate-left-30 {
transform: translateX(-30%) !important
}
.translate-left-40 {
transform: translateX(-40%) !important
}
.translate-left-50 {
transform: translateX(-50%) !important
}
.translate-left-100 {
transform: translateX(-100%) !important
}
.translate-left-spacers-0 {
transform: translateX(0) !important
}
.translate-left-spacers-1 {
transform: translateX(-2px) !important
}
.translate-left-spacers-2 {
transform: translateX(-4px) !important
}
.translate-left-spacers-3 {
transform: translateX(-8px) !important
}
.translate-left-spacers-4 {
transform: translateX(-16px) !important
}
.translate-left-spacers-5 {
transform: translateX(-24px) !important
}
.translate-left-spacers-6 {
transform: translateX(-32px) !important
}
.translate-left-spacers-7 {
transform: translateX(-40px) !important
}
.translate-left-spacers-8 {
transform: translateX(-48px) !important
}
.translate-left-spacers-9 {
transform: translateX(-56px) !important
}
.translate-left-spacers-10 {
transform: translateX(-64px) !important
}
.translate-left-spacers-11 {
transform: translateX(-72px) !important
}
.translate-left-spacers-12 {
transform: translateX(-80px) !important
}
.translate-left-spacers-13 {
transform: translateX(-88px) !important
}
.translate-left-spacers-14 {
transform: translateX(-96px) !important
}
.translate-left-spacers-15 {
transform: translateX(-104px) !important
}
.translate-right-10 {
transform: translateX(10%) !important
}
.translate-right-15 {
transform: translateX(15%) !important
}
.translate-right-20 {
transform: translateX(20%) !important
}
.translate-right-30 {
transform: translateX(30%) !important
}
.translate-right-40 {
transform: translateX(40%) !important
}
.translate-right-50 {
transform: translateX(50%) !important
}
.translate-right-100 {
transform: translateX(100%) !important
}
.translate-right-spacers-0 {
transform: translateX(0) !important
}
.translate-right-spacers-1 {
transform: translateX(2px) !important
}
.translate-right-spacers-2 {
transform: translateX(4px) !important
}
.translate-right-spacers-3 {
transform: translateX(8px) !important
}
.translate-right-spacers-4 {
transform: translateX(16px) !important
}
.translate-right-spacers-5 {
transform: translateX(24px) !important
}
.translate-right-spacers-6 {
transform: translateX(32px) !important
}
.translate-right-spacers-7 {
transform: translateX(40px) !important
}
.translate-right-spacers-8 {
transform: translateX(48px) !important
}
.translate-right-spacers-9 {
transform: translateX(56px) !important
}
.translate-right-spacers-10 {
transform: translateX(64px) !important
}
.translate-right-spacers-11 {
transform: translateX(72px) !important
}
.translate-right-spacers-12 {
transform: translateX(80px) !important
}
.translate-right-spacers-13 {
transform: translateX(88px) !important
}
.translate-right-spacers-14 {
transform: translateX(96px) !important
}
.translate-right-spacers-15 {
transform: translateX(104px) !important
}
.scale-75,
.scale-after-75::after {
transform: scale(.75) !important
}
.scale-100,
.scale-after-100::after {
transform: scale(1) !important
}
.scale-105,
.scale-after-105::after {
transform: scale(1.05) !important
}
.scale-110,
.scale-after-110::after {
transform: scale(1.1) !important
}
.scale-125,
.scale-after-125::after {
transform: scale(1.25) !important
}
.scale-150,
.scale-after-150::after {
transform: scale(1.5) !important
}
.scale-150-100,
.scale-after-150-100::after {
transform: scale(1.5, 1) !important
}
.letter-spacing-normal {
letter-spacing: normal !important
}
.letter-spacing-tight {
letter-spacing: -.05em !important
}
.letter-spacing-wide {
letter-spacing: .05em !important
}
.ddc-font-size-jumbo {
font-size: 48px
}
.ddc-font-size-xxlarge {
font-size: 32px
}
.ddc-font-size-xlarge {
font-size: 24px
}
.ddc-font-size-large {
font-size: 20px
}
.ddc-font-size-base {
font-size: 16px
}
.ddc-font-size-small {
font-size: 14px
}
.ddc-font-size-xsmall {
font-size: 12px
}
.ddc-font-size-xxsmall {
font-size: 10px
}
.line-height-reset {
line-height: 1 !important
}
.line-height-condensed {
line-height: 1.25 !important
}
.display-1 {
font-size: 80px;
font-weight: 900;
line-height: 1.25;
text-transform: var(--display-heading-text-case, none);
letter-spacing: var(--display-heading-letter-spacing, normal)
}
.display-2 {
font-size: 64px;
font-weight: 900;
line-height: 1.25;
text-transform: var(--display-heading-text-case, none);
letter-spacing: var(--display-heading-letter-spacing, normal)
}
.display-3 {
font-size: 48px;
font-weight: 900;
line-height: 1.25;
text-transform: var(--display-heading-text-case, none);
letter-spacing: var(--display-heading-letter-spacing, normal)
}
.display-4 {
font-size: 32px;
font-weight: 900;
line-height: 1.25;
text-transform: var(--display-heading-text-case, none);
letter-spacing: var(--display-heading-letter-spacing, normal)
}
.text-decoration-none,
.text-no-decoration {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-primary-50 {
color: var(--color-primary-50) !important
}
a.text-primary-50:focus,
a.text-primary-50:hover {
color: var(--color-primary-100) !important
}
.text-primary-100 {
color: var(--color-primary-100) !important
}
a.text-primary-100:focus,
a.text-primary-100:hover {
color: var(--color-primary-200) !important
}
.text-primary-200 {
color: var(--color-primary-200) !important
}
a.text-primary-200:focus,
a.text-primary-200:hover {
color: var(--color-primary-300) !important
}
.text-primary-300 {
color: var(--color-primary-300) !important
}
a.text-primary-300:focus,
a.text-primary-300:hover {
color: var(--color-primary-400) !important
}
.text-primary-400 {
color: var(--color-primary-400) !important
}
a.text-primary-400:focus,
a.text-primary-400:hover {
color: var(--color-primary-500) !important
}
.text-primary-500 {
color: var(--color-primary-500) !important
}
a.text-primary-500:focus,
a.text-primary-500:hover {
color: var(--color-primary-600) !important
}
.text-primary-600 {
color: var(--color-primary-600) !important
}
a.text-primary-600:focus,
a.text-primary-600:hover {
color: var(--color-primary-700) !important
}
.text-primary-700 {
color: var(--color-primary-700) !important
}
a.text-primary-700:focus,
a.text-primary-700:hover {
color: var(--color-primary-800) !important
}
.text-primary-800 {
color: var(--color-primary-800) !important
}
a.text-primary-800:focus,
a.text-primary-800:hover {
color: var(--color-primary-900) !important
}
.text-primary-900 {
color: var(--color-primary-900) !important
}
a.text-primary-900:focus,
a.text-primary-900:hover {
color: var(--color-primary-950) !important
}
.text-primary-950 {
color: var(--color-primary-950) !important
}
a.text-primary-950:focus,
a.text-primary-950:hover {
color: var(--color-neutral-1000) !important
}
.text-neutral-0 {
color: var(--color-neutral-0) !important
}
a.text-neutral-0:focus,
a.text-neutral-0:hover {
color: var(--color-neutral-50) !important
}
.text-neutral-25 {
color: var(--color-neutral-25) !important
}
a.text-neutral-25:focus,
a.text-neutral-25:hover {
color: var(--color-neutral-50) !important
}
.text-neutral-50 {
color: var(--color-neutral-50) !important
}
a.text-neutral-50:focus,
a.text-neutral-50:hover {
color: var(--color-neutral-100) !important
}
.text-neutral-100 {
color: var(--color-neutral-100) !important
}
a.text-neutral-100:focus,
a.text-neutral-100:hover {
color: var(--color-neutral-200) !important
}
.text-neutral-200 {
color: var(--color-neutral-200) !important
}
a.text-neutral-200:focus,
a.text-neutral-200:hover {
color: var(--color-neutral-300) !important
}
.text-neutral-300 {
color: var(--color-neutral-300) !important
}
a.text-neutral-300:focus,
a.text-neutral-300:hover {
color: var(--color-neutral-400) !important
}
.text-neutral-400 {
color: var(--color-neutral-400) !important
}
a.text-neutral-400:focus,
a.text-neutral-400:hover {
color: var(--color-neutral-500) !important
}
.text-neutral-500 {
color: var(--color-neutral-500) !important
}
a.text-neutral-500:focus,
a.text-neutral-500:hover {
color: var(--color-neutral-600) !important
}
.text-neutral-600 {
color: var(--color-neutral-600) !important
}
a.text-neutral-600:focus,
a.text-neutral-600:hover {
color: var(--color-neutral-700) !important
}
.text-neutral-700 {
color: var(--color-neutral-700) !important
}
a.text-neutral-700:focus,
a.text-neutral-700:hover {
color: var(--color-neutral-800) !important
}
.text-neutral-800 {
color: var(--color-neutral-800) !important
}
a.text-neutral-800:focus,
a.text-neutral-800:hover {
color: var(--color-neutral-900) !important
}
.text-neutral-900 {
color: var(--color-neutral-900) !important
}
a.text-neutral-900:focus,
a.text-neutral-900:hover {
color: var(--color-neutral-950) !important
}
.text-neutral-950 {
color: var(--color-neutral-950) !important
}
a.text-neutral-950:focus,
a.text-neutral-950:hover {
color: var(--color-neutral-1000) !important
}
.text-neutral-1000 {
color: var(--color-neutral-1000) !important
}
a.text-neutral-1000:focus,
a.text-neutral-1000:hover {
color: var(--color-neutral-900) !important
}
.text-inverse {
color: var(--text-inverse-color) !important
}
.text-muted-inverse {
color: var(--text-inverse-muted-color) !important
}
.text-black {
color: #000 !important
}
.text-input {
color: var(--input-color)
}
.text-discount {
color: var(--color-discount)
}
.text-electric {
color: var(--color-electric)
}
.text-hybrid-dark {
color: var(--color-hybrid-dark)
}
.absolute-top {
position: absolute;
top: 0
}
.absolute-right {
position: absolute;
right: 0
}
.absolute-bottom {
position: absolute;
bottom: 0
}
.absolute-left {
position: absolute;
left: 0
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.center-block-transform {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.center-block-vertical {
top: 50% !important;
transform: translateY(-50%) !important
}
.center-block-horizontal {
left: 50% !important;
transform: translateX(-50%) !important
}
@media (min-width:480px) {
.position-sm-static {
position: static !important
}
.position-sm-relative {
position: relative !important
}
.position-sm-absolute {
position: absolute !important
}
.position-sm-fixed {
position: fixed !important
}
.position-sm-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.center-block-transform-sm {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.center-block-vertical-sm {
top: 50% !important;
transform: translateY(-50%) !important
}
.center-block-horizontal-sm {
left: 50% !important;
transform: translateX(-50%) !important
}
}
@media (min-width:768px) {
.position-md-static {
position: static !important
}
.position-md-relative {
position: relative !important
}
.position-md-absolute {
position: absolute !important
}
.position-md-fixed {
position: fixed !important
}
.position-md-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.center-block-transform-md {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.center-block-vertical-md {
top: 50% !important;
transform: translateY(-50%) !important
}
.center-block-horizontal-md {
left: 50% !important;
transform: translateX(-50%) !important
}
}
@media (min-width:992px) {
.position-lg-static {
position: static !important
}
.position-lg-relative {
position: relative !important
}
.position-lg-absolute {
position: absolute !important
}
.position-lg-fixed {
position: fixed !important
}
.position-lg-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.center-block-transform-lg {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.center-block-vertical-lg {
top: 50% !important;
transform: translateY(-50%) !important
}
.center-block-horizontal-lg {
left: 50% !important;
transform: translateX(-50%) !important
}
}
@media (min-width:1200px) {
.position-xl-static {
position: static !important
}
.position-xl-relative {
position: relative !important
}
.position-xl-absolute {
position: absolute !important
}
.position-xl-fixed {
position: fixed !important
}
.position-xl-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.center-block-transform-xl {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important
}
.center-block-vertical-xl {
top: 50% !important;
transform: translateY(-50%) !important
}
.center-block-horizontal-xl {
left: 50% !important;
transform: translateX(-50%) !important
}
}
.border-radius-sm {
border-radius: 4px !important
}
.border-radius-md {
border-radius: 8px !important
}
.border-radius-lg {
border-radius: 16px !important
}
.border-radius-xl {
border-radius: 32px !important
}
.border-neutral-0-alpha-3 {
border-color: var(--color-neutral-0-alpha-3) !important
}
.border-neutral-1000-alpha-05 {
border-color: var(--color-neutral-1000-alpha-05) !important
}
.border-page-title {
border-color: var(--page-title-border-color, transparent) !important
}
.border-neutral-200 {
border-color: var(--color-neutral-200) !important
}
.border-accent-500-alpha-2 {
border-color: var(--color-accent-500-alpha-2) !important
}
.border-transparent {
border-color: transparent !important
}
@supports (-webkit-overflow-scrolling:touch) {
body {
cursor: pointer
}
}
.vdp.responsive-grid .push {
height: 0 !important
}
.sticky-header-nav {
position: fixed;
transform: translate(0)
}
.page-header.sticky-header-nav {
z-index: 1030;
top: 0;
width: 100%
}
.single-franchise.preowned .franchises {
display: none
}
.navbar.sticky-header-nav {
z-index: 1029;
width: 100%
}
.ddcPlayer-holder video {
max-width: 100%
}
.ddc-content {
position: relative
}
.aside-left .aside {
float: left;
width: 300px;
padding-left: 12px
}
.aside-left .main {
margin-left: 324px;
padding-right: 12px
}
.aside-right .aside {
float: right;
width: 300px;
padding-right: 12px
}
.aside-right .main {
float: left;
width: 100%;
margin-right: -324px;
padding-right: 324px;
padding-left: 12px
}
.page-header.shrink-header-nav .ddc-integrations {
display: none
}
.third-party-service-footer {
position: relative
}
.links-share .g-plusone {
overflow: hidden;
height: 20px
}
a.credit {
width: 90px;
height: 21px;
background: transparent url(/static/v9/media/images/footer-logos/v1/ddc-logo-black.png) no-repeat 0 0;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.four-o-four img {
display: block;
margin: 0 auto
}
.four-o-four .navigation-sitemap ul ul {
margin-top: 1em
}
.four-o-four .navigation-sitemap .navigation-sitemap-list {
display: flex;
justify-content: space-between
}
.four-o-four .navigation-sitemap .navigation-sitemap-list>li {
margin-right: 16px;
margin-left: 16px;
flex-basis: 10%
}
.four-o-four .navigation-sitemap .navigation-sitemap-list>li>a {
font-weight: 800
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
a {
font-weight: inherit;
color: var(--link-color);
text-decoration: none
}
a.focus,
a.hover,
a:focus,
a:hover {
color: var(--link-hover-color);
text-decoration: underline
}
a.active,
a.currentPage,
a:active {
color: var(--link-active-color);
text-decoration: none
}
a.focus,
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
a .ddc-icon {
display: inline-block;
text-decoration: none
}
.btn,
.text-link,
a {
-webkit-tap-highlight-color: var(--color-primary-500-alpha-2)
}
a.skip-link {
color: #000 !important;
background: #fff !important;
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
a.skip-link:active,
a.skip-link:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
a.skip-link:active,
a.skip-link:focus {
position: absolute !important;
z-index: 2147483647 !important;
padding: 4px 8px !important
}
[id] {
scroll-margin-top: 20vh
}
iframe [id],
iframe[id] {
scroll-margin-top: 0
}
.ddc-content {
margin: 0 0 16px 0
}
.page-section .ddc-content:last-child,
.sidebar .ddc-content:last-child {
margin: 0
}
.content-page-title h1.ddc-content,
.ddc-content.container {
margin-right: auto;
margin-left: auto
}
.ddc-content .widget-heading {
margin: 0 0 24px 0
}
.content-page-title .ddc-content h1.widget-heading,
.ddc-content .content-page-title h1.widget-heading,
.ddc-content .widget-heading.container {
margin-right: auto;
margin-left: auto
}
.widget-m-large .ddc-content {
margin: 0 0 64px 0
}
img {
display: block;
max-width: 100%;
height: auto
}
.lazy-image {
display: block;
padding: 1px
}
.directions-results img {
max-width: none
}
@font-face {
font-family: ddc-button-icons;
src: url(/static/v9/media/fonts/ddc-button-icons/arrow-medium-square/webfont.woff2) format("woff2"), url(/static/v9/media/fonts/ddc-button-icons/arrow-medium-square/webfont.woff) format("woff"), url(/static/v9/media/fonts/ddc-button-icons/arrow-medium-square/webfont.ttf) format("truetype")
}
@media print {
#de-option-viewer,
#mycars-toolbar,
.btn,
.btn-link,
.carousel-next,
.carousel-prev,
.close,
.ddc-footer,
.dialog,
.facet-breadcrumb-close-icon,
.facet-breadcrumb-field,
.facet-breadcrumb-reset.facet-breadcrumb-item,
.facetmulti,
.fixed-vdp-footer,
.imageViewerScrollWrap,
.item-compare,
.links-locale,
.links-share,
.nav-list,
.navbar,
.navbar-nav,
.payment-calc-close,
.previousNext,
.push,
.vdp-sidebar [data-widget-name=digital-retailing-cox],
.vdp-sidebar [data-widget-name=links-list],
.vdp-sidebar [data-widget-name=links-window-sticker],
.vdp-sidebar [data-widget-name=ws-vehicle-ctas] {
display: none !important
}
}
.ddc-heading-1 {
position: relative;
margin: 0 0 32px 0
}
.video.ddc-icon-video {
font-size: 24px
}
.media .ddc-icon-video {
vertical-align: .1em
}
.ddc-icon-collapse-circle,
.ddc-icon-expand-circle {
float: right;
width: 1em;
height: 1em;
border-radius: 50%;
line-height: .8;
color: var(--text-color);
background-color: var(--color-neutral-100)
}
a:hover .ddc-icon-collapse-circle,
a:hover .ddc-icon-expand-circle {
color: var(--text-color);
background-color: var(--color-neutral-200)
}
.find-it-for-me-v1 .content-page-title h1.ddc-page-title {
width: fit-content;
min-width: 0
}
.dropdown-backdrop {
display: none
}
.errors small.ui-state.ui-state-error {
padding: 2px 4px;
border-radius: 15px
}
.checkbox .errors {
display: inline-block;
text-align: left;
margin-top: 0
}
.checkbox .errors.hide {
display: none
}
.ddc-input-group .ddc-input-group-addon {
font-weight: 700
}
.panel-heading {
color: var(--text-color);
cursor: pointer
}
.panel-heading a {
text-decoration: inherit;
color: inherit
}
.panel-heading:hover {
color: var(--link-color)
}
.media-viewer img {
margin: 0 auto
}
.jcarousel {
visibility: hidden
}
.jcarousel .ddc-nav-inline,
.jcarousel .nav {
max-height: 102px
}
.jcarousel-container {
width: 100%;
padding: 16px 0;
background-color: transparent;
display: flex;
align-items: center
}
.jcarousel-container .jcarousel-item {
width: 110px
}
.jcarousel-container .jcarousel-item a {
padding: 0 1px
}
.jcarousel-container .jcarousel-item a img {
width: 100%;
max-height: 100px
}
.jcarousel-clip-horizontal {
overflow: hidden;
width: calc(100% - 32px);
margin: 0 16px;
order: 2
}
.jcarousel-prev {
order: 1
}
.jcarousel-next {
margin-left: auto;
order: 3
}
.jcarousel-next,
.jcarousel-next-disabled-horizontal,
.jcarousel-next-horizontal,
.jcarousel-prev,
.jcarousel-prev-disabled-horizontal {
font-size: 28px;
user-select: none;
transition: opacity .25s
}
.jcarousel-next-disabled-horizontal[disabled],
.jcarousel-next-horizontal[disabled],
.jcarousel-next[disabled],
.jcarousel-prev-disabled-horizontal[disabled],
.jcarousel-prev[disabled] {
opacity: .5
}
.jcarousel-next-disabled-horizontal:not([disabled]),
.jcarousel-next-horizontal:not([disabled]),
.jcarousel-next:not([disabled]),
.jcarousel-prev-disabled-horizontal:not([disabled]),
.jcarousel-prev:not([disabled]) {
cursor: pointer
}
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
color: var(--color-primary-500)
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct>div,
.inventory-featured-default-extension-1 .hproduct>div,
.inventory-featured-financedriver .hproduct>div,
.inventory-featured-tabbed .hproduct>div,
.inventory-similar-default .similar-vehicle>div {
position: relative;
top: 0;
transition-duration: .4s;
transition-property: top
}
.incentives-search-detail .ui-button>.dropdown-menu,
.service-listing .view-link>.dropdown-menu,
.showroom-details-section .hproduct .pricing>.dropdown-menu,
.slideControls .next>.dropdown-menu {
right: 0;
left: auto
}
.inventoryList .incentive-list>.dropdown-menu,
.model-selector-facetbrowse-extension-1 .model-selector-controls>div>.dropdown-menu,
.showroom-details-section .hproduct .description>.dropdown-menu,
.slideControls .prev>.dropdown-menu {
right: auto;
left: 0
}
.pricing .abSub,
.pricing .bordered-price-element,
.pricing .rebate,
.pricing .subtotal {
display: block;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 2px dotted var(--color-neutral-300)
}
.model-selector-parallax .carousel .body-style a span,
.mycars .menu,
.navbar-nav>li>a.sublabelled span,
.page-header .header-default .vcard .adr,
.page-header .header-default .vcard .tels,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.contentHeading span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1 span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span,
.tabs-tabbed-widgets .ui-tabs-nav li a {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto
}
.navbar-nav li.ddc-nav-icon-list-item a.ddc-nav-icon-link,
.value-statement-mega-wrapper .navbar-default .dropdown>a.ddc-nav-icon-link {
position: relative
}
.navbar-nav li.ddc-nav-icon-list-item a.ddc-nav-icon-link .ddc-icon,
.value-statement-mega-wrapper .navbar-default .dropdown>a.ddc-nav-icon-link .ddc-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.ddc-toggle-group .ddc-toggle:after,
.digital-retailing-form .ddc-input-label-trigger-group label:after,
.tabs-bg .dr-tab-navigation li:after {
content: '';
position: absolute;
bottom: 4px;
left: 50%;
display: block;
width: 0;
margin: 0 8px;
border-bottom: 4px solid var(--color-primary-500)
}
.ddc-toggle-group .ddc-toggle.active:after,
.ddc-toggle-group .ddc-toggle.currentPage:after,
.digital-retailing-form .ddc-input-label-trigger-group label.digital-retailing-label-input-active:after,
.tabs-bg .dr-tab-navigation li.active:after,
.tabs-bg .dr-tab-navigation li.currentPage:after {
left: 0;
width: calc(100% - 16px);
transition: width .2s, left .2s
}
.hentry {
margin-top: 32px;
border-top: 1px solid var(--color-neutral-600)
}
.hentry:first-child {
margin-top: 0;
border-top: none
}
.hentry .view-link {
margin-top: 8px
}
.published {
font-weight: 700
}
.published+.author.vcard:before {
content: ' | '
}
.author.vcard,
.published {
display: inline-block
}
.categories,
.entry-content,
.entry-summary {
margin-top: 16px
}
.categories,
.tags {
font-weight: 700
}
.categories a,
.tags a {
font-weight: 400
}
.form-casl .casl-h2 {
width: 100% !important
}
.form-casl .casl-header {
float: left;
width: 100% !important;
padding-left: 10px;
text-align: left
}
.form-casl .highlight {
padding: 5px
}
.form-casl .cemConsent {
float: left;
clear: left;
margin-left: 1em
}
.form-casl .ddc-mega-menu-nav .contact-form .casl-disclaimer,
.form-casl .ddc-mega-menu-nav .contact-form .cemConsent {
font-size: 14px
}
.form-casl .ddc-mega-menu-nav .contact-form fieldset {
margin: 0
}
.form-casl .ddc-mega-menu-nav .contact-form fieldset>h2 {
display: none
}
.form-casl .ddc-mega-menu-nav .contact-form fieldset .alert {
margin: 0;
padding: .5em;
font-size: .8em
}
.form-casl .ddc-mega-menu-nav .contact-form fieldset .alert .ddc-icon {
min-height: .75em;
line-height: .6em
}
.form-casl .ddc-mega-menu-nav .contact-form fieldset .alert h1 {
margin: 0;
font-size: 1em
}
.form-casl .ddc-mega-menu-nav .contact-form .form-group {
margin-bottom: .5em
}
.form-casl .ddc-mega-menu-nav .contact-form .form-group .ddc-offset4 {
margin-left: 1em
}
.form-casl .ddc-mega-menu-nav .contact-form .form-group .ddc-offset4 div.radio {
padding-left: 0
}
.form-casl .ddc-mega-menu-nav .contact-form .form-group .ddc-offset4 div.radio label span {
font-size: .8em
}
.form-casl .contact-form .alert h1,
.form-casl form[action*=contact-form] .alert h1 {
margin-top: 0
}
.form-casl .casl-disclaimer {
float: left;
clear: left;
width: 96%;
margin: 0 2% 4px
}
body,
html {
height: 100%
}
.ddc-heading-6 {
display: table;
width: 93%;
margin-right: auto !important;
margin-left: auto !important;
text-align: center;
font-weight: 400;
white-space: nowrap;
color: inherit
}
.ddc-heading-6:after,
.ddc-heading-6:before {
content: '';
position: relative;
top: .5em;
display: table-cell;
width: 45%;
border-top: 5px solid var(--color-primary-500)
}
.ddc-heading-6:before {
right: 3.5%
}
.ddc-heading-6:after {
left: 3.5%
}
.ddc-box-1,
.ddc-box-2,
.ddc-box-3,
.showroom-details-section .callout+.type-1,
.showroom-details-section .ui-tabs {
padding: 16px
}
.ddc-box-1:after,
.ddc-box-1:before,
.ddc-box-2:after,
.ddc-box-2:before,
.ddc-box-3:after,
.ddc-box-3:before,
.showroom-details-section .callout+.type-1:after,
.showroom-details-section .callout+.type-1:before,
.showroom-details-section .ui-tabs:after,
.showroom-details-section .ui-tabs:before {
content: " ";
display: table
}
.ddc-box-1:after,
.ddc-box-2:after,
.ddc-box-3:after,
.showroom-details-section .callout+.type-1:after,
.showroom-details-section .ui-tabs:after {
clear: both
}
.ddc-box-1,
.showroom-details-section .callout+.type-1,
.showroom-details-section .ui-tabs {
background-color: var(--box-bg)
}
.ddc-box-2 {
background-color: transparent
}
.ddc-box-3 {
min-height: 285px
}
.ddc-box-3.ddc-content {
margin-bottom: 0
}
.ddc-box-3 .widget-heading {
position: relative;
z-index: 100;
margin-top: -65px;
margin-bottom: 20px
}
.ddc-box-3 .widget-heading .ddc-icon {
display: block;
width: 80px;
margin: 0 auto 10px;
padding: 9px;
border-radius: 3em;
text-align: center;
font-size: 64px;
color: var(--text-muted-color);
background: var(--page-bg)
}
.position-boxes {
margin-right: -25px;
margin-left: -25px
}
.position-boxes>[class^=ddc-span] {
margin-top: 25px;
margin-bottom: 25px;
border-left: 1px solid var(--color-neutral-1000-alpha-1)
}
.position-boxes>[class^=ddc-span]:first-child {
border-left: none
}
.mid-box {
padding-bottom: 15px
}
.container.main,
.content-page-title h1.main {
height: auto !important;
height: 76%;
min-height: 76%
}
.content-page-title {
position: relative
}
.content-page-title h1 {
margin: 0 auto;
padding: 24px 12px 16px
}
.ddc-banner {
background-color: var(--color-neutral-0)
}
.background-custom .ddc-content {
margin-bottom: 0
}
.background-custom .container.main,
.background-custom .content-page-title .page-bd>h1,
.background-custom .content-page-title h1.main,
.background-custom .page-bd>.container,
.background-custom .page-bd>.ddc-content,
.background-custom.index .main .container,
.background-custom.index .main .content-page-title h1,
.content-page-title .background-custom .page-bd>h1,
.content-page-title .background-custom h1.main,
.content-page-title .background-custom.index .main h1 {
background-color: var(--page-bg)
}
.ddc-list-columns>li .separator {
display: none
}
.calloutDetails li {
display: inline-block;
margin-right: 4px
}
.calloutDetails li img {
max-height: 50px;
margin-right: 8px
}
.page-header {
min-height: 138px;
color: var(--text-muted-color);
background-color: var(--color-neutral-0)
}
.page-header .ddc-content {
margin-bottom: 0
}
.page-header .header-default {
position: relative
}
.page-header .header-default:after,
.page-header .header-default:before {
content: " ";
display: table
}
.page-header .header-default:after {
clear: both
}
.page-header .header-default:after {
content: '.';
visibility: hidden;
clear: both;
display: block;
line-height: 0
}
.page-header .header-default .home-logolink {
float: left;
overflow: hidden;
width: 130px;
height: 110px;
margin: 0 .6em 0 0;
padding-top: 23px;
color: var(--text-muted-color)
}
.page-header .header-default .home-logolink img {
width: 130px
}
.page-header .header-default .vcard {
font-weight: 300
}
.page-header .header-default .vcard.header-logo-enabled {
height: 120px
}
.page-header .header-default .vcard img {
max-height: 120px
}
.page-header .header-default .vcard .contentHeading,
.page-header .header-default .vcard .h1,
.page-header .header-default .vcard .showroom-details-section>h4,
.page-header .header-default .vcard h1 {
float: left;
width: 60%;
padding-top: 26px;
font-size: 48px;
color: var(--text-muted-color)
}
.page-header .header-default .vcard .contentHeading .url,
.page-header .header-default .vcard .h1 .url,
.page-header .header-default .vcard .showroom-details-section>h4 .url,
.page-header .header-default .vcard h1 .url {
color: var(--text-muted-color)
}
.page-header .header-default .vcard .adr {
position: absolute;
top: .6em;
right: 0;
text-transform: uppercase
}
.ucasecompliance .page-header .header-default .vcard .adr {
text-transform: none
}
.page-header .header-default .vcard .adr .ddc-icon {
color: var(--color-primary-500)
}
.page-header .header-default .vcard .adr a {
font-size: 16px;
color: var(--color-neutral-1000)
}
.page-header .header-default .vcard .adr br {
display: none
}
.page-header .header-default .vcard .adr .street-address:after {
content: ', '
}
.page-header .header-default .vcard .tels {
position: absolute;
top: 0;
right: 0;
margin-top: 32px;
text-align: right;
font-size: 16px;
color: var(--color-neutral-1000);
text-transform: uppercase
}
.ucasecompliance .page-header .header-default .vcard .tels {
text-transform: none
}
.page-header .header-default .vcard .tels li {
display: block;
padding-bottom: 3px;
line-height: 21px
}
.page-header .header-default .vcard .tels a {
color: var(--color-neutral-1000)
}
.page-header .header-default .vcard .tels .tel.phone1 {
font-size: 32px
}
.page-header .header-default .vcard .tels .separator {
display: inline;
padding-right: 8px
}
.content-page-title .page-header h1,
.page-header .container,
.page-header .content-page-title h1 {
position: relative
}
.page-header .links-locale {
float: right;
padding-top: 2px;
padding-bottom: 8px
}
.page-header .links-locale a {
padding: 0 8px;
border-left: 1px solid var(--color-neutral-1000);
font-size: 14px;
text-decoration: underline;
color: var(--text-muted-color);
text-transform: uppercase
}
.ucasecompliance .page-header .links-locale a {
text-transform: none
}
.page-header .links-locale a:first-child {
border-left: none
}
.page-header .value-statement {
position: absolute;
bottom: -21px;
left: 140px;
font-weight: 700;
color: var(--text-muted-color)
}
.page-header .inventory-search-form {
bottom: 0;
left: 650px;
width: 31%
}
.page-header .inventory-search-form.selectors {
height: 60px
}
.page-header .inventory-search-form .composite-type-selector {
height: 30px;
text-align: center
}
.page-header .inventory-search-form .composite-type-selector .form-group {
position: static;
float: none;
display: inline-block;
width: auto;
height: 30px;
margin: 0
}
.page-header .inventory-search-form .composite-type-selector .form-group label {
padding: 0;
color: var(--text-muted-color)
}
.page-header .inventory-search-form .composite-type-selector .form-group label .ddc-span12,
.page-header .inventory-search-form .composite-type-selector .form-group label .yui3-u-1 {
width: auto;
padding: 0
}
.page-header .inventory-search-form .composite-type-selector .form-group label input[type=radio] {
margin: 4px 0 0 4px
}
.page-header .inventory-search-form .form-group {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0
}
.page-header .inventory-search-form .form-group>div {
padding-right: 0
}
.page-header .inventory-search-form input[type=search] {
height: 36.75px
}
.page-header .inventory-search-form button {
position: absolute;
right: 0
}
.page-header.sticky-header-nav {
-webkit-transform: translate3d(0, 0, 0)
}
.page-header.sticky-header-nav.shrink-header-nav {
height: 50px;
min-height: 50px;
transition: height .2s ease
}
.page-header.sticky-header-nav.shrink-header-nav.ipad {
height: 50px
}
.page-header.sticky-header-nav.shrink-header-nav~.ddc-wrapper .mega-menu-inner-curtain {
transition: height .2s linear
}
.page-header.sticky-header-nav.shrink-header-nav .inventory-search-form {
position: absolute;
right: 330px;
bottom: 6px;
left: auto
}
.page-header.sticky-header-nav.shrink-header-nav .inventory-search-form.selectors {
height: auto
}
.page-header.sticky-header-nav.shrink-header-nav .inventory-search-form .composite-type-selector {
display: none
}
.page-header.sticky-header-nav.shrink-header-nav .inventory-search-form button {
position: absolute
}
.page-header.sticky-header-nav.shrink-header-nav .header-logo {
top: 5px !important
}
.page-header.sticky-header-nav.shrink-header-nav .header-logo img {
height: 40px
}
.page-header.sticky-header-nav.shrink-header-nav .home-logolink {
width: 73px;
height: 50px;
margin: 0 10px 0 0;
padding: 0
}
.page-header.sticky-header-nav.shrink-header-nav .home-logolink img {
max-width: 75px
}
.page-header.sticky-header-nav.shrink-header-nav .vcard.header-logo-enabled {
height: auto
}
.page-header.sticky-header-nav.shrink-header-nav .vcard .contentHeading,
.page-header.sticky-header-nav.shrink-header-nav .vcard .h1,
.page-header.sticky-header-nav.shrink-header-nav .vcard .showroom-details-section>h4,
.page-header.sticky-header-nav.shrink-header-nav .vcard h1 {
margin-top: 11px;
padding-top: 0;
font-size: 32px
}
.page-header.sticky-header-nav.shrink-header-nav .vcard .tels {
margin: 13px 24px 0 0;
text-align: right;
cursor: pointer
}
.page-header.sticky-header-nav.shrink-header-nav .vcard .tels:after {
position: absolute;
top: 0;
right: -25px;
font-size: 32px;
line-height: 1;
color: var(--color-neutral-1000-alpha-3)
}
.page-header.sticky-header-nav.shrink-header-nav .vcard .tels:hover:after {
color: var(--color-neutral-1000-alpha-6)
}
.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.tel.collapsed-show {
display: inline-block;
margin-left: 10px
}
.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.tel.collapsed-show span {
display: inline-block;
font-size: 24px
}
.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.tel.collapsed-show span.separator {
padding-right: 0
}
.page-header.sticky-header-nav.shrink-header-nav .ddc-content.links-locale a,
.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li,
.page-header.sticky-header-nav.shrink-header-nav p.adr .ddc-icon-map-marker:before,
.page-header.sticky-header-nav.shrink-header-nav p.adr .ddc-icon-map:before,
.page-header.sticky-header-nav.shrink-header-nav p.adr span {
display: none
}
.navbar.sticky-header-nav {
-webkit-transform: translate3d(0, 0, 0)
}
.navbar.sticky-header-nav.shrink-header-nav.ipad {
top: 50px !important
}
.ddc-wrapper.sticky-header-nav.ipad {
padding-top: 100px
}
.ddc-wrapper.shrink-header-nav,
.navbar.sticky-header-nav.shrink-header-nav,
.page-header.sticky-header-nav .header-default .vcard .contentHeading,
.page-header.sticky-header-nav .header-default .vcard .h1,
.page-header.sticky-header-nav .header-default .vcard .showroom-details-section>h4,
.page-header.sticky-header-nav .header-default .vcard h1,
.page-header.sticky-header-nav .home-logolink {
transition: all 150ms ease
}
.navbar-nav .ddc-nav-inline>li>a,
.navbar-nav .nav>li>a {
min-width: 132px
}
.ddc-footer {
background-color: var(--color-neutral-1000)
}
.ddc-footer .links .links-list .widget-heading {
margin-top: 21px;
margin-bottom: 10.5px;
color: var(--color-neutral-0)
}
.ddc-footer a.ad-choices,
.ddc-footer a.credit {
position: relative;
top: 42px
}
.ddc-footer .navigation-default {
float: right;
width: 745px;
margin-bottom: 0
}
.ddc-footer .navigation-default:after,
.ddc-footer .navigation-default:before {
content: " ";
display: table
}
.ddc-footer .navigation-default:after {
clear: both
}
.ddc-footer .navigation-default ul {
width: auto
}
.ddc-footer .navigation-default ul li {
float: left
}
.ddc-footer .navigation-default ul li>a {
display: inline-block;
min-width: auto;
height: 100px;
padding: 40px 20px;
font-size: 14px
}
.service-section {
margin-bottom: 16px;
padding: 50px 0;
background: url(/static/v9/variations/parent-theme/0001/v2/images/service-bg.png) no-repeat 0 0;
background-size: cover
}
.service-section .service-lead {
margin-top: 30px
}
.service-section .service-lead h2 {
display: none
}
.service-section .service-lead fieldset {
margin-bottom: 0
}
.service-section .service-lead label {
margin-top: 7px
}
.dealership-section {
padding-top: 50px;
padding-bottom: 25px
}
.dealership-section .ddc-heading-1 {
border-bottom: none
}
.dealership-section .ddc-heading-1:after {
content: none
}
.highlighted-section {
padding-top: 25px;
border-bottom: 2px solid var(--color-primary-500);
background-color: var(--color-neutral-0);
box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset
}
.mid-section {
min-height: 315px
}
.content-page-title .mid-section h1,
.mid-section .container,
.mid-section .content-page-title h1 {
padding: 0
}
.mid-section div.ddc-content {
min-height: 250px;
margin: 32px 0
}
.mid-section .inventory-search-facetbrowse .ddc-heading-1 {
margin-bottom: 32px
}
.mid-section .inventory-search-facetbrowse .form-group {
margin-bottom: 25px
}
.mid-section .inventory-search-facetbrowse .form-group .form-control {
height: 44px
}
.mid-section .inventory-search-facetbrowse .btn {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 400;
text-transform: uppercase
}
.mid-section .inventory-search-facetbrowse .btn:before {
content: ''
}
.lower-video {
margin-top: 33px
}
.modal-in-dialog {
z-index: 2147483657
}
.page-header.page-header-layout-default.ff-layout-default-ada-on.shrink-header-nav .header-default .vcard {
overflow: unset;
min-height: unset
}
.page-header.page-header-layout-default.ff-layout-default-ada-on.shrink-header-nav .header-default .vcard .tels {
position: absolute;
margin-top: 13px;
right: 0
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .header-default .vcard .tels {
margin-bottom: max(calc(1em - 18px), .1px);
margin-top: max(32px, 1.7777em)
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .header-default.header-logo-enabled .vcard {
height: unset;
min-height: 120px;
overflow: auto
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .header-default.header-logo-enabled .vcard .tels {
margin-top: max(32px, 1.7777em);
position: unset;
top: unset;
right: unset;
margin-bottom: 16px
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .inventory-search-form {
min-width: 31%;
width: 16.1111em;
max-width: 340px
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .inventory-search-form input[type=search] {
min-height: 36.75px;
height: 2.0416em;
max-height: 58px
}
.page-header.page-header-layout-default.ff-layout-default-ada-on .inventory-search-form button {
padding: min(calc(.95em - var(--btn-border-width)), 12.3px) min(calc(1.5em - var(--btn-border-width)), 20px)
}
.page-header.noShrink.ff-layout-default-ada-on .header-default .vcard .tels {
margin-top: 0
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .header-default .header-logo-enabled.vcard {
height: unset;
min-height: 120px;
overflow: auto
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .header-default .header-logo-enabled.vcard .tels {
margin-top: max(32px, 1.7777em);
position: unset;
top: unset;
right: unset;
margin-bottom: 16px
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .header-default .header-logo-enabled.vcard .tels .tel {
padding-bottom: max(calc(2em - 17px), 17px)
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .inventory-search-form {
min-width: 31%;
width: 16.1111em;
max-width: 340px
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .inventory-search-form input[type=search] {
min-height: 36.75px;
height: 2.0416em;
max-height: 58px
}
.page-header.page-header-layout-no-shrink.ff-ada-layout-noshrink-nav-on .inventory-search-form button {
padding: min(calc(.95em - var(--btn-border-width)), 12.3px) min(calc(1.5em - var(--btn-border-width)), 20px)
}
.page-header.noShrink.ff-ada-layout-noshrink-nav-on .header-default .vcard .tels {
margin-top: 0
}
.page-header.noShrink.ff-ada-layout-noshrink-nav-on .inventory-search-form {
margin-top: max(calc(3em - 54px), .01px)
}
.ev-svg .st0 {
fill: none
}
.ev-svg .st1 {
fill: var(--color-neutral-400)
}
.ev-svg .st2 {
fill: var(--color-electric-vivid)
}
.ev-svg .st3 {
fill: var(--text-color)
}
.gm-style {
color: var(--text-color)
}
.gm-style .vcard a,
.gm-style .vcard a:focus,
.gm-style .vcard a:hover,
.gm-style .vcard a:visited {
color: inherit
}
.gm-style .vcard .org {
font-size: 14px
}
.gm-style .view-link a,
.gm-style .view-link a:focus,
.gm-style .view-link a:hover,
.gm-style .view-link a:visited {
color: inherit
}
.ws-inv-listing .carousel-indicator-list {
pointer-events: initial
}
.ws-inv-listing .carousel-indicator-list li {
pointer-events: none
}
.ws-inv-listing .media-modal-center-block {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%)
}
.ws-inv-listing .media-modal-bg {
left: 0;
background: #000;
will-change: opacity;
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.ws-inv-listing .media-modal-button {
right: 0
}
.ws-inv-listing .media-modal-button:focus,
.ws-inv-listing .media-modal-button:hover {
color: var(--color-neutral-400);
opacity: .8
}
.ws-inv-listing .media-modal {
left: 0;
z-index: 1500
}
.ws-inv-listing .media-modal .video-container {
z-index: 1501;
padding: 0 16px
}
.ws-inv-listing .media-modal .ddcPlayer-holder {
overflow: hidden
}
.ws-inv-listing .media-modal .media-modal-dcpais {
z-index: 1;
width: 583px;
height: 425px
}
.ws-inv-listing .open-media-modal-btn {
font-weight: 400;
display: none;
align-items: center;
padding: 8px;
line-height: 1em;
background-color: transparent;
border: none;
cursor: pointer
}
.ws-inv-listing .open-media-modal-btn:hover {
background-color: transparent;
outline: 0
}
.ws-inv-listing .open-media-modal-btn .ddc-icon {
color: var(--color-primary-500)
}
.ws-inv-listing .open-media-modal-btn.btn-default::before {
content: none
}
.ws-inv-listing .vehicle-card-grid .carousel-indicators-container {
position: relative
}
.ws-inv-listing .vehicle-card-grid .carousel-indicators-container>.open-media-modal-btn {
display: flex;
position: absolute;
right: 0;
top: 0
}
.ws-inv-listing .vehicle-card-list .vehicle-card-media-container>.open-media-modal-btn {
display: flex;
justify-content: center;
margin-right: auto;
margin-left: auto
}
.vdp-responsive-sections [data-name=vdp-sticky-vehicle-toolbar-wrapper-1] {
z-index: 999
}
.vdp-responsive-sections [data-name=vdp-vehicle-title-mycars-container-1] {
row-gap: 16px;
column-gap: 56px
}
.vdp-responsive-sections [data-name=vdp-vehicle-title-mycars-container-1] .ws-vehicle-title {
margin-bottom: 0
}
.vdp-responsive-sections [data-name=vdp-price-purchase-wrapper-1]+.page-section [data-name*=inner-container] {
border-top: none !important
}
.vdp-responsive-sections .page-section:not(:has(*)),
.vdp-responsive-sections [data-name=vdp-tps-placeholder-container-1]:has(.ws-tps-placeholder.hide) {
display: none
}
.ws-dealer-services .inline-highlight-sm .services-item,
.ws-dealer-services .inline-highlight-sm .services-item-image {
min-width: 80px
}
.ws-dealer-services .inline-highlight-sm .services-item-image {
min-height: 80px
}
.ws-dealer-services .inline-highlight-lg .services-item,
.ws-dealer-services .inline-highlight-lg .services-item-image {
min-width: 138px
}
.ws-dealer-services .inline-highlight-lg .services-item-image {
min-height: 138px
}
.ws-dealer-services .inline-highlight-lg .services-item,
.ws-dealer-services .inline-highlight-lg .services-item-image,
.ws-dealer-services .inline-highlight-sm .services-item,
.ws-dealer-services .inline-highlight-sm .services-item-image {
max-width: 234px
}
.ws-dealer-services .inline-highlight-lg .services-item-image,
.ws-dealer-services .inline-highlight-sm .services-item-image {
max-height: 234px
}
.ws-dealer-services .stacked-reverse-rows .services-item-container {
min-width: 352px
}
.buttonblock-default li {
position: relative;
overflow: hidden;
margin-bottom: 10px
}
.buttonblock-default li:hover .ui-button-text {
bottom: 0
}
.buttonblock-default .ddc-span4,
.buttonblock-default .yui3-u-1-3 {
float: none;
display: inline-block;
width: 32%;
margin: 0 4px;
padding: 0
}
.buttonblock-default h4 {
position: absolute;
top: 20%;
width: 100%;
text-align: center;
font-size: 17.5px;
color: unset
}
.buttonblock-default .ui-button-text {
position: absolute;
bottom: -32px;
display: block;
box-sizing: border-box;
width: 100%;
padding-right: 5%;
text-align: right;
color: var(--color-neutral-0);
background-color: var(--color-neutral-1000);
transition-duration: .4s;
transition-property: bottom
}
.buttonblock-img-wrap {
background-color: var(--color-neutral-1000)
}
.buttonblock-img-wrap img {
opacity: .5
}
.buttonblock-default a:active .buttonblock-img-wrap,
.buttonblock-default a:hover .buttonblock-img-wrap {
background: var(--color-primary-500)
}
.buttonblock-default a:active img,
.buttonblock-default a:hover img {
transition-duration: .2s;
transition-property: opacity;
opacity: 0
}
.buttonblock-default.gsm .buttonblock-img-wrap {
display: none
}
.buttonblock-default.gsm h4 {
position: relative;
margin: 0;
padding: 11px 0 11px 50px;
font-size: 20px;
font-weight: 400;
text-transform: uppercase
}
.buttonblock-default.gsm a {
display: block
}
.buttonblock-default.gsm.full-block .yui3-g li .btn-primary,
.buttonblock-default.gsm.full-block .yui3-g li .locations-proximity [type=submit],
.buttonblock-default.gsm.full-block .yui3-g li .pricing .ePrice .btn,
.buttonblock-default.gsm.full-block .yui3-g li .pricing .eprice-button,
.buttonblock-default.gsm.full-block .yui3-g li .pricing [data-eprice].btn,
.buttonblock-default.gsm.full-block .yui3-g li .showroom-details-section .callout .callout-button,
.buttonblock-default.gsm.full-block .yui3-g li .showroom-details-section .hproduct .view-link,
.locations-proximity .buttonblock-default.gsm.full-block .yui3-g li [type=submit],
.pricing .buttonblock-default.gsm.full-block .yui3-g li .eprice-button,
.pricing .buttonblock-default.gsm.full-block .yui3-g li [data-eprice].btn,
.pricing .ePrice .buttonblock-default.gsm.full-block .yui3-g li .btn,
.showroom-details-section .callout .buttonblock-default.gsm.full-block .yui3-g li .callout-button,
.showroom-details-section .hproduct .buttonblock-default.gsm.full-block .yui3-g li .view-link {
padding-right: 16px;
padding-left: 16px
}
.buttonblock-default.gsm.full-block li .btn h4 {
padding: 8px 0
}
.buttonblock-default.mid-block.margin li {
margin-bottom: 25px
}
.buttonblock-default.mid-block h4:before {
position: absolute;
top: 3px;
left: 10px;
padding-right: 10px;
font-size: 48px
}
.buttonblock-default.mid-block .btn-primary::before,
.buttonblock-default.mid-block .locations-proximity [type=submit]::before,
.buttonblock-default.mid-block .pricing .ePrice .btn::before,
.buttonblock-default.mid-block .pricing .eprice-button::before,
.buttonblock-default.mid-block .pricing [data-eprice].btn::before,
.buttonblock-default.mid-block .showroom-details-section .callout .callout-button::before,
.buttonblock-default.mid-block .showroom-details-section .hproduct .view-link::before,
.locations-proximity .buttonblock-default.mid-block [type=submit]::before,
.pricing .buttonblock-default.mid-block .eprice-button::before,
.pricing .buttonblock-default.mid-block [data-eprice].btn::before,
.pricing .ePrice .buttonblock-default.mid-block .btn::before,
.showroom-details-section .callout .buttonblock-default.mid-block .callout-button::before,
.showroom-details-section .hproduct .buttonblock-default.mid-block .view-link::before {
display: none
}
.buttonblock-default.mid-block .btn-primary:hover,
.buttonblock-default.mid-block .locations-proximity [type=submit]:hover,
.buttonblock-default.mid-block .pricing .ePrice .btn:hover,
.buttonblock-default.mid-block .pricing .eprice-button:hover,
.buttonblock-default.mid-block .pricing [data-eprice].btn:hover,
.buttonblock-default.mid-block .showroom-details-section .callout .callout-button:hover,
.buttonblock-default.mid-block .showroom-details-section .hproduct .view-link:hover,
.buttonblock-default.mid-block .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active,
.buttonblock-default.mid-block .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage,
.locations-proximity .buttonblock-default.mid-block [type=submit]:hover,
.pricing .buttonblock-default.mid-block .eprice-button:hover,
.pricing .buttonblock-default.mid-block [data-eprice].btn:hover,
.pricing .ePrice .buttonblock-default.mid-block .btn:hover,
.showroom-details-section .callout .buttonblock-default.mid-block .callout-button:hover,
.showroom-details-section .hproduct .buttonblock-default.mid-block .view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .buttonblock-default.mid-block span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .buttonblock-default.mid-block span.currentPage {
text-decoration: none
}
.buttonblock-default.full-block .yui3-g {
margin: 10px
}
.buttonblock-default.full-block .yui3-g li {
margin: 0
}
.buttonblock-default.full-block .yui3-g li h4 {
padding: 11px 0
}
.buttonblock-default.full-block .yui3-g li .btn-primary,
.buttonblock-default.full-block .yui3-g li .locations-proximity [type=submit],
.buttonblock-default.full-block .yui3-g li .pricing .ePrice .btn,
.buttonblock-default.full-block .yui3-g li .pricing .eprice-button,
.buttonblock-default.full-block .yui3-g li .pricing [data-eprice].btn,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .callout .callout-button,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .hproduct .view-link,
.locations-proximity .buttonblock-default.full-block .yui3-g li [type=submit],
.pricing .buttonblock-default.full-block .yui3-g li .eprice-button,
.pricing .buttonblock-default.full-block .yui3-g li [data-eprice].btn,
.pricing .ePrice .buttonblock-default.full-block .yui3-g li .btn,
.showroom-details-section .callout .buttonblock-default.full-block .yui3-g li .callout-button,
.showroom-details-section .hproduct .buttonblock-default.full-block .yui3-g li .view-link {
padding-right: 0
}
.buttonblock-default.full-block .yui3-g li .btn-primary::before,
.buttonblock-default.full-block .yui3-g li .locations-proximity [type=submit]::before,
.buttonblock-default.full-block .yui3-g li .pricing .ePrice .btn::before,
.buttonblock-default.full-block .yui3-g li .pricing .eprice-button::before,
.buttonblock-default.full-block .yui3-g li .pricing [data-eprice].btn::before,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .callout .callout-button::before,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .hproduct .view-link::before,
.locations-proximity .buttonblock-default.full-block .yui3-g li [type=submit]::before,
.pricing .buttonblock-default.full-block .yui3-g li .eprice-button::before,
.pricing .buttonblock-default.full-block .yui3-g li [data-eprice].btn::before,
.pricing .ePrice .buttonblock-default.full-block .yui3-g li .btn::before,
.showroom-details-section .callout .buttonblock-default.full-block .yui3-g li .callout-button::before,
.showroom-details-section .hproduct .buttonblock-default.full-block .yui3-g li .view-link::before {
display: none
}
.buttonblock-default.full-block .yui3-g li .btn-primary:hover,
.buttonblock-default.full-block .yui3-g li .locations-proximity [type=submit]:hover,
.buttonblock-default.full-block .yui3-g li .pricing .ePrice .btn:hover,
.buttonblock-default.full-block .yui3-g li .pricing .eprice-button:hover,
.buttonblock-default.full-block .yui3-g li .pricing [data-eprice].btn:hover,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .callout .callout-button:hover,
.buttonblock-default.full-block .yui3-g li .showroom-details-section .hproduct .view-link:hover,
.buttonblock-default.full-block .yui3-g li .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active,
.buttonblock-default.full-block .yui3-g li .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage,
.locations-proximity .buttonblock-default.full-block .yui3-g li [type=submit]:hover,
.pricing .buttonblock-default.full-block .yui3-g li .eprice-button:hover,
.pricing .buttonblock-default.full-block .yui3-g li [data-eprice].btn:hover,
.pricing .ePrice .buttonblock-default.full-block .yui3-g li .btn:hover,
.showroom-details-section .callout .buttonblock-default.full-block .yui3-g li .callout-button:hover,
.showroom-details-section .hproduct .buttonblock-default.full-block .yui3-g li .view-link:hover,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .buttonblock-default.full-block .yui3-g li span.active,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner .buttonblock-default.full-block .yui3-g li span.currentPage {
text-decoration: none
}
.buttonblock-default.mx .buttonblock-img-wrap {
background-color: var(--color-neutral-50)
}
.buttonblock-default.mx .ui-button-text {
position: relative;
bottom: 115px;
padding: 7px 0;
text-align: center;
font-size: 20px;
font-weight: 800;
text-shadow: #000;
color: var(--color-neutral-0);
background: rgba(0, 0, 0, .6)
}
.buttonblock-default.mx img {
width: 100%;
transition-duration: 0;
opacity: .7
}
.buttonblock-default.mx li:hover a {
text-decoration: none
}
.buttonblock-default.mx li:hover .buttonblock-img-wrap {
background-color: var(--color-neutral-800)
}
.buttonblock-default.mx li:hover .ui-button-text {
bottom: 115px;
text-decoration: none;
text-shadow: none;
color: var(--color-neutral-0);
background-color: var(--color-primary-500)
}
.buttonblock-default.mx li:hover img {
opacity: 1
}
.buttonblock-default.mx-slideshow-overlay {
min-height: 100px;
margin: -50px 0 30px;
padding: 10px 10px 0;
background: var(--page-bg);
box-shadow: rgba(0, 0, 0, .3) 0 -3px 3px
}
.buttonblock-default.mx-slideshow-overlay .ui-button-text {
position: static;
text-align: left;
font-size: 20px;
font-weight: 400;
color: var(--text-color);
background: 0 0
}
.buttonblock-default.mx-slideshow-overlay img {
width: 215px;
opacity: .8
}
.buttonblock-default.mx-slideshow-overlay li:hover .buttonblock-img-wrap {
background-color: var(--color-neutral-800)
}
.buttonblock-default.mx-slideshow-overlay li:hover img {
opacity: 1
}
.calculator-payment-dealertrack-custom-apr {
position: relative;
top: 8px
}
.calculator-payment-dealertrack-custom-apr .form-control {
border: none;
box-shadow: none
}
.content-hero.content-hero-extension-2 .flex-bot {
padding-bottom: 35px
}
.digital-retailing-default {
margin: -16px 0 0 0;
padding: 0
}
.tabs-bg .dr-tab-navigation li {
position: relative
}
#payment-calc-target .disclaimers-trigger,
.digital-retailing-container-main .disclaimers-trigger,
.digital-retailing-default .disclaimers-trigger {
font-size: 16px;
font-weight: 300
}
.digital-retailing-progress strong {
font-weight: 800
}
.digital-retailing-form .question-wrapper .ddc-input-label-trigger-group input:checked+label {
background: var(--color-neutral-100)
}
.calculator-payment-review .ddc-dl-divider-lined.ddc-dl-divider,
.calculator-payment-review .ddc-dl-divider-lined.ddc-dl-divider+dd {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--color-neutral-200)
}
.calculator-payment-review .ddc-dl-divider-lined.ddc-dl-divider+dd:before {
display: none
}
.question-wrapper .ddc-input-label-trigger-group input+label {
color: var(--text-muted-color)
}
@media (min-width:1200px) {
.responsive-type form.digital-retailing-form .ddc-input-group .ddc-input-group-addon {
line-height: 45px
}
}
.digital-retailing-toolbox-canada {
padding-top: 0
}
.digital-retailing-toolbox-canada ul.tools-list {
margin: 0
}
.digital-retailing-toolbox-canada .intro-text-container,
.digital-retailing-toolbox-canada div.tool-info {
display: none
}
.digital-retailing-toolbox-canada .tools-list .tool.canada-dr-toolbox-link {
text-align: center;
padding: 16px;
color: var(--page-bg);
background: var(--link-color)
}
.digital-retailing-toolbox-canada .tools-list .tool.canada-dr-toolbox-link:active,
.digital-retailing-toolbox-canada .tools-list .tool.canada-dr-toolbox-link:focus {
text-align: center;
padding: 16px
}
.finance-driver-application .form-group .ddc-input-inline input {
margin-right: 8px
}
.marital-status-disclaimer {
display: inline-block;
padding-top: 4px
}
.financedriver-application-error .ddc-icon-call,
.financedriver-prequalification-confirm-error-intro .ddc-icon-call,
.financedriver-prequalification-error .ddc-icon-call {
vertical-align: sub
}
.ddc-footer div[data-name^=footer-links-responsive-links-wrapper] .container-max-sm::after,
.ddc-footer div[data-name^=footer-links-responsive-links-wrapper] .container-max-sm::before {
content: none
}
.ddc-footer div[data-name^=footer-links-responsive-column-links] {
min-width: 200px
}
.franchiseList {
max-width: 960px;
margin: 0 auto;
padding: 0
}
.franchiseList .franchise {
margin: 0;
padding: 0
}
.franchise.selected {
position: relative
}
.franchise.selected .childList {
position: absolute;
bottom: 100%;
left: 50%;
width: 271px;
margin-left: -135px;
padding: 0 0 32px
}
.franchise.selected .childList .vcard {
position: relative;
margin: 0;
padding: 8px;
background-color: var(--color-neutral-0)
}
.franchise.selected .childList .childFranchise {
position: absolute;
top: 8px;
left: 8px
}
.franchise.selected .childList .adr,
.franchise.selected .childList .fn,
.franchise.selected .childList .tel {
display: block;
width: 60%;
margin-left: 40%;
line-height: 1
}
.franchise.selected .childList .fn {
font-size: 16px;
font-weight: 700
}
.franchise.selected .childList .adr,
.franchise.selected .childList .tel {
font-size: 14px
}
.franchise.selected .childList:after {
content: '';
position: absolute;
z-index: 3;
bottom: -31px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -32px;
border: 32px solid transparent;
border-top-color: var(--color-neutral-0)
}
.tabbed-widgets-group-2 .links-list .img {
margin-left: 10px
}
.tabbed-widgets-group-2 .links-list .nav-stacked {
margin-left: -10px
}
.no-touch .facetmulti-facetlist-bodystyle .facetmulti-item:hover,
.touch .facetmulti-facetlist-bodystyle .facetmulti-item.facetmulti-selected {
background: var(--color-primary-500);
background: linear-gradient(var(--color-primary-500), var(--color-primary-600))
}
.facetmulti-facetlist-bodystyle .facetmulti-item .facetmulti-label {
font-weight: 700;
color: var(--text-muted-color)
}
.no-touch .facetmulti-facetlist-bodystyle .facetmulti-item-icon:hover .ddc-icon,
.touch .facetmulti-facetlist-bodystyle .facetmulti-item-icon.facetmulti-selected .ddc-icon {
color: var(--color-neutral-1000)
}
.no-touch .facetmulti-facetlist-bodystyle .facetmulti-item-icon.facetmulti-selected .ddc-icon {
color: var(--link-color)
}
.page-header.compact {
min-height: 90px
}
.page-header.compact.sticky-header-nav {
z-index: 1031
}
.page-header.compact .header-default {
height: 90px
}
.page-header.compact .header-default .franchises {
margin-bottom: 0
}
.page-header.compact .header-default .home-logolink {
position: absolute;
height: 90px;
padding-top: 0;
text-align: center
}
.page-header.compact .header-default .vcard {
margin-top: 10px;
margin-left: 130px
}
.page-header.compact .header-default .vcard.header-logo-enabled {
height: auto
}
.page-header.compact .header-default .vcard div.contentHeading,
.page-header.compact .header-default .vcard div.h1,
.page-header.compact .header-default .vcard h1 {
width: 45%;
margin: 0;
padding-top: 10px;
font-size: 32px;
font-weight: 400;
line-height: 32px;
letter-spacing: normal
}
.page-header.compact .header-default .vcard .adr {
top: 30px;
text-align: right;
text-transform: none
}
.page-header.compact .header-default .vcard .adr a {
font-size: 14px
}
.page-header.compact .header-default .vcard .tels {
position: absolute;
top: 10px;
right: 0;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
text-transform: none
}
.page-header.compact .header-default .vcard .tels .tel {
display: inline-block;
padding: 0 0 0 10px
}
.page-header.compact .header-default .vcard .tels .tel.phone1 {
font-size: 14px
}
.page-header.compact .inventory-search-form {
bottom: 30px
}
.page-header.compact .value-statement {
position: static;
clear: left;
width: 50%;
margin-bottom: 0;
margin-left: 130px;
padding-top: 5px;
font-size: 12px;
font-weight: 400
}
.page-header.compact .links-locale {
position: absolute;
bottom: -3px;
display: none;
margin-left: 120px
}
.page-header.compact .links-locale a {
font-size: 12px;
text-transform: none
}
.page-header.compact.header-compact-resizable.ff-ada-layout-compact-nav-on .header-default {
min-height: 90px;
height: unset
}
.page-header.compact.header-compact-resizable.ff-ada-layout-compact-nav-on .header-default .vcard .adr {
width: auto
}
.page-header.compact.header-compact-resizable.ff-ada-layout-compact-nav-on .inventory-search-form {
min-width: 31%;
width: 16.1111em;
max-width: 340px;
padding-top: max(calc(1em - 18px), .01px)
}
.page-header.compact.header-compact-resizable.ff-ada-layout-compact-nav-on .inventory-search-form input[type=search] {
min-height: 36.75px;
height: 2.0416em;
max-height: 58px
}
.page-header.compact.header-compact-resizable.ff-ada-layout-compact-nav-on .inventory-search-form button {
padding: min(calc(.95em - var(--btn-border-width)), 12.3px) min(calc(1.5em - var(--btn-border-width)), 20px)
}
.navbar-default.compact .navigation-default {
display: flex !important;
align-items: center !important
}
.navbar-default.compact .navigation-default .dropdown-menu {
white-space: normal
}
.page-header.minimal .header-contact {
background-color: var(--header-secondary-container-bg, var(--container-contrast-max-bg))
}
.page-header.minimal .header-contact .fn .org,
.page-header.minimal .header-contact .todays-hours,
.page-header.minimal .header-contact .vcard {
color: var(--header-secondary-container-color, var(--text-inverse-color))
}
.page-header.minimal .adr a:not(.btn),
.page-header.minimal .tels a:not(.btn) {
color: var(--header-secondary-container-color, var(--text-inverse-color))
}
.page-header.minimal .fn .url:hover {
text-decoration: none
}
.page-header.minimal .fn .org {
color: var(--header-primary-container-color, var(--text-color))
}
.page-header.minimal .franchises,
.page-header.minimal .home-logolink {
height: 72px;
width: 105px;
margin: 0
}
.page-header.minimal .franchises img,
.page-header.minimal .home-logolink img {
width: auto
}
.page-header.minimal .value-statement {
display: none
}
.page-header.minimal .navigation-default .navbar-nav {
display: flex;
flex-wrap: wrap !important;
white-space: nowrap !important;
align-items: center
}
.page-header.minimal .navigation-default .navbar-nav>li>a {
min-width: 0;
color: var(--header-navigation-color, var(--text-color));
font-weight: 400
}
.page-header.minimal .navigation-default .navbar-nav>li>a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 0;
margin: 0;
border-bottom: 3px solid var(--header-navigation-active-indicator-color, var(--color-primary-500))
}
.page-header.minimal .navigation-default .navbar-nav>li>a:focus,
.page-header.minimal .navigation-default .navbar-nav>li>a:hover {
background: 0 0
}
.page-header.minimal .navigation-default .navbar-nav>li>a:hover {
color: var(--header-navigation-hover-color, var(--text-color))
}
.page-header.minimal .navigation-default .navbar-nav>li>a:hover:after {
left: 0;
width: 100%;
transition: width .2s, left .2s
}
.page-header.minimal .navigation-default .navbar-nav>li>a.ddc-nav-icon-link i {
position: static;
transform: translate(0, 0);
font-size: 28px
}
.page-header.minimal .navigation-default .navbar-nav>li.open>a {
color: var(--header-navigation-hover-color, var(--text-color));
background: 0 0
}
.page-header.minimal .navigation-default .navbar-nav>li.open>a:after {
left: 0;
width: 100%;
transition: width .2s, left .2s
}
.page-header.minimal .navigation-default .dropdown-menu {
width: 990px;
box-shadow: none;
white-space: normal
}
@media (min-width:990px) {
.page-header.minimal .navigation-default .dropdown-menu {
left: 50%;
transform: translate(-50%, 0)
}
}
.page-header.minimal [data-location=header-toolbar] i {
color: var(--header-navigation-color, var(--text-color))
}
.page-header.minimal .mycars-integration-navbar .menu.menu-show {
display: flex
}
.page-header.minimal .mycars-integration-navbar .menu>a {
width: auto;
height: auto;
position: relative;
overflow: visible;
margin: 0 0 0 16px;
padding: 8px 0;
line-height: 1
}
.page-header.minimal .mycars-integration-navbar .menu>a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 0;
margin: 0;
border-bottom: 3px solid var(--header-navigation-active-indicator-color, var(--color-primary-500))
}
.page-header.minimal .mycars-integration-navbar .menu>a .count {
height: auto;
padding: 0;
line-height: 1;
font-size: 1em
}
.page-header.minimal .mycars-integration-navbar .menu>a:before {
color: var(--header-primary-container-color, var(--text-color));
font-size: 28px;
opacity: 1;
position: relative;
margin: 0
}
.page-header.minimal .mycars-integration-navbar .menu>a .count>div {
top: -8px;
right: -8px;
border-radius: 50%
}
.page-header.minimal .ws-site-text-search button {
color: var(--header-primary-container-color, var(--text-color));
margin: 0 0 0 16px;
padding: 8px 0;
border: none;
position: relative;
line-height: 1
}
.page-header.minimal .ws-site-text-search button:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 0;
margin: 0;
border-bottom: 3px solid var(--header-navigation-active-indicator-color, var(--color-primary-500))
}
.page-header.minimal .ws-site-text-search button:hover {
color: var(--header-navigation-hover-color, var(--text-color))
}
.page-header.minimal .ws-site-text-search button:hover:after {
left: 0;
width: 100%;
transition: width .2s, left .2s
}
.page-header.minimal.true-minimal .fn .org {
font-weight: 800
}
.page-header.minimal.true-minimal .header-navigation {
padding-top: 4px;
padding-bottom: 4px
}
.page-header.minimal.true-minimal .header-navigation .header-nav-container {
padding-top: 12px;
padding-bottom: 12px
}
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li {
float: none;
display: inline-block
}
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li.ws-site-text-search-navigation-target a {
height: auto;
padding: 8px 0
}
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li.nav-last>a {
margin-right: 0 !important
}
.page-header.minimal.true-minimal .mycars-integration-navbar,
.page-header.minimal.true-minimal .ws-site-text-search {
margin: 0 0 0 16px;
border-left: 1px solid var(--header-primary-container-divider-color, var(--divider-color))
}
.page-header.minimal.semi-minimal .navbar-nav ul.navbar-nav {
display: flex;
align-items: flex-end
}
.page-header.minimal.semi-minimal .navbar-nav li.ddc-nav-icon-list-item a.ddc-nav-icon-link {
height: auto;
padding-top: 8px;
padding-bottom: 8px
}
.page-header.minimal.semi-minimal.mycars-navbar-enabled .ws-site-text-search {
margin: 0 0 0 16px;
border-left: 1px solid var(--header-primary-container-divider-color, var(--divider-color))
}
.page-header.minimal .ws-mycars-nav button {
color: var(--header-navigation-color, var(--text-color))
}
.page-header.minimal .ws-mycars-nav button:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 0;
margin: 0;
border-bottom: 3px solid var(--header-navigation-active-indicator-color, var(--color-primary-500))
}
.page-header.minimal .ws-mycars-nav button:after {
position: relative
}
.page-header.minimal .ws-mycars-nav button:hover {
color: var(--header-navigation-hover-color, var(--text-color))
}
.page-header.minimal .ws-mycars-nav button:hover:after {
left: 0;
width: 100%;
transition: width .2s, left .2s
}
html:not(.responsive-type) .page-header.minimal {
font-size: 16px
}
@media (min-width:1200px) {
html:not(.responsive-type) .page-header.minimal {
font-size: 18px
}
}
html:not(.responsive-type) .page-header.minimal .ddc-font-size-xsmall {
font-size: .75em
}
html:not(.responsive-type) .page-header.minimal .ddc-font-size-small {
font-size: .875em
}
html:not(.responsive-type) .page-header.minimal .ddc-font-size-base {
font-size: 1em
}
.ddc-composer .page-header.minimal .header-nav-container>.ddc-span12,
.ddc-composer .page-header.minimal .header-nav-container>.yui3-u-1 {
position: static
}
.page-header.noShrink .header-default .vcard .adr {
top: 0;
text-align: right
}
.page-header.noShrink .header-default .vcard .tels {
position: absolute;
top: 29px;
right: 0;
margin-top: 0;
margin-bottom: 0
}
.page-header.noShrink .header-default .vcard .tels .tel {
display: block;
padding-right: 0;
padding-bottom: 17px;
line-height: 0
}
.page-header.noShrink .header-default .vcard .tels .tel.phone1 {
padding-bottom: 20px
}
.page-header.noShrink .inventory-search-form {
bottom: 24px
}
.navbar-default.noShrink .navigation-default .navbar-nav {
display: flex !important;
align-items: center !important
}
.navbar-default.noShrink .navigation-default .navbar-nav .dropdown-menu {
white-space: normal
}
.proximity-location .contact-info-proximity {
top: 0;
left: 550px;
width: 40%
}
.proximity-location .contact-info-proximity.position {
position: absolute;
top: 30px;
right: 0;
left: auto;
width: auto
}
.proximity-location .contact-info-proximity h5 {
margin-bottom: 0;
padding-left: 30px;
font-weight: 400
}
.proximity-location .contact-info-proximity .view-link {
font-size: 17.5px
}
.proximity-location .contact-info-proximity .view-link>span {
padding: 0 10px
}
.proximity-location .contact-info-proximity .view-link .location {
border-right: 1px solid var(--color-neutral-600)
}
.proximity-location .contact-info-proximity .view-link:hover {
cursor: pointer
}
.proximity-location .contact-info-proximity .view-link .change-locale {
margin-top: 2px;
color: var(--text-muted-color)
}
.proximity-location .contact-info-container {
position: absolute;
z-index: 1030;
top: 135px;
right: 0;
display: none;
width: 320px;
padding: 20px;
color: var(--color-neutral-600);
background: var(--color-neutral-0);
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .3)
}
.proximity-location .contact-info-container:after {
content: ' ';
position: absolute;
top: -13px;
left: 50px;
display: block;
width: 25px;
height: 25px;
border-top: 1px solid rgba(0, 0, 0, .3);
border-right: 1px solid rgba(0, 0, 0, .3);
background-color: var(--color-neutral-0);
transform: rotate(-45deg)
}
.proximity-location .contact-info-container h3 {
font-size: 15.75px;
text-transform: uppercase;
color: var(--color-neutral-600)
}
.proximity-location .contact-info-container .adr a {
color: var(--color-neutral-600)
}
.proximity-location .contact-info-container .ddc-list-columns>li .key,
.proximity-location .contact-info-container .ddc-list-columns>li .value {
display: block;
width: 50%;
padding-left: 0
}
.proximity-location .contact-info-container .ddc-list-columns>li .key:after {
content: ':'
}
.proximity-location .contact-info-container .fn {
margin: 0 0 5px
}
.proximity-location .contact-info-container .hours-default h3 {
margin-bottom: 0
}
.proximity-location .contact-info-container .hours-default li {
padding: 0
}
.proximity-location .contact-info-container .org {
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-primary-500)
}
.proximity-location .contact-info-container .postal-code-default {
margin-top: 30px;
border-top: 1px solid var(--divider-color)
}
.proximity-location .contact-info-container .postal-form .btn {
vertical-align: baseline;
padding: 3px 12px
}
.proximity-location .contact-info-container .tels:after {
display: none
}
.proximity-location.shrink-header-nav .contact-info-proximity {
top: 10px
}
.proximity-location.shrink-header-nav .contact-info-proximity .change-locale,
.proximity-location.shrink-header-nav .contact-info-proximity h5 {
display: none
}
.proximity-location.shrink-header-nav .contact-info-container {
top: 65px
}
.proximity-location.page-header.sticky-header-nav.shrink-header-nav .vcard .tels:after {
top: -27px;
right: 50px
}
.proximity-location.page-header.sticky-header-nav.shrink-header-nav .vcard p.adr span,
.proximity-location.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li {
display: inherit;
text-align: left
}
.proximity-location.page-header.sticky-header-nav.shrink-header-nav .vcard p.adr span.responsive-directions-link,
.proximity-location.page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.responsive-directions-link {
display: none
}
.proximity-location.page-header.sticky-header-nav.shrink-header-nav.proximity-location .header-default>.vcard {
display: none
}
.pac-container {
z-index: 1080
}
.page-header.responsive {
min-height: 110px
}
.content-page-title .page-header.responsive h1,
.page-header.responsive .container,
.page-header.responsive .content-page-title h1 {
width: 100% !important
}
.page-header.responsive .header-default {
overflow: hidden;
height: 110px
}
.page-header.responsive .header-default .franchises {
margin-bottom: 0
}
.page-header.responsive .header-default .home-logolink {
padding-top: 10px
}
.page-header.responsive .header-default .vcard {
margin-top: 10px
}
.page-header.responsive .header-default .vcard div.contentHeading,
.page-header.responsive .header-default .vcard div.h1,
.page-header.responsive .header-default .vcard h1 {
width: 46%;
margin-left: 20px;
padding-top: 40px;
font-size: 28px;
font-weight: 400;
line-height: 28px;
letter-spacing: normal
}
.page-header.responsive .header-default .vcard .adr {
top: 25px
}
.page-header.responsive .header-default .vcard .tels {
position: absolute;
top: 5px;
right: 0;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
text-transform: none
}
.page-header.responsive .header-default .vcard .tels .tel {
display: inline-block;
padding: 0 0 0 10px
}
.page-header.responsive .header-default .vcard .tels .tel.phone1 {
font-size: 14px
}
.page-header.responsive .inventory-search-form {
position: absolute;
top: 50px;
right: 10px;
bottom: auto;
left: auto;
width: 300px
}
.page-header.responsive .value-statement {
position: static;
clear: left;
width: 50%;
margin: 80px 0 0 0;
padding-top: 5px;
font-size: 12px;
font-weight: 400
}
.page-header.responsive .links-locale {
float: left;
clear: left;
display: none;
margin-left: 120px;
padding-top: 0;
padding-bottom: 0
}
.page-header.responsive .links-locale a {
font-size: 12px;
text-transform: none
}
@media (min-width:1440px) {
.content-page-title .page-header.responsive h1,
.page-header.responsive .container,
.page-header.responsive .content-page-title h1 {
width: 1440px !important
}
}
@media (max-width:960px) {
.content-page-title .page-header.responsive h1,
.page-header.responsive .container,
.page-header.responsive .content-page-title h1 {
width: 960px !important
}
}
.page-header.responsive-centered-nav {
min-width: 960px;
min-height: 120px;
border-bottom: 1px solid var(--text-color);
background: var(--color-neutral-1000);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
transition: all .2s cubic-bezier(.1, .74, .28, .96)
}
.header-transition .page-header.responsive-centered-nav,
.page-header.responsive-centered-nav.no-box-shadow {
height: auto;
box-shadow: none
}
.header-transition .page-header.responsive-centered-nav {
position: fixed;
width: 100%;
border-color: rgba(0, 0, 0, .25);
background: 0 0
}
.header-transition.header-transition-opacity .page-header.responsive-centered-nav {
background: var(--color-neutral-1000)
}
.ddc-composer .page-header.responsive-centered-nav {
position: static
}
.page-header.responsive-centered-nav .header-contact {
overflow: hidden;
height: 30px;
font-size: 14px;
background: var(--color-neutral-1000)
}
.page-header.responsive-centered-nav .header-contact .links-locale {
float: left;
width: 200px;
padding: 0;
line-height: 30px
}
.page-header.responsive-centered-nav .header-contact .links-locale a {
font-weight: 300;
text-decoration: none;
text-transform: none;
color: var(--color-neutral-0);
border-color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .header-default {
overflow: hidden;
width: calc(100% - 200px);
text-align: right
}
.page-header.responsive-centered-nav .header-contact .vcard {
height: 30px;
padding: 0 10px 0 0;
white-space: nowrap
}
.page-header.responsive-centered-nav .header-contact .vcard.header-logo-enabled {
height: auto
}
.page-header.responsive-centered-nav .header-contact .vcard .tels {
position: inherit;
display: inline;
font-size: 14px;
text-transform: none;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .vcard .tels a {
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel {
display: inline-block;
padding: 0 10px 0 0;
font-weight: 300;
line-height: 30px
}
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone1 {
padding-bottom: 0;
font-size: 14px;
font-weight: 300
}
.page-header.responsive-centered-nav .header-contact .vcard .tels .separator {
padding-right: 2px
}
.page-header.responsive-centered-nav .header-contact .vcard .tels .ddc-icon {
display: inline-block
}
.page-header.responsive-centered-nav .header-contact .vcard .adr {
position: inherit;
display: inline-block;
font-weight: 300;
text-transform: none;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .vcard .adr a {
font-size: 14px;
font-weight: 300;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .vcard .adr .ddc-icon {
display: inline-block;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-contact .vcard .adr .responsive-directions-link {
text-decoration: underline
}
.page-header.responsive-centered-nav .header-navigation .header-default {
width: 25%;
height: 90px;
display: flex;
align-items: center
}
.page-header.responsive-centered-nav .header-navigation .header-default .franchises,
.page-header.responsive-centered-nav .header-navigation .header-default .franchises img {
overflow: hidden;
height: 65px;
margin: 0
}
.page-header.responsive-centered-nav .header-navigation .header-default .home-logolink {
min-width: 95px;
max-width: 95px;
height: auto;
margin-right: 10px;
margin-left: 10px;
padding: 0;
background: 0 0;
box-shadow: none
}
.page-header.responsive-centered-nav .header-navigation .header-default .home-logolink img {
width: auto
}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard.header-logo-enabled {
height: auto
}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.contentHeading,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 {
float: none;
width: 100%;
margin: 0;
padding: 0;
font-size: inherit;
font-weight: 800;
letter-spacing: .1em;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.contentHeading span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1 span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span {
font-size: 15.75px;
font-weight: 800
}
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.contentHeading a,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1 a,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 a {
text-decoration: none;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .header-navigation .header-default .header-logo {
width: 100%;
margin-right: 8px
}
.page-header.responsive-centered-nav .header-navigation .header-default .header-logo img {
width: auto
}
.page-header.responsive-centered-nav .header-navigation .navigation-default {
width: 50%;
display: flex !important;
align-items: center !important
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav {
height: 90px;
display: flex;
justify-content: center;
align-items: center
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {
position: relative;
vertical-align: middle;
display: table-cell;
min-width: 50px;
height: 90px;
padding: 0 6px;
text-align: center;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: var(--color-neutral-0);
background: 0 0
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover {
color: var(--color-neutral-400);
background: 0 0
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav .ddc-nav-icon-link {
display: block
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {
z-index: 1031;
top: 90px;
left: 50%;
width: 990px;
box-shadow: none;
transform: translate(-50%, 0);
white-space: normal
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu .typeahead {
left: 42.5% !important
}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown>li {
position: relative
}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown .caret {
display: none
}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open>a {
color: var(--color-neutral-400)
}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret {
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 100%;
height: 0
}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret:before {
content: ' ';
position: absolute;
z-index: 2;
top: 65px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -13px;
border: 13px solid transparent;
border-bottom-color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .ws-mycars-nav {
position: static;
width: 25%
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper {
width: 100%;
height: 90px;
justify-content: flex-end;
display: flex;
align-items: center
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .menu>a {
margin-left: 0;
padding: 6px 10px;
display: flex
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .count:before,
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .label,
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a:before,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .menu>a .count:before,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .menu>a .label,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .menu>a:before {
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .label,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .menu>a .label {
font-size: 14px;
font-weight: 700
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .selected>a .count:before,
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .selected>a .label,
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .selected>a:before,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .selected>a .count:before,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .selected>a .label,
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .selected>a:before {
color: var(--color-neutral-700)
}
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper {
width: auto
}
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button {
font-size: 14px;
color: var(--color-neutral-0)
}
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button:hover {
color: var(--color-neutral-400)
}
.page-header.responsive-centered-nav .ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button::after {
content: ''
}
.page-header.responsive-centered-nav.ff-responsive-centered-nav-ada-on .header-contact {
min-height: 30px;
height: unset
}
.page-header.responsive-centered-nav.ff-responsive-centered-nav-ada-on .header-contact .vcard {
min-height: 30px;
height: unset
}
.page-header.responsive-centered-nav.ff-responsive-centered-nav-ada-on .header-contact .vcard p.adr {
margin: 0
}
.page-header.responsive-centered-nav.ff-responsive-centered-nav-ada-on .header-navigation .header-default {
min-height: 90px;
height: unset
}
.page-header.responsive-centered-nav.ff-responsive-centered-nav-ada-on .header-navigation .navigation-default .navbar-nav {
min-height: 90px;
height: unset
}
@media screen and (max-width:1200px) {
.page-header.responsive-centered-nav .header-contact .vcard .adr .ddc-icon,
.page-header.responsive-centered-nav .vcard .tels .tel .ddc-icon {
display: none
}
.page-header.responsive-centered-nav .responsive-directions-link {
display: inline !important
}
.page-header.responsive-centered-nav .header-contact .vcard .adr span:not(.responsive-directions-link) {
display: none
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a {
height: 90px;
padding: 6px 20px;
justify-content: center;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a:before {
height: 19px;
margin-right: 0
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .count {
height: 16px;
padding-right: 0
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .count:before {
float: none;
display: block;
margin-right: 0
}
}
@media screen and (min-width:1200px) {
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.contentHeading span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard div.h1 span,
.page-header.responsive-centered-nav .header-navigation .header-default .vcard h1 span {
font-size: 17.5px
}
}
@media screen and (min-width:1440px) {
.page-header.responsive-centered-nav .header-contact .links-locale a,
.page-header.responsive-centered-nav .header-contact .vcard .adr a,
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel span {
font-size: 16px
}
.page-header.responsive-centered-nav .header-contact .vcard .tels .tel {
padding: 0 15px 0 0
}
.page-header.responsive-centered-nav .header-navigation .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .label {
font-size: 14px
}
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a {
font-size: 15.75px;
padding: 0 13px
}
}
.page-header.responsive-search-nav {
border-bottom: 0;
min-height: 145px
}
.page-header.responsive-search-nav .header-navigation {
min-height: 110px
}
.page-header.responsive-search-nav .header-navigation .header-default {
float: left
}
.page-header.responsive-search-nav .header-contact .header-default {
float: right;
width: auto
}
.page-header.responsive-search-nav .header-contact .vcard {
margin-top: 0
}
.page-header.responsive-search-nav .inventory-search-form.ddc-content {
position: static;
width: 50%;
float: right;
padding-top: 10px
}
.page-header.responsive-search-nav .inventory-search-form button.ui-button-submit {
position: relative;
bottom: 42px
}
.page-header.responsive-search-nav .inventory-search-form h3.widget-heading {
display: none
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal {
width: 60%;
float: right;
height: 42px
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group {
margin: 0
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group>div {
width: 100%;
margin: 0;
padding-right: 20px
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group>div input.search.form-control.required {
height: 42px;
margin-left: -81px
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group>div .errors {
position: absolute;
left: -224px !important;
top: auto !important;
bottom: 7px
}
.page-header.responsive-search-nav .ddc-content.ws-mycars-nav {
position: absolute
}
.page-header.responsive-search-nav .ddc-content.ws-mycars-nav .mycars.mycars-integration-navbar {
height: 33px
}
.page-header.responsive-search-nav .ddc-content.ws-mycars-nav .mycars.mycars-integration-navbar .popup {
top: 33px
}
.page-header.responsive-search-nav .navbar-default {
z-index: 1029
}
.ddc-content.header-value-statement {
height: 132px;
margin: 0;
padding: 0
}
.ddc-content.header-value-statement.active-contact {
padding-top: 130px
}
.ddc-content.header-value-statement.active-contact .value-statement-toggle {
top: 130px
}
.ddc-content.header-value-statement .wide-container {
position: relative;
z-index: 1
}
.ddc-content.header-value-statement .interactive-contact-toggle,
.ddc-content.header-value-statement .value-statement-toggle {
position: absolute;
z-index: 3;
top: 0;
right: 0;
padding: 2px 5px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--color-neutral-0);
background-color: var(--color-neutral-1000)
}
.ddc-content.header-value-statement .interactive-contact-toggle:hover,
.ddc-content.header-value-statement .value-statement-toggle:hover {
cursor: pointer
}
.ddc-content.header-value-statement .logo-ribbon {
position: relative;
z-index: 1;
top: -2px;
float: left;
width: 160px
}
.ddc-content.header-value-statement .logo-ribbon .st0 {
width: 150px;
height: 185px;
fill: var(--color-neutral-1000);
stroke: var(--color-neutral-0);
stroke-width: 2
}
.ddc-content.header-value-statement .home-logolink {
position: absolute;
top: 0;
left: 0;
display: block;
width: 160px;
height: 185px;
margin: 0;
padding: 0
}
.ddc-content.header-value-statement .home-logolink>img {
margin: 10px auto 0
}
.ddc-content.header-value-statement .home-logolink ul {
position: absolute;
top: 10px;
right: 0;
left: 0;
margin: 0 auto
}
.ddc-content.header-value-statement .home-logolink ul,
.ddc-content.header-value-statement .home-logolink ul li {
width: 100%;
max-width: 100%;
max-height: 110px
}
.ddc-content.header-value-statement .home-logolink ul img,
.ddc-content.header-value-statement .home-logolink ul li img {
margin: 0 auto
}
.page-header.value-statement-header {
position: relative;
overflow: visible;
width: 100%;
min-width: 960px;
height: 132px;
min-height: initial;
max-height: 162px
}
.page-header.value-statement-header.persistent-contact {
height: 162px
}
.page-header.value-statement-header .vs-container-wrapper {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 132px;
background-color: var(--color-neutral-0)
}
.page-header.value-statement-header .vs-container-wrapper.active-contact {
top: 130px
}
.page-header.value-statement-header .value-statement-container {
position: absolute;
z-index: 2;
top: 0;
right: -57.5%;
width: 75%;
height: 132px;
padding-right: 20%;
color: var(--color-neutral-0);
transition: right .5s ease-in-out;
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20%3E%3Cfilter%20id%3D%27inset-shadow%27%20x%3D%27-50%25%27%20y%3D%27-50%25%27%20width%3D%27200%25%27%20height%3D%27200%25%27%3E%3CfeComponentTransfer%20in%3D%27SourceAlpha%27%3E%3CfeFuncA%20type%3D%27table%27%20tableValues%3D%271%200%27%20%2F%3E%3C%2FfeComponentTransfer%3E%3CfeGaussianBlur%20stdDeviation%3D%275%27%2F%3E%3CfeOffset%20dx%3D%275%27%20dy%3D%270%27%20result%3D%27offsetblur%27%2F%3E%3CfeFlood%20flood-color%3D%27rgb(0%2C%200%2C%200)%27%20result%3D%27color%27%2F%3E%3CfeComposite%20in2%3D%27offsetblur%27%20operator%3D%27in%27%2F%3E%3CfeComposite%20in2%3D%27SourceAlpha%27%20operator%3D%27in%27%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%27SourceGraphic%27%20%2F%3E%3CfeMergeNode%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27100%25%27%20height%3D%27132%27%20fill%3D%27rgb(230, 19, 104)%27%20filter%3D%27url(%23inset-shadow)%27%20%2F%3E%3C%2Fsvg%3E") repeat-x center center
}
.page-header.value-statement-header .value-statement-container.active,
.page-header.value-statement-header .value-statement-container.currentPage {
right: -30em
}
.page-header.value-statement-header .value-statement-container:before {
content: ' ';
position: absolute;
top: 0;
left: -50px;
display: block;
width: 200px;
height: 132px;
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20%3E%3Cstyle%20type%3D%27text%2Fcss%27%3E%3C!%5BCDATA%5B%20.st0%20%7B%20fill%3A%20rgb(230, 19, 104)%20%7D%20%5D%5D%3E%3C%2Fstyle%3E%3Cfilter%20id%3D%27inset-shadow%27%20x%3D%27-50%25%27%20y%3D%27-50%25%27%20width%3D%27200%25%27%20height%3D%27200%25%27%3E%3CfeComponentTransfer%20in%3D%27SourceAlpha%27%3E%3CfeFuncA%20type%3D%27table%27%20tableValues%3D%271%200%27%20%2F%3E%3C%2FfeComponentTransfer%3E%3CfeGaussianBlur%20stdDeviation%3D%275%27%2F%3E%3CfeOffset%20dx%3D%275%27%20dy%3D%270%27%20result%3D%27offsetblur%27%2F%3E%3CfeFlood%20flood-color%3D%27rgb(0%2C%200%2C%200)%27%20result%3D%27color%27%2F%3E%3CfeComposite%20in2%3D%27offsetblur%27%20operator%3D%27in%27%2F%3E%3CfeComposite%20in2%3D%27SourceAlpha%27%20operator%3D%27in%27%20%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%27SourceGraphic%27%20%2F%3E%3CfeMergeNode%20%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%20%3Cpolygon%20class%3D%27st0%27%20points%3D%270%2C0%20319%2C0%20319%2C132%200%2C132%2025.9%2C66%20%27%20%20filter%3D%27url(%23inset-shadow)%27%20%2F%3E%3C%2Fsvg%3E") no-repeat center center
}
.page-header.value-statement-header .value-statement-container:not(.keep-open):hover {
cursor: pointer
}
.page-header.value-statement-header .value-statement-container .vs-block {
position: relative;
z-index: 2;
float: left;
overflow: hidden;
height: 95%;
max-height: 132px;
padding: 20px 5px 0 0
}
.page-header.value-statement-header .value-statement-container .vs-block .x-toolbar {
z-index: 2
}
.page-header.value-statement-header .value-statement-container .vs-block a,
.page-header.value-statement-header .value-statement-container .vs-block a:link,
.page-header.value-statement-header .value-statement-container .vs-block a:visited {
text-decoration: underline;
color: var(--color-neutral-0)
}
.page-header.value-statement-header .value-statement-container .vs-teaser {
width: 33.33%
}
.page-header.value-statement-header .value-statement-container .vs-main {
width: 66.66%
}
.page-header.value-statement-header .links-locale {
padding: 0
}
.page-header.value-statement-header .vs-header-container {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 0;
max-height: 130px;
padding: 0;
border-bottom: 1px solid var(--color-neutral-1000);
background-color: var(--color-neutral-800);
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden
}
.page-header.value-statement-header .vs-header-container.static-contact {
text-align: center;
box-shadow: inset 0 -10px 10px -10px var(--color-neutral-900)
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard {
width: 75%;
margin: 0 auto
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels {
position: static;
margin: 1.5em auto
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels:after,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels:before {
content: " ";
display: table
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels:after {
clear: both
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel {
float: left;
width: 33.333%;
padding: 0;
line-height: 1;
color: var(--color-neutral-0)
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .type {
float: left;
vertical-align: top;
padding-right: 8px;
font-size: 20px;
font-weight: lighter
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .separator {
display: none
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .value {
position: relative;
top: -3px;
float: left;
vertical-align: top;
font-size: 48px;
font-weight: 300
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr {
position: static;
float: left;
display: inline-block;
margin: 0;
padding: 0;
text-align: left
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr br {
display: none
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:hover,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:link,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:visited {
font-size: 24px;
text-decoration: none;
color: var(--color-neutral-0)
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a i,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:hover i,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:link i,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:visited i,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr i {
position: relative;
top: 2px;
width: 1em;
color: var(--color-neutral-0)
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .extra {
float: left;
display: inline-block;
margin: .3em 0 0 0
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .extra .btn {
display: inline-block;
margin-left: 2em
}
.page-header.value-statement-header .vs-header-container.static-contact.active-contact {
height: 132px
}
.page-header.value-statement-header .vs-header-container.persistent-contact {
position: fixed;
top: 0;
left: 0;
height: 30px
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard {
text-align: center
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .tels,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .tels .tel,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr {
position: static;
display: inline-block;
margin: 0;
padding: 0 6px 0 0;
line-height: 1;
color: var(--color-neutral-100)
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard a {
color: var(--color-neutral-100)
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .type {
font-size: 10px
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr .locality,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr .postal-code,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr .region,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard p.adr .street-address {
font-size: 12px;
color: var(--color-neutral-100)
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .adr {
text-transform: none
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .adr .ddc-icon {
color: var(--color-neutral-100)
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .adr br {
display: none
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .tels .separator {
display: none
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .tels .value {
font-size: 16px;
font-weight: 800
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .phone1 .value {
font-size: 20px
}
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .phone1 .type,
.page-header.value-statement-header .vs-header-container.persistent-contact .contact-vcard .phone1 .value {
color: var(--color-neutral-100)
}
.page-header.value-statement-header .name-vcard.vcard {
display: inline-block;
height: 132px;
margin: 0;
padding: 0 0 0 2em
}
.page-header.value-statement-header .name-vcard.vcard .separator,
.page-header.value-statement-header .name-vcard.vcard .type {
display: none
}
.page-header.value-statement-header .name-vcard.vcard .tels {
position: static;
float: left;
clear: both;
display: inline-block;
text-align: left;
font-weight: 800;
color: var(--color-neutral-600)
}
.page-header.value-statement-header .name-vcard.vcard .tels li {
font-size: 20px;
line-height: 1em
}
.page-header.value-statement-header .name-vcard.vcard .extra {
position: static;
float: left;
display: inline-block;
margin: 0 0 0 1em;
text-align: left;
font-size: 20px;
line-height: 1em
}
.page-header.value-statement-header .name-vcard.vcard div.contentHeading,
.page-header.value-statement-header .name-vcard.vcard div.h1,
.page-header.value-statement-header .name-vcard.vcard h1 {
padding-top: 0
}
.page-header.value-statement-header .name-vcard.vcard div.contentHeading,
.page-header.value-statement-header .name-vcard.vcard div.contentHeading a.url,
.page-header.value-statement-header .name-vcard.vcard div.h1,
.page-header.value-statement-header .name-vcard.vcard div.h1 a.url,
.page-header.value-statement-header .name-vcard.vcard h1,
.page-header.value-statement-header .name-vcard.vcard h1 a.url {
font-size: 48px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--color-neutral-900)
}
.page-header.value-statement-header .name-vcard.vcard div.contentHeading a.url:hover,
.page-header.value-statement-header .name-vcard.vcard div.contentHeading:hover,
.page-header.value-statement-header .name-vcard.vcard div.h1 a.url:hover,
.page-header.value-statement-header .name-vcard.vcard div.h1:hover,
.page-header.value-statement-header .name-vcard.vcard h1 a.url:hover,
.page-header.value-statement-header .name-vcard.vcard h1:hover {
text-decoration: none
}
.value-statement-mega-wrapper.active-contact {
padding-top: 130px
}
.value-statement-mega-wrapper .navbar-nav {
width: auto
}
@media only screen and (max-width:1024px) {
.page-header.value-statement-header.noShrink .vcard h1 {
padding-left: 3em
}
.page-header.value-statement-header.noShrink .name-vcard .tels {
padding-left: 12em
}
.ddc-content.header-value-statement .home-logolink {
width: 135px
}
.ddc-content.header-value-statement .home-logolink img,
.ddc-content.header-value-statement .home-logolink li,
.ddc-content.header-value-statement .home-logolink ul {
width: 100% !important;
margin: 0;
padding: 0
}
.ddc-content.header-value-statement .home-logolink li {
padding: 1.4em 8px 8px 8px
}
.ddc-content.header-value-statement .logo-ribbon {
position: absolute;
top: -15px;
overflow: hidden;
height: 151px
}
.ddc-content.header-value-statement .logo-ribbon svg {
width: 135px
}
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard .tels .value {
font-size: 14px
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard {
width: 90%
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:link,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:visited {
font-size: 20px
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .value {
top: 0;
font-size: 20px
}
}
@media only screen and (min-width:1024px) {
.page-header.value-statement-header .vs-header-container.static-contact .vcard {
width: 90%
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:link,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:visited {
font-size: 20px
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .value {
font-size: 24px
}
}
@media only screen and (min-width:1200px) {
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard .type {
font-size: 14px
}
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard p.adr,
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard p.adr .locality,
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard p.adr .postal-code,
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard p.adr .region,
.page-header.value-statement-header .vs-header-container.persistent-contact .vcard p.adr .street-address {
font-size: 16px
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard {
width: 85%
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .value {
font-size: 32px
}
}
@media only screen and (min-width:1648px) {
.content-page-title .vs-header-container.persistent-contact h1,
.vs-header-container.persistent-contact .container,
.vs-header-container.persistent-contact .content-page-title h1 {
margin-left: 160px
}
.wide-container {
width: 1648px;
margin: 0 auto;
padding: 0
}
}
@media only screen and (min-width:1480px) {
.page-header.value-statement-header .value-statement-container {
right: -56.7%
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard {
width: 75%
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:link,
.page-header.value-statement-header .vs-header-container.static-contact .vcard .adr a:visited {
font-size: 24px
}
.page-header.value-statement-header .vs-header-container.static-contact .vcard .tels .tel .value {
font-size: 48px
}
}
.hours-default .today,
.ws-hours .today {
border-radius: 0;
font-weight: 800
}
.incentive-list {
padding: 0
}
.incentive-list li {
list-style: none
}
.incentive-list .incentive-type-heading {
clear: both;
display: block;
padding: 0;
text-align: left;
font-weight: 400;
background: 0 0
}
.incentive-list a {
clear: both;
text-decoration: underline
}
.inventoryList .incentive-list {
width: 60%;
margin: 16px 0 0
}
.inventoryList .incentive-list li+li {
margin-top: 8px
}
.inventoryList .incentive-type-heading {
color: var(--text-muted-color)
}
.inventoryList .separator {
display: inline
}
.inventoryList .ui-dialog .incentive-type-heading {
color: var(--text-muted-color)
}
.inventoryList .ui-dialog .incentive-list {
width: auto
}
.vdp .incentive-type-heading {
padding-top: 16px;
font-size: 16px
}
.vdp .incentive-list a {
display: block;
padding: 16px 0 0 24px;
font-size: 16px
}
.incentives-search-default .incentives-header {
margin: 0;
padding: 0;
border: none
}
.incentives-search-default .vehicles-container {
padding: 0
}
.incentives-search-default .vehicle-container {
margin: 0 32px 32px 0
}
.incentives-search-default .vehicle-container h5 {
font-size: 16px
}
.incentives-search-default .vehicle-container img {
width: auto;
height: auto;
margin: 0 auto;
padding: 0
}
.incentives-search-default .facet-group label {
font-weight: 400;
color: var(--text-muted-color)
}
.incentives-search-detail .incentives-header {
margin: 0;
padding: 0;
border: none
}
.incentives-search-detail .current-trim img {
width: auto;
padding: 0
}
.incentives-search-detail .trim-overview h2 {
margin-top: 0
}
.incentives-search-detail #portamento_container {
min-width: 100%
}
.incentives-search-detail .facet-group a {
margin: 0;
padding: 0
}
.incentives-search-detail .ui-button {
margin: 8px 16px
}
.incentives-search-detail .nav-list a:hover {
background: 0 0
}
.incentive .ddc-nav-inline,
.incentive .nav {
margin-top: 16px
}
.incentives-search-detail.enhanced .nav-list {
text-align: left
}
.incentives-search-detail.enhanced .facet-group ul li {
display: block
}
.incentives-search-detail.enhanced .facet-group {
width: 220px
}
.incentives-search-detail.enhanced .nav-list li>a {
display: block;
padding: 10px 0;
text-decoration: none
}
.incentives-search-detail.enhanced .lnk-back:before {
margin-right: -.25em
}
.incentives-search-detail.enhanced .type-1 {
margin-top: 8px
}
.incentives-search-detail.enhanced .current-trim img {
width: 100%;
padding: 10px;
border-radius: 0
}
.incentives-search-detail.enhanced .current-trim .ddc-span4,
.incentives-search-detail.enhanced .current-trim .yui3-u-1-3 {
width: 50%
}
.incentives-search-detail.enhanced .current-trim .ddc-span8,
.incentives-search-detail.enhanced .current-trim .yui3-u-2-3 {
width: 50%
}
.incentives-search-detail.enhanced .offers-listing h3 {
padding-bottom: 5px
}
.incentives-search-detail.enhanced .offers-listing h3 a {
color: var(--text-muted-color)
}
.incentives-search-detail.enhanced .offers-listing article {
margin: 0
}
.incentives-search-detail.enhanced .offers-listing article h3 {
border: none
}
.incentives-search-detail.enhanced .offers-listing article header h3 {
font-weight: inherit
}
.incentives-search-detail.enhanced .incentive-content {
padding: 0 20px
}
.incentives-search-detail.enhanced .incentive-content>div,
.incentives-search-detail.enhanced .incentive-content>ul {
padding: 0
}
.incentives-search-detail.enhanced .incentive-disclaimers ul {
padding: 8px 0
}
.incentives-search-detail.enhanced .incentive-disclaimers li {
list-style: none;
font-size: 14px
}
.incentives-search-detail.enhanced .incentive-type-heading {
padding: 0
}
.incentives-search-detail.enhanced .incentives-lead-default .type-1 {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
box-shadow: none
}
.enhanced .incentives-detail-container {
margin: 0
}
.enhanced .incentives-detail-container .incentives-header h1 {
margin-top: 8px;
font-size: 24px
}
.enhanced .incentives-detail-container .offers-listing {
float: left;
clear: both;
width: 100%
}
.enhanced .incentives-detail-container .offers-listing header h3 {
font-size: 24px;
font-weight: 700;
line-height: 1
}
.enhanced .incentives-detail-container .offers-listing header h3 a,
.enhanced .incentives-detail-container .offers-listing header h3 em {
font-weight: 400
}
.enhanced .incentives-detail-container .offers-listing article {
position: relative;
float: left;
width: 49%;
min-height: 455px;
margin: 0 0 32px;
padding: 8px 24px;
background-color: var(--color-neutral-0)
}
.enhanced .incentives-detail-container .offers-listing article:nth-child(even) {
margin-right: 2%
}
.enhanced .incentives-detail-container .offers-listing article h3 {
text-align: center;
line-height: 1.3
}
.enhanced .incentives-detail-container .offers-listing article hgroup {
padding-top: 1em
}
.enhanced .incentives-detail-container .offers-listing article header h4 {
width: 100%;
text-align: center;
font-size: 14px;
text-transform: uppercase
}
.enhanced .incentives-detail-container .offers-listing footer {
margin-bottom: 60px;
text-align: center
}
.enhanced .incentives-detail-container .offers-listing footer li {
list-style: none;
font-size: 14px
}
.enhanced .incentives-detail-container .offers-listing footer a {
font-size: 14px;
font-weight: 700
}
.enhanced .incentives-detail-container .offers-listing footer .disclaimers,
.enhanced .incentives-detail-container .offers-listing footer>a {
display: inline-block;
padding: 0 8px
}
.enhanced .incentives-detail-container .offers-listing .offer-details,
.enhanced .incentives-detail-container .offers-listing .valid-date {
width: 100%;
margin-top: 0;
padding: 0;
text-align: center;
font-size: 14px
}
.enhanced .incentives-detail-container .offers-listing .action {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.enhanced .incentives-detail-container .offers-listing .action a.btn {
width: 49.8%;
margin: 1px 0 0
}
.enhanced .incentives-detail-container .offers-listing .action a.btn.dialog {
float: left
}
.enhanced .incentives-detail-container .offers-listing .action a.btn:last-of-type {
margin-right: 1px
}
.enhanced .incentives-detail-container .offers-listing .disclaimers {
margin: 0
}
.enhanced .incentives-detail-container .offers-listing .disclaimers li,
.enhanced .incentives-detail-container .offers-listing .disclaimers p {
font-size: 14px;
line-height: 1.5
}
.enhanced .incentives-detail-container .incentive-content li {
font-weight: 700
}
#portamento_container .facet-group,
#portamento_container .facet-group.fixed {
position: static
}
.incentives-listing-trims .content ul li {
font-size: 14px
}
.incentives li.yui3-u-1-3 {
width: auto
}
.ddc-content.contact-info .tels.two-line-phone {
margin-bottom: 16px
}
.ddc-content.contact-info .tels.two-line-phone .tel {
padding-bottom: 16px
}
.ddc-content.contact-info .tels.two-line-phone .separator {
display: none
}
.ddc-content.contact-info .tels.two-line-phone .value {
display: block;
color: var(--color-primary-500);
font-size: 32px;
font-weight: 800;
line-height: 32px
}
.ddc-content.contact-info .tels.two-line-phone.inverse .value {
color: var(--text-inverse-color)
}
.inventory-detail-mini {
padding-bottom: 8px;
border-bottom: 3px solid var(--color-neutral-600)
}
.inventory-detail-mini:after,
.inventory-detail-mini:before {
content: " ";
display: table
}
.inventory-detail-mini:after {
clear: both
}
.inventory-detail-mini.digital-retailing-vehicle-of-interest {
border-bottom: none
}
.inventory-detail-mini .media {
float: left;
width: 33%;
margin-right: 24px
}
.inventory-detail-mini .pricing {
float: right;
width: 20%;
text-align: right
}
.inventory-detail-mini .pricing li:last-child {
margin-top: 8px;
padding-top: 8px;
border-top: 2px dotted var(--color-neutral-1000);
font-size: 20px
}
.inventory-detail-mini .pricing li:only-child {
border-top: none
}
.inventory-detail-mini .description span {
display: block
}
.inventory-detail-mini .description span.separator {
display: none
}
.inventory-featured-default {
position: relative
}
.inventory-featured-default .hproduct .description .calloutDetails {
display: none
}
.inventory-featured-default-extension-1.ddc-content,
.inventory-featured-tabbed.ddc-content {
margin: 0
}
.inventory-featured-default-extension-1.small .final-price .label,
.inventory-featured-tabbed.small .final-price .label {
width: 40%
}
.inventory-featured-default-extension-1.small .final-price .value,
.inventory-featured-tabbed.small .final-price .value {
width: 60%
}
.inventory-featured-default-extension-1.small .show-payments .description,
.inventory-featured-tabbed.small .show-payments .description {
display: none
}
.inventory-featured-default-extension-1.small .show-payments .final-price,
.inventory-featured-tabbed.small .show-payments .final-price {
padding-bottom: 32px
}
.inventory-featured-default-extension-1.small span[class^=payment]>span,
.inventory-featured-tabbed.small span[class^=payment]>span {
display: block
}
.inventory-featured-default-extension-1.small span[class^=payment]>span.value,
.inventory-featured-tabbed.small span[class^=payment]>span.value {
padding-bottom: 4px
}
.inventory-featured-default-extension-1 .media img,
.inventory-featured-tabbed .media img {
width: 100%
}
.inventory-featured-default-extension-1 .show-payments .yui3-u-1-3 .final-price,
.inventory-featured-tabbed .show-payments .yui3-u-1-3 .final-price {
padding-bottom: 4px
}
.inventory-featured-default-extension-1 .show-payments .description,
.inventory-featured-tabbed .show-payments .description {
display: flex;
flex-wrap: wrap;
height: auto
}
.inventory-featured-default-extension-1 .show-payments .description span,
.inventory-featured-tabbed .show-payments .description span {
width: 50%;
line-height: 1.33333
}
.inventory-featured-default-extension-1 .show-payments .pricing,
.inventory-featured-tabbed .show-payments .pricing {
margin-bottom: 0
}
.inventory-featured-default-extension-1 .hproduct,
.inventory-featured-tabbed .hproduct {
overflow: hidden
}
.inventory-featured-default-extension-1 .hproduct>div,
.inventory-featured-tabbed .hproduct>div {
height: 400px
}
.inventory-featured-default-extension-1 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .hproduct>div:hover,
.inventory-featured-tabbed .hproduct>div.hover-state,
.inventory-featured-tabbed .hproduct>div:hover {
top: -170px
}
.inventory-featured-default-extension-1 .hproduct h3,
.inventory-featured-tabbed .hproduct h3 {
overflow: hidden;
height: 17px;
margin: 5px 0 3px
}
.inventory-featured-default-extension-1 .hproduct h3 a,
.inventory-featured-tabbed .hproduct h3 a {
color: var(--text-color)
}
.inventory-featured-default-extension-1 .hproduct .pricing,
.inventory-featured-tabbed .hproduct .pricing {
margin-bottom: 8px
}
.inventory-featured-default-extension-1 .hproduct .paymentInformation,
.inventory-featured-tabbed .hproduct .paymentInformation {
text-align: left
}
.inventory-featured-default-extension-1 .hproduct .view-link,
.inventory-featured-tabbed .hproduct .view-link {
position: absolute;
bottom: 5px
}
.inventory-featured-default-extension-1 .description,
.inventory-featured-tabbed .description {
overflow: hidden;
height: 115px;
padding: 0;
font-size: 14px
}
.inventory-featured-default-extension-1 .description i,
.inventory-featured-tabbed .description i {
position: relative;
top: 3px;
margin-right: 5px
}
.inventory-featured-default-extension-1 .description i.ddc-icon-vin+strong,
.inventory-featured-tabbed .description i.ddc-icon-vin+strong {
display: inline
}
.inventory-featured-default-extension-1 .description strong,
.inventory-featured-tabbed .description strong {
display: none
}
.inventory-featured-default-extension-1 .description span,
.inventory-featured-tabbed .description span {
clear: both;
display: block;
line-height: 1.5
}
.inventory-featured-default-extension-1 .description span.separator,
.inventory-featured-tabbed .description span.separator {
display: none
}
.inventory-featured-default-extension-1 .view-all-link,
.inventory-featured-tabbed .view-all-link {
position: relative;
top: -3px;
margin-right: 0;
margin-left: 0
}
.inventory-featured-default-extension-1 .hproduct {
height: 755px
}
.inventory-featured-default-extension-1 .hproduct>div {
height: 1460px
}
.inventory-featured-default-extension-1 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .hproduct>div:hover {
top: -710px
}
.inventory-featured-default-extension-1 .hproduct .media img {
height: 705px
}
.inventory-featured-default-extension-1 .yui3-u-1-2 .hproduct {
height: 395px
}
.inventory-featured-default-extension-1 .yui3-u-1-2 .hproduct>div {
height: 735px
}
.inventory-featured-default-extension-1 .yui3-u-1-2 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-2 .hproduct>div:hover {
top: -345px
}
.inventory-featured-default-extension-1 .yui3-u-1-2 .hproduct .media img {
height: 345px
}
.inventory-featured-default-extension-1 .yui3-u-1-3 .hproduct {
height: 275px
}
.inventory-featured-default-extension-1 .yui3-u-1-3 .hproduct>div {
height: 500px
}
.inventory-featured-default-extension-1 .yui3-u-1-3 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-3 .hproduct>div:hover {
top: -230px
}
.inventory-featured-default-extension-1 .yui3-u-1-3 .hproduct .media img {
height: 225px
}
.inventory-featured-default-extension-1 .yui3-u-1-4 .hproduct {
height: 215px
}
.inventory-featured-default-extension-1 .yui3-u-1-4 .hproduct>div {
height: 380px
}
.inventory-featured-default-extension-1 .yui3-u-1-4 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-4 .hproduct>div:hover {
top: -170px
}
.inventory-featured-default-extension-1 .yui3-u-1-4 .hproduct .media img {
height: 165px
}
.inventory-featured-default-extension-1 .yui3-u-1-5 {
width: 20%
}
.inventory-featured-default-extension-1 .yui3-u-1-5 .hproduct {
height: 175px
}
.inventory-featured-default-extension-1 .yui3-u-1-5 .hproduct>div {
height: 350px
}
.inventory-featured-default-extension-1 .yui3-u-1-5 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-5 .hproduct>div:hover {
top: -170px
}
.inventory-featured-default-extension-1 .yui3-u-1-5 .hproduct .media img {
height: 125px
}
.inventory-featured-default-extension-1 .yui3-u-1-6 .hproduct {
height: 175px
}
.inventory-featured-default-extension-1 .yui3-u-1-6 .hproduct>div {
height: 350px
}
.inventory-featured-default-extension-1 .yui3-u-1-6 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-6 .hproduct>div:hover {
top: -170px
}
.inventory-featured-default-extension-1 .yui3-u-1-6 .hproduct .media img {
height: 125px
}
.inventory-featured-default-extension-1 .yui3-u-1-8 {
width: 12.5%
}
.inventory-featured-default-extension-1 .yui3-u-1-8 .hproduct {
height: 110px
}
.inventory-featured-default-extension-1 .yui3-u-1-8 .hproduct>div {
height: 290px
}
.inventory-featured-default-extension-1 .yui3-u-1-8 .hproduct>div.hover-state,
.inventory-featured-default-extension-1 .yui3-u-1-8 .hproduct>div:hover {
top: -165px
}
.inventory-featured-default-extension-1 .yui3-u-1-8 .hproduct .media img {
height: 75px
}
.ddc-content.inventory-featured-default-extension-1.small {
margin-top: 20px
}
.ddc-content.inventory-featured-default-extension-1.small .yui3-u-1-4 .hproduct {
height: 160px
}
.ddc-content.inventory-featured-default-extension-1.small .yui3-u-1-4 .hproduct .media img {
height: auto
}
.ddc-content.inventory-featured-default-extension-1.small .yui3-u-1-4 .hproduct>div {
height: 325px
}
.ddc-content.inventory-featured-default-extension-1.small .yui3-u-1-4 .hproduct .pricing {
margin-bottom: 16px
}
.inventory-featured-full-page .btn-block {
width: 250px;
margin-top: 8px
}
.inventory-featured-full-page .btn-block[data-eprice] {
width: 100%
}
.inventory-featured-full-page .media {
min-height: 250px
}
.inventory-featured-full-page .pricing li.paymentInformation {
float: right
}
.inventory-featured-full-page .pricing li.paymentInformation span {
padding-left: 4px
}
.inventory-featured-default-no-search-results {
padding-top: 8px
}
.inventory-featured-default-no-search-results .hproduct .pricing {
margin-bottom: 16px
}
.inventory-featured-default-no-search-results .hproduct strong {
display: inline-block
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct,
.inventory-featured-financedriver .hproduct {
overflow: hidden;
margin: 0 0 32px;
padding: 8px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct a,
.inventory-featured-financedriver .hproduct a {
margin: 0
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct a.btn.view-link,
.inventory-featured-financedriver .hproduct a.btn.view-link {
position: absolute;
right: 4px;
bottom: 4px;
left: 4px;
width: auto
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct h3,
.inventory-featured-financedriver .hproduct h3 {
overflow: hidden;
margin: 4px 0
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .pricing,
.inventory-featured-financedriver .hproduct .pricing {
padding-top: 4px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .media,
.inventory-featured-financedriver .hproduct .media {
min-height: 114px;
padding-bottom: 4px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .media img,
.inventory-featured-financedriver .hproduct .media img {
border-radius: 2px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description,
.inventory-featured-financedriver .hproduct .description {
overflow: hidden;
padding: 8px 0 63px;
font-size: 14px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description .separator,
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description p>span:nth-child(n+8),
.inventory-featured-financedriver .hproduct .description .separator,
.inventory-featured-financedriver .hproduct .description p>span:nth-child(n+8) {
display: none
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct>div,
.inventory-featured-financedriver .hproduct>div {
padding: 0 4px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct {
height: 200px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct.has-sales-taxes {
height: 215px;
margin: 0 0 16px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct h3 {
height: 35px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description {
height: 165px;
text-transform: uppercase
}
.ucasecompliance .ddc-mega-menu-nav .inventory-featured-default .hproduct .description {
text-transform: none
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct>div.hover-state,
.ddc-mega-menu-nav .inventory-featured-default .hproduct>div:hover {
top: -165px
}
.inventory-featured-financedriver .hproduct {
height: 210px
}
.inventory-featured-financedriver .hproduct h3 {
height: 34px
}
.inventory-featured-financedriver .hproduct .pricing {
padding-bottom: 0
}
.inventory-featured-financedriver .hproduct .description {
height: 176px
}
.inventory-featured-financedriver .hproduct>div.hover-state,
.inventory-featured-financedriver .hproduct>div:hover {
top: -176px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .tabs-content-container {
min-height: 250px;
margin-top: 25px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .hproduct {
height: 220px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .hproduct .description {
height: 120px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .show-payments .description {
display: flex;
flex-wrap: wrap;
height: auto
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .show-payments .description span {
width: 50%;
line-height: 1.33333
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .show-payments .final-price {
padding-bottom: 4px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .show-payments .view-link {
bottom: 5px
}
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li>a:after,
.inventory-featured.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li>a:before {
display: none
}
.inventory-featured-tabbed a.btn.view-all-link {
position: relative;
top: auto;
display: block;
width: 285px;
margin: 8px auto
}
.inventory-listing-default .ddc-content {
margin: 0
}
.inventoryList .description dt {
float: left;
clear: left;
box-sizing: border-box;
width: 33.33333%
}
.inventoryList .description dd {
float: left;
display: inline-block;
box-sizing: border-box;
width: 66.66667%
}
.inventoryList>li {
position: relative;
margin-top: 16px;
padding: 16px 0;
border-bottom: solid 2px var(--divider-color)
}
.inventoryList>li:after,
.inventoryList>li:before {
content: " ";
display: table
}
.inventoryList>li:after {
clear: both
}
.inventoryList>li.mpg30 .fn a:after,
.inventoryList>li.mpg35 .fn a:after,
.inventoryList>li.mpg40 .fn a:after,
.inventoryList>li.mpg45 .fn a:after,
.inventoryList>li.mpg50 .fn a:after,
.inventoryList>li.mpg55 .fn a:after,
.inventoryList>li.mpg60 .fn a:after,
.inventoryList>li.mpg65 .fn a:after,
.inventoryList>li.mpg70 .fn a:after,
.inventoryList>li.mpg75 .fn a:after {
position: absolute;
bottom: -17px;
margin-left: 10px;
font-size: 47px;
color: var(--color-success-500)
}
.inventoryList>li:hover {
background-color: var(--color-neutral-0);
transition: all .5s;
cursor: pointer
}
.inventoryList>li:after {
position: relative;
top: 16px;
width: 100%;
height: 16px;
background-color: var(--page-bg)
}
.inventoryList .hproduct {
position: relative;
min-height: 247px;
padding: 0 4px 0 36%
}
.inventoryList .hproduct:after,
.inventoryList .hproduct:before {
content: " ";
display: table
}
.inventoryList .hproduct:after {
clear: both
}
.inventoryList .hproduct .vlp-calc .price {
width: 100%
}
.inventoryList .hproduct .vlp-calc .price .label {
float: left;
font-size: .6em
}
.inventoryList .hproduct .vlp-calc .price .value {
float: right;
clear: left;
font-size: .8em
}
.inventoryList .hproduct .vlp-calc .price .estimate {
float: left;
width: 100%;
font-size: .6em
}
.inventoryList .media {
position: absolute;
top: 0;
left: 4px;
text-align: center
}
.inventoryList .media img {
max-width: 100%
}
.inventoryList .media a .ddc-icon-video:before {
vertical-align: middle;
display: inline-block;
font-size: 32px;
line-height: 1;
white-space: pre-wrap;
text-decoration: none
}
.inventoryList .ddc-media,
.inventoryList .media {
width: 245px;
min-height: 245px;
padding: 0
}
.inventoryList .ddc-media .lazy-image,
.inventoryList .media .lazy-image {
height: 180px
}
.inventoryList [data-location~=vehicle-media] {
clear: both
}
.inventoryList .photos.btn,
.inventoryList .video.btn {
float: left;
padding: 0;
font-size: 16px
}
.inventoryList .fn {
position: relative;
margin: 0 0 1em 0;
padding: 0;
font-size: 20px
}
.inventoryList .description {
float: left;
width: 60%;
padding: 0
}
.inventoryList .description dl {
margin: 0;
font-size: 12.25px;
color: var(--text-muted-color)
}
.inventoryList .description dl:after,
.inventoryList .description dl:before {
content: " ";
display: table
}
.inventoryList .description dl:after {
clear: both
}
.inventoryList .description dl.last {
margin-bottom: 5px
}
.inventoryList .description dt {
padding: 0 8px 0 0;
font-weight: 400;
color: inherit
}
.inventoryList .description p:empty {
display: none
}
.inventoryList .description .separator {
display: none
}
.inventoryList .description .packages {
margin-top: 7px
}
.inventoryList .description .packages [data-toggle=tooltip]:after {
margin-left: 5px
}
.inventoryList .calloutDetails {
margin-top: .5em
}
.inventoryList .item-compare {
font-size: 14px
}
.inventoryList .item-compare label {
padding: 0;
font-weight: 800;
color: var(--text-muted-color)
}
.inventoryList .item-compare .form-group {
position: absolute;
right: 4px;
bottom: 0;
display: block;
height: 56px
}
.inventoryList .item-compare input.checkbox {
float: right;
margin: 2px 0 0 0
}
.inventoryList .item-compare span {
display: inline-block;
height: 24px;
margin-right: 4px;
font-weight: 700;
line-height: 1.33333
}
.inventoryList .item-compare .disabled {
display: none
}
.inventoryList input.checkbox {
position: static
}
.inventoryList .compare-submit-link {
position: absolute;
right: 4px;
bottom: 16px;
display: block;
padding: 0 0 8px 0;
font-weight: 700
}
.inventoryList .ddc-more {
display: none
}
.inventoryList .pricing-area {
float: right;
width: 40%;
margin: 0 0 35px
}
.inventoryList .pricing-area:after,
.inventoryList .pricing-area:before {
content: " ";
display: table
}
.inventoryList .pricing-area:after {
clear: both
}
.inventoryList li {
clear: both
}
.inventoryList .separator {
display: none
}
.inventoryList .ddc-more,
.inventoryList .packages {
font-size: 12.25px;
color: var(--text-color)
}
.inventoryList label.globalVehicleTrimId {
display: none
}
html[lang=en-CA] .inventoryList .pricing-area,
html[lang=fr-CA] .inventoryList .pricing-area {
width: 32%
}
html[lang=en-CA] .inventoryList .description,
html[lang=fr-CA] .inventoryList .description {
width: 66%
}
html[lang=en-CA] .inventoryList .description dt,
html[lang=fr-CA] .inventoryList .description dt {
width: 52%
}
html[lang=en-CA] .inventoryList .description dd,
html[lang=fr-CA] .inventoryList .description dd {
width: 48%
}
.facet-user-range-input-error {
margin: 8px 0;
border: 1px solid var(--color-danger-500);
color: var(--color-danger-500)
}
.vlp-refine-sort-by {
max-width: 60%;
padding: 8px 0
}
#compareForm {
min-width: 700px
}
#compareForm .ft .row,
#compareForm .ft .yui3-g,
#compareForm .hd .row,
#compareForm .hd .yui3-g {
margin: 0 0 32px;
background-color: var(--box-bg)
}
#compareForm .ft .ddc-span12,
#compareForm .ft .yui3-u-1,
#compareForm .hd .ddc-span12,
#compareForm .hd .yui3-u-1 {
padding: 0
}
#compareForm .comparing {
margin: 8px 0
}
#compareForm .comparing .btn-link:before {
content: ''
}
#compareForm .ddc-nav-inline a,
#compareForm .nav a,
#compareForm .sorting strong {
padding-top: 0;
padding-bottom: 0
}
.vlp .toggle {
display: none
}
.vlp .content-default .form-group {
margin-bottom: 8px
}
.vlp .content-default .submit-search {
display: none
}
.vlp .content-default .btn-link {
float: right;
margin-top: 0;
margin-bottom: 24px;
font-size: 14px
}
.facetmulti-heading {
margin: 16px 0;
font-size: 21px;
font-weight: 300
}
.facetmulti .js li.js-hide {
display: none
}
.facetmulti .facet-form-disabled>div,
.facetmulti .facet-form-disabled>fieldset {
opacity: .25
}
.facetmulti .facet-form-disabled .facet-form-loading {
padding: 10px 20px;
border: 1px solid var(--text-muted-color);
background-color: #fff;
background-image: url(/static/v9/media/images/ajax-loaders/v1/black-ajax-loader-1.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
box-shadow: 0 0 10px 2px var(--text-muted-color);
opacity: 1
}
.facetmulti-label {
position: relative;
display: block;
color: var(--text-color)
}
.facetmulti-label em {
color: var(--text-muted-color)
}
.facet-user-range-input-group {
margin-bottom: 8px;
text-align: center
}
.facet-user-range-input-group input.facetmulti-input {
width: 100%;
padding: 8px 16px
}
.facet-user-range-label {
margin: 0
}
.facet-user-range-separator {
line-height: 35px
}
.facet-user-range-go-button {
float: none
}
.facet-user-range-max,
.facet-user-range-min {
max-width: 45%
}
.facet-breadcrumb-form fieldset h2,
.facet-breadcrumb-form fieldset legend,
.facetmulti-form fieldset h2,
.facetmulti-form fieldset legend {
font-weight: 400
}
.facet-breadcrumb-form .form-group label,
.facetmulti-form .form-group label {
display: inline;
padding-right: 0;
text-align: left;
font-weight: 400
}
.facet-breadcrumb-form input,
.facetmulti-form input {
font-weight: 400
}
.facet-user-range-allow-zero-label {
font-size: 14px;
font-style: italic
}
.facetlist.facetlist-keyword .input-group .form-control {
z-index: 0;
padding-right: 39px
}
.facetlist.facetlist-keyword .facetmulti-freeform-search-submit {
position: absolute;
top: 1px;
right: 2px;
overflow: hidden;
width: 37px;
height: 37px;
padding: 0;
border-width: 0 0 0 var(--btn-border-width);
border-radius: 0 var(--input-border-radius-base, 0) var(--input-border-radius-base, 0) 0
}
.facet-type-user-range {
overflow: hidden;
margin-bottom: 0
}
.facetmulti-form fieldset {
margin: 0
}
.facetlist {
clear: both;
padding: 16px 0;
border-bottom: 1px solid var(--divider-color)
}
.facetlist .panel-body {
margin-top: 8px
}
.facetlist ul {
margin-bottom: 0
}
.facetlist .form-group {
margin-bottom: 0
}
.facetlist input.checkbox,
.facetlist input.radio {
float: left;
margin-right: 8px
}
.facetlist .more-link {
clear: left
}
.facetmulti-form fieldset:nth-last-child(-n+2) .facetlist {
border-bottom: none
}
.facetmulti-item {
clear: both
}
.facetmulti-form .color-swatches li.facetmulti-item {
float: left;
clear: none;
margin-top: 0
}
.facetmulti-form .color-swatches li.facetmulti-item label {
display: none;
width: 32px;
height: 32px;
margin: 2px;
border: 1px solid #000;
text-indent: -99999em;
background: transparent url(/static/v9/variations/parent-theme/0001/v2/images/color-swatch-overlay.png) 0 0 no-repeat;
cursor: pointer
}
.facetmulti-form .color-swatches li.facetmulti-item label.label-checked {
background-image: url(/static/v9/variations/parent-theme/0001/v2/images/color-swatch-overlay-active.png)
}
.facetmulti-form .color-swatches li.facetmulti-item label[class*=normalColor-] {
display: inline-block
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-beige,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-brun {
background-color: beige
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-black,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-noir {
background-color: #000
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-bleu,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-blue {
background-color: #28398b
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-brown,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-brun {
background-color: #805b33
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-gold,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-or {
background-color: #a7981a
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-gray,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-grey,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-gris {
background-color: #999
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-green,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-vert {
background-color: #296640
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-orange {
background-color: #c1602c
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-purple,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-violet {
background-color: #553380
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-red,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-rouge {
background-color: #b8252a
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-argent,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-silver {
background-color: #bfbfbf
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-blanc,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-white {
background-color: #f7f7f7
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-jaune,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-yellow {
background-color: #dfdd44
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-autre,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-other {
background: #d5d5d5 url(/static/v9/variations/parent-theme/0001/v2/images/color-swatch-overlay-other.png) 0 0 no-repeat
}
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-autre.label-checked,
.facetmulti-form .color-swatches li.facetmulti-item label.normalColor-other.label-checked {
background-image: url(/static/v9/variations/parent-theme/0001/v2/images/color-swatch-overlay-other-active.png)
}
.facetmulti-form .color-swatches li.facetmulti-item label input {
visibility: hidden
}
.facet-breadcrumb-selections {
min-height: 42.25px;
margin-top: 16px
}
.facet-breadcrumb-item,
.facet-breadcrumb-label {
line-height: 1;
white-space: nowrap
}
.facet-breadcrumb-title {
padding-right: 8px;
font-size: 15.75px;
font-weight: 700;
line-height: 20px
}
.facet-breadcrumb-title .vehicle-count {
font-size: 20px
}
.facet-breadcrumb-list {
margin: 0
}
.facet-breadcrumb-item {
display: inline-block;
margin-top: 0;
padding: 0 8px;
padding-right: 8px;
border-radius: 24px;
font-size: 16px;
white-space: nowrap;
text-transform: capitalize;
background-color: var(--color-neutral-0)
}
.facet-breadcrumb-item .form-group {
margin: 0
}
.facet-breadcrumb-reset {
margin: 0;
padding: 0;
font-size: 16px;
background: 0 0
}
.facet-breadcrumb-label {
overflow: hidden;
margin: 0;
cursor: pointer
}
.facet-breadcrumb-field.checkbox {
display: none
}
.facet-breadcrumb-close-icon {
color: var(--text-muted-color)
}
.facet-breadcrumb-fieldset {
margin: 0
}
.facet-user-range-chart {
width: 100%;
color: var(--text-muted-color);
border-top-color: var(--color-primary-300);
border-right-color: var(--color-primary-500);
border-bottom-color: var(--color-neutral-50);
border-left-color: var(--color-neutral-800)
}
.noUi-handle-lower,
.noUi-handle-lower:before,
.noUi-handle-upper,
.noUi-handle-upper:after {
height: 18px
}
.noUi-handle-upper:after {
top: -9px;
right: -21px
}
.noUI-state-drag .noUi-handle-lower:after,
.noUi-handle-lower:hover:after {
border-left-color: var(--color-primary-500)
}
.noUI-state-drag .noUi-handle-lower:before,
.noUI-state-drag .noUi-handle-upper:after,
.noUi-handle-lower:hover:before,
.noUi-handle-upper:hover:after {
background-color: var(--color-primary-500);
background-image: none;
box-shadow: none
}
.noUI-state-drag .noUi-handle-upper:before,
.noUi-handle-upper:hover:before {
border-right-color: var(--color-primary-500)
}
.facet-user-range-changed,
input.facet-user-range-input:focus {
color: var(--color-primary-500)
}
.payment-panel input {
padding: 8px
}
ul.facetlist-paymentCombo label {
float: none;
display: inline
}
ul.facetlist-paymentCombo .payment-panel {
margin-top: -8px
}
ul.facetlist-paymentCombo .facet-swappable-group {
margin: 0 0 16px;
padding: 8px 16px;
background-color: var(--page-bg)
}
ul.facetlist-paymentCombo .facet-swappable-group:after {
content: ' ';
position: absolute;
right: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0 auto;
border-top: 24px solid var(--color-neutral-50);
border-right: 24px solid transparent;
border-left: 24px solid transparent
}
ul.facetlist-paymentCombo .facet-type-ranged {
padding-top: 8px
}
.paymentInformation {
text-align: right;
font-weight: 300
}
@media print {
.label {
border: none
}
}
.ddc-banner .inventory-listing-item {
border-bottom: none
}
.ddc-banner .inventory-listing-item:hover {
background: 0 0
}
.ddc-banner .inventory-listing-item .offers dt {
float: left;
margin-right: 4px
}
.inventory-listing-item {
border-bottom: solid 2px var(--divider-color)
}
.inventory-listing-item:hover {
background: var(--color-neutral-0);
transition: all .5s
}
.inventory-listing-item:last-child {
border-bottom: none
}
.inventory-listing-item .ddc-description dl,
.inventory-listing-item .ddc-packages dl {
clear: both;
margin-top: 8px;
margin-bottom: 0
}
.inventory-listing-item .ddc-description dt,
.inventory-listing-item .ddc-packages dt {
float: left;
margin-right: 12px
}
.grid-facetbrowse div.vertical .list-group {
margin-bottom: 0;
padding: 8px 0
}
.grid-facetbrowse .list-group-item {
padding: 4px 0 0 0;
border: none
}
.ws-inv-listing .media-modal-container {
background-color: var(--box-bg)
}
.ws-inv-listing .media-modal-header {
min-height: 64px;
max-width: 100%;
padding: 0 10%
}
.ws-inv-listing .media-modal-button {
right: 0
}
.inventory-search-payment.inventory-search-payment-extension-1 .slider-instructions {
display: none
}
.inventory-search-payment.inventory-search-payment-extension-1 .form-group {
height: 70px
}
.inventory-search-payment.inventory-search-payment-extension-1 .ui-slider-value {
position: static;
font-size: 24px
}
.inventory-search-payment.inventory-search-payment-extension-1 .ui-slider {
width: 100%
}
.inventory-search-payment.inventory-search-payment-extension-1 p {
font-size: 14px
}
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-inventory-count {
float: left;
display: inline-block;
min-width: 50px;
padding-right: 5px;
text-align: right;
font-size: 32px
}
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-payment-lease,
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-payment-loan {
text-align: inherit
}
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-payment-lease p,
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-payment-loan p {
float: left;
width: 42%;
margin-right: 1%;
margin-left: 11%;
text-align: left;
font-size: 12.25px;
line-height: 1.4;
color: var(--text-muted-color)
}
.inventory-search-payment.inventory-search-payment-extension-1 .ddc-payment-lease {
margin-top: 5px
}
.inventory-search-payment.inventory-search-payment-extension-1 .payment-suffix {
font-size: 14px;
color: var(--text-muted-color)
}
.inventory-search-payment.inventory-search-payment-extension-1 .btn {
min-width: 38%
}
.inventory-search-facetbrowse.split {
margin-top: 8px
}
.inventory-search-facetbrowse.split h3 {
margin-bottom: 25px
}
.inventory-search-facetbrowse.split .form-group {
float: left;
width: 100%;
margin-bottom: 27px;
padding: 0 5px
}
.inventory-search-facetbrowse.split .form-group .form-control {
height: 44px
}
.inventory-search-facetbrowse.split .btn {
width: 100%;
text-align: center;
font-size: 32px;
font-weight: 400;
text-transform: uppercase
}
.inventory-search-facetbrowse.split .btn:before {
content: ''
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu,
ul.typeahead.dropdown-menu {
position: absolute;
z-index: 1070;
left: 0;
width: 107%;
padding: 10px;
border: 1px solid var(--color-neutral-50);
background: var(--color-neutral-0)
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li,
ul.typeahead.dropdown-menu li {
padding: 0
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu a:not(.btn),
ul.typeahead.dropdown-menu a:not(.btn) {
display: block;
margin: 0 8px;
padding: 8px 16px;
text-decoration: none;
color: var(--color-neutral-800)
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu a:hover,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:hover,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:link,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:visited,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:hover,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:link,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:visited,
ul.typeahead.dropdown-menu a:hover,
ul.typeahead.dropdown-menu li.active a,
ul.typeahead.dropdown-menu li.active a:hover,
ul.typeahead.dropdown-menu li.active a:link,
ul.typeahead.dropdown-menu li.active a:visited,
ul.typeahead.dropdown-menu li.currentPage a,
ul.typeahead.dropdown-menu li.currentPage a:hover,
ul.typeahead.dropdown-menu li.currentPage a:link,
ul.typeahead.dropdown-menu li.currentPage a:visited {
text-decoration: none;
color: var(--color-neutral-0);
background-color: var(--color-primary-500)
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu a:hover strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:hover strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:link strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.active a:visited strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:hover strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:link strong,
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu li.currentPage a:visited strong,
ul.typeahead.dropdown-menu a:hover strong,
ul.typeahead.dropdown-menu li.active a strong,
ul.typeahead.dropdown-menu li.active a:hover strong,
ul.typeahead.dropdown-menu li.active a:link strong,
ul.typeahead.dropdown-menu li.active a:visited strong,
ul.typeahead.dropdown-menu li.currentPage a strong,
ul.typeahead.dropdown-menu li.currentPage a:hover strong,
ul.typeahead.dropdown-menu li.currentPage a:link strong,
ul.typeahead.dropdown-menu li.currentPage a:visited strong {
color: var(--color-neutral-0)
}
.navbar-default .dropdown.dropdown .dropdown-menu>li ul.typeahead.dropdown-menu strong,
ul.typeahead.dropdown-menu strong {
color: var(--color-neutral-800)
}
.inventory-search-payment.inventory-search-payment-extension-2 .form-group {
height: 30px;
margin-bottom: 61px
}
.inventory-search-payment.inventory-search-payment-extension-2 .ui-slider-value {
position: inherit;
font-size: 32px;
color: var(--color-neutral-600)
}
.inventory-search-payment.inventory-search-payment-extension-2 .ui-slider-value .payment-suffix {
font-size: 16px
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-font-size-large {
margin-top: 5px;
text-align: left;
font-size: 16px;
line-height: 1;
color: var(--text-color)
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-font-size-large:lang(es) {
font-size: 14px
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-inventory-count {
float: left;
min-width: 35%;
margin-right: 8px;
text-align: right;
font-size: 48px;
color: var(--text-color)
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-inventory-count .odometer-inside {
display: inline
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-inventory-count:lang(es) {
min-width: 50px;
margin-right: 10px;
text-align: left;
font-size: 48px
}
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-payment-lease .btn,
.inventory-search-payment.inventory-search-payment-extension-2 .ddc-payment-loan .btn {
position: absolute;
top: 0;
right: 0;
min-width: 100px
}
.inventory-search-payment.inventory-search-payment-extension-2 .slider-instructions {
display: none
}
.inventory-search-payment.inventory-search-payment-extension-2.total-payment .ddc-payment-internetprice p {
display: flex;
align-items: baseline
}
.inventory-search-payment.ddc-content .ui-slider {
width: 100%
}
.links-list.links-list-extension-1 .nav-stacked a {
padding-left: 0;
text-align: left;
text-decoration: none;
color: var(--text-color)
}
.links-list.links-list-extension-1 .nav-stacked a:hover {
text-decoration: underline;
color: var(--color-primary-500)
}
.links-breadcrumbs {
font-family: inherit;
font-weight: 700
}
.links-breadcrumbs a {
color: inherit
}
.links-breadcrumbs a i {
color: inherit
}
.locations-proximity .yui3-u-1-4.actions,
.locations-proximity .yui3-u-1-4.zip-code {
width: auto
}
.locations-proximity .form-group label {
padding-right: 16px
}
.locations-proximity .zip-code .form-control {
display: inline-block;
width: auto
}
.locations-proximity [class*=info-window] {
margin-bottom: 32px
}
.locations-proximity .fn {
font-size: 15.75px
}
.locations-proximity .postalcode {
padding-right: 16px
}
.locations-proximity-overlay .content-page-title h1 {
text-align: center
}
.locations-proximity-overlay .locations-proximity form {
width: 960px;
margin: 0 auto
}
.locations-group-nav .childList.flyout {
z-index: 1060
}
.locations-group-nav-type-1 {
background-color: var(--color-neutral-0)
}
.locations-group-nav-type-1.ddc-content {
margin-bottom: 0
}
.locations-group-nav-type-1 .franchiseList {
width: 960px;
margin: 0 auto;
padding: 16px 0;
background: var(--color-neutral-50);
background: linear-gradient(90deg, transparent, var(--color-neutral-50), transparent)
}
.map-static img {
margin-bottom: 32px
}
.model-selector-parallax {
position: relative;
z-index: 3
}
.model-selector-parallax ul.carousel {
padding-left: 0
}
.model-selector-parallax li {
list-style-type: none
}
.model-selector-parallax .carousel-container {
width: 100%;
margin: 0 auto 10px
}
.model-selector-parallax .carousel-next,
.model-selector-parallax .carousel-prev {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 2em;
line-height: 58px;
color: var(--color-neutral-0);
background-color: var(--color-primary-500);
cursor: pointer
}
.model-selector-parallax .carousel-next:before,
.model-selector-parallax .carousel-prev:before {
position: absolute;
top: 0;
right: 0;
left: 0
}
.model-selector-parallax .carousel-prev {
margin-left: 25px
}
.model-selector-parallax .carousel-next {
right: -10px;
left: auto
}
.model-selector-parallax .carousel-next.carousel-next-disabled,
.model-selector-parallax .carousel-prev.carousel-prev-disabled {
visibility: visible;
background-color: var(--color-neutral-600);
background-image: none;
cursor: default
}
.model-selector-parallax .carousel-clip {
height: 55px;
margin: 0 60px 20px 95px
}
.model-selector-parallax .ui-button.ui-state-default {
font-size: 100%
}
.model-selector-parallax .carousel {
height: 55px;
border-bottom: 1px solid var(--color-neutral-200)
}
.model-selector-parallax .carousel a {
position: relative;
height: 60px;
padding: 27px 0 12px 0;
outline: 0
}
.model-selector-parallax .carousel a:visited {
color: var(--text-color)
}
.model-selector-parallax .carousel .selected {
color: var(--color-neutral-600)
}
.model-selector-parallax .carousel a.tooltipTrigger {
height: 60px;
padding: 27px 0 12px 0
}
.model-selector-parallax .carousel a.tooltipTrigger:hover {
text-decoration: none
}
.model-selector-parallax .carousel li ul {
padding-left: 0
}
.model-selector-parallax .carousel>li {
zoom: 1;
display: inline-block;
width: auto;
min-height: 17px;
margin: 0 15px 0 0;
padding: 0 6px 0;
line-height: 16px
}
.model-selector-parallax .carousel li li {
zoom: 1;
display: inline-block;
margin: 0;
padding-right: 30px
}
.model-selector-parallax .carousel .body-style {
border-right: 1px solid var(--color-neutral-200)
}
.model-selector-parallax .carousel .body-style h3 {
font-size: 12.25px;
color: var(--link-color)
}
.model-selector-parallax .carousel .body-style h1,
.model-selector-parallax .carousel .body-style h3 {
margin: 0;
padding: 0
}
.model-selector-parallax .carousel .body-style h1 {
margin: .25em 0;
font-size: 20px;
text-transform: none
}
.model-selector-parallax .carousel .body-style a span {
font-size: 24px;
line-height: 32px;
color: var(--text-color);
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300
}
.model-selector-parallax .carousel .body-style a span.selected {
padding-bottom: 12px;
font-size: 24px;
color: var(--text-color);
background: transparent url("") no-repeat bottom center;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800
}
.model-selector-parallax .carousel .body-style a span.selected:before {
content: '';
position: absolute;
top: auto;
bottom: -3px;
left: 50%;
display: inline-block;
margin-left: -1px;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--color-neutral-200);
border-left: 10px solid transparent;
border-bottom-color: rgba(0, 0, 0, .2)
}
.model-selector-parallax .carousel .body-style a span.selected:after {
content: '';
position: absolute;
top: auto;
bottom: -3px;
left: 50%;
display: inline-block;
border-right: 9px solid transparent;
border-bottom: 9px solid var(--page-bg);
border-left: 9px solid transparent
}
.model-selector-parallax .parallax-model-selector {
position: relative
}
.model-selector-parallax .model-selector-bodystyle-filter {
margin-top: -32px;
margin-right: 60px;
margin-left: 95px
}
.model-selector-parallax .model-selector-bodystyle-filter .filter-label {
float: left;
margin-top: 4px;
margin-right: 24px;
padding: 16px 0;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800;
color: var(--text-muted-color)
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-container {
width: auto;
max-width: 640px;
margin-left: 100px;
background-color: transparent
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item {
width: auto;
margin-right: 24px
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item a {
color: var(--text-color)
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item a:focus,
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item a:hover {
text-decoration: underline;
background-color: transparent
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item a.active,
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-item a.currentPage {
font-weight: 700
}
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-next[disabled],
.model-selector-parallax .model-selector-bodystyle-filter .jcarousel-prev[disabled] {
opacity: 0
}
.model-selector-parallax .loading {
display: none
}
.model-selector-parallax .parallax-viewport,
.model-selector-parallax .viewer {
height: 245px
}
.model-selector-parallax .details .viewer {
height: 242px
}
.model-selector-parallax .images .viewer {
margin-bottom: 245px
}
.model-selector-parallax .details .viewer {
margin-bottom: 490px
}
.model-selector-parallax .parallax-viewport {
position: relative;
overflow: hidden;
margin: 0;
padding: 0
}
.model-selector-parallax .details.slide-panel {
top: -10px
}
.model-selector-parallax .slide-panel {
position: absolute;
padding-left: 75px
}
.model-selector-parallax .viewer {
width: 625px;
margin: 0;
padding: 0
}
.model-selector-parallax .viewer>div ul {
top: 150px;
left: 500px
}
.model-selector-parallax .viewer h3 {
display: inline-block;
margin-top: 0;
margin-bottom: 7px;
margin-left: 400px;
font-size: 28px;
line-height: .8
}
.model-selector-parallax .viewer .model-heading span {
display: inline
}
.model-selector-parallax .viewer .model-heading .make,
.model-selector-parallax .viewer .model-heading .year {
font-size: 14px;
line-height: 16px;
color: var(--text-muted-color);
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800
}
.model-selector-parallax .viewer .model-heading span.make:after {
content: '';
clear: both;
display: block;
line-height: 0
}
.model-selector-parallax .viewer .model-heading .bodystyle,
.model-selector-parallax .viewer .model-heading .model {
font-size: 17.5px;
line-height: 24px;
color: var(--link-color);
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 800
}
.model-selector-parallax .viewer .fuelEff,
.model-selector-parallax .viewer .horsePower,
.model-selector-parallax .viewer .pricing {
float: left;
clear: both;
margin-left: 400px
}
.model-selector-parallax .viewer .fuelEff strong,
.model-selector-parallax .viewer .horsePower strong {
font-weight: 400
}
.model-selector-parallax .viewer .pricing {
padding-bottom: 0
}
.model-selector-parallax .viewer .price,
.model-selector-parallax .viewer .starting {
font-size: 20px;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400
}
.model-selector-parallax .viewer .pricing .price {
float: none !important
}
.model-selector-parallax .viewer .fuelEff,
.model-selector-parallax .viewer .horsePower {
width: 400px;
font-size: 14px;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400
}
.model-selector-parallax .viewer h4 {
position: absolute;
top: 195px;
left: 20px
}
.model-selector-parallax .viewer img {
left: 50px;
max-width: 365px;
max-height: 210px;
padding-top: 10px
}
.model-selector-parallax .viewer .buttons {
position: relative;
top: 60px;
left: 0;
display: block;
margin-left: 345px
}
.model-selector-parallax .viewer .buttons li {
position: relative;
z-index: 999;
float: none
}
.model-selector-parallax .viewer .ui-button {
float: left;
display: block;
margin: 0 15px 10px 0
}
.model-selector-parallax .viewer .btn-group-xs>.btn,
.model-selector-parallax .viewer .btn-group-xsmall>.btn,
.model-selector-parallax .viewer .btn-xs,
.model-selector-parallax .viewer .btn-xsmall,
.model-selector-parallax .viewer .pricing .ePrice a.btn-xs,
.pricing .ePrice .model-selector-parallax .viewer a.btn-xs {
height: 33px;
padding: 6px 24px 5px;
font-size: 20px;
font-weight: 700;
text-decoration: none;
color: var(--link-color)
}
.model-selector-parallax .viewer .btn-group-xs>.btn:hover,
.model-selector-parallax .viewer .btn-group-xsmall>.btn:hover,
.model-selector-parallax .viewer .btn-xs:hover,
.model-selector-parallax .viewer .btn-xsmall:hover {
text-decoration: underline;
color: var(--link-color)
}
.model-selector-parallax .viewer .no-photo {
margin-top: 20px;
margin-left: 130px
}
.model-selector-parallax .viewer .no-photo.lazy-image {
margin-top: 0;
margin-left: 0
}
.model-selector-parallax .details .viewer,
.model-selector-parallax .images .viewer,
.model-selector-parallax .models .viewer {
padding: 1px
}
.model-selector-parallax .details .viewer>div {
margin-top: 60px
}
.model-selector-parallax.full-width .parallax-model-selector .slide-panel {
width: 100%
}
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer {
width: 100%
}
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer .fuelEff,
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer .pricing,
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer h3 {
margin-left: 550px
}
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer .buttons {
margin-left: 483px
}
.model-selector-parallax.full-width .parallax-model-selector .slide-panel .viewer img {
margin-left: 100px
}
.model-selector-parallax.full-width .carousel-container .carousel-prev {
margin-left: 0
}
.model-selector-parallax.third-width .parallax-model-selector .slide-panel {
padding: 20px
}
.model-selector-parallax.third-width .parallax-model-selector .slide-panel .viewer .buttons {
margin-left: 330px
}
.model-selector-parallax.third-width .carousel-container {
margin-top: 50px
}
.model-selector-parallax.third-width .carousel-container .carousel-prev {
margin-left: 0
}
.model-selector-responsive {
margin: auto;
padding-top: 10px;
background: var(--color-neutral-0)
}
.model-selector-responsive.model-selector-responsive-extension-1 {
margin-bottom: 0
}
.model-selector-responsive h3.ddc-heading-6 {
width: auto;
max-width: 960px !important
}
.model-selector-responsive .slick-next,
.model-selector-responsive .slick-prev {
top: 75px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
color: var(--color-neutral-0);
background: var(--link-color)
}
.model-selector-responsive .slick-next.btn-no-decoration:before,
.model-selector-responsive .slick-prev.btn-no-decoration:before {
content: none
}
.model-selector-responsive .slick-next .ddc-icon-carousel-arrow,
.model-selector-responsive .slick-prev .ddc-icon-carousel-arrow {
width: 35px;
height: 35px
}
.model-selector-responsive .slick-next {
right: -25px
}
.model-selector-responsive .slick-prev {
left: -25px
}
.model-selector-responsive .slick-next:focus,
.model-selector-responsive .slick-next:hover,
.model-selector-responsive .slick-prev:focus,
.model-selector-responsive .slick-prev:hover {
color: var(--color-neutral-0);
background: var(--link-color);
cursor: pointer
}
.model-selector-responsive .slick-disabled,
.model-selector-responsive .slick-disabled:focus,
.model-selector-responsive .slick-disabled:hover {
background: var(--color-neutral-500)
}
.model-selector-responsive .slick-slider {
margin-bottom: 5px
}
.model-selector-responsive .inner {
max-width: 1400px;
margin-right: auto;
margin-left: auto;
padding: 10px 40px
}
.model-selector-responsive .nav-tabs {
border-bottom: none
}
.model-selector-responsive .nav-pills>li>a {
padding: .25em 1em;
border-radius: 1.5em;
font-size: 12.25px;
font-weight: 400;
cursor: pointer
}
.model-selector-responsive .nav-pills>li>a:hover {
border-color: var(--color-neutral-200);
background-color: transparent
}
.model-selector-responsive .nav-pills>li.active:hover>a,
.model-selector-responsive .nav-pills>li.active>a,
.model-selector-responsive .nav-pills>li.currentPage:hover>a,
.model-selector-responsive .nav-pills>li.currentPage>a {
border-color: transparent;
background-color: var(--color-neutral-900)
}
.model-selector-responsive .nav-pills>.dark-background-model-selector>a {
color: var(--color-neutral-0)
}
.model-selector-responsive .nav-pills>.dark-background-model-selector>a:hover {
color: var(--color-neutral-1000);
background-color: var(--color-neutral-0)
}
.model-selector-responsive .nav-pills>.dark-background-model-selector.active>a,
.model-selector-responsive .nav-pills>.dark-background-model-selector.currentPage>a {
background-color: var(--color-primary-500)
}
.model-selector-responsive .nav-pills>.dark-background-model-selector.active>a:hover,
.model-selector-responsive .nav-pills>.dark-background-model-selector.currentPage>a:hover {
color: var(--color-neutral-0)
}
.model-selector-responsive .model-selector-responsive-bodystyle>div {
min-width: 150px;
min-height: 150px;
margin-right: 10px
}
.model-selector-responsive .tab-pane {
transition: opacity .75s linear;
opacity: 0
}
.model-selector-responsive .tab-pane.fadeIn {
opacity: 1
}
.model-selector-responsive .slick-slide {
margin: 10px 20px
}
.model-selector-responsive .slick-slide .loading-image {
position: absolute;
z-index: 5;
top: 0;
width: 100%;
height: 100%;
background: url(/v9/media/js/slick/slick-1.6.0/slick/ajax-loader.gif) no-repeat center center
}
.model-selector-responsive .slick-slide .btn {
opacity: 0
}
.model-selector-responsive .slick-slide img {
vertical-align: bottom;
width: inherit
}
.model-selector-responsive .slick-slide>span {
vertical-align: bottom;
display: block;
display: table-cell;
width: inherit
}
.model-selector-responsive .slick-slide>span a {
overflow: visible;
width: inherit
}
.model-selector-responsive .slick-slide>h3 {
margin: 10px 5px;
text-align: center;
font-size: 1.2em;
color: var(--text-color);
transition: .1s ease
}
.model-selector-responsive .slick-slide h3 a {
overflow: hidden;
display: inline-block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text-color)
}
.model-selector-responsive .slick-slide:not(:hover) .btn {
background: var(--page-bg);
background-position: inherit;
background-size: inherit
}
.model-selector-responsive .slick-slide.focus .btn {
opacity: 1
}
.model-selector-responsive .slick-slide.focus img {
transition: .2s ease;
transform: scale(1.15, 1.15)
}
.model-selector-responsive .slick-slide.focus h3 {
color: var(--link-color)
}
.model-selector-responsive .slick-slide.focus h3 a {
text-decoration: none;
color: var(--link-color)
}
.dark-background-model-selector.model-selector-responsive .slick-slide>h3>a {
color: var(--color-neutral-0)
}
.model-selector-facetbrowse-extension-1>h3 {
float: left
}
.model-selector-facetbrowse-extension-1 a {
text-decoration: none;
color: var(--color-neutral-600)
}
.model-selector-facetbrowse-extension-1 .btn-reset-first {
float: left;
margin-top: 22px
}
.model-selector-facetbrowse-extension-1 .model-selector-controls {
float: left;
display: none;
margin: 22px 0 11px 15px;
padding: 0
}
.model-selector-facetbrowse-extension-1 .model-selector-controls:after,
.model-selector-facetbrowse-extension-1 .model-selector-controls:before {
content: " ";
display: table
}
.model-selector-facetbrowse-extension-1 .model-selector-controls:after {
clear: both
}
html[lang=es-US] .model-selector-facetbrowse-extension-1 .model-selector-controls,
html[lang=fr-CA] .model-selector-facetbrowse-extension-1 .model-selector-controls {
clear: both
}
.model-selector-facetbrowse-extension-1 .model-selector-controls .btn-reset {
text-decoration: none;
color: var(--color-neutral-600)
}
.model-selector-facetbrowse-extension-1 .facet-groups {
float: left
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group {
margin-right: 14px
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group .dead-facet {
border: solid 1px red
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group .btn-facet-group {
z-index: 10;
display: inline-block;
margin: 0;
padding: 5px 6px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
box-shadow: 0 0 4px var(--color-neutral-1000-alpha-1)
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group .btn-facet-group:focus {
outline: 0
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group .btn-facet-group.selected {
padding: 4px 5px;
border: solid 2px var(--color-primary-500)
}
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group.active .btn-facet-group,
.model-selector-facetbrowse-extension-1 .facet-groups .facet-group.currentPage .btn-facet-group {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.model-selector-facetbrowse-extension-1 .panel {
border-top-left-radius: 0
}
.model-selector-facetbrowse-extension-1 .panel-list .sr-only {
display: none
}
.model-selector-facetbrowse-extension-1 .panel-list .panel-item-icon,
.model-selector-facetbrowse-extension-1 .panel-list .panel-item-text {
position: relative;
display: inline-block;
width: 110px;
height: 85px;
margin-left: 2px
}
.model-selector-facetbrowse-extension-1 .panel-list.two-across {
width: 236px
}
.model-selector-facetbrowse-extension-1 .panel-list.two-across>li.panel-item:nth-child(2n+2) {
margin-right: 0
}
.model-selector-facetbrowse-extension-1 .panel-list.three-across {
width: 360px
}
.model-selector-facetbrowse-extension-1 .panel-list.three-across>li.panel-item:nth-child(3n+3) {
margin-right: 0
}
.model-selector-facetbrowse-extension-1 .panel-list .sublabel {
display: block;
font-size: 12px;
text-transform: none
}
.model-selector-facetbrowse-extension-1 .panel-list.bodyStyles.three-across {
width: 240px
}
.model-selector-facetbrowse-extension-1 .panel-list.bodyStyles .panel-item-icon,
.model-selector-facetbrowse-extension-1 .panel-list.bodyStyles.three-across>li.panel-item {
width: 72px;
height: 64px
}
.model-selector-facetbrowse-extension-1 .panel-list.bodyStyles .ddc-icon-size-xxxlarge {
font-size: 63px;
line-height: .9
}
.model-selector-facetbrowse-extension-1 .panel-list.bodyStyles .sublabel {
margin-top: -14px;
color: var(--color-neutral-1000)
}
.model-selector-facetbrowse-extension-1 .panel-list.priceRanges.three-across {
width: 300px
}
.model-selector-facetbrowse-extension-1 .panel-list.priceRanges .panel-item-text {
display: block;
width: 92px;
height: 60px;
padding-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 1
}
html[lang=es-US] .model-selector-facetbrowse-extension-1 .panel-list.priceRanges .panel-item-text {
height: 83px
}
.model-selector-facetbrowse-extension-1 .panel-list input[type=checkbox] {
position: absolute;
top: -9000px
}
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-icon,
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-text {
color: var(--color-neutral-600);
box-shadow: 0 0 5px var(--color-neutral-1000-alpha-2)
}
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-icon .ddc-icon-check,
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-text .ddc-icon-check {
display: block;
color: var(--color-neutral-0)
}
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-icon .ddc-icon-close,
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-text .ddc-icon-close {
display: none
}
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-icon:hover .ddc-icon-check.hovered,
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-text:hover .ddc-icon-check.hovered {
display: none
}
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-icon:hover .ddc-icon-close.hovered,
.model-selector-facetbrowse-extension-1 .panel-list .checked+.panel-item-text:hover .ddc-icon-close.hovered {
display: block
}
.model-selector-facetbrowse-extension-1 .panel-list .panel-item-icon,
.model-selector-facetbrowse-extension-1 .panel-list .panel-item-text {
color: var(--color-neutral-1000)
}
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 14px;
background-color: var(--color-neutral-50)
}
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons .ddc-icon {
position: absolute;
top: 0;
right: -1px;
width: 16px;
height: 14px;
padding: 0
}
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons .ddc-icon-close {
width: 16px;
height: 14px;
padding-top: 1px;
font-size: 12px;
color: var(--color-neutral-900);
background-color: transparent
}
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons .ddc-icon-check {
width: 16px;
height: 14px;
color: var(--color-neutral-200);
background-color: var(--color-primary-500)
}
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons .ddc-icon-check,
.model-selector-facetbrowse-extension-1 .panel-list .open-and-close-icons .ddc-icon-close {
display: none
}
.model-selector-facetbrowse-extension-1 .model-details-container:hover h3 {
display: none
}
.model-selector-facetbrowse-extension-1 .footer-container {
margin-bottom: 10px
}
.mslp .hproduct:hover {
background: var(--color-neutral-0)
}
.mslp .hproduct .thumb {
width: 50%
}
.mslp .description {
clear: both;
padding: 8px 16px 0
}
.mslp .fn {
padding: 8px 16px
}
.model-specific-landing-inventory {
overflow: hidden
}
.model-specific-landing-inventory>.view-link {
float: right;
margin-top: 16px
}
.model-specific-landing-inventory .hproduct .media {
overflow: initial
}
.model-specific-landing-inventory .hproduct .pricing {
margin-left: 0
}
.model-specific-landing-inventory .hproduct .view-link {
display: block;
padding-top: 0;
text-align: right
}
.model-specific-landing-inventory p .separator,
.model-specific-landing-inventory p>span {
display: inline
}
.model-specific-landing-listing .yui3-u-1-6 {
float: none;
vertical-align: top;
display: inline-block;
font-weight: 700
}
.mslp-gallery {
box-sizing: border-box;
height: 380px
}
.mslp-gallery .ui-tabs .ui-tabs-nav li {
clear: both;
margin-bottom: 4px;
border: none;
font-weight: 700;
background: 0 0
}
.mslp-gallery .ui-tabs .ui-tabs-nav li.ui-state-hover:not(.ui-tabs-selected) {
background-color: transparent
}
.mslp-gallery .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: var(--color-primary-500)
}
.mslp-gallery dl {
margin-top: 0
}
.mslp-gallery .jcarousel-container .jcarousel-clip-horizontal {
max-width: 350px
}
.tabs-tabbed-widgets.mslp .ui-tabs-nav li+li {
margin-left: 24px
}
.model-specific-landing-incentives .ui-accordion-header {
border: none;
background: 0 0
}
.model-specific-landing-incentives .ui-accordion-header a:link {
color: var(--color-neutral-600)
}
.model-specific-landing-incentives .ui-accordion-header.ui-state-active a:link {
color: var(--color-neutral-1000)
}
.model-specific-landing-incentives h3 {
font-weight: 300
}
.ddc-site .navbar {
text-shadow: none
}
.content-page-title .ddc-site .navbar-default h1,
.ddc-site .navbar-default .container,
.ddc-site .navbar-default .content-page-title h1 {
position: relative;
min-height: 50px
}
.ddc-site .ws-mycars-nav {
position: absolute;
top: 0;
right: 0;
left: auto
}
.ddc-site .noShrink .ws-mycars-nav {
top: auto;
bottom: 0
}
.ddc-site .noShrink .ws-mycars-nav .ws-mycars-nav-wrapper button {
color: var(--text-muted-color)
}
.ddc-site .noShrink .ws-mycars-nav .menu>a {
overflow: visible;
display: block;
width: auto;
height: 32px;
margin-left: 5px;
padding: 0 10px;
text-shadow: none
}
.ddc-site .noShrink .ws-mycars-nav .menu>a .count:before,
.ddc-site .noShrink .ws-mycars-nav .menu>a:before {
float: left;
margin-bottom: 0;
line-height: 32px;
text-shadow: none;
color: var(--text-muted-color)
}
.ddc-site .noShrink .ws-mycars-nav .menu>a .label {
overflow: visible;
width: auto;
font-size: 14px;
line-height: 32px;
text-shadow: none;
color: var(--text-muted-color)
}
.ddc-site .compact .ws-mycars-nav {
top: auto;
bottom: 0
}
.ddc-site .compact .ws-mycars-nav .ws-mycars-nav-wrapper button {
color: var(--text-muted-color)
}
.ddc-site .compact .ws-mycars-nav .ws-mycars-nav-wrapper button .ddc-icon {
font-size: 24px
}
.ddc-site .compact .ws-mycars-nav .menu>a {
overflow: visible;
display: block;
width: auto;
height: 32px;
margin-left: 5px;
padding: 6px 0 6px 0;
text-shadow: none
}
.ddc-site .compact .ws-mycars-nav .menu>a:before {
float: left;
margin-bottom: 0;
font-size: 24px;
line-height: 24px;
text-shadow: none;
color: var(--text-muted-color)
}
.ddc-site .compact .ws-mycars-nav .menu.selected>a .label,
.ddc-site .compact .ws-mycars-nav .menu.selected>a:before,
.ddc-site .compact .ws-mycars-nav .menu:hover>a .label,
.ddc-site .compact .ws-mycars-nav .menu:hover>a:before {
text-shadow: none;
opacity: 1
}
.ddc-site .compact .ws-mycars-nav .menu:hover>a {
background: 0 0
}
.ddc-site .compact .ws-mycars-nav .menu:hover>a .label,
.ddc-site .compact .ws-mycars-nav .menu:hover>a:before {
color: var(--text-muted-color)
}
.ddc-site .compact .ws-mycars-nav .menu.selected>a {
background-color: var(--color-neutral-50);
box-shadow: 0 5px 6px rgba(0, 0, 0, .4)
}
.ddc-site .compact .ws-mycars-nav .menu.selected>a .label,
.ddc-site .compact .ws-mycars-nav .menu.selected>a:before {
color: var(--color-neutral-600)
}
.ddc-site .compact .ws-mycars-nav .menu.selected>a .count div {
transition: opacity 0;
opacity: 0
}
.ddc-site .vs-mega-nav-items-wrapper .ws-mycars-nav {
top: 0;
padding: 0 1em 0 0;
border-radius: 0 0 0 .5em
}
.ddc-site .responsive .ws-mycars-nav {
right: 10px
}
.ddc-site .ddc-toolbar {
position: relative;
top: auto;
bottom: auto;
left: auto;
height: auto;
box-shadow: none
}
.ddc-site .ddc-toolbar .toolbarWrap {
height: auto;
border: none;
background: 0 0
}
.ddc-site .ddc-toolbar .toolbar-flex {
display: inline;
width: auto;
min-width: 0;
max-width: none;
height: auto
}
.ddc-site .ddc-toolbar .toolbar-flex .mycars>.selected,
.ddc-site .ddc-toolbar .toolbar-flex>div>div.selected {
background: 0 0
}
.ddc-site .ddc-toolbar .mycars>div {
border: none
}
.ddc-site .ddc-toolbar .mycars>div a .count,
.ddc-site .ddc-toolbar .mycars>div a:hover .count {
background: 0 0 !important
}
.ddc-site .mycars>div {
height: auto;
margin-top: 0
}
.mycars .menu {
position: static;
display: none;
padding: 0;
opacity: 0
}
.mycars .menu.menu-show {
display: block;
transition-timing-function: ease-in;
transition-duration: .25s;
transition-property: opacity;
opacity: 1
}
.mycars .menu>a {
overflow: hidden;
display: inline-block;
width: 70px;
height: 60px;
padding: 5px;
font-size: 1.4em
}
.ws-mycars-nav .mycars {
font-size: unset
}
.navbar-default .mycars-integration-navbar a.ddc-icon-mywallet {
line-height: 60px
}
.ddc-footer .ddc-nav-inline a,
.ddc-footer .nav a {
font-weight: 700;
color: var(--color-neutral-0)
}
.nav-pills>li>a {
font-weight: 800;
color: var(--text-color)
}
.nav-pills>li>a:active,
.nav-pills>li>a:focus,
.nav-pills>li>a:hover {
background: var(--page-bg)
}
.nav-stacked>li>a {
font-weight: 800;
background: 0 0
}
.nav-stacked>li>a:focus,
.nav-stacked>li>a:hover {
text-decoration: underline;
background: 0 0
}
.nav-stacked>li>a:active {
text-decoration: none
}
.nav-stacked>li.currentPage>a {
text-decoration: none;
color: var(--text-color);
background: 0 0;
cursor: auto
}
.nav-stacked>li.currentPage>a:focus,
.nav-stacked>li.currentPage>a:hover {
text-decoration: none;
background: 0 0
}
.navbar .ddc-content {
margin-bottom: 0
}
.navbar-default {
border: none;
border-top: 2px solid var(--color-primary-700);
border-bottom: 1px solid var(--text-muted-color);
box-shadow: rgba(0, 0, 0, .15) 0 10px 10px
}
.navbar-default.no-box-shadow {
box-shadow: none
}
.navbar-nav {
position: relative;
width: 100%;
font-weight: 400;
color: var(--text-color)
}
.navbar-nav .ddc-nav-inline,
.navbar-nav .nav {
display: none
}
.navbar-nav .nav-initialized.ddc-nav-inline,
.navbar-nav .nav.nav-initialized {
display: block
}
.navbar-nav .dropdown {
position: static
}
.navbar-nav .dropdown.open>a.sublabelled span {
color: var(--color-neutral-0)
}
.navbar-nav>li>a {
min-width: 150px;
height: 60px;
font-size: 17.5px;
font-weight: 700;
line-height: 1
}
.navbar-default .navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px
}
.navbar-nav>li>a.sublabelled:hover span {
color: var(--color-neutral-0)
}
.navbar-nav>li>a.sublabelled:active span {
color: var(--color-neutral-0)
}
.navbar-nav>li>a.sublabelled:focus span {
color: var(--color-neutral-0)
}
.navbar-nav>li>a.sublabelled span {
display: block;
font-weight: 300;
line-height: 1;
text-transform: none;
color: var(--color-neutral-0)
}
.navbar-nav>li>a:active {
background-color: var(--color-primary-700)
}
.mycars-enabled .navbar-nav>li>a {
min-width: 135px
}
.navbar-nav .caret {
vertical-align: baseline;
width: auto;
height: auto;
padding: 0 2px;
border: none;
font-size: .75em;
line-height: 1
}
.navbar-nav .non-mega-menu .nav-list>li>a {
padding: 10px 25px
}
.navbar-nav .highlight a {
color: var(--color-info-500) !important
}
.navbar-nav li.ddc-nav-icon-list-item a.ddc-nav-icon-link {
width: 60px;
min-width: 60px;
height: 60px;
padding: 0;
text-align: center;
font-size: 32px
}
.navbar-nav li.ddc-nav-icon-list-item a.ddc-nav-icon-link .caret {
display: none !important
}
.navbar-nav .home.currentPage .ddc-nav-icon-link {
background: 0 0
}
.navigation-default .dropdown-menu {
position: absolute;
top: 60px;
left: 0;
width: 100%;
padding: 24px;
border: 0
}
.navigation-default .dropdown-menu>li {
padding: 16px 24px;
border-left: 2px solid var(--color-neutral-200)
}
.navigation-default .dropdown-menu>li:first-child {
border-left: none
}
.navigation-default .dropdown-menu a:not(.btn) {
color: var(--text-color)
}
.navigation-default .dropdown-menu a:not(.btn):hover {
text-decoration: none;
color: var(--text-color)
}
.navigation-default .dropdown-menu h4 {
padding: 4px 8px;
text-transform: uppercase;
color: var(--text-color)
}
.navigation-default .dropdown-menu h4 a {
display: block
}
.navigation-default .dropdown-menu h4 a:hover {
text-decoration: underline
}
.navigation-default .dropdown-menu .close-button {
color: var(--text-color)
}
.navigation-default .dropdown-menu .close-button:hover {
color: var(--text-muted-color)
}
.nav-links {
margin-bottom: 16px
}
.nav-links a {
display: block;
padding: 4px 8px
}
.nav-links a:hover {
background-color: var(--color-neutral-0)
}
.nav-fragment {
min-height: 100px
}
[data-location=header-toolbar] i {
color: var(--color-neutral-0)
}
.ddc-mega-menu-nav a.view-link {
display: block
}
.ddc-mega-menu-nav .hours-default .today,
.ddc-mega-menu-nav .ws-hours .today {
background-color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .contact-form label {
padding-right: 0;
font-weight: 400;
color: var(--text-color)
}
.ddc-mega-menu-nav .hproduct {
min-height: 120px;
margin-bottom: 5px;
padding: 5px 7px
}
.ddc-mega-menu-nav .hproduct:hover {
border-radius: 8px;
background-color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .hproduct h3 {
margin: 0;
font-weight: 400
}
.ddc-mega-menu-nav .hproduct .inventory-count {
position: absolute;
top: 0;
right: 0;
left: 0;
display: none;
margin-top: 8px;
text-align: center
}
.ddc-mega-menu-nav .hproduct .inventory-count.no-inventory {
margin-top: 0
}
.ddc-mega-menu-nav .hproduct:hover .inventory-count,
.ddc-mega-menu-nav .hproduct:hover .inventory-count a {
display: block;
height: 100%
}
.ddc-mega-menu-nav .hproduct:hover a.inventory-count-link:hover {
background-color: transparent
}
.ddc-mega-menu-nav .hproduct .inventory-count-value {
display: inline;
font-size: 64px;
font-weight: 800;
line-height: 1
}
.ddc-mega-menu-nav .hproduct .inventory-count-label {
display: inline;
font-size: 14px
}
.ddc-mega-menu-nav .model-selector-default .hproduct {
position: relative
}
.ddc-mega-menu-nav .model-selector-default .hproduct h3 {
padding: 4px 8px
}
.ddc-mega-menu-nav .model-selector-default .hproduct h3 a {
display: block;
text-align: left;
padding: 0;
text-shadow: 0
}
.ddc-mega-menu-nav .model-selector-default .hproduct .media {
min-height: 1px;
overflow: hidden
}
.ddc-mega-menu-nav .model-selector-default .hproduct .media a {
vertical-align: bottom;
display: block;
height: 80px;
min-height: 1px;
text-align: center
}
.ddc-mega-menu-nav .model-selector-default .hproduct .media img {
vertical-align: bottom;
display: inline-block;
width: 100%
}
.ddc-mega-menu-nav .model-selector-default .hproduct .media img:hover {
background-color: transparent
}
.ddc-mega-menu-nav .has-inventory-counts .hproduct:hover .media img {
transition: all .25s ease-out;
opacity: .5;
filter: blur(2px)
}
.ddc-mega-menu-nav .jcarousel-container {
min-height: 180px
}
.ddc-mega-menu-nav .jcarousel-container .jcarousel-clip-horizontal {
margin-left: 5px
}
.ddc-mega-menu-nav .jcarousel-container .jcarousel-clip-horizontal h3 {
margin: 0;
padding: 0
}
.ddc-mega-menu-nav .jcarousel-container .jcarousel .hproduct a:hover {
background-color: transparent
}
.ddc-mega-menu-nav .jcarousel-container .jcarousel-item .media a {
vertical-align: middle;
display: inline-block
}
.ddc-mega-menu-nav .jcarousel-container .jcarousel-item a img {
width: 145px;
max-height: none
}
li .ddc-mega-menu-nav .jcarousel-container .jcarousel-item {
width: 175px
}
.ddc-mega-menu-nav .social-media .ui-tabs {
padding: 0
}
.ddc-mega-menu-nav .social-media .social-tabs {
border-radius: 0 0 8px 8px;
background-color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav {
margin-bottom: 16px;
padding: 0;
background-color: var(--color-neutral-600)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default {
margin-bottom: 0;
border: none;
font-weight: 700;
background-color: transparent
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default a {
padding: .75em;
font-size: 16px;
color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default a:focus,
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default a:hover {
background: var(--color-neutral-1000)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default .ddc-icon {
vertical-align: middle;
color: var(--color-neutral-300)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-active,
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-hover {
background-color: var(--color-neutral-1000)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-active .ddc-icon,
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-hover .ddc-icon {
color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-active:after {
content: ' ';
position: absolute;
z-index: 3;
bottom: -25px;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: 15px solid transparent;
border-top-color: var(--color-neutral-1000)
}
.ddc-mega-menu-nav .social-media .social-tabs .ui-tabs-nav li.ui-state-default a {
font-size: 16px
}
.ddc-mega-menu-nav .social-media .ui-tabs-panel {
position: static;
overflow-x: hidden;
overflow-y: auto;
max-height: 460px;
padding: 8px 8px;
color: var(--text-color)
}
.ddc-mega-menu-nav .social-media .ui-tabs-panel a {
color: var(--text-color)
}
.ddc-mega-menu-nav .social-media .ui-tabs-panel a.btn {
color: var(--color-neutral-0)
}
.ddc-mega-menu-nav .social-media .ui-tabs-panel .view-link {
display: inline-block
}
.ddc-mega-menu-nav .inventory-search-form {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 0 10px
}
.ddc-mega-menu-nav .inventory-search-form:after,
.ddc-mega-menu-nav .inventory-search-form:before {
content: " ";
display: table
}
.ddc-mega-menu-nav .inventory-search-form:after {
clear: both
}
.ddc-mega-menu-nav .inventory-search-form.ddc-content .form-group {
width: 85%
}
.ddc-mega-menu-nav .inventory-search-form .typeahead {
width: 83% !important
}
.ddc-mega-menu-nav .inventory-search-form label {
padding-right: 8px;
font-size: 16px;
font-weight: 400;
color: #fff
}
.ddc-mega-menu-nav .inventory-search-form input[type=search] {
width: 100%;
height: 72px;
-webkit-appearance: none
}
.ddc-mega-menu-nav .inventory-search-form button[type=submit] {
position: absolute;
right: 10px;
bottom: 0
}
.facetmulti-item .inventory-count-link:hover {
background-color: inherit
}
.facetmulti-label span {
color: inherit
}
.compact.navbar-default {
z-index: 1030;
height: 39px;
min-height: auto;
border-top: none;
border-bottom: 2px solid var(--color-primary-700);
background-color: var(--color-neutral-800)
}
.compact.navbar-default>.container,
.content-page-title .compact.navbar-default>h1 {
padding-right: 0;
padding-left: 0;
border-top: 1px solid var(--color-neutral-1000-alpha-1)
}
.compact .navbar-nav>li>a {
display: block;
min-width: inherit;
height: auto;
font-size: 15.75px
}
.compact .navbar-nav>li>a:focus {
color: var(--color-neutral-0)
}
.compact .navbar-nav>.open>a {
background-color: var(--color-primary-700)
}
.compact .navbar-nav>.open>a:focus {
background-color: var(--color-primary-700)
}
.compact .navbar-nav .non-mega-menu .nav-list>li>a {
padding: 10px 15px
}
.compact .dropdown-menu {
top: 36px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: none
}
.compact .dropdown-menu>li {
padding: 10px
}
.compact .dropdown-menu>li h4 {
margin-top: 0;
padding: 10px 0 0 0
}
.compact .dropdown-menu .nav-links {
margin-bottom: 0
}
.compact li.ddc-nav-icon-list-item a.ddc-nav-icon-link {
width: auto;
min-width: 36px;
height: 36px;
padding: 0 24px;
font-size: 16px
}
.compact li.ddc-nav-icon-list-item a.ddc-nav-icon-link:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-800)
}
.compact .inventory-search-form {
padding: 0
}
.mega-menu-curtain {
position: fixed;
z-index: 1029;
width: 100%;
height: 100%;
background: var(--color-neutral-1000-alpha-6)
}
.mega-menu-inner-curtain {
background: var(--color-neutral-0)
}
.value-statement-mega-wrapper .navbar-default {
height: 50px;
min-height: 0;
border: none;
background: var(--color-neutral-200);
box-shadow: none
}
.value-statement-mega-wrapper .navbar-default .dropdown.currentPage:not(.home),
.value-statement-mega-wrapper .navbar-default .dropdown.open,
.value-statement-mega-wrapper .navbar-default .dropdown:hover {
background: var(--color-neutral-0)
}
.value-statement-mega-wrapper .navbar-default .dropdown.currentPage:not(.home)>a,
.value-statement-mega-wrapper .navbar-default .dropdown.currentPage:not(.home)>a span,
.value-statement-mega-wrapper .navbar-default .dropdown.currentPage:not(.home)>a.sublabelled span,
.value-statement-mega-wrapper .navbar-default .dropdown.currentPage:not(.home)>a:focus,
.value-statement-mega-wrapper .navbar-default .dropdown.open>a,
.value-statement-mega-wrapper .navbar-default .dropdown.open>a span,
.value-statement-mega-wrapper .navbar-default .dropdown.open>a.sublabelled span,
.value-statement-mega-wrapper .navbar-default .dropdown.open>a:focus,
.value-statement-mega-wrapper .navbar-default .dropdown:hover>a,
.value-statement-mega-wrapper .navbar-default .dropdown:hover>a span,
.value-statement-mega-wrapper .navbar-default .dropdown:hover>a.sublabelled span,
.value-statement-mega-wrapper .navbar-default .dropdown:hover>a:focus {
color: var(--color-neutral-0)
}
.value-statement-mega-wrapper .navbar-default .dropdown>a {
height: auto;
min-height: 58px;
font-size: 24px
}
.value-statement-mega-wrapper .navbar-default .dropdown>a,
.value-statement-mega-wrapper .navbar-default .dropdown>a span,
.value-statement-mega-wrapper .navbar-default .dropdown>a.sublabelled span,
.value-statement-mega-wrapper .navbar-default .dropdown>a:focus {
color: var(--color-neutral-800)
}
.value-statement-mega-wrapper .navbar-default .dropdown>a.sublabelled span {
font-size: 14px;
font-weight: 400
}
.value-statement-mega-wrapper .navbar-default .dropdown>a.ddc-nav-icon-link {
height: 50px;
padding: 0
}
.value-statement-mega-wrapper .navbar-default .dropdown-menu {
top: 50px
}
.value-statement-mega-wrapper .ddc-mega-menu-nav .model-selector-default .hproduct .media a {
height: auto
}
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper {
position: relative
}
.content-page-title .value-statement-mega-wrapper .vs-mega-nav-items-wrapper h1,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .container,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .content-page-title h1 {
margin-left: 0
}
.content-page-title .value-statement-mega-wrapper .vs-mega-nav-items-wrapper h1,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .container,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .content-page-title h1,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .ddc-conent,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .navbar-nav {
position: static
}
.value-statement-mega {
min-width: 960px;
background: var(--color-neutral-200)
}
@media only screen and (min-width:1031px) {
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper {
padding-left: 13%
}
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .dropdown-menu {
padding: 0 16%
}
}
@media only screen and (min-width:1648px) {
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper {
width: 1648px;
margin: 0 auto;
padding: 0
}
.content-page-title .value-statement-mega-wrapper .vs-mega-nav-items-wrapper h1,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .container,
.value-statement-mega-wrapper .vs-mega-nav-items-wrapper .content-page-title h1 {
margin-left: 160px
}
}
html[lang=es-US] .navbar-nav>li>a {
font-weight: 400
}
.content-page-title .navbar-default.responsive h1,
.navbar-default.responsive .container,
.navbar-default.responsive .content-page-title h1 {
width: 100% !important
}
.content-page-title .navbar-default.responsive h1 .navbar-nav,
.navbar-default.responsive .container .navbar-nav,
.navbar-default.responsive .content-page-title h1 .navbar-nav {
text-align: center
}
.content-page-title .navbar-default.responsive h1 .navbar-nav .dropdown,
.navbar-default.responsive .container .navbar-nav .dropdown,
.navbar-default.responsive .content-page-title h1 .navbar-nav .dropdown {
float: none;
display: inline-block;
width: 15%;
line-height: 36px
}
.content-page-title .navbar-default.responsive h1 .navbar-nav .dropdown>a,
.navbar-default.responsive .container .navbar-nav .dropdown>a,
.navbar-default.responsive .content-page-title h1 .navbar-nav .dropdown>a {
float: none;
vertical-align: middle;
display: inline-block;
padding: 0 14px 0 17px;
white-space: normal
}
.content-page-title .navbar-default.responsive h1 .navbar-nav .dropdown-menu,
.navbar-default.responsive .container .navbar-nav .dropdown-menu,
.navbar-default.responsive .content-page-title h1 .navbar-nav .dropdown-menu {
line-height: 1.5
}
.navbar-default.responsive .dropdown.currentPage,
.navbar-default.responsive .dropdown.open,
.navbar-default.responsive .dropdown:hover {
background-color: var(--color-primary-700)
}
.navbar-default.responsive .dropdown.currentPage>a,
.navbar-default.responsive .dropdown.currentPage>a:focus,
.navbar-default.responsive .dropdown.currentPage>a:hover,
.navbar-default.responsive .dropdown.open>a,
.navbar-default.responsive .dropdown.open>a:focus,
.navbar-default.responsive .dropdown.open>a:hover,
.navbar-default.responsive .dropdown:hover>a,
.navbar-default.responsive .dropdown:hover>a:focus,
.navbar-default.responsive .dropdown:hover>a:hover {
color: var(--color-neutral-0)
}
.navbar-default.responsive .navbar-nav>li.open>a {
background-color: transparent
}
.responsive .dropdown-menu.row,
.responsive .dropdown-menu.yui3-g {
left: 50%;
width: 960px;
margin-left: -480px;
text-align: left
}
.navbar-default.responsive .navbar-nav>li>a:focus,
.navbar-default.responsive .navbar-nav>li>a:hover {
background: none transparent
}
@media (min-width:1440px) {
.content-page-title .navbar-default.responsive h1,
.navbar-default.responsive .container,
.navbar-default.responsive .content-page-title h1 {
width: 1440px !important
}
}
@media (max-width:960px) {
.content-page-title .navbar-default.responsive h1,
.navbar-default.responsive .container,
.navbar-default.responsive .content-page-title h1 {
width: 960px !important
}
}
.non-mega-menu .nav-list>li {
position: relative;
float: left
}
.non-mega-menu .nav-list>li:hover>a {
color: var(--color-neutral-0);
background-color: var(--color-primary-800)
}
.non-mega-menu .nav-list>li>a:hover {
color: var(--color-neutral-0);
background-color: var(--color-primary-800)
}
.non-mega-menu .nav-list>li:focus-within ul,
.non-mega-menu .nav-list>li:hover ul {
visibility: visible;
background-color: var(--color-primary-900);
opacity: 1
}
.non-mega-menu .nav-list>li ul {
position: absolute;
visibility: hidden;
width: 200px;
padding: 0;
transition: opacity .4s ease-out;
opacity: 0;
z-index: 1000
}
.non-mega-menu .nav-list>li ul li {
list-style: none
}
.non-mega-menu .nav-list>li ul li a {
display: block;
padding: 10px 25px;
color: var(--color-neutral-0)
}
.non-mega-menu .nav-list>li ul li a:hover {
text-decoration: none;
background-color: var(--color-neutral-1000)
}
.compact.navbar-default .non-mega-menu .navbar-nav>li:hover>a {
color: var(--color-neutral-0)
}
html[lang=es-MX] .ddc-mega-menu-nav .model-selector-default .hproduct .media {
margin-bottom: 25px
}
html[lang=es-MX] .ajax-navigation-element .ddc-page .contact-form {
line-height: 1.4
}
.page-header.nav-with-close-button~.ddc-wrapper .mega-menu-curtain {
display: none
}
.page-header.nav-with-close-button .dropdown-menu.row,
.page-header.nav-with-close-button .dropdown-menu.yui3-g,
.page-header.nav-with-close-button~.navbar.navbar-default .dropdown-menu.row,
.page-header.nav-with-close-button~.navbar.navbar-default .dropdown-menu.yui3-g,
.page-header.nav-with-close-button~.value-statement-mega-wrapper .dropdown-menu.row,
.page-header.nav-with-close-button~.value-statement-mega-wrapper .dropdown-menu.yui3-g {
box-shadow: none;
border-left: 0;
border-right: 0;
border-bottom: 0
}
body.nav-with-close-button {
background: var(--color-neutral-0)
}
body.nav-with-close-button .navbar.navbar-default {
box-shadow: none
}
body.nav-with-close-button .content-alert-banner,
body.nav-with-close-button .content-page-title,
body.nav-with-close-button .ddc-wrapper>.main {
display: none
}
.compact.navbar-compact-resizable.ff-ada-layout-compact-nav-on.navbar-default {
min-height: 39px;
height: unset
}
.compact.navbar-compact-resizable.ff-ada-layout-compact-nav-on.navbar-default>.container,
.content-page-title .compact.navbar-compact-resizable.ff-ada-layout-compact-nav-on.navbar-default>h1 {
min-height: 39px-2px solid var(--color-primary-700);
height: unset
}
.navbar.navbar-default.navbar-layout-default.ff-layout-default-ada-on .navbar-nav>li>a {
height: unset;
min-height: 60px
}
.navbar.navbar-default.noShrink.navbar-layout-no-shrink.ff-ada-layout-noshrink-nav-on .navbar-nav>li>a {
height: unset;
min-height: 60px
}
.paypal-form {
clear: both
}
.inventory-detail-packages-options h3:only-child {
display: none
}
.inventory-detail-packages-options .packageList {
padding-left: 24px
}
.inventory-detail-packages-options .options:first-child {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding: 0 8px
}
.csscolumns .inventory-detail-packages-options .options:first-child dd {
column-count: 2;
column-gap: 48px
}
.csscolumns .inventory-detail-packages-options .options:first-child dd li {
display: inline-block
}
.no-csscolumns .inventory-detail-packages-options .options:first-child dd:after,
.no-csscolumns .inventory-detail-packages-options .options:first-child dd:before {
content: " ";
display: table
}
.no-csscolumns .inventory-detail-packages-options .options:first-child dd:after {
clear: both
}
.no-csscolumns .inventory-detail-packages-options .options:first-child dd li {
float: left;
box-sizing: border-box;
width: 50%;
padding-right: 48px
}
@media print and (-webkit-min-device-pixel-ratio:0) {
.inventory-detail-packages-options .options:first-child dd {
column-count: 0
}
.inventory-detail-packages-options .options:first-child dd:after,
.inventory-detail-packages-options .options:first-child dd:before {
content: " ";
display: table
}
.inventory-detail-packages-options .options:first-child dd:after {
clear: both
}
.inventory-detail-packages-options .options:first-child dd li {
float: left;
box-sizing: border-box;
width: 50%;
padding-right: 48px
}
}
.inventory-detail-packages-options .options,
.inventory-detail-packages-options .packages {
margin-top: 12px
}
.inventory-detail-packages-options .options:first-child,
.inventory-detail-packages-options .packages:first-child {
margin-top: 0
}
.inventory-detail-packages-options .options h4,
.inventory-detail-packages-options .packages h4 {
font-size: 24px
}
.inventory-detail-packages-options .options .option-table,
.inventory-detail-packages-options .options .package-table,
.inventory-detail-packages-options .packages .option-table,
.inventory-detail-packages-options .packages .package-table {
width: 100%
}
.inventory-detail-packages-options .options .option-table th,
.inventory-detail-packages-options .options .package-table th,
.inventory-detail-packages-options .packages .option-table th,
.inventory-detail-packages-options .packages .package-table th {
padding: 8px 16px;
border: solid 1px var(--box-bg);
font-size: 16px;
font-weight: 700;
color: var(--color-primary-500);
background-color: var(--color-neutral-50)
}
.inventory-detail-packages-options .options .option-table th.item-price-label,
.inventory-detail-packages-options .options .package-table th.item-price-label,
.inventory-detail-packages-options .packages .option-table th.item-price-label,
.inventory-detail-packages-options .packages .package-table th.item-price-label {
text-align: center
}
.inventory-detail-packages-options .options .option-table tr,
.inventory-detail-packages-options .options .package-table tr,
.inventory-detail-packages-options .packages .option-table tr,
.inventory-detail-packages-options .packages .package-table tr {
background-color: var(--box-bg);
transition: background-color, 750ms, ease-in-out
}
.inventory-detail-packages-options .options .option-table tr td.option-item-description,
.inventory-detail-packages-options .options .option-table tr td.package-item-description,
.inventory-detail-packages-options .options .package-table tr td.option-item-description,
.inventory-detail-packages-options .options .package-table tr td.package-item-description,
.inventory-detail-packages-options .packages .option-table tr td.option-item-description,
.inventory-detail-packages-options .packages .option-table tr td.package-item-description,
.inventory-detail-packages-options .packages .package-table tr td.option-item-description,
.inventory-detail-packages-options .packages .package-table tr td.package-item-description {
width: 75%;
padding: 16px;
border: solid 1px var(--box-bg);
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word
}
.inventory-detail-packages-options .options .option-table tr td.option-item-description h3,
.inventory-detail-packages-options .options .option-table tr td.package-item-description h3,
.inventory-detail-packages-options .options .package-table tr td.option-item-description h3,
.inventory-detail-packages-options .options .package-table tr td.package-item-description h3,
.inventory-detail-packages-options .packages .option-table tr td.option-item-description h3,
.inventory-detail-packages-options .packages .option-table tr td.package-item-description h3,
.inventory-detail-packages-options .packages .package-table tr td.option-item-description h3,
.inventory-detail-packages-options .packages .package-table tr td.package-item-description h3 {
display: block;
margin-top: 0;
font-weight: 400;
word-wrap: break-word
}
.inventory-detail-packages-options .options .option-table tr td.option-item-description.package-one,
.inventory-detail-packages-options .options .option-table tr td.package-item-description.package-one,
.inventory-detail-packages-options .options .package-table tr td.option-item-description.package-one,
.inventory-detail-packages-options .options .package-table tr td.package-item-description.package-one,
.inventory-detail-packages-options .packages .option-table tr td.option-item-description.package-one,
.inventory-detail-packages-options .packages .option-table tr td.package-item-description.package-one,
.inventory-detail-packages-options .packages .package-table tr td.option-item-description.package-one,
.inventory-detail-packages-options .packages .package-table tr td.package-item-description.package-one {
border: none
}
.inventory-detail-packages-options .options .option-table tr td.option-item-description,
.inventory-detail-packages-options .options .package-table tr td.option-item-description,
.inventory-detail-packages-options .packages .option-table tr td.option-item-description,
.inventory-detail-packages-options .packages .package-table tr td.option-item-description {
padding: 8px 20px
}
.inventory-detail-packages-options .options .option-table tr td.option-item-description h3,
.inventory-detail-packages-options .options .package-table tr td.option-item-description h3,
.inventory-detail-packages-options .packages .option-table tr td.option-item-description h3,
.inventory-detail-packages-options .packages .package-table tr td.option-item-description h3 {
margin-bottom: 0
}
.inventory-detail-packages-options .options .option-table tr td.option-item-price,
.inventory-detail-packages-options .options .option-table tr td.package-item-price,
.inventory-detail-packages-options .options .package-table tr td.option-item-price,
.inventory-detail-packages-options .options .package-table tr td.package-item-price,
.inventory-detail-packages-options .packages .option-table tr td.option-item-price,
.inventory-detail-packages-options .packages .option-table tr td.package-item-price,
.inventory-detail-packages-options .packages .package-table tr td.option-item-price,
.inventory-detail-packages-options .packages .package-table tr td.package-item-price {
vertical-align: top;
padding: 16px;
border: solid 1px var(--box-bg);
text-align: center;
background-color: var(--box-bg);
transition: background-color, 750ms, ease-in-out
}
.inventory-detail-packages-options .options .option-table tr td.package-item-price,
.inventory-detail-packages-options .options .package-table tr td.package-item-price,
.inventory-detail-packages-options .packages .option-table tr td.package-item-price,
.inventory-detail-packages-options .packages .package-table tr td.package-item-price {
padding: 16px 8px
}
.inventory-detail-packages-options .options .option-table tr td.vertically-center,
.inventory-detail-packages-options .options .package-table tr td.vertically-center,
.inventory-detail-packages-options .packages .option-table tr td.vertically-center,
.inventory-detail-packages-options .packages .package-table tr td.vertically-center {
vertical-align: middle
}
.vlp .pagination {
display: block;
margin: 8px 0
}
.vlp .pagination>li>a,
.vlp .pagination>li>span {
height: 39px;
padding-top: 11px;
padding-bottom: 11px;
font-size: 16px;
line-height: 1
}
.vlp .pagination>li>span {
font-weight: 700
}
.vlp .pagination>li>span:hover {
color: var(--text-muted-color);
background: 0 0
}
.vlp .pagination .ddc-pagination-current-page {
color: var(--text-color)
}
.vlp .pagination a[rel=next],
.vlp .pagination a[rel=prev] {
padding-right: 1em;
padding-left: 1em
}
.vlp .pagination a[rel=next]:before,
.vlp .pagination a[rel=prev]:before {
position: absolute;
display: inline-block;
text-decoration: none
}
.vlp .pagination a[rel=prev] {
margin-left: 8px;
padding-left: 1.75em;
text-align: left
}
.vlp .pagination a[rel=prev]:before {
left: .5em
}
.vlp .pagination a[rel=next] {
margin-right: 8px;
padding-right: 1.75em
}
.vlp .pagination a[rel=next]:before {
right: .5em
}
.inventory-listing-default .pagination a[rel=next] .ddc-icon,
.inventory-listing-default .pagination a[rel=prev] .ddc-icon {
display: none
}
.pricing {
margin-left: 16px;
font-weight: 700
}
.pricing .label {
display: inline-block;
width: 45%;
padding: 0 0 3px 0;
text-align: left;
font-size: .85em;
color: var(--text-muted-color)
}
.pricing .abcPricing .label,
.pricing .discount .label,
.pricing .stackedConditionalFinal .label,
.pricing .stackedConditionalRebate .label,
.pricing .stackedRebate .label {
width: 55%;
font-weight: 300;
white-space: normal
}
.pricing .abcPricing[data-toggle=popover]:hover .label,
.pricing .discount[data-toggle=popover]:hover .label,
.pricing .stackedConditionalFinal[data-toggle=popover]:hover .label,
.pricing .stackedConditionalRebate[data-toggle=popover]:hover .label,
.pricing .stackedRebate[data-toggle=popover]:hover .label {
text-decoration: underline
}
.pricing .abcPricing .value,
.pricing .discount .value,
.pricing .stackedConditionalFinal .value,
.pricing .stackedConditionalRebate .value,
.pricing .stackedRebate .value {
width: 44%
}
.pricing .abcPricing.stackedRebate-subtotal-expanded .label,
.pricing .discount.stackedRebate-subtotal-expanded .label,
.pricing .stackedConditionalFinal.stackedRebate-subtotal-expanded .label,
.pricing .stackedConditionalRebate.stackedRebate-subtotal-expanded .label,
.pricing .stackedRebate.stackedRebate-subtotal-expanded .label {
font-weight: 700
}
.pricing .stackedConditionalFinal {
margin-bottom: 1rem
}
.pricing li>span {
display: block
}
.pricing li>span:after,
.pricing li>span:before {
content: " ";
display: table
}
.pricing li>span:after {
clear: both
}
.pricing .price,
.pricing .value {
display: inline-block;
width: 55%;
text-align: right;
line-height: 1.2
}
.showroom-listing .pricing .price,
.showroom-listing .pricing .value {
float: right;
width: auto
}
.pricing .final .label,
.pricing .final-price .label {
line-height: 1;
white-space: normal
}
.pricing .final .price,
.pricing .final .value,
.pricing .final-price .price,
.pricing .final-price .value {
font-size: 20px
}
.pricing .final-price .value.no-value,
.pricing li:first-child .price,
.pricing li:first-child .value {
font-size: 20px
}
.pricing .abSub,
.pricing .bordered-price-element,
.pricing .rebate,
.pricing .subtotal {
padding-bottom: 5px
}
.ddc-box-1 .pricing .abSub,
.ddc-box-1 .pricing .bordered-price-element,
.ddc-box-1 .pricing .rebate,
.ddc-box-1 .pricing .subtotal {
border-color: var(--color-neutral-200)
}
.pricing .abSub.stackedRebate-subtotal-expanded,
.pricing .bordered-price-element.stackedRebate-subtotal-expanded,
.pricing .rebate.stackedRebate-subtotal-expanded,
.pricing .subtotal.stackedRebate-subtotal-expanded {
border-bottom-style: solid;
border-bottom-width: 1px
}
.pricing .abSub .price,
.pricing .abSub .value,
.pricing .abSub a,
.pricing .discount .price,
.pricing .discount .value,
.pricing .discount a,
.pricing .oemPriceMapDiscountBonusTotal .price,
.pricing .oemPriceMapDiscountBonusTotal .value,
.pricing .oemPriceMapDiscountBonusTotal a,
.pricing .rebate .price,
.pricing .rebate .value,
.pricing .rebate a {
text-decoration: none;
color: var(--color-success-500)
}
.pricing .abSub .price:before,
.pricing .abSub .value:before,
.pricing .discount .price:before,
.pricing .discount .value:before,
.pricing .oemPriceMapDiscountBonusTotal .price:before,
.pricing .oemPriceMapDiscountBonusTotal .value:before,
.pricing .rebate .price:before,
.pricing .rebate .value:before {
content: '-'
}
.pricing .abSub.stackedRebate-subtotal-expanded .price,
.pricing .discount.stackedRebate-subtotal-expanded .price,
.pricing .oemPriceMapDiscountBonusTotal.stackedRebate-subtotal-expanded .price,
.pricing .rebate.stackedRebate-subtotal-expanded .price {
color: var(--text-muted-color)
}
.pricing .monthly-payment.first {
margin-top: 16px;
padding-top: 16px;
border-top: 4px solid var(--color-neutral-300)
}
.pricing .monthly-payment .price {
font-size: 1.3em
}
.pricing .monthly-payment .price .paymentFrequency {
font-size: .7em
}
.pricing .ePrice .btn,
.pricing .eprice-button,
.pricing [data-eprice].btn {
margin-top: 4px;
margin-bottom: 4px;
text-decoration: none
}
.pricing li .ePrice a,
.pricing li .eprice,
.pricing li [data-eprice] {
float: right;
padding-right: 0
}
.pricing span[data-eprice] {
color: var(--link-color)
}
.pricing span[data-eprice]:hover {
text-decoration: underline;
color: var(--link-hover-color)
}
.pricing .ePrice li {
float: right
}
.pricing .on-deposit-link {
width: 100%
}
.pricing .paymentLease .price.contentHeading,
.pricing .paymentLease .price.h1,
.pricing .paymentLease .showroom-details-section>h4.price,
.pricing .paymentLease .value,
.pricing .paymentLoan .price.contentHeading,
.pricing .paymentLoan .price.h1,
.pricing .paymentLoan .showroom-details-section>h4.price,
.pricing .paymentLoan .value {
font-size: 16px
}
.pricing .paymentLease .price.contentHeading .paymentFrequency,
.pricing .paymentLease .price.h1 .paymentFrequency,
.pricing .paymentLease .showroom-details-section>h4.price .paymentFrequency,
.pricing .paymentLease .value .paymentFrequency,
.pricing .paymentLoan .price.contentHeading .paymentFrequency,
.pricing .paymentLoan .price.h1 .paymentFrequency,
.pricing .paymentLoan .showroom-details-section>h4.price .paymentFrequency,
.pricing .paymentLoan .value .paymentFrequency {
font-size: .7em;
font-weight: 300
}
.pricing li.paymentInformation {
padding: 3px 0 4px;
font-size: .9em
}
.pricing li.paymentInformation .label {
width: 100%;
text-align: right
}
.pricing .paymentLease .h3.label,
.pricing .paymentLoan .h3.label {
width: 31%;
white-space: normal
}
[lang=fr-CA] .pricing .paymentLease .h3.label,
[lang=fr-CA] .pricing .paymentLoan .h3.label {
width: 37%
}
.pricing .paymentLease .pull-right,
.pricing .paymentLoan .pull-right {
width: 69%;
text-align: right
}
[lang=fr-CA] .pricing .paymentLease .pull-right,
[lang=fr-CA] .pricing .paymentLoan .pull-right {
width: 63%
}
.pricing .paymentLease .pull-right .price,
.pricing .paymentLoan .pull-right .price {
width: auto
}
.pricing .paymentLease .pull-right .label,
.pricing .paymentLoan .pull-right .label {
width: auto
}
.pricing .paymentLease .pull-right strong.label,
.pricing .paymentLoan .pull-right strong.label {
padding-left: 8px;
text-align: right;
white-space: normal
}
.pricing .paymentLoan .h3.label {
width: 37%
}
.pricing .paymentLoan .pull-right {
width: 63%
}
.inventory-featured-default .pricing {
float: right;
width: 40%
}
.inventory-featured-default p>span {
display: block
}
.inventory-featured-default p .separator {
display: none
}
.inventory-featured-default .btn {
clear: both
}
.conditionalIncentivesList {
padding-top: 8px
}
.conditionalIncentivesList .price {
float: none;
width: auto
}
.conditionalIncentivesList li {
font-size: 16px;
font-weight: 400
}
.conditionalIncentivesList li .small {
font-size: 16px
}
.conditionalIncentivesList p {
font-size: 14px;
font-weight: 400
}
.vlp .pricing {
margin-left: 0
}
.model-specific-landing-inventory .pricing {
float: right;
width: 45%;
padding-right: 16px
}
.model-specific-landing-inventory .pricing li>span {
display: block
}
.model-specific-landing-inventory .pricing .final,
.model-specific-landing-inventory .pricing .internetPrice {
padding: 0 0 16px
}
.model-specific-landing-inventory .pricing .internetPrice .value {
font-size: 2em
}
.model-specific-landing-inventory .pricing li:last-child a {
float: right
}
.ddc-mega-menu-nav .inventory-featured-default .pricing,
.inventory-featured-default-extension-1 .pricing,
.inventory-featured-financedriver .pricing,
.inventory-similar-default .pricing,
.model-selector-responsive .pricing {
float: none;
width: 100%;
margin-left: 0;
text-align: left;
font-size: 16px
}
.ddc-mega-menu-nav .inventory-featured-default .pricing.multiple-prices>li>span,
.inventory-featured-default-extension-1 .pricing.multiple-prices>li>span,
.inventory-featured-financedriver .pricing.multiple-prices>li>span,
.inventory-similar-default .pricing.multiple-prices>li>span,
.model-selector-responsive .pricing.multiple-prices>li>span {
display: none
}
.ddc-mega-menu-nav .inventory-featured-default .pricing.multiple-prices>li>span.final-price,
.ddc-mega-menu-nav .inventory-featured-default .pricing.multiple-prices>li>span[class^=payment],
.inventory-featured-default-extension-1 .pricing.multiple-prices>li>span.final-price,
.inventory-featured-default-extension-1 .pricing.multiple-prices>li>span[class^=payment],
.inventory-featured-financedriver .pricing.multiple-prices>li>span.final-price,
.inventory-featured-financedriver .pricing.multiple-prices>li>span[class^=payment],
.inventory-similar-default .pricing.multiple-prices>li>span.final-price,
.inventory-similar-default .pricing.multiple-prices>li>span[class^=payment],
.model-selector-responsive .pricing.multiple-prices>li>span.final-price,
.model-selector-responsive .pricing.multiple-prices>li>span[class^=payment] {
display: block
}
.ddc-mega-menu-nav .inventory-featured-default .pricing.multiple-prices>li.paymentInformation>span,
.inventory-featured-default-extension-1 .pricing.multiple-prices>li.paymentInformation>span,
.inventory-featured-financedriver .pricing.multiple-prices>li.paymentInformation>span,
.inventory-similar-default .pricing.multiple-prices>li.paymentInformation>span,
.model-selector-responsive .pricing.multiple-prices>li.paymentInformation>span {
display: block
}
.ddc-mega-menu-nav .inventory-featured-default .pricing .label,
.inventory-featured-default-extension-1 .pricing .label,
.inventory-featured-financedriver .pricing .label,
.inventory-similar-default .pricing .label,
.model-selector-responsive .pricing .label {
width: auto;
padding-right: 8px
}
.ddc-mega-menu-nav .inventory-featured-default .pricing .price,
.ddc-mega-menu-nav .inventory-featured-default .pricing .value,
.inventory-featured-default-extension-1 .pricing .price,
.inventory-featured-default-extension-1 .pricing .value,
.inventory-featured-financedriver .pricing .price,
.inventory-featured-financedriver .pricing .value,
.inventory-similar-default .pricing .price,
.inventory-similar-default .pricing .value,
.model-selector-responsive .pricing .price,
.model-selector-responsive .pricing .value {
float: none;
width: auto;
text-align: left;
font-size: 20px
}
.model-selector-responsive .pricing {
float: none;
width: 100%;
margin-left: 0;
text-align: center;
font-size: 16px
}
.model-selector-responsive .pricing li .price {
text-align: center
}
li .price {
text-align: center
}
.inventory-featured-default-extension-1 .pricing .value,
.inventory-similar-default .pricing .value {
color: var(--text-muted-color)
}
.inventory-featured-financedriver .pricing {
margin-bottom: 0
}
.inventory-detail-pricing .pricing {
margin-left: 0
}
.inventory-detail-pricing .pricing li:not(.paymentInformation):not(.monthlyPayment):not(.instant-eprice-button)>span {
padding-top: 8px
}
.inventory-detail-pricing .pricing li:not(.paymentInformation):not(.monthlyPayment):not(.instant-eprice-button)>span.discount a,
.inventory-detail-pricing .pricing li:not(.paymentInformation):not(.monthlyPayment):not(.instant-eprice-button)>span:not(.ePrice):not(.conditional-incentive-title) {
flex-direction: row-reverse;
display: flex;
width: 100%;
margin-bottom: 4px;
flex-wrap: wrap-reverse;
align-items: flex-start;
justify-content: space-between
}
.inventory-detail-pricing .pricing .label {
width: auto;
margin-right: auto
}
.inventory-detail-pricing .pricing .price {
width: auto;
margin-left: auto;
font-size: 1em
}
.inventory-detail-pricing .pricing .price .value {
width: auto
}
.inventory-detail-pricing .final .price.contentHeading,
.inventory-detail-pricing .final .price.h1,
.inventory-detail-pricing .final .showroom-details-section>h4.price,
.inventory-detail-pricing .final-price .price.contentHeading,
.inventory-detail-pricing .final-price .price.h1,
.inventory-detail-pricing .final-price .showroom-details-section>h4.price {
font-size: 1.8em
}
.inventory-detail-pricing .final .price.contentHeading .value.no-value,
.inventory-detail-pricing .final .price.h1 .value.no-value,
.inventory-detail-pricing .final .showroom-details-section>h4.price .value.no-value,
.inventory-detail-pricing .final-price .price.contentHeading .value.no-value,
.inventory-detail-pricing .final-price .price.h1 .value.no-value,
.inventory-detail-pricing .final-price .showroom-details-section>h4.price .value.no-value {
font-size: 1em
}
.inventory-detail-pricing .monthlyPayment {
position: relative;
vertical-align: text-bottom;
padding-top: 16px;
text-align: right;
line-height: 48px
}
.inventory-detail-pricing .monthlyPayment br {
display: none
}
.inventory-detail-pricing .monthlyPayment strong {
display: inline-block
}
.inventory-detail-pricing .monthlyPayment strong:first-child {
float: left;
padding-top: 8px
}
.incentives-search-default .facet-group .inventory-detail-pricing .monthlyPayment h3,
.incentives-search-detail .facet-group .inventory-detail-pricing .monthlyPayment h3,
.inventory-detail-mini .inventory-detail-pricing .monthlyPayment h3,
.inventory-detail-pricing .monthlyPayment .h2,
.inventory-detail-pricing .monthlyPayment .incentives-search-default .facet-group h3,
.inventory-detail-pricing .monthlyPayment .incentives-search-detail .facet-group h3,
.inventory-detail-pricing .monthlyPayment .inventory-detail-mini h3,
.inventory-detail-pricing .monthlyPayment .model-specific-landing-incentives h3,
.inventory-detail-pricing .monthlyPayment .reviews-auto-detail .hreview h1,
.model-specific-landing-incentives .inventory-detail-pricing .monthlyPayment h3,
.reviews-auto-detail .hreview .inventory-detail-pricing .monthlyPayment h1 {
font-size: 48px
}
.inventory-detail-pricing .monthlyPayment .perMonthLabel {
display: inline-block
}
.inventory-detail-pricing .monthlyPayment p {
clear: both;
margin-bottom: 4px;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: var(--text-muted-color)
}
.inventory-detail-pricing .calculate,
.inventory-detail-pricing .calculate-dealertrack,
.inventory-detail-pricing .on-deposit-link {
margin-top: 8px
}
.inventory-detail-pricing .pricing .calculate-dealertrack-button {
overflow: hidden;
margin-top: .5em;
margin-bottom: .5em
}
.inventory-detail-pricing .pricing .calculate-dealertrack-button .ui-icon-calculator {
float: left
}
.inventory-detail-pricing .pricing .calculate-dealertrack-button p {
float: none
}
.inventory-detail-pricing .pricing .calculate-dealertrack.dialog {
clear: none
}
.hproduct .pricing-area:after:after,
.hproduct .pricing-area:after:before {
content: " ";
display: table
}
.hproduct .pricing-area:after:after {
clear: both
}
a.hide-incentives,
a.show-incentives {
font-size: 14px;
font-weight: 400
}
.recommendations-vehicles>h3 {
padding: 0 5px
}
.recommendations-vehicles .vehicle {
padding: 5px;
transition: background 250ms linear
}
.recommendations-vehicles .vehicle:hover {
background-color: var(--color-neutral-0)
}
.recommendations-vehicles.nada-2018-rv-flexbox .tile-list .vehicle-list-item {
flex-basis: inherit;
flex: 1 1 auto;
max-width: 564px;
margin: 2px 8px
}
.recommendations-vehicles.nada-2018-rv-flexbox .tile-list .vehicle-list-item:first-child {
margin-left: 1px
}
.recommendations-vehicles.nada-2018-rv-flexbox .tile-list .vehicle-list-item:last-child {
margin-right: 1px
}
.repdriver {
margin-bottom: 32px;
padding-top: 32px;
border-top: 1px solid var(--color-neutral-600)
}
.repdriver:first-child {
padding-top: 0;
border-top: none
}
.repdriver .fn {
font-weight: 800
}
.repdriver .fn .dtreviewed {
float: right;
border-bottom: none;
font-weight: 400;
cursor: default
}
.repdriver .item>.btn {
float: right
}
.repdriver .description,
.repdriver .summary {
padding: 0 16px 8px
}
.repdriver .badges {
float: left;
max-width: 70%
}
.repdriver .badges img {
display: inline-block;
margin-right: 4px
}
.repdriver .rating {
color: var(--color-primary-500)
}
.reviews-auto-listing ul {
margin-left: -1em;
padding-left: 1em;
list-style-position: outside
}
.reviews-auto-listing ul li {
padding: 0 0 .5em 1em;
text-indent: -.6em
}
.reviews-auto-detail .hreview img {
float: right;
max-width: 55%;
margin: 0 0 16px 24px
}
.reviews-auto-detail .hreview img+br {
display: none
}
.service-listing .hproduct {
overflow: hidden;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid
}
.service-listing .hproduct li {
list-style: none
}
.service-listing .hproduct p {
margin: 0 0 10px 5px;
padding: 0 0 2px;
font-size: 108%
}
.service-listing .hproduct .pricing {
float: right;
margin-left: 0;
padding: 0
}
.service-listing .hproduct .fn {
width: 100%;
margin: 0;
padding: 2px 0 5px 0
}
.service-listing .hproduct .fn a {
display: inline-block;
padding-left: 5px
}
.service-listing .hproduct .fn .xsmall {
float: right;
font-weight: 400;
cursor: pointer
}
.service-listing .hproduct .fn .xsmall,
.service-listing .hproduct .fn .xsmall:hover {
text-decoration: underline
}
.service-listing .view-link {
text-decoration: none
}
.service-listing .description {
clear: both;
width: 100%
}
.service-listing .ui-button {
clear: both
}
.service-listing .description.hide,
.service-listing .service-listing .hide .ui-button {
display: none
}
.links-share li {
width: 100%;
margin: 0;
padding: 0 0 16px
}
.links-share li a {
display: block;
min-height: 40px;
padding: 4px 8px 4px 28px
}
.links-share .ddc-icon {
position: relative;
left: -16px;
float: left
}
.links-share.share-with-labels h4 {
margin: 0 0 4px;
color: var(--color-neutral-1000)
}
.links-share.share-with-labels h4,
.links-share.share-with-labels span {
display: block
}
.links-share.share-with-labels span {
font-weight: 400
}
.showroom .franchise span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.showroom .hproduct h3 {
margin: 0
}
.showroom .hproduct a {
text-decoration: none
}
.showroom .hproduct a:hover .bodyStyle,
.showroom .hproduct a:hover .model {
text-decoration: underline
}
.showroom .hproduct .make,
.showroom .hproduct .year {
color: var(--color-neutral-1000)
}
.showroom .hproduct .model {
display: block
}
.showroom .hproduct .bodyStyle {
font-weight: 500
}
.showroom-main {
clear: both
}
.showroom-main .ddc-content {
padding: 0
}
.showroom-main h3:first-child {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.showroom-default.showroom-listing .hproduct {
min-height: 310px
}
html[lang=en-CA] .showroom-default .fuel-efficiency .yui3-g>div:first-child,
html[lang=fr-CA] .showroom-default .fuel-efficiency .yui3-g>div:first-child {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
width: auto
}
html[lang=en-CA] .showroom-default .fuel-efficiency .yui3-g>div .city,
html[lang=fr-CA] .showroom-default .fuel-efficiency .yui3-g>div .city {
left: 7%
}
html[lang=en-CA] .showroom-default .fuel-efficiency .yui3-g>div .highway,
html[lang=fr-CA] .showroom-default .fuel-efficiency .yui3-g>div .highway {
right: 7%
}
.showroom-default .fuel-efficiency .row,
.showroom-default .fuel-efficiency .yui3-g {
height: 70px;
padding-bottom: 16px
}
.showroom-default .fuel-efficiency .ddc-span6,
.showroom-default .fuel-efficiency .yui3-u-1-2 {
width: 100%
}
.showroom-default .fuel-efficiency .ddc-span6:first-child,
.showroom-default .fuel-efficiency .yui3-u-1-2:first-child {
position: absolute;
top: 20px;
left: 46px
}
.showroom-default .fuel-efficiency .ddc-span6 br,
.showroom-default .fuel-efficiency .yui3-u-1-2 br {
display: none
}
.showroom-default .fuel-efficiency .ddc-span6>div,
.showroom-default .fuel-efficiency .yui3-u-1-2>div {
position: absolute;
top: 0;
right: 16px;
width: 60px;
text-align: right
}
.showroom-default .fuel-efficiency .ddc-span6>div:first-child,
.showroom-default .fuel-efficiency .yui3-u-1-2>div:first-child {
left: 16px;
text-align: left
}
.showroom-default .fuel-efficiency .align-center {
text-align: center
}
.showroom-default .fuel-efficiency .align-center strong {
display: inline-block;
line-height: 1;
color: var(--color-neutral-600)
}
.showroom-default .fuel-efficiency .align-center em {
display: inline-block;
width: 100%
}
.showroom-default .fuel-efficiency .ddc-icon {
font-size: 64px
}
.showroom-default .fuel-efficiency .city em {
margin-left: -5px
}
.showroom-default .fuel-efficiency p.xsmall {
font-style: normal;
color: var(--color-neutral-600)
}
.showroom-main .inventory-count {
border-bottom: 1px solid var(--divider-color);
font-weight: 700
}
.showroom-details-section {
margin-top: 32px;
margin-bottom: 32px
}
.showroom-details-section .hproduct .pricing {
display: block;
width: 195px;
padding-right: 24px
}
.showroom-details-section .hproduct .pricing li {
width: 100%
}
.showroom-details-section .hproduct .pricing li .stackedFinal {
font-size: 20px
}
.showroom-details-section .hproduct .pricing li .stackedConditionalFinal {
padding-top: 4px;
border-top: 0 dotted var(--color-neutral-300)
}
.showroom-details-section .hproduct .description {
width: 63%;
margin: 10px 0 0 10px
}
.showroom-details-section .hproduct .description:after,
.showroom-details-section .hproduct .description:before {
content: " ";
display: table
}
.showroom-details-section .hproduct .description:after {
clear: both
}
.showroom-details-section .hproduct .view-link {
float: right;
clear: right;
margin-right: 24px;
text-decoration: none
}
.showroom-details-section .hproduct>div {
overflow: hidden;
padding-bottom: 40px
}
.showroom-details-section .callout {
color: var(--color-neutral-1000)
}
.showroom-details-section .incentive-list {
float: left;
width: 74%;
padding-right: 136px;
padding-left: 5px
}
.showroom-details-section .manufacturer-incentive {
font-weight: 400
}
.showroom-detail-links {
margin-top: 32px;
margin-bottom: 32px
}
.showroom-detail-links a {
margin-right: 8px;
padding: 0;
font-size: 20px;
font-weight: 700;
background: 0 0
}
.showroom-detail-links a:before {
display: inline-block;
font-size: .75em;
text-decoration: none
}
.showroom-details-section {
margin-bottom: 32px
}
.showroom-details-section>h4 {
font-weight: 300
}
.showroom-details-section>h4:after {
padding-left: .25em
}
.showroom-details-section .ui-tabs {
z-index: 5;
padding: 0
}
.showroom-details-section .ui-tabs .ui-widget-header {
border-bottom: none
}
.showroom-details-section .ui-tabs .ui-widget-header li {
width: 100%
}
.showroom-details-section .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected {
background-color: var(--color-neutral-1000)
}
.showroom-details-section .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover {
background-color: var(--color-neutral-1000)
}
.showroom-details-section .ui-tabs .ui-widget-header li a {
width: 100%;
white-space: normal
}
.showroom-details-section .ui-tabs .ui-widget-header li a span {
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.showroom-details-section .ui-tabs-panel {
padding: 16px 8px 16px;
background-color: var(--color-neutral-0)
}
.showroom-details-section .ui-tabs-wrap-vertical li {
list-style-type: disc
}
.showroom-details-section li {
list-style: none
}
.showroom-details-section .ui-state-active a {
color: var(--color-neutral-0)
}
.showroom-details-section .ui-state-hover {
background-color: var(--color-neutral-50)
}
.showroom-details-section.showroom-contact form {
float: right;
width: 100%
}
.enhanced-top {
min-height: 480px;
margin-top: -20px;
padding-bottom: 5px;
background-color: #fff
}
.showroom-details-enhanced .ui-tabs .ui-widget-header {
float: left;
width: 230px;
border-bottom: 0;
background-color: transparent
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default {
width: 100%;
margin-bottom: 24px;
background-color: var(--color-neutral-600)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default a {
width: 100%;
text-align: center;
color: var(--color-neutral-0)
}
.showroom-default .showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default a {
font-size: 16px
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default>a:link {
color: var(--color-neutral-0)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default a:hover {
color: var(--color-neutral-600);
background-color: var(--color-neutral-300)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-hover {
background-color: var(--color-neutral-300)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-hover a {
color: var(--color-neutral-600)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected {
background-color: var(--color-neutral-1000);
background-image: none
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:link {
color: var(--color-neutral-0)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover {
color: var(--color-neutral-0);
background-color: var(--color-neutral-600)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-focus,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-hover,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-selected {
border: 0;
background: var(--color-neutral-800)
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active a,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active a:hover,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-focus a,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-focus a:hover,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-hover a,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-hover a:hover,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-selected a,
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-active.ui-state-selected a:hover {
color: var(--color-neutral-0);
background: 0 0
}
.showroom-details-enhanced .ui-tabs .ui-widget-header li.ui-state-default.ui-state-focus a:focus {
background: var(--color-neutral-800)
}
.showroom-details-enhanced .ui-tabs-panel>div {
float: right
}
.showroom-details-enhanced .jcarousel-container {
float: right;
width: 70%;
height: auto
}
.media-viewer #vSpins .jcarousel-container {
width: 100%
}
.media-viewer #vSpins .jcarousel-clip {
width: 240px;
margin: 0 auto
}
.showroom-v2 .enhanced-top .media-viewer .imageViewer {
width: 70%
}
.showroom-v2 .enhanced-top .media-viewer .imageViewer .photo {
width: auto;
max-height: 330px
}
.showroom-v2 .enhanced-top .media-viewer #vColors .photo {
width: auto;
max-height: 330px
}
.enhanced-top .showroom-overview-media .jcarousel li {
top: 50%;
transform: translateY(-50%)
}
.enhanced-top .showroom-overview-media .jcarousel.swatches li {
top: 0;
transform: translateY(0)
}
.pricing-enhanced {
width: 405px;
padding-left: 0
}
.pricing-enhanced .callout {
margin: 0 0 25px;
padding: 0;
background-color: transparent
}
.pricing-enhanced .callout em {
font-style: initial
}
.pricing-enhanced .callout strong {
font-size: 20px
}
.pricing-enhanced .callout p {
float: left
}
.pricing-enhanced .callout a {
margin-left: 20px;
font-weight: 700;
line-height: 2;
text-decoration: underline
}
.pricing-enhanced .callout a:hover {
text-decoration: none
}
.pricing-enhanced .ddc-page-title {
margin-bottom: 0
}
.qs-enhanced {
margin: 0 0 32px;
padding-right: 0;
color: var(--color-neutral-0);
background-color: var(--color-neutral-900)
}
.qs-enhanced .showroom-quick-specs {
float: left;
width: 73%;
margin: 0
}
.qs-enhanced li {
float: left;
width: 33%
}
.qs-enhanced li.engine-power {
width: 31%
}
.qs-enhanced li.base-mileage {
width: 36%
}
.qs-enhanced .ddc-icon {
float: left
}
.qs-enhanced .details {
float: left;
width: 73%;
margin: 24px 8px 0 8px;
padding-bottom: 16px;
line-height: 1.2
}
.qs-enhanced .details .title {
font-size: 14px;
color: var(--color-neutral-300)
}
.qs-enhanced .details .value {
font-size: 20px
}
.qs-enhanced .details .value-city span,
.qs-enhanced .details .value-hwy span {
display: block;
text-align: center;
font-size: 14px;
color: var(--color-neutral-300)
}
.qs-enhanced .base-mileage .value {
display: inline-block;
font-size: 16px
}
.qs-enhanced .base-mileage .value-city {
padding-right: 16px
}
.qs-enhanced .quick-links {
float: right;
width: 250px
}
.qs-enhanced .quick-links a {
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
line-height: .4
}
.qs-enhanced .quick-links a:first-child {
margin-bottom: 1px
}
.qs-enhanced .quick-links .ddc-icon {
float: none;
vertical-align: inherit;
line-height: initial
}
.trims-enhanced .trims-table-wrapper {
overflow: auto
}
.showroom-v2 .trims-enhanced #models table {
border-spacing: 0 16px;
border-collapse: initial
}
.showroom-v2 .trims-enhanced #models td,
.showroom-v2 .trims-enhanced #models th,
.showroom-v2 .trims-enhanced #models tr.trimsTableHeadings th {
padding: 8px;
border: 1px solid var(--color-neutral-200);
border-width: 1px 1px 1px 0;
text-align: left;
line-height: 1.25;
background-color: transparent
}
.showroom-v2 .trims-enhanced #models strong {
font-size: 20px;
color: var(--color-neutral-800)
}
.showroom-v2 .trims-enhanced #models .price.promotional-price strong {
color: var(--btn-primary-bg)
}
.showroom-v2 .trims-enhanced #models th {
vertical-align: top;
border-width: 1px 1px 0 0;
font-size: 14px;
font-weight: 400
}
.showroom-v2 .trims-enhanced #models th strong {
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
color: var(--color-neutral-600)
}
.showroom-v2 .trims-enhanced #models tr.trimsTableHeadings th {
color: var(--color-neutral-600)
}
.showroom-v2 .trims-enhanced #models tr.trimsTableHeadings th strong {
font-size: 24px;
font-weight: 700;
color: var(--color-neutral-800)
}
.showroom-v2 .trims-enhanced #models td {
color: var(--color-neutral-800)
}
.showroom-v2 .trims-enhanced #models td span {
font-size: 14px;
color: var(--color-neutral-600)
}
.showroom-v2 .trims-enhanced #models .trimsTableHeadings th:first-child {
border-bottom-width: 0;
font-size: 16px
}
html[lang=es-MX] .showroom-v2 .trims-enhanced #models table th strong {
text-transform: none
}
.showroom-contact .request-a-quote,
.showroom-contact .schedule-a-test-drive {
margin-bottom: 16px
}
.showroom-contact .request-a-quote .ddc-icon,
.showroom-contact .schedule-a-test-drive .ddc-icon {
vertical-align: sub
}
#showroom-lead:before {
content: ' ';
z-index: 1;
display: block;
height: 110px;
margin-top: -110px
}
.showroom-details-section .vlp-enhanced .inventoryList .hproduct .eprice {
padding-right: 0
}
.slideControls {
position: absolute;
bottom: 20px;
width: 100%;
margin: 0 auto;
z-index: 101
}
.slideControls a {
line-height: 1;
color: var(--color-neutral-1000-alpha-9)
}
.slideControls a span {
display: none
}
.slideControls a:focus,
.slideControls a:hover {
text-decoration: none
}
.slideControls a:focus {
outline: 0
}
.slideControls i.ddc-icon {
color: var(--color-neutral-0)
}
.slideControls .previousNext {
width: 100%;
margin: 0 auto 0
}
.slideControls .previousNext a {
width: 56px;
border: 1px solid var(--color-neutral-200);
font-size: 4em;
background-color: var(--color-neutral-0-alpha-6);
opacity: 1;
border-radius: 30px
}
.slideControls .previousNext a:hover {
opacity: 1
}
.slideControls .prev {
text-align: right
}
.slideControls .pager {
width: 60%;
margin: 32px auto 0;
text-align: center
}
.slideControls .pager a {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 3px;
text-indent: -9999em;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3ctitle%3epager-background%3c/title%3e%3cpath fill='%23000' opacity='0.375' d='M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z'%3e%3c/path%3e%3cpath fill='%23fff' opacity='0.5' d='M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z'%3e%3c/path%3e%3c/svg%3e") no-repeat center/cover;
opacity: .75
}
.slideControls .pager a.activeSlide,
.slideControls .pager a:hover {
opacity: 1
}
.slideControls .pager a.activeSlide {
border-radius: 25px;
background: var(--color-neutral-0-alpha-6)
}
.slideControls.withPlayPause {
bottom: 8px
}
.slideControls.withPlayPause .previousNext {
width: 100px;
margin: 0 auto;
text-align: center
}
.slideControls.withPlayPause .previousNext a {
width: 30px;
height: 30px;
border: 0 none;
border-radius: 25px;
font-size: 2em;
line-height: normal;
background: var(--color-neutral-0-alpha-6)
}
.slideControls.withPlayPause .previousNext a .ddc-icon-carousel-arrow {
width: 30px;
height: 30px;
border-radius: 0
}
.slideControls.withPlayPause .pager {
margin-top: 0
}
.slideshow-default.ddc-content {
position: relative;
margin: 0
}
.ddc-content.slideshow-default.iab {
width: 300px;
height: 250px
}
.ddc-content.slideshow-default.margin-top {
margin: 8px 0 10px
}
.slideshow-background {
position: relative;
width: 100%;
height: auto;
background-color: var(--color-neutral-0)
}
.slideshow-background.ddc-content {
margin: 0
}
.slideshow-background.no-resize .slideShowWrap {
height: 514px
}
@media only screen and (max-width:1280px) {
.slideshow-background:not(.no-resize) {
height: 465px
}
.slideshow-background:not(.no-resize) .promotion-container {
font-size: 63px
}
}
@media only screen and (max-width:1024px) {
.slideshow-background:not(.no-resize) {
height: 370px
}
.slideshow-background:not(.no-resize) .promotion-container {
font-size: 56px
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.slideshow-background:not(.no-resize) {
height: 360px
}
}
.small-controls .slideControls {
top: 10px;
right: 50%;
bottom: auto;
width: auto;
margin-right: -480px
}
.small-controls .slideControls .previousNext {
width: 280px
}
.small-controls .slideControls .previousNext a {
width: 23px;
font-size: 1.5em;
line-height: 21px
}
.small-controls .slideControls.withPlayPause .previousNext {
width: 100px
}
.small-controls .slideControls.withPlayPause .previousNext a {
height: 23px
}
.small-controls .slideControls.withPlayPause .previousNext .play {
font-size: 1.8em
}
.small-controls .slideControls .pager {
width: 230px;
margin: 4px auto 0
}
.slideshow-section-container {
position: relative
}
.slideshow-section-container .slideControls a {
margin-top: 2px
}
.slideshow-section-container .slideControls .pager {
width: 960px
}
.slideshow-section-container .slideControls .pager a {
overflow: hidden;
white-space: nowrap;
text-indent: 100%
}
.slideshow-widgets-overlay-wrapper {
position: absolute;
top: 57px;
left: 50%;
width: 300px;
margin-left: -490px
}
.slideshow-widgets {
width: 266px;
margin-left: 15px
}
.slideshow-widgets .inventory-search-facetbrowse {
padding: 15px 20px;
border: 1px solid var(--color-neutral-0);
border-radius: 4px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: var(--color-neutral-0-alpha-8)
}
.slideshow-widgets .inventory-search-facetbrowse h3 {
margin-top: 0;
margin-bottom: 15px;
text-align: center
}
.slideshow-widgets .inventory-search-facetbrowse h3:before {
border: none
}
.slideshow-widgets .inventory-search-facetbrowse h3 span {
margin: 0;
background: 0 0
}
.slideshow-widgets .inventory-search-facetbrowse .form-group {
margin-bottom: 10px
}
.slideshow-widgets .inventory-search-facetbrowse .submit-search {
width: 100%;
margin-top: 5px
}
.slideshow-widgets .inventory-search-facetbrowse .inv-totals {
color: #000
}
.slideshow-widgets .links-list {
margin-top: 15px
}
.slideshow-widgets .links-list li {
margin-bottom: 10px
}
.slideshow-widgets .links-list li .btn-xl:before,
.slideshow-widgets .links-list li .btn-xlarge:before {
line-height: 1.6
}
.slideshow-widgets .links-list .btn {
white-space: inherit
}
.ddc-composer.building-page .slideshow-widgets-overlay-wrapper {
position: static;
width: auto
}
.ddc-composer.building-page .slideshow-widgets-overlay {
width: auto;
margin: 0
}
.ddc-composer.building-page .slideshow-widgets {
width: auto;
margin-left: 0
}
.slideshow-default.responsive .slideShowWrap .slides {
text-align: center
}
.slideshow-default.responsive .slideShowWrap .slides img {
display: inline-block
}
.slideshow-default.responsive .slideControls {
z-index: 10
}
@media (min-width:1400px) {
.slideshow-default.responsive,
.slideshow-default.responsive .slideShowWrap {
height: 514px
}
.slideshow-default.responsive .slideShowWrap .slides {
height: 514px !important
}
.slideshow-default.responsive div.slideControls {
left: 50%;
width: 500px;
margin-left: -680px
}
}
.special .ddc-nav-inline a:focus,
.special .ddc-nav-inline a:hover,
.special .nav a:focus,
.special .nav a:hover {
text-decoration: underline;
background: 0 0
}
.special .ddc-nav-inline .ddc-icon,
.special .nav .ddc-icon {
vertical-align: middle
}
.specials-detail .special,
.specials-listing .special {
margin-top: 32px;
margin-bottom: 32px
}
.specials-detail .special div[class^=dsbid] *,
.specials-listing .special div[class^=dsbid] * {
box-sizing: content-box
}
.specials-detail .special div[class^=dsbid] * img,
.specials-listing .special div[class^=dsbid] * img {
display: inline;
max-width: 100%;
height: auto
}
.special .ddc-icon-info,
.special a {
color: var(--color-primary-500)
}
.special .ddc-icon-info:hover,
.special a:hover {
color: var(--color-primary-600)
}
.special .ddc-icon-info:hover .ddc-icon-info,
.special a:hover .ddc-icon-info {
color: var(--color-primary-600)
}
.tabs-tabbed-widgets .tabs-tabbed-widgets-container {
background: var(--color-neutral-0)
}
.tabs-tabbed-widgets .ui-tabs {
padding: 0
}
.tabs-tabbed-widgets .ui-tabs-nav {
padding: 0
}
.tabs-tabbed-widgets .ui-tabs-nav li {
margin: 0;
border: none;
background: 0 0
}
.tabs-tabbed-widgets .ui-tabs-nav li .btn,
.tabs-tabbed-widgets .ui-tabs-nav li a {
text-align: center
}
.tabs-tabbed-widgets .ui-tabs-nav li a {
width: 100%;
min-height: 50px;
font-size: 21px;
font-family: "DDC Heading Font Face", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300
}
.tabs-tabbed-widgets .ui-tabs-nav li .btn {
padding: .5em 1em
}
.tabs-tabbed-widgets .ui-tabs-nav li.ui-state-active a,
.tabs-tabbed-widgets .ui-tabs-nav li.ui-state-hover a {
outline: 0
}
.tabs-tabbed-widgets .tabs-content-container {
margin-top: 40px
}
.content-page-title .tabs-tabbed-widgets .tabbed-widgets-group h1,
.tabs-tabbed-widgets .tabbed-widgets-group .container,
.tabs-tabbed-widgets .tabbed-widgets-group .content-page-title h1 {
width: auto;
padding: 0
}
.tabs-tabbed-widgets .ddc-content {
margin-bottom: 0
}
.tabs-tabbed-widgets .ddc-box-1 {
margin-bottom: 20px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav {
width: 960px;
margin: 0 auto
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li {
float: left;
width: 50%;
padding: 10px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li a:after {
left: 10px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li a:before {
content: ''
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li:first-child a:before {
right: 10px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ui-tabs-nav li:first-child a:after {
content: ''
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1.three .ui-tabs-nav li {
width: 33%
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1.three .ui-tabs-nav li:first-child {
border-right: none
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1.three .ui-tabs-nav li.ui-state-active:after {
left: 47%
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:after,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 a[class*=tabs-tabbed-widgets]:before {
position: relative;
top: 5px;
line-height: 0
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .tabs-content-container {
min-height: 460px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ddc-list-columns>li .key,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ddc-list-columns>li .type {
padding: 0
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ddc-list-columns>li .value {
padding: 0
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-1 .ddc-box-1 {
padding: 8px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tabs-content-container {
margin-top: 0;
padding-top: 40px;
background: var(--color-neutral-0)
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 #tabs-tabbed-widgets-group-3 {
min-height: 500px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .widget-separator h3 {
position: relative;
margin-top: 40px;
border-bottom: none;
text-transform: uppercase
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .widget-separator h3 span {
position: relative;
z-index: 1;
left: 47%;
padding: 0 10px;
background: var(--color-neutral-0)
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .widget-separator h3:before {
content: '';
position: absolute;
z-index: 0;
top: 50%;
display: block;
width: 100%;
height: 2px;
border-top: groove 1px var(--color-neutral-0)
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .widget-separator h3:after {
content: ''
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs {
background: var(--color-neutral-0)
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav {
display: table;
width: 960px;
margin: 0 auto
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li {
float: none;
display: table-cell;
width: 320px;
border-left: 2px groove var(--color-neutral-1000-alpha-4);
white-space: normal
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li:first-child {
border-left: none
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li.ui-state-active a,
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li:hover a {
color: var(--color-neutral-0);
background: linear-gradient(var(--color-neutral-1000-alpha-3), transparent)
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li.ui-state-active>a i {
margin-top: 0;
font-size: 64px;
color: var(--color-primary-500);
border-color: var(--color-neutral-800);
background: var(--color-neutral-0);
box-shadow: inset 0 3px 1px var(--color-neutral-1000);
transition: all 250ms ease
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li.ui-state-active>:after {
content: ' ';
position: absolute;
top: 100%;
left: 42%;
width: 0;
height: 0;
border-top: 20px solid var(--color-neutral-0);
border-right: 20px solid transparent;
border-left: 20px solid transparent
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li.ui-state-active .btn {
display: none
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .ui-tabs-nav li a {
display: block;
height: 200px;
color: var(--color-neutral-0);
background-color: transparent;
transition: all 250ms ease
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner i {
margin-top: -42px;
padding: 14px 20px;
border: 2px solid var(--color-neutral-800);
border-radius: 50%;
font-size: 48px;
background: var(--color-neutral-900);
box-shadow: inset var(--color-neutral-600) 0 -1px 0 0;
transition: all 250ms ease
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .inventory-search-facetbrowse {
padding-bottom: 40px
}
.tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .links-list li {
margin-bottom: 5px
}
.tabs-tabbed-widgets .tabs-content-container .yui3-u-1 {
float: none
}
.tradedriver-steps [data-step-indicator] {
letter-spacing: .03em
}
.tradedriver-lead-section label,
.tradedriver-section[data-step-id=basic-1] label,
.tradedriver-section[data-step-id=basic] label {
line-height: 36px
}
.tradedriver-section[data-step-id=basic-1] .tradedriver-vehicle-summary-label {
line-height: inherit
}
.tradedriver-confirm strong,
.tradedriver-quote-complete strong {
font-weight: 800
}
.tech-specs h4 {
font-weight: 300
}
.csscolumns .tech-specs ul {
column-count: 3;
column-gap: 48px
}
.csscolumns .tech-specs ul li {
display: inline-block
}
.no-csscolumns .tech-specs ul:after,
.no-csscolumns .tech-specs ul:before {
content: " ";
display: table
}
.no-csscolumns .tech-specs ul:after {
clear: both
}
.no-csscolumns .tech-specs ul li {
float: left;
box-sizing: border-box;
width: 33.33333%;
padding-right: 48px
}
@media print and (-webkit-min-device-pixel-ratio:0) {
.tech-specs ul {
column-count: 0
}
.tech-specs ul:after,
.tech-specs ul:before {
content: " ";
display: table
}
.tech-specs ul:after {
clear: both
}
.tech-specs ul li {
float: left;
box-sizing: border-box;
width: 33.33333%;
padding-right: 48px
}
}
.tech-specs li {
display: inline-block;
width: 100%
}
.tech-specs li strong {
font-weight: 400
}
.tech-specs li .title {
font-weight: 800
}
.tech-specs li .title:only-child {
font-weight: 400
}
.inventory-detail-tech-specs .tech-specs h4 {
font-size: 24px;
font-weight: 500
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel {
margin-bottom: 5px;
background-color: var(--color-neutral-0)
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel.panel-default {
border: 0 none
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel a {
font-size: 18px;
color: var(--link-color)
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel .ddc-icon {
color: var(--link-color)
}
.inventory-detail-tech-specs .tech-specs.tcuv {
display: table;
margin-bottom: 50px
}
.inventory-detail-tech-specs .tech-specs.tcuv h1 {
padding-left: 8px;
border-left: 3px solid var(--color-primary-500);
font-size: 48px
}
.inventory-detail-tech-specs .tech-specs.tcuv div {
display: table-row
}
.inventory-detail-tech-specs .tech-specs.tcuv div:nth-child(even) {
background-color: transparent
}
.inventory-detail-tech-specs .tech-specs.tcuv div:nth-child(odd) {
background-color: var(--color-neutral-50)
}
.inventory-detail-tech-specs .tech-specs.tcuv h4 {
vertical-align: middle;
display: table-cell;
width: 200px;
padding-left: 8px;
border-right: 1px solid var(--color-neutral-200);
font-weight: 400
}
.inventory-detail-tech-specs .tech-specs.tcuv ul {
display: table-cell;
padding: 8px 0
}
.csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul {
column-count: 1;
column-gap: 48px
}
.csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul li {
display: inline-block
}
.no-csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul:after,
.no-csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul:before {
content: " ";
display: table
}
.no-csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul:after {
clear: both
}
.no-csscolumns .inventory-detail-tech-specs .tech-specs.tcuv ul li {
float: left;
box-sizing: border-box;
width: 100%;
padding-right: 48px
}
@media print and (-webkit-min-device-pixel-ratio:0) {
.inventory-detail-tech-specs .tech-specs.tcuv ul {
column-count: 0
}
.inventory-detail-tech-specs .tech-specs.tcuv ul:after,
.inventory-detail-tech-specs .tech-specs.tcuv ul:before {
content: " ";
display: table
}
.inventory-detail-tech-specs .tech-specs.tcuv ul:after {
clear: both
}
.inventory-detail-tech-specs .tech-specs.tcuv ul li {
float: left;
box-sizing: border-box;
width: 100%;
padding-right: 48px
}
}
.inventory-detail-tech-specs .tech-specs.tcuv li {
float: left;
width: 100%;
padding-left: 8px;
font-size: 14px;
line-height: 28px
}
.inventory-detail-tech-specs .tech-specs.tcuv li:before {
content: '\2022';
margin-right: 10px
}
.inventory-similar-default .media {
height: 230px
}
.inventory-similar-default .media img {
width: 100%;
max-height: 230px
}
.inventory-similar-default .similar-vehicle {
overflow: hidden;
height: 285px
}
.inventory-similar-default .similar-vehicle>div {
height: 520px
}
.inventory-similar-default .similar-vehicle>div.hover-state,
.inventory-similar-default .similar-vehicle>div:hover {
top: -235px
}
.inventory-similar-default .similar-vehicle h3 {
overflow: hidden;
max-height: 21px;
margin: 4px 0 0;
white-space: nowrap;
text-overflow: ellipsis
}
.inventory-similar-default .similar-vehicle h3 a {
font-size: 16px;
font-weight: 800;
color: var(--text-color)
}
.inventory-similar-default .similar-vehicle .view-link {
position: absolute;
bottom: 4px
}
.inventory-similar-default .pricing {
margin-bottom: 4px
}
.inventory-similar-default .pricing .value {
font-size: 20px;
font-weight: 800;
line-height: 20px
}
.vdp .inventory-similar-default .pricing .price {
float: none;
font-weight: 800;
color: var(--text-muted-color)
}
.inventory-similar-default .similar-vehicles-details {
overflow: hidden;
height: 235px;
padding: 4px 0 40px 0
}
.inventory-similar-default .similar-vehicles-details i {
margin-right: 3px
}
.inventory-similar-default .similar-vehicles-details i.ddc-icon-vin+strong {
display: inline
}
.inventory-similar-default .similar-vehicles-details strong {
display: none
}
.inventory-similar-default.message-reserved .media {
height: 160px
}
.inventory-similar-default.message-reserved .media img {
max-height: 160px
}
.inventory-similar-default.message-reserved .similar-vehicle {
height: 240px
}
.inventory-similar-default.message-reserved .similar-vehicle>div {
height: 480px
}
.inventory-similar-default.message-reserved .similar-vehicle>div.hover-state,
.inventory-similar-default.message-reserved .similar-vehicle>div:hover {
top: -240px
}
.inventory-similar-default.message-reserved .similar-vehicle h3 {
margin-bottom: 8px;
height: 42px;
max-height: none
}
.inventory-similar-default.message-reserved .similar-vehicle .view-link {
bottom: 8px
}
.inventory-similar-default.message-reserved .similar-vehicles-details {
height: 190px
}
.inventory-detail-item-details .groupedVehicleDetails {
padding: 0
}
.inventory-detail-item-details .comments .title,
.inventory-detail-item-details h3:only-child,
.inventory-detail-item-details li:not(.comments) {
display: none
}
.comments-listing>div {
padding-bottom: 48px
}
.comments-listing .ddc-nav-inline,
.comments-listing .nav {
text-align: right
}
.comments-listing .ddc-nav-inline>li,
.comments-listing .nav>li {
float: right;
display: inline-block;
width: auto
}
.comments-listing .entry-summary img {
display: inline
}
.vdp #spins ul {
width: 320px;
margin: 0 auto;
text-align: center
}
.vdp #spins li {
float: none;
display: inline-block;
width: auto
}
.vdp .helpSpins {
width: 230px;
margin: 0 auto;
white-space: nowrap
}
.vdp .helpSpins span {
display: block;
margin: 4px auto
}
.vdp .imageViewer img,
.vdp .jwplayer {
margin: 0 auto
}
.vdp .ddc-video-wrapper {
background: var(--color-neutral-1000)
}
.vdp .calloutDetails {
text-align: center
}
.vdp .tradein {
text-align: center;
font-size: 20px;
font-weight: 800
}
.vdp .tradein a {
text-decoration: underline
}
.vdp .main .contact-info {
text-align: center;
font-size: 21px;
font-weight: 300
}
.vdp .main .contact-info .separator {
display: none
}
.vdp .main .contact-info .value {
font-weight: 700
}
.vdp .links-list a {
display: block
}
.vdp .content-disclaimer {
padding-top: 64px
}
.links-list-block ul {
margin-right: 0;
margin-left: 0
}
.links-list-block ul li {
float: left;
width: 50%;
margin: 0;
padding: 0;
border: 1px solid var(--color-neutral-0);
border-color: var(--color-neutral-0)
}
.links-list-block ul li:nth-child(even) {
border-width: 0 1px 1px 0
}
.links-list-block ul li:nth-child(2n+3) {
border-width: 0 1px 1px 1px
}
.links-list-block ul li:nth-child(2) {
border-width: 1px 1px 1px 0
}
.links-list-block ul li .locations-proximity a.btn[type=submit],
.links-list-block ul li .pricing .ePrice a.btn,
.links-list-block ul li .pricing a.btn.eprice-button,
.links-list-block ul li .pricing a.btn[data-eprice],
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link,
.links-list-block ul li a.btn.btn-primary,
.locations-proximity .links-list-block ul li a.btn[type=submit],
.pricing .ePrice .links-list-block ul li a.btn,
.pricing .links-list-block ul li a.btn.eprice-button,
.pricing .links-list-block ul li a.btn[data-eprice],
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link {
height: 130px;
margin: 0;
padding: 16px;
padding-top: 20px;
text-align: center;
font-size: 15.75px;
font-weight: 800;
line-height: 1.3;
white-space: normal;
color: var(--text-inverse-color);
background-color: var(--color-neutral-1000)
}
.links-list-block ul li .locations-proximity a.btn[type=submit]:hover,
.links-list-block ul li .pricing .ePrice a.btn:hover,
.links-list-block ul li .pricing a.btn.eprice-button:hover,
.links-list-block ul li .pricing a.btn[data-eprice]:hover,
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button:hover,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link:hover,
.links-list-block ul li a.btn.btn-primary:hover,
.locations-proximity .links-list-block ul li a.btn[type=submit]:hover,
.pricing .ePrice .links-list-block ul li a.btn:hover,
.pricing .links-list-block ul li a.btn.eprice-button:hover,
.pricing .links-list-block ul li a.btn[data-eprice]:hover,
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button:hover,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link:hover {
color: var(--text-inverse-color);
background-color: var(--color-primary-500)
}
.links-list-block ul li .locations-proximity a.btn[type=submit]:hover .ddc-icon,
.links-list-block ul li .pricing .ePrice a.btn:hover .ddc-icon,
.links-list-block ul li .pricing a.btn.eprice-button:hover .ddc-icon,
.links-list-block ul li .pricing a.btn[data-eprice]:hover .ddc-icon,
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button:hover .ddc-icon,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link:hover .ddc-icon,
.links-list-block ul li a.btn.btn-primary:hover .ddc-icon,
.locations-proximity .links-list-block ul li a.btn[type=submit]:hover .ddc-icon,
.pricing .ePrice .links-list-block ul li a.btn:hover .ddc-icon,
.pricing .links-list-block ul li a.btn.eprice-button:hover .ddc-icon,
.pricing .links-list-block ul li a.btn[data-eprice]:hover .ddc-icon,
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button:hover .ddc-icon,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link:hover .ddc-icon {
color: var(--color-neutral-1000)
}
.links-list-block ul li .locations-proximity a.btn[type=submit]:after,
.links-list-block ul li .locations-proximity a.btn[type=submit]:before,
.links-list-block ul li .pricing .ePrice a.btn:after,
.links-list-block ul li .pricing .ePrice a.btn:before,
.links-list-block ul li .pricing a.btn.eprice-button:after,
.links-list-block ul li .pricing a.btn.eprice-button:before,
.links-list-block ul li .pricing a.btn[data-eprice]:after,
.links-list-block ul li .pricing a.btn[data-eprice]:before,
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button:after,
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button:before,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link:after,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link:before,
.links-list-block ul li a.btn.btn-primary:after,
.links-list-block ul li a.btn.btn-primary:before,
.locations-proximity .links-list-block ul li a.btn[type=submit]:after,
.locations-proximity .links-list-block ul li a.btn[type=submit]:before,
.pricing .ePrice .links-list-block ul li a.btn:after,
.pricing .ePrice .links-list-block ul li a.btn:before,
.pricing .links-list-block ul li a.btn.eprice-button:after,
.pricing .links-list-block ul li a.btn.eprice-button:before,
.pricing .links-list-block ul li a.btn[data-eprice]:after,
.pricing .links-list-block ul li a.btn[data-eprice]:before,
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button:after,
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button:before,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link:after,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link:before {
display: none
}
.links-list-block ul li .locations-proximity a.btn[type=submit] .ddc-icon,
.links-list-block ul li .pricing .ePrice a.btn .ddc-icon,
.links-list-block ul li .pricing a.btn.eprice-button .ddc-icon,
.links-list-block ul li .pricing a.btn[data-eprice] .ddc-icon,
.links-list-block ul li .showroom-details-section .callout a.btn.callout-button .ddc-icon,
.links-list-block ul li .showroom-details-section .hproduct a.btn.view-link .ddc-icon,
.links-list-block ul li a.btn.btn-primary .ddc-icon,
.locations-proximity .links-list-block ul li a.btn[type=submit] .ddc-icon,
.pricing .ePrice .links-list-block ul li a.btn .ddc-icon,
.pricing .links-list-block ul li a.btn.eprice-button .ddc-icon,
.pricing .links-list-block ul li a.btn[data-eprice] .ddc-icon,
.showroom-details-section .callout .links-list-block ul li a.btn.callout-button .ddc-icon,
.showroom-details-section .hproduct .links-list-block ul li a.btn.view-link .ddc-icon {
display: block;
font-size: 40px;
color: var(--color-primary-500);
background-color: transparent
}
.quick-specs {
margin-bottom: 20px
}
.ddc-content.inventory-detail-quick-specs .quick-specs .secondary-spec,
.ddc-content.inventory-detail-quick-specs .quick-specs li.driveLine,
.ddc-content.inventory-detail-quick-specs .quick-specs li.modelCode,
.ddc-content.inventory-detail-quick-specs .quick-specs li.odometer,
.ddc-content.inventory-detail-quick-specs .quick-specs li.transmission,
.ddc-content.inventory-detail-quick-specs .quick-specs li.vin,
.quick-specs .final-price .spec-label,
.quick-specs .fuel-efficiency .value>span,
.quick-specs li.stockNumber {
min-height: 0;
font-size: 16px;
font-weight: 700;
color: var(--text-muted-color)
}
.ddc-content>.quick-specs {
margin-bottom: 0
}
.ddc-content>.quick-specs li {
margin: 0 0 48px
}
.quick-specs li {
position: relative;
min-height: 48px;
margin: 0 0 16px;
padding: 0 16px 0 64px;
text-align: left;
font-size: 15.75px;
font-weight: 700;
line-height: 1.25;
text-transform: capitalize
}
.quick-specs li:after,
.quick-specs li:before {
content: " ";
display: table
}
.quick-specs li:after {
clear: both
}
.quick-specs li:last-child {
margin-bottom: 0
}
.quick-specs li .ddc-icon {
position: absolute;
top: -4px;
left: 0;
text-align: center
}
.quick-specs li span .ddc-icon {
position: inherit
}
.quick-specs li .separator,
.quick-specs li .title {
display: none
}
.quick-specs li.modelCode .separator,
.quick-specs li.modelCode .title,
.quick-specs li.odometer .separator,
.quick-specs li.odometer .title,
.quick-specs li.stockNumber .separator,
.quick-specs li.stockNumber .title,
.quick-specs li.vin .separator,
.quick-specs li.vin .title {
display: inline
}
.quick-specs li.inventoryDate {
padding-top: 50px
}
.quick-specs li.inventoryDate .ddc-icon {
top: 45px
}
.quick-specs.quick-specs-columns-2 {
min-height: 224px
}
.csscolumns .quick-specs.quick-specs-columns-2 {
column-count: 2;
column-gap: 0
}
.csscolumns .quick-specs.quick-specs-columns-2 li {
display: inline-block
}
.no-csscolumns .quick-specs.quick-specs-columns-2:after,
.no-csscolumns .quick-specs.quick-specs-columns-2:before {
content: " ";
display: table
}
.no-csscolumns .quick-specs.quick-specs-columns-2:after {
clear: both
}
.no-csscolumns .quick-specs.quick-specs-columns-2 li {
float: left;
box-sizing: border-box;
width: 50%;
padding-right: 0
}
@media print and (-webkit-min-device-pixel-ratio:0) {
.quick-specs.quick-specs-columns-2 {
column-count: 0
}
.quick-specs.quick-specs-columns-2:after,
.quick-specs.quick-specs-columns-2:before {
content: " ";
display: table
}
.quick-specs.quick-specs-columns-2:after {
clear: both
}
.quick-specs.quick-specs-columns-2 li {
float: left;
box-sizing: border-box;
width: 50%;
padding-right: 0
}
}
.quick-specs.quick-specs-columns-2 li {
box-sizing: border-box;
width: 100%;
height: 96px
}
.quick-specs .exteriorColor>.value {
display: inline-block
}
.quick-specs .exteriorColor>.value:after {
content: '\00A0'
}
.quick-specs .exteriorColor .title {
display: inline-block
}
.quick-specs .exteriorColor .separator {
display: inline
}
.quick-specs .final-price {
font-size: 48px;
font-weight: 700
}
.quick-specs .final-price .ddc-icon {
font-size: 64px
}
.quick-specs .final-price .spec-label {
display: block
}
.quick-specs .fuel-efficiency .value {
display: inline-block;
padding-right: 24px;
text-transform: lowercase
}
.quick-specs .fuel-efficiency .value>span {
display: block;
text-transform: none
}
.quick-specs .fuel-efficiency a {
display: block;
color: inherit
}
.quick-specs .fuel-efficiency a:after,
.quick-specs .fuel-efficiency a:before {
content: " ";
display: table
}
.quick-specs .fuel-efficiency a:after {
clear: both
}
.quick-specs .fuel-efficiency a:hover {
text-decoration: none
}
.ddc-content.inventory-detail-quick-specs .quick-specs .secondary-spec,
.ddc-content.inventory-detail-quick-specs .quick-specs li.driveLine,
.ddc-content.inventory-detail-quick-specs .quick-specs li.modelCode,
.ddc-content.inventory-detail-quick-specs .quick-specs li.odometer,
.ddc-content.inventory-detail-quick-specs .quick-specs li.transmission,
.ddc-content.inventory-detail-quick-specs .quick-specs li.vin {
height: auto;
margin-bottom: 0
}
.ddc-content.inventory-detail-quick-specs .quick-specs .secondary-spec i.ddc-icon:not(.disclaimer-popover),
.ddc-content.inventory-detail-quick-specs .quick-specs li.driveLine i.ddc-icon:not(.disclaimer-popover),
.ddc-content.inventory-detail-quick-specs .quick-specs li.modelCode i.ddc-icon:not(.disclaimer-popover),
.ddc-content.inventory-detail-quick-specs .quick-specs li.odometer i.ddc-icon:not(.disclaimer-popover),
.ddc-content.inventory-detail-quick-specs .quick-specs li.transmission i.ddc-icon:not(.disclaimer-popover),
.ddc-content.inventory-detail-quick-specs .quick-specs li.vin i.ddc-icon:not(.disclaimer-popover) {
display: none
}
.quick-specs li.stockNumber {
height: auto;
margin-bottom: 0
}
.quick-specs .secondary-spec {
display: block
}
.quick-specs li.exteriorColor+li:not(.interiorColor) .ddc-icon:not(.disclaimer-popover),
.quick-specs li.interiorColor+li .ddc-icon:not(.disclaimer-popover) {
display: block;
padding-left: 4px
}
.quick-specs li.bodyStyle,
.quick-specs li.comments,
.quick-specs li.doors,
.quick-specs li.fuelType,
.quick-specs li.make,
.quick-specs li.model,
.quick-specs li.trim,
.quick-specs li.year {
display: none
}
.payment-calc-close {
background: var(--page-bg)
}
.payment-calc-close:hover {
background: var(--page-bg)
}
.calculator-inputs .ddc-pseudo-radio-prefix label {
font-weight: 300
}
.calculator-payments-results-text {
font-weight: 300
}
.calculator-payments-results-text .calculator-total {
font-weight: 700
}
.showroom-default .ui-tabs,
.vdp .ddc-wrapper .ui-tabs {
padding: 0
}
.showroom-default .ui-tabs .ui-widget-header,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header {
padding: 0;
border-bottom: solid 1px var(--color-neutral-0);
background-color: var(--color-neutral-0);
background-image: none
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default {
margin: 0;
border: none;
font-weight: 800;
background-color: var(--color-neutral-0);
background-image: none
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default>a:link,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default>a:link {
padding: .5em 1.1em;
font-size: 14px;
font-weight: 400;
color: var(--color-neutral-600)
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default a:hover,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default a:hover {
color: var(--color-neutral-0);
background-color: var(--color-neutral-600)
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected {
background-color: var(--color-neutral-1000);
background-image: none
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a,
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover {
color: var(--color-neutral-0)
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:hover {
background-color: var(--color-neutral-1000)
}
.showroom-default .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:focus,
.vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a:focus {
background-color: var(--color-neutral-1000)
}
.showroom-default .imageViewer .ui-state,
.vdp .ddc-wrapper .imageViewer .ui-state {
right: auto;
bottom: 16px;
left: 16px;
display: none;
margin-bottom: 0;
background: 0 0
}
.showroom-default .imageViewer .ui-state .ddc-icon-zoomin,
.vdp .ddc-wrapper .imageViewer .ui-state .ddc-icon-zoomin {
height: 21px;
margin: 0;
border: none;
font-size: 24px;
text-indent: 0;
color: var(--color-neutral-0)
}
.showroom-default .imageViewer .ui-state .ddc-icon-zoomin:hover,
.vdp .ddc-wrapper .imageViewer .ui-state .ddc-icon-zoomin:hover {
color: var(--color-primary-500)
}
.vdp-sidebar {
transition: transform .2s cubic-bezier(.4, 0, 1, 1) .4s
}
@keyframes sidebarFadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes sidebarFadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.vdp-sidebar:not(.responsive-content-default) .sidebar-title h1 {
margin-top: 1rem !important;
font-size: 1rem
}
.vdp-sidebar:not(.responsive-content-default) .sidebar-title .additional-details {
display: none
}
.vdp-sidebar.responsive-content-default .responsive-content-default-hide {
display: none
}
.vdp-sidebar.responsive-content-default .sidebar-contact-info,
.vdp-sidebar.responsive-content-default .sidebar-links {
padding-top: 16px;
border-top: 1px solid var(--divider-color)
}
.vdp-sidebar.responsive-content-default .sidebar-payment-button-block {
padding: 0 16px 16px
}
.vdp-sidebar.responsive-content-max .responsive-content-max-show {
display: block
}
.vdp-sidebar.responsive-content-max .responsive-content-max-hide {
display: none
}
.vdp-sidebar.responsive-content-mid .responsive-content-mid-show {
display: block
}
.vdp-sidebar.responsive-content-mid .responsive-content-mid-hide {
display: none
}
.vdp-sidebar.responsive-content-min .responsive-content-min-show {
display: block
}
.vdp-sidebar.responsive-content-min .responsive-content-min-hide {
display: none
}
.vdp-sidebar.responsive-content-min .sidebar-vehicle-media {
float: left;
width: 30%;
margin-right: 8px !important;
margin-bottom: 8px !important
}
.vdp-sidebar.responsive-content-min .sidebar-title {
margin-top: 0 !important
}
.vdp-sidebar.responsive-content-min .sidebar-title h1 {
margin-top: 0 !important;
display: flex;
align-items: flex-start;
flex-flow: column
}
.vdp-sidebar.responsive-content-min .sidebar-pricing {
clear: both;
padding-top: 8px !important;
border-top: 1px solid var(--divider-color)
}
.vdp-sidebar.responsive-content-min .mycars-buttons {
display: none
}
.vdp-sidebar.sidebar-fade-in {
animation: sidebarFadeIn 195ms
}
.vdp-sidebar.sidebar-fade-out {
animation: sidebarFadeOut 150ms
}
.responsive-dr .digital-retailing-tabs h3.contentHeading,
.responsive-dr .digital-retailing-tabs h3.h1 {
font-size: 32px
}
.video-gallery .yui3-g {
margin-right: 0;
margin-left: 0
}
.video-gallery a {
display: block;
padding-bottom: 15px
}
.video-gallery a img {
margin: 0 auto
}
.responsive-youtube {
position: relative;
height: 0;
padding-bottom: 56.25%
}
.responsive-youtube[data-aspectratio="4:3"] {
padding-bottom: 75%
}
.responsive-youtube[data-aspectratio="1:1"] {
padding-bottom: 100%
}
.responsive-youtube[data-aspectratio="2:1"] {
padding-bottom: 50%
}
.responsive-youtube>iframe {
position: absolute;
top: 0;
left: 0
}
.jwcontrolbar {
display: inline-block !important
}
.jwcontrolbar:focus-within {
opacity: 1 !important
}
.ddc-box-1 {
border: 1px solid var(--color-neutral-200);
background-color: transparent
}
.ddc-content.content-page-title {
background-color: var(--color-neutral-100)
}
.text-white .content-default .widget-heading,
.text-white .content-default a {
color: #fff
}
.btn {
text-transform: uppercase;
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-large, 6px);
font-size: calc(14px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-xl,
.btn-xlarge,
.pricing .ePrice a.btn-xl,
.pricing .eprice.btn-xl,
.pricing [data-eprice].btn-xl {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-large, 6px);
font-size: calc(20px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-large>.btn,
.btn-group-lg>.btn,
.btn-large,
.btn-lg,
.pricing .ePrice a.btn-lg,
.pricing .eprice.btn-lg,
.pricing [data-eprice].btn-lg {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-large, 6px);
font-size: calc(18px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-sm>.btn,
.btn-group-small>.btn,
.btn-sm,
.btn-small,
.pricing .ePrice a.btn-sm,
.pricing .eprice.btn-sm,
.pricing [data-eprice].btn-sm {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-small, 3px);
font-size: calc(12px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-group-xs>.btn,
.btn-group-xsmall>.btn,
.btn-xs,
.btn-xsmall,
.pricing .ePrice a.btn-xs,
.pricing .eprice.btn-xs,
.pricing [data-eprice].btn-xs {
padding: calc(.95em - var(--btn-border-width)) calc(1.5em - var(--btn-border-width));
border-radius: var(--btn-border-radius-small, 3px);
font-size: calc(10px * var(--btn-font-size-modifier, 1));
line-height: 1.1
}
.btn-unstyled:focus:not(:focus-visible) {
outline: 0
}
.btn-unstyled,
.btn-unstyled:active,
.btn-unstyled:focus,
.btn-unstyled:hover,
.btn-unstyled:visited {
vertical-align: inherit;
padding: inherit;
border: inherit;
border-radius: inherit;
font-family: inherit;
line-height: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
color: inherit;
background-color: transparent;
box-shadow: inherit;
-webkit-appearance: none
}
.form-control label {
font-weight: var(--form-label-font-weight)
}
.form-control {
line-height: 1.2
}
.form-group>label {
padding-top: 8px
}
.checkbox:checked+span:not(.facet-breadcrumb-close-icon),
.radio:checked+span:not(.facet-breadcrumb-close-icon) {
color: var(--text-color)
}
form .invalid {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 25px auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
form .invalid+.errors {
color: var(--color-danger-500)
}
select::-ms-expand {
display: none
}
.alert.alert-default {
border: 2px solid var(--color-neutral-500)
}
.alert.alert-danger .ddc-icon {
display: none
}
.vdp .text-link {
text-decoration: underline;
text-transform: capitalize
}
.vdp .vehicle-location-wrapper a {
text-decoration: underline
}
.popover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.ddc-content.contact-info .tels.two-line-phone .value {
color: var(--text-color)
}
.ddc-content.content-page-title>h1 {
padding: 32px 8px
}
.header-contact {
border-bottom: 1px solid var(--color-neutral-400)
}
.navbar.responsive.responsive-search-nav {
top: 145px
}
.ddc-footer {
border-top: 1px solid var(--color-neutral-200)
}
.ddc-footer .third-party-service-footer .dropdown a>.ddc-icon {
float: right;
font-size: 16px
}
.contentHeading {
font-size: 20px
}
.vlp .inventoryList .mycars-watchers {
font-size: 12px
}
.mycars-save-btn {
background-color: var(--page-bg)
}
.ui-dialog .ui-dialog-titlebar-close {
margin: -10px 6px 0 0
}
[data-widget-name=contact-form] .widget-heading {
text-align: center;
font-size: 32px
}
[data-widget-name=content-tabbed] .nav-tabs li.active a,
[data-widget-name=content-tabbed] .nav-tabs li.currentPage a {
background: 0 0
}
[data-widget-name=content-tabbed] .tab-pane h4 {
display: none
}
.vdp .recommendations-vehicles .pricing .price .value {
font-weight: 400
}
.vdp .recommendations-vehicles .sales-taxes {
display: none
}
.ws-detailed-incentives .panel-heading a:active,
.ws-detailed-incentives .panel-heading a:focus,
.ws-detailed-incentives .panel-heading a:hover {
text-decoration: none
}
[data-widget-name=ws-detailed-specs] .spec-list>li {
font-size: 16px
}
[data-widget-name=ws-detailed-specs] .spec-item-description {
font-weight: 800
}
[data-widget-name=ws-detailed-specs] .spec-item-detail {
font-size: 14px
}
[data-widget-name=ws-detailed-specs] .spec-item-detail ul {
margin-top: 8px;
padding-left: 16px
}
[data-widget-name=ws-detailed-specs] .spec-item-detail ul li {
margin-bottom: 8px
}
.ws-hl-features li {
color: var(--color-neutral-1000-alpha-9)
}
.ws-iframe.fca-iframe iframe {
display: block;
margin: auto;
max-width: 1360px
}
.ws-packages-options div strong {
font-weight: 400
}
.index .button-block-responsive .buttonblock-button a {
height: 160px;
font-size: 24px
}
.index .button-block-responsive .buttonblock-button a .transparency-overlay {
transition: opacity .2s ease-out
}
.index .button-block-responsive .buttonblock-button a:hover .transparency-overlay {
opacity: .25 !important
}
.index .buttonblock-default a.btn>h4::before {
font-size: 32px
}
.index .buttonblock-default.mx .ui-button-text {
position: absolute;
bottom: 50%;
transform: translateY(50%)
}
.vdp .contact-info.sidebar-contact-info .tels>.tel .type {
font-size: 16px;
color: var(--text-muted-color)
}
.vdp .contact-info.sidebar-contact-info .tels>.tel .value {
font-size: 16px
}
.index .hero-image-overlay-container .content-hero .hero-content-container .hero-content-box {
margin-top: 32px
}
.index .hero-image-overlay-container .hero-image-overlay.content1 {
position: absolute;
right: 0;
left: 0;
margin-top: -280px
}
.content-page-title .dealership-section .content-hero.content2 h1,
.dealership-section .content-hero.content2 .container,
.dealership-section .content-hero.content2 .content-page-title h1 {
margin-left: 2%
}
@media (min-width:1300px) {
.content-page-title .dealership-section .content-hero.content2 h1,
.dealership-section .content-hero.content2 .container,
.dealership-section .content-hero.content2 .content-page-title h1 {
margin-left: 4%
}
}
@media (min-width:1600px) {
.content-page-title .dealership-section .content-hero.content2 h1,
.dealership-section .content-hero.content2 .container,
.dealership-section .content-hero.content2 .content-page-title h1 {
margin-left: 6%
}
}
@media (min-width:1200px) {
.alias-incentives-search-default .ddc-page-title,
.alias-incentives-search-detail .ddc-page-title,
.vlp .ddc-page-title {
width: 1200px
}
}
[data-widget-name=content-tabbed] li {
padding-right: 20px
}
[data-widget-name=content-tabbed] li .ddc-icon {
position: absolute;
right: -20px
}
.page-header.responsive-centered-nav .header-contact [data-widget-name=header-default] .vcard {
padding-right: 40px
}
.page-header.responsive-centered-nav .header-contact [data-widget-name=header-default] .vcard .adr a,
.page-header.responsive-centered-nav .header-contact [data-widget-name=header-default] .vcard .tels>.tel {
font-size: 12px
}
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard.header-logo-enabled {
margin-left: 8px
}
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.fn.contentHeading span,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.h1.fn span,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard h1.fn span {
font-size: 18px
}
@media (max-width:1200px) {
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.fn.contentHeading span.extra-long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.fn.contentHeading span.long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.fn.contentHeading span.medium-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.h1.fn span.extra-long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.h1.fn span.long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.h1.fn span.medium-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard h1.fn span.extra-long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard h1.fn span.long-title,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard h1.fn span.medium-title {
font-size: 14px
}
}
@media (min-width:1200px) {
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.fn.contentHeading span,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard div.h1.fn span,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=header-default] .vcard h1.fn span {
font-size: 20px
}
}
@media screen\0 {
.page-header.responsive-centered-nav .header-navigation .navigation-default {
width: 100%
}
}
.page-header.value-statement-header+.value-statement-mega-wrapper .navbar-default {
height: auto
}
[data-fragment-id=DEALERSHIP_INFO_FRAGMENT] [data-widget-name=hours-default] .value {
padding: 0
}
.index [data-widget-name=hours-default] .ddc-hours {
font-size: 14px
}
.ddc-footer [data-widget-name=hours-default] {
background-color: transparent;
padding-left: 8px
}
.ddc-footer [data-widget-name=hours-default] .ddc-hours {
font-size: 12px;
color: var(--color-neutral-0)
}
.ddc-footer [data-widget-name=hours-default] .view-link {
padding: 0;
padding-bottom: 16px;
padding-right: 16px;
color: var(--color-neutral-0);
text-align: left;
font-size: 14px
}
.ddc-footer [data-widget-name=hours-default] .view-link:focus,
.ddc-footer [data-widget-name=hours-default] .view-link:hover {
text-decoration: underline;
background-color: transparent
}
.incentives-search-default .incentives-header h2 {
text-transform: none
}
.incentives-search-default .facets-container .widget-heading {
font-size: 20px
}
.incentives-search-default .vehicles-container .vehicle-container {
height: 250px;
min-height: 0
}
.incentives-search-default .alert-info.no-incentives,
.incentives-search-default .alert-info.no-results {
margin-left: -33%
}
@media (min-width:1200px) {
.alias-incentives-search-default .container.main,
.alias-incentives-search-default .content-page-title h1.main,
.content-page-title .alias-incentives-search-default h1.main {
width: 1200px !important
}
}
.incentives-search-detail .facet-group .widget-heading {
font-size: 20px
}
.incentives-search-detail .ddc-nav-inline .offer-value,
.incentives-search-detail .nav .offer-value {
font-weight: 400
}
.incentives-search-detail .current-trim img {
width: 100%
}
@media (min-width:1200px) {
.alias-incentives-search-detail .container.main,
.alias-incentives-search-detail .content-page-title h1.main,
.content-page-title .alias-incentives-search-detail h1.main {
width: 1200px !important
}
}
[data-widget-name=inventory-detail-mini] {
border: none;
border-right: 4px solid var(--color-neutral-600);
margin: 0 16px 0 0;
max-width: 325px;
padding: 0 16px 0 0
}
[data-widget-name=inventory-detail-mini] .media {
float: none;
margin-right: 0;
width: auto
}
[data-widget-name=inventory-detail-mini] .pricing {
float: none;
margin-left: 0;
text-align: left;
width: 100%
}
[data-widget-name=inventory-detail-mini] .pricing li:not(:first-child) {
display: none
}
.inventory-featured-default h3 a {
display: inline-block;
color: var(--text-color)
}
.inventory-featured-default .description {
min-height: 120px;
font-size: 12px
}
.inventory-featured-default .pricing {
width: 46%;
font-weight: 400
}
.inventory-featured-default .pricing li .value {
font-size: 16px
}
.inventory-featured-default .pricing .final-price .value {
font-size: 20px
}
.inventory-featured-default .pricing .label {
font-size: 12px;
font-weight: 400;
white-space: normal;
text-transform: uppercase
}
.inventory-featured-default .hproduct {
position: relative;
margin-bottom: 32px;
padding-bottom: 24px
}
.inventory-featured-default .hproduct:after,
.inventory-featured-default .hproduct:before {
content: " ";
display: table
}
.inventory-featured-default .hproduct:after {
clear: both
}
.inventory-featured-default .hproduct .fn {
font-size: 20px
}
.inventory-featured-default .hproduct .btn,
.inventory-featured-default .hproduct .view-link {
position: absolute;
right: 16px;
bottom: -16px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct {
height: 275px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .fn {
font-size: 14px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .media {
min-height: 85px
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .pricing {
width: 100%
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .pricing .value {
font-weight: 800
}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description {
height: auto;
font-size: 12px;
line-height: 1.45em
}
.index .inventory-featured-default .hproduct .fn {
font-size: 14px
}
.index .inventory-featured-default .hproduct .pricing .no-value {
font-size: 1.2em
}
.index .inventory-featured-default .hproduct .view-link {
right: 0;
bottom: 5px
}
.inventory-listing-default .facetmulti {
margin-top: 16px;
background-color: var(--color-neutral-100)
}
.inventory-listing-default .facetmulti-label {
text-transform: capitalize
}
.inventory-listing-default .facetmulti-label em {
font-style: normal;
font-size: 12px
}
.inventory-listing-default .facetmulti-heading {
display: none
}
.inventory-listing-default .facetmulti .panel-title {
font-size: 16px;
text-transform: uppercase
}
.inventory-listing-default .facetmulti-form {
border: 0 none;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
.inventory-listing-default .facetlist {
border: 0 none;
border-bottom: 1px solid var(--color-neutral-1000-alpha-2)
}
.inventory-listing-default .facetlist .input-group-btn {
right: 1px
}
.inventory-listing-default .facet-breadcrumb-item {
padding-top: 0
}
.inventory-listing-default .facet-breadcrumb-label {
border: 1px solid var(--color-neutral-50);
border-radius: 10px;
font-size: 14px;
color: var(--text-color);
background-color: var(--color-neutral-50)
}
.inventory-listing-default .facet-breadcrumb-form .facet-breadcrumb-label {
padding: 0 8px
}
.inventory-listing-default .facet-breadcrumb-close-icon {
color: var(--color-neutral-500)
}
.inventory-listing-default .facet-breadcrumb-title {
text-transform: capitalize
}
.inventory-listing-default #compareForm .ft .row,
.inventory-listing-default #compareForm .ft .yui3-g,
.inventory-listing-default #compareForm .hd .row,
.inventory-listing-default #compareForm .hd .yui3-g {
background-color: var(--color-neutral-50)
}
.inventory-listing-default #compareForm .ft .pagination,
.inventory-listing-default #compareForm .hd .pagination {
margin-right: 16px
}
.inventory-listing-default #compareForm .ft .pagination a[rel=next],
.inventory-listing-default #compareForm .ft .pagination a[rel=prev],
.inventory-listing-default #compareForm .hd .pagination a[rel=next],
.inventory-listing-default #compareForm .hd .pagination a[rel=prev] {
padding-top: 14px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 1.67px;
text-transform: uppercase;
color: var(--color-primary-500)
}
.inventory-listing-default #compareForm .ft .pagination a[rel=next]::before,
.inventory-listing-default #compareForm .ft .pagination a[rel=prev]::before,
.inventory-listing-default #compareForm .hd .pagination a[rel=next]::before,
.inventory-listing-default #compareForm .hd .pagination a[rel=prev]::before {
top: 10px;
font-size: 16px;
color: var(--text-color)
}
.inventory-listing-default #compareForm .ft .pagination a[rel=next]::before,
.inventory-listing-default #compareForm .hd .pagination a[rel=next]::before {
right: 0
}
.inventory-listing-default #compareForm .ft .pagination a[rel=prev]::before,
.inventory-listing-default #compareForm .hd .pagination a[rel=prev]::before {
left: 0
}
.inventory-listing-default #compareForm .ft .ddc-span6,
.inventory-listing-default #compareForm .ft .yui3-u-1-2 {
padding: 0 0 0 8px
}
.inventory-listing-default #compareForm .ft .comparing {
display: flex
}
.inventory-listing-default #compareForm .ft .row .ddc-span12,
.inventory-listing-default #compareForm .ft .row .yui3-u-1,
.inventory-listing-default #compareForm .ft .yui3-g .ddc-span12,
.inventory-listing-default #compareForm .ft .yui3-g .yui3-u-1 {
padding-top: 8px;
padding-bottom: 8px
}
.inventory-listing-default #compareForm .bd .item {
border-bottom: 1px solid var(--color-neutral-200)
}
.inventory-listing-default #compareForm .bd .hproduct .fn {
font-size: 16px
}
.inventory-listing-default #compareForm .bd .hproduct .fn .url {
font-weight: 800;
color: var(--text-color)
}
.inventory-listing-default #compareForm .bd .hproduct .description {
padding-right: 8px
}
.inventory-listing-default #compareForm .bd .hproduct .description dt {
width: 40%;
line-height: 2
}
.inventory-listing-default #compareForm .bd .hproduct .description dd {
width: 60%;
line-height: 2
}
.inventory-listing-default #compareForm .bd .hproduct .description dl,
.inventory-listing-default #compareForm .bd .hproduct .incentive-list .dialog,
.inventory-listing-default #compareForm .bd .hproduct .packageItems,
.inventory-listing-default #compareForm .bd .hproduct .packageParens,
.inventory-listing-default #compareForm .bd .hproduct .packageTitle {
font-size: 12px
}
.inventory-listing-default #compareForm .bd .hproduct .incentive-list .incentive-type-heading {
display: none
}
.inventory-listing-default #compareForm .bd .hproduct .incentive-list a.dialog {
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
color: var(--color-primary-500)
}
.inventory-listing-default #compareForm .bd .hproduct .video.btn {
position: relative;
padding: 8px 0 8px 32px;
font-size: 10px
}
.inventory-listing-default #compareForm .bd .hproduct .video.btn .ddc-icon {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.inventory-listing-default #compareForm .bd .hproduct .video.btn .ddc-icon::before {
font-size: 24px
}
.inventory-listing-default #compareForm .bd .hproduct .description dd {
hyphens: auto;
color: var(--text-color)
}
.inventory-listing-default #compareForm .bd .hproduct .packages {
margin-top: 0
}
.inventory-listing-default #compareForm .bd .hproduct .windowsticker .badge {
font-size: 10px
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area {
padding-right: 16px
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .label {
font-size: 12px;
white-space: normal;
hyphens: auto
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .label,
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .value {
font-weight: 400
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .final-price .value {
font-weight: 800
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .abSub,
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .bordered-price-element,
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .rebate,
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .subtotal {
border-bottom: 1px solid var(--color-neutral-200)
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .eprice {
width: 100%;
margin: 16px 0;
padding: 13px 16px;
font-size: 10.5px;
color: var(--color-primary-500);
border-color: var(--color-primary-500);
background-color: var(--color-neutral-0)
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .eprice:hover {
color: var(--text-inverse-color);
background-color: var(--color-primary-500)
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .eprice .ui-button-text {
letter-spacing: 1.67px
}
.inventory-listing-default #compareForm .bd .hproduct .pricing-area .pricing li:first-child span:not(.final-price) .value {
font-size: 16px
}
.inventory-listing-default #compareForm .bd .hproduct .paymentInformation {
font-size: 12px
}
.inventory-listing-default #compareForm .bd .hproduct .paymentInformation .ddc-icon {
color: var(--text-color) !important
}
.inventory-listing-default #compareForm .bd .hproduct .windowsticker .badge:focus:not(:hover) {
color: var(--btn-default-color)
}
.inventory-listing-default #compareForm .bd .item-compare .compare-submit-link,
.inventory-listing-default #compareForm .bd .item-compare .form-group {
padding-right: 16px
}
.inventory-listing-default #compareForm .bd .item-compare .checkbox input {
left: 4px
}
.inventory-listing-default #compareForm .bd .item-compare .checkbox span {
position: relative;
left: 20px
}
.inventory-listing-default #compareForm .bd .item-compare span {
font-size: 16px;
font-weight: 400
}
.inventory-listing-default #compareForm .bd .item-compare label.checkbox {
position: relative;
padding-right: 16px
}
.inventory-listing-default #compareForm .bd .item-compare label.checkbox input.checkbox {
position: absolute;
top: 40%;
right: 0;
transform: translateY(-50%)
}
.inventory-listing-default #compareForm .bd .compare-submit-link {
font-size: 10px;
font-weight: 400
}
.inventory-listing-default .calloutDetails ul li {
vertical-align: middle;
display: inline-block;
width: 45%;
height: 40px;
margin: 10px 0;
padding: 0 5px;
text-align: center
}
.inventory-listing-default .calloutDetails ul li img {
display: inline-block;
max-width: 100%
}
.inventory-listing-default .calloutDetails ul li._comments {
display: block;
width: 100%;
height: auto;
text-align: left
}
@media (min-width:1200px) {
.content-page-title .vlp h1.main,
.vlp .container.main,
.vlp .content-page-title h1.main {
width: 1200px !important
}
}
.inventory-search-facet-browse .facet-browse-form,
.inventory-search-facet-browse .facet-browse-loader {
position: relative;
text-align: center
}
.inventory-search-facet-browse .facet-browse-form h3.ddc-sub-heading,
.inventory-search-facet-browse .facet-browse-loader h3.ddc-sub-heading {
display: inline-block;
margin-right: 24px;
color: var(--text-inverse-color)
}
.inventory-search-facet-browse .facet-browse-form .dropdown-menu.inner,
.inventory-search-facet-browse .facet-browse-loader .dropdown-menu.inner {
background-color: var(--color-neutral-0)
}
.inventory-search-facet-browse .facet-browse-form .dropdown-menu.inner a,
.inventory-search-facet-browse .facet-browse-loader .dropdown-menu.inner a {
color: var(--color-neutral-1000)
}
.inventory-search-facet-browse .facet-browse-form .dropdown-menu.inner a:focus,
.inventory-search-facet-browse .facet-browse-form .dropdown-menu.inner a:hover,
.inventory-search-facet-browse .facet-browse-loader .dropdown-menu.inner a:focus,
.inventory-search-facet-browse .facet-browse-loader .dropdown-menu.inner a:hover {
color: var(--color-neutral-1000);
background-color: var(--color-neutral-1000-alpha-1)
}
.inventory-search-facet-browse .facet-browse-form .submit-search.btn:hover,
.inventory-search-facet-browse .facet-browse-loader .submit-search.btn:hover {
background: var(--btn-default-hover-bg)
}
.inventory-search-facet-browse .ddc-pill-group .ddc-pill-nav {
padding: .15em;
border: 1px solid var(--color-neutral-200)
}
.inventory-search-facet-browse .ddc-pill-group .ddc-pill-nav .pill-label {
padding: .8em 1em
}
.index-0014 .inventory-search-facet-browse {
position: absolute;
right: 0;
bottom: 20%;
left: 0
}
.inventory-search-facet-browse .btn-group .btn.dropdown-toggle {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
padding-right: 64px
}
.inventory-search-facetbrowse .facetbrowse-ajax-form select {
max-width: 100%
}
html[lang=fr-CA] .inventory-search-facetbrowse .facetbrowse-ajax-form select {
min-width: 260px
}
.inventory-search-payment .widget-heading>.ddc-icon {
font-size: 48px
}
.vdp .links-list.sidebar-links {
margin: 0
}
.vdp .links-list.sidebar-links li>.btn-default>.ddc-icon {
color: var(--color-primary-500)
}
.vdp .links-list.sidebar-links li>.btn-default:active,
.vdp .links-list.sidebar-links li>.btn-default:hover {
background-color: var(--btn-default-hover-bg)
}
.vdp .links-list.sidebar-links li>.btn-default:active .ddc-icon:before,
.vdp .links-list.sidebar-links li>.btn-default:hover .ddc-icon:before {
color: var(--btn-default-hover-color)
}
.index .links-list ul>li>a .ddc-icon {
position: absolute;
left: 0
}
.ddc-footer .links .links-list .widget-heading {
color: var(--color-neutral-0)
}
.ddc-footer .links .links-list li a {
padding-left: 0
}
.ddc-footer .links .links-list li a:focus,
.ddc-footer .links .links-list li a:hover {
text-decoration: underline;
background-color: transparent
}
.ddc-footer .links .links-list li b::before {
content: none
}
.model-selector-default .hproduct h3.fn>a {
text-transform: capitalize;
color: var(--text-color)
}
.model-selector-default .view-all-link.view-link {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg)
}
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration) {
position: relative;
padding-right: var(--btn-default-padding-right, calc(1.5em - var(--btn-border-width)));
padding-left: var(--btn-default-padding-left, calc(1.5em - var(--btn-border-width)));
text-align: var(--btn-default-text-alignment, center)
}
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration):before {
content: var(--btn-default-decoration-content);
position: absolute;
top: 50%;
right: var(--btn-default-decoration-position-right, auto);
left: var(--btn-default-decoration-position-left, auto);
font-family: ddc-button-icons;
font-weight: 400;
line-height: 1;
color: var(--btn-default-decoration-color, transparent);
transform: translateY(-50%);
speak: none
}
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration).focus:before,
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration):focus:before {
color: var(--btn-default-decoration-focus-color, var(--btn-default-decoration-color, transparent))
}
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration).focus-within,
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration):focus-within {
box-shadow: var(--btn-default-focus-within-box-shadow)
}
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration).hover:before,
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration):hover:before {
color: var(--btn-default-decoration-hover-color, transparent)
}
.model-selector-default .view-all-link.view-link.btn.currentPage:not(.btn-no-decoration):before,
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration).active:before,
.model-selector-default .view-all-link.view-link.btn:not(.btn-no-decoration):active:before {
color: var(--btn-default-decoration-active-color, transparent)
}
.model-selector-default .view-all-link.view-link.focus,
.model-selector-default .view-all-link.view-link:focus {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg);
box-shadow: var(--btn-default-hover-box-shadow)
}
.model-selector-default .view-all-link.view-link.hover,
.model-selector-default .view-all-link.view-link:hover {
color: var(--btn-default-hover-color);
border-color: var(--btn-default-hover-border-color);
background: var(--btn-default-hover-bg);
box-shadow: var(--btn-default-hover-box-shadow);
transform: var(--btn-default-hover-transform)
}
.model-selector-default .view-all-link.view-link.active,
.model-selector-default .view-all-link.view-link.currentPage,
.model-selector-default .view-all-link.view-link:active,
.open>.model-selector-default .view-all-link.view-link.dropdown-toggle {
color: var(--btn-default-active-color);
border-color: var(--btn-default-active-border-color);
background: var(--btn-default-active-bg)
}
.model-selector-default .view-all-link.view-link.active.focus,
.model-selector-default .view-all-link.view-link.active:focus,
.model-selector-default .view-all-link.view-link.active:hover,
.model-selector-default .view-all-link.view-link.currentPage:focus,
.model-selector-default .view-all-link.view-link.currentPage:hover,
.model-selector-default .view-all-link.view-link.focus.currentPage,
.model-selector-default .view-all-link.view-link:active.focus,
.model-selector-default .view-all-link.view-link:active:focus,
.model-selector-default .view-all-link.view-link:active:hover,
.open>.model-selector-default .view-all-link.view-link.dropdown-toggle.focus,
.open>.model-selector-default .view-all-link.view-link.dropdown-toggle:focus,
.open>.model-selector-default .view-all-link.view-link.dropdown-toggle:hover {
color: var(--btn-default-active-color);
border-color: var(--btn-default-active-border-color);
background: var(--btn-default-active-bg)
}
.model-selector-default .view-all-link.view-link.active,
.model-selector-default .view-all-link.view-link.currentPage,
.model-selector-default .view-all-link.view-link:active,
.open>.model-selector-default .view-all-link.view-link.dropdown-toggle {
background-image: none
}
.model-selector-default .view-all-link.view-link.active,
.model-selector-default .view-all-link.view-link.currentPage,
.model-selector-default .view-all-link.view-link:active {
transform: var(--btn-default-active-transform)
}
.model-selector-default .view-all-link.view-link.disabled.focus,
.model-selector-default .view-all-link.view-link.disabled:focus,
.model-selector-default .view-all-link.view-link.disabled:hover,
.model-selector-default .view-all-link.view-link[disabled].focus,
.model-selector-default .view-all-link.view-link[disabled]:focus,
.model-selector-default .view-all-link.view-link[disabled]:hover,
fieldset[disabled] .model-selector-default .view-all-link.view-link.focus,
fieldset[disabled] .model-selector-default .view-all-link.view-link:focus,
fieldset[disabled] .model-selector-default .view-all-link.view-link:hover {
color: var(--btn-default-color);
border-color: var(--btn-default-border-color);
background: var(--btn-default-bg)
}
.model-selector-default .view-all-link.view-link .badge {
color: var(--btn-default-bg);
background: var(--btn-default-color)
}
.model-selector-parallax .viewer {
width: auto
}
.model-selector-parallax .buttons {
padding-top: 16px
}
.model-selector-parallax .buttons .btn {
display: inline;
padding: 8px;
padding-right: 16px;
font-size: 12px
}
.model-selector-parallax .buttons .btn .ddc-icon::before {
content: none
}
.model-selector-parallax .pricing .price,
.model-selector-parallax .pricing .starting {
width: 40%;
font-size: 16px;
line-height: 1.5
}
.ws-mycars-nav-wrapper .mycars-nav-badge--desktop {
background-color: var(--color-neutral-0-alpha-9)
}
@media screen and (max-width:1375px) {
.page-header.responsive-centered-nav .ws-mycars-nav-wrapper .mycars.mycars-integration-navbar .menu a.ddc-icon-mywallet::before {
height: auto
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a {
height: 90px;
padding: 6px 10px;
justify-content: center;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a::before {
height: 19px;
margin-right: 0
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .count {
height: 16px;
padding-right: 0
}
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .count::before {
float: none;
display: block;
margin-right: 0
}
}
.page-header.responsive-centered-nav .header-navigation [data-widget-name=navigation-default] .navbar-nav>li>a .ddc-icon,
.page-header.responsive-centered-nav .header-navigation [data-widget-name=ws-navigation] .navbar-nav>li>a .ddc-icon {
font-size: 24px
}
[data-widget-name=navigation-default] .dropdown-menu.row,
[data-widget-name=navigation-default] .dropdown-menu.yui3-g,
[data-widget-name=ws-navigation] .dropdown-menu.row,
[data-widget-name=ws-navigation] .dropdown-menu.yui3-g {
background: var(--color-neutral-0)
}
[data-widget-name=navigation-default] .dropdown-menu.row .parent>a,
[data-widget-name=navigation-default] .dropdown-menu.yui3-g .parent>a,
[data-widget-name=ws-navigation] .dropdown-menu.row .parent>a,
[data-widget-name=ws-navigation] .dropdown-menu.yui3-g .parent>a {
font-size: 16px;
text-transform: uppercase;
color: var(--text-color)
}
[data-widget-name=navigation-default] .dropdown-menu.row h4,
[data-widget-name=navigation-default] .dropdown-menu.yui3-g h4,
[data-widget-name=ws-navigation] .dropdown-menu.row h4,
[data-widget-name=ws-navigation] .dropdown-menu.yui3-g h4 {
font-size: 16px
}
[data-widget-name=navigation-default] .dropdown-menu.row ul.nav-links>li>a,
[data-widget-name=navigation-default] .dropdown-menu.yui3-g ul.nav-links>li>a,
[data-widget-name=ws-navigation] .dropdown-menu.row ul.nav-links>li>a,
[data-widget-name=ws-navigation] .dropdown-menu.yui3-g ul.nav-links>li>a {
font-size: 14px;
font-weight: 700;
color: var(--color-primary-500)
}
[data-widget-name=navigation-default] .dropdown-menu.row ul.nav-links>li>a:hover,
[data-widget-name=navigation-default] .dropdown-menu.yui3-g ul.nav-links>li>a:hover,
[data-widget-name=ws-navigation] .dropdown-menu.row ul.nav-links>li>a:hover,
[data-widget-name=ws-navigation] .dropdown-menu.yui3-g ul.nav-links>li>a:hover {
color: var(--color-primary-700)
}
[data-widget-name=navigation-default] .ddc-mega-menu-nav .contact-form .widget-heading,
[data-widget-name=ws-navigation] .ddc-mega-menu-nav .contact-form .widget-heading {
font-size: 14px
}
[data-widget-name=navigation-default] .ddc-mega-menu-nav .contact-form label,
[data-widget-name=ws-navigation] .ddc-mega-menu-nav .contact-form label {
font-size: 12px
}
[data-widget-name=navigation-default] .ddc-mega-menu-nav .contact-form .casl-disclaimer,
[data-widget-name=navigation-default] .ddc-mega-menu-nav .contact-form .cemConsent,
[data-widget-name=ws-navigation] .ddc-mega-menu-nav .contact-form .casl-disclaimer,
[data-widget-name=ws-navigation] .ddc-mega-menu-nav .contact-form .cemConsent {
font-size: 12px
}
.ddc-footer [data-widget-name=navigation-default] ul li>a:focus,
.ddc-footer [data-widget-name=ws-navigation] ul li>a:focus {
background-color: var(--color-primary-800);
color: var(--color-neutral-0);
text-decoration: underline
}
.ddc-footer .hours [data-widget-name=navigation-default],
.ddc-footer .hours [data-widget-name=ws-navigation],
.ddc-footer .links [data-widget-name=navigation-default],
.ddc-footer .links [data-widget-name=ws-navigation] {
z-index: 5
}
.ddc-footer .hours [data-widget-name=navigation-default] .ddc-nav-inline,
.ddc-footer .hours [data-widget-name=navigation-default] .nav,
.ddc-footer .hours [data-widget-name=ws-navigation] .ddc-nav-inline,
.ddc-footer .hours [data-widget-name=ws-navigation] .nav,
.ddc-footer .links [data-widget-name=navigation-default] .ddc-nav-inline,
.ddc-footer .links [data-widget-name=navigation-default] .nav,
.ddc-footer .links [data-widget-name=ws-navigation] .ddc-nav-inline,
.ddc-footer .links [data-widget-name=ws-navigation] .nav {
margin-top: 0
}
.ddc-footer .hours [data-widget-name=navigation-default] ul li>a,
.ddc-footer .hours [data-widget-name=ws-navigation] ul li>a,
.ddc-footer .links [data-widget-name=navigation-default] ul li>a,
.ddc-footer .links [data-widget-name=ws-navigation] ul li>a {
height: 75px;
padding-top: 24px;
padding-bottom: 0;
font-size: 12px
}
html[lang=fr-CA] .ddc-footer [data-widget-name=navigation-default] ul li>a,
html[lang=fr-CA] .ddc-footer [data-widget-name=ws-navigation] ul li>a {
padding-left: 8px;
padding-right: 8px
}
.index .recommendations-vehicles .tile-list .vehicle-list-item {
box-shadow: none
}
@media (min-width:1300px) {
.recommendations-vehicles.responsive-content .widget-heading {
margin-left: 5%
}
.recommendations-vehicles.responsive-content .vehicle-list.tile-list .vehicle-list-item .title.h3 {
font-size: 16px
}
}
@media (max-width:1150px) {
.recommendations-vehicles.responsive-content .tile-list .vehicle-list-item .rv-recommended-details {
font-size: 14px !important
}
}
.recommendations-vehicles.responsive-content .info .info-container ul.pricing li>.value {
font-weight: 800
}
.vdp .recommendations-vehicles .info-container .pricing,
.vdp .recommendations-vehicles .info-container .title {
top: 0
}
@media screen and (max-width:1200px) {
.vdp .recommendations-vehicles .info-container .pricing,
.vdp .recommendations-vehicles .info-container .title {
font-size: 14px
}
.vdp .recommendations-vehicles .info-container .pricing .price,
.vdp .recommendations-vehicles .info-container .title .price {
padding-top: 0
}
.vdp .recommendations-vehicles .info-container .pricing .price .value,
.vdp .recommendations-vehicles .info-container .title .price .value {
font-size: 14px
}
}
.vdp .recommendations-vehicles .pricing .price {
padding-top: 8px
}
.vdp .recommendations-vehicles .pricing .price .value {
font-size: 24px;
font-weight: 800
}
.vdp .recommendations-vehicles .widget-heading {
font-size: 24px
}
.service-section .service-lead label {
margin-top: 0;
margin-bottom: 0
}
[data-widget-name=slideshow-background] {
max-width: 2000px
}
[data-widget-name=slideshow-background].ddc-content {
margin: 0 auto !important
}
[data-widget-name=slideshow-background] .slideControls {
max-width: 2000px;
position: static;
z-index: 0
}
[data-widget-name=slideshow-background] .slideControls.withPlayPause .previousNext a.play {
left: 50%;
position: absolute;
transform: translate(-50%, -50%)
}
[data-widget-name=slideshow-background] .slideControls.withPlayPause .previousNext a.play::before {
font-size: 48px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
[data-widget-name=slideshow-background] .slideControls .previousNext a {
border: 0 none transparent;
border-radius: 50%;
height: 56px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 56px
}
[data-widget-name=slideshow-background] .slideControls .previousNext a .ddc-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
transform: translate(-50%, -50%)
}
[data-widget-name=slideshow-background] .slideControls .prev {
left: 2%
}
[data-widget-name=slideshow-background] .slideControls .next {
right: 2%
}
[data-widget-name=slideshow-background] .slideControls .pager {
position: absolute;
bottom: 2%;
right: 0;
left: 0
}
[data-widget-name=slideshow-background] .slideControls .pager a {
border-radius: 50%;
background: #fff
}
[data-widget-name=slideshow-background] .slideControls .pager a.activeSlide {
background: var(--color-neutral-900)
}
[data-widget-name=slideshow-background].small-controls .slideControls .previousNext a {
height: 28px;
width: 28px
}
[data-widget-name=slideshow-background].small-controls .slideControls .previousNext a.play::before {
font-size: 16px
}
[data-widget-name=slideshow-background].small-controls .slideControls .previousNext a .ddc-icon {
font-size: 14px
}
.slideshow-default .slideControls .previousNext {
position: relative;
bottom: 190px
}
@media (max-width:1100px) {
.slideshow-default .slideControls .previousNext {
bottom: 150px
}
}
.slideshow-default .slideControls .previousNext a {
border: 0 none;
background-color: transparent
}
@media (min-width:1400px) {
.slideshow-default.index19.responsive .slideControls {
right: 0;
left: 0;
width: 100%;
margin: 0
}
}
.tabs-tabbed-widgets .tabs-tabbed-widgets-container .tabs-tabbed-widgets-group-1,
.tabs-tabbed-widgets .tabs-tabbed-widgets-container .tabs-tabbed-widgets-group-2 {
width: auto
}
.tabs-tabbed-widgets .ui-tabs-nav li.ui-state-active a,
.tabs-tabbed-widgets .ui-tabs-nav li.ui-state-hover a {
background: var(--color-neutral-200)
}
.tabs-tabbed-widgets .ui-tabs-nav li a {
font-size: 20px
}
.tabs-tabbed-widgets .ui-tabs-nav li.ui-state-active::after {
content: ' ';
position: absolute;
z-index: 3;
bottom: -19px;
left: 50%;
width: 0;
height: 0;
border: 15px solid transparent;
border-top-color: var(--color-neutral-200)
}
.ws-vehicle-title .additional-details,
.ws-vehicle-title .vehicle-title span {
padding-bottom: 8px
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.vehicle-promotion .promo-content>.promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.vehicle-promotion .promo-content>.promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.vehicle-promotion .promo-content>.promo-cta-link {
padding-right: 4px;
padding-left: 4px
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.vehicle-promotion .promo-content>.promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.vehicle-promotion .promo-content>.promo-cta-link {
padding-right: 16px;
padding-left: 16px
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-cta-link {
padding-right: 16px;
padding-left: 16px
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .year-make-container,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .year-make-container {
display: inline-block;
padding-right: 5px
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-year {
display: block
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-bodystyle,
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-bodystyle,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-year {
font-size: 12px;
line-height: 12px
}
[data-widget-name=promotions-listing] .ddc-span4 .promotion-body.incentive-promotion .promo-model-name,
[data-widget-name=promotions-listing] .yui3-u-1-3 .promotion-body.incentive-promotion .promo-model-name {
font-size: 24px;
line-height: 24px
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-cta-link,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-cta-link {
padding-right: 4px;
padding-left: 4px
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .year-make-container,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .year-make-container,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .year-make-container {
display: inline-block;
padding-right: 5px
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-year {
display: block
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-bodystyle,
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-bodystyle,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-year,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-bodystyle,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-make,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-year {
font-size: 12px;
line-height: 12px
}
[data-widget-name=promotions-listing] .ddc-span3 .promotion-body.incentive-promotion .promo-model-name,
[data-widget-name=promotions-listing] .yui3-u-1-4 .promotion-body.incentive-promotion .promo-model-name,
[data-widget-name=promotions-listing] .yui3-u-1-5 .promotion-body.incentive-promotion .promo-model-name {
font-size: 24px;
line-height: 24px
}
.vdp-details-container .vdp-sidebar .sidebar-title {
text-transform: uppercase
}
.vdp-details-container .vdp-sidebar.sidebar-fade-in .sidebar-links {
display: none
}
.vdp .text-link {
text-decoration: underline;
text-transform: capitalize
}
.vdp .vehicle-location-wrapper a {
text-decoration: underline
}
.vdp .media-gallery-toolbar a:focus,
.vdp .media-gallery-toolbar a:hover {
text-decoration: none
}
.showroom .showroom-default:not(.showroom-detail) .yui3-g {
display: flex;
flex-wrap: wrap
}
.showroom .showroom-default:not(.showroom-detail) .yui3-g .hproduct .fn {
margin-left: 4px
}
.showroom .showroom-default:not(.showroom-detail) .yui3-g .hproduct .pricing {
margin-left: 4px
}
.showroom .showroom-default:not(.showroom-detail) .yui3-g .hproduct .pricing .price {
float: none;
text-align: left
}
.showroom .showroom-detail .fuel-efficiency .yui3-u-1-2:first-child {
top: 0
}
.showroom .showroom-detail .fuel-efficiency .yui3-u-1-2:nth-child(2) {
position: absolute;
top: 96px
}
.showroom .showroom-detail .fuel-disclaimer {
position: absolute;
top: 180px
}
.header-transition .page-header.responsive-centered-nav {
background: var(--color-neutral-1000)
}
.page-header.responsive,
.page-header.responsive-centered-nav {
border-bottom: 0 none
}
.page-header.responsive .header-navigation .navigation-default .navbar-nav>li>a,
.page-header.responsive .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .label,
.page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a,
.page-header.responsive-centered-nav .ws-mycars-nav .mycars.mycars-integration-navbar .menu>a .label {
font-weight: 800
}
.page-header.responsive .links-locale,
.page-header.responsive-centered-nav .links-locale {
bottom: 0
}
.content-summary .dynamicSummary .page-header.sticky-header-nav ul.tels,
.locations-proximity .page-header.sticky-header-nav ol.tels,
.navbar-default .dropdown.dropdown .dropdown-menu>li .page-header.sticky-header-nav ul.tels.typeahead.dropdown-menu,
.page-header.sticky-header-nav .content-summary .dynamicSummary ul.tels,
.page-header.sticky-header-nav .locations-proximity ol.tels,
.page-header.sticky-header-nav .navbar-default .dropdown.dropdown .dropdown-menu>li ul.tels.typeahead.dropdown-menu,
.page-header.sticky-header-nav .tels.ddc-list-items,
.page-header.sticky-header-nav .tels.list-unstyled,
.page-header.sticky-header-nav .tels.nav-fragment,
.page-header.sticky-header-nav .tels.nav-links,
.page-header.sticky-header-nav .tels.offersShowroomOffers,
.page-header.sticky-header-nav ul.tels.typeahead.dropdown-menu {
margin-top: 40px
}
.content-summary .dynamicSummary .page-header.sticky-header-nav ul.tels .tel[class*=phone] span,
.locations-proximity .page-header.sticky-header-nav ol.tels .tel[class*=phone] span,
.page-header.sticky-header-nav .content-summary .dynamicSummary ul.tels .tel[class*=phone] span,
.page-header.sticky-header-nav .locations-proximity ol.tels .tel[class*=phone] span,
.page-header.sticky-header-nav .tels.ddc-list-items .tel[class*=phone] span,
.page-header.sticky-header-nav .tels.list-unstyled .tel[class*=phone] span,
.page-header.sticky-header-nav .tels.nav-fragment .tel[class*=phone] span,
.page-header.sticky-header-nav .tels.nav-links .tel[class*=phone] span,
.page-header.sticky-header-nav .tels.offersShowroomOffers .tel[class*=phone] span,
.page-header.sticky-header-nav ul.tels.typeahead.dropdown-menu .tel[class*=phone] span {
font-size: 12px
}
.page-header.sticky-header-nav+.mycars-enabled .ws-mycars-nav .mycars .menu>a .label {
font-size: 12px
}
.page-header.sticky-header-nav+.mycars-enabled .ws-mycars-nav .mycars .menu>a::before,
.page-header.sticky-header-nav+.mycars-enabled .ws-mycars-nav .mycars .menu>a>.count::before {
font-size: 24px
}
.page-header.sticky-header-nav+.mycars-enabled .ws-mycars-nav .mycars .menu.price-alerts .count::before {
font-size: 14px
}
.page-header.sticky-header-nav:not(.compact)+.navbar-default .navbar-nav .dropdown>a {
font-size: 20px
}
.page-header.sticky-header-nav.shrink-header-nav .inventory-search-form {
right: 210px;
bottom: 8px
}
.content-summary .dynamicSummary .page-header.sticky-header-nav.shrink-header-nav ul.tels,
.locations-proximity .page-header.sticky-header-nav.shrink-header-nav ol.tels,
.navbar-default .dropdown.dropdown .dropdown-menu>li .page-header.sticky-header-nav.shrink-header-nav ul.tels.typeahead.dropdown-menu,
.page-header.sticky-header-nav.shrink-header-nav .content-summary .dynamicSummary ul.tels,
.page-header.sticky-header-nav.shrink-header-nav .locations-proximity ol.tels,
.page-header.sticky-header-nav.shrink-header-nav .navbar-default .dropdown.dropdown .dropdown-menu>li ul.tels.typeahead.dropdown-menu,
.page-header.sticky-header-nav.shrink-header-nav .tels.ddc-list-items,
.page-header.sticky-header-nav.shrink-header-nav .tels.list-unstyled,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-fragment,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-links,
.page-header.sticky-header-nav.shrink-header-nav .tels.offersShowroomOffers,
.page-header.sticky-header-nav.shrink-header-nav ul.tels.typeahead.dropdown-menu {
margin-top: 13px
}
.content-summary .dynamicSummary .page-header.sticky-header-nav.shrink-header-nav ul.tels::after,
.locations-proximity .page-header.sticky-header-nav.shrink-header-nav ol.tels::after,
.page-header.sticky-header-nav.shrink-header-nav .content-summary .dynamicSummary ul.tels::after,
.page-header.sticky-header-nav.shrink-header-nav .locations-proximity ol.tels::after,
.page-header.sticky-header-nav.shrink-header-nav .tels.ddc-list-items::after,
.page-header.sticky-header-nav.shrink-header-nav .tels.list-unstyled::after,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-fragment::after,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-links::after,
.page-header.sticky-header-nav.shrink-header-nav .tels.offersShowroomOffers::after,
.page-header.sticky-header-nav.shrink-header-nav ul.tels.typeahead.dropdown-menu::after {
top: -1px
}
.content-summary .dynamicSummary .page-header.sticky-header-nav.shrink-header-nav ul.tels .tel.phone1.collapsed-show,
.locations-proximity .page-header.sticky-header-nav.shrink-header-nav ol.tels .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .content-summary .dynamicSummary ul.tels .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .locations-proximity ol.tels .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .tels.ddc-list-items .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .tels.list-unstyled .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-fragment .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-links .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav .tels.offersShowroomOffers .tel.phone1.collapsed-show,
.page-header.sticky-header-nav.shrink-header-nav ul.tels.typeahead.dropdown-menu .tel.phone1.collapsed-show {
margin-right: 8px
}
.content-summary .dynamicSummary .page-header.sticky-header-nav.shrink-header-nav ul.tels .tel.phone1.collapsed-show span,
.locations-proximity .page-header.sticky-header-nav.shrink-header-nav ol.tels .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .content-summary .dynamicSummary ul.tels .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .locations-proximity ol.tels .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .tels.ddc-list-items .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .tels.list-unstyled .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-fragment .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .tels.nav-links .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav .tels.offersShowroomOffers .tel.phone1.collapsed-show span,
.page-header.sticky-header-nav.shrink-header-nav ul.tels.typeahead.dropdown-menu .tel.phone1.collapsed-show span {
font-size: 20px
}
.page-header.sticky-header-nav.noShrink:not(.responsive-centered-nav) .inventory-search-form.ddc-content {
bottom: 8px
}
.page-header.sticky-header-nav.noShrink:not(.responsive-centered-nav) .links-locale {
position: relative;
bottom: 32px
}
.page-header.sticky-header-nav.compact .vcard .org {
position: relative;
top: 8px
}
.page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group>div input.search.form-control.required {
margin-left: -111px
}
.page-header.responsive-search-nav .home-logolink {
top: 24px
}
[lang=fr-CA] .page-header.responsive-search-nav .inventory-search-form form.validate.form-horizontal .form-group>div input.search.form-control.required {
margin-left: -144px
}
.page-header.value-statement-header .header-value-statement {
z-index: 1
}
.page-header.value-statement-header .links-locale {
z-index: 3
}
.index .content-tabbed .vertical.ddc-nav-inline>li.active>a .ddc-icon,
.index .content-tabbed .vertical.ddc-nav-inline>li.currentPage>a .ddc-icon,
.index .content-tabbed .vertical.nav>li.active>a .ddc-icon,
.index .content-tabbed .vertical.nav>li.currentPage>a .ddc-icon {
display: none
}
.index .ddc-selectpicker {
left: 0
}
.index .push {
display: block
}
.index .links-list-extension-1 ul.nav-stacked>li>a {
padding-left: 24px
}
.index .slideshow-widgets {
width: 316px
}
.ddc-footer a.ad-choices,
.ddc-footer a.credit {
top: 0
}
.ddc-footer .content-default .ad-choices {
min-width: 100px;
padding-top: 4px;
white-space: nowrap
}
.ddc-footer .content-default .ad-choices img {
padding-top: 2px;
padding-left: 8px
}
.ddc-footer .hours .content-default {
padding-top: 8px
}
.ddc-footer .hours .content-default .ad-choices {
padding-top: 8px
}
.ddc-footer .links .content-default {
padding-top: 16px
}
.ddc-footer a.credit {
background: transparent url(/static/v9/media/images/footer-logos/v1/ddc-logo-white.png) no-repeat 0 0
}
.content-page-title .ddc-footer>h1>.content-default,
.ddc-footer>.container>.content-default {
padding-top: 32px
}
.ddc-footer .hours .content-default .credit,
.ddc-footer .links .content-default .credit {
margin-bottom: 0
}
.ddc-footer .hours .content-default .ad-choices,
.ddc-footer .links .content-default .ad-choices {
font-size: 12px;
font-weight: 400
}
.content-page-title .vdp .digital-retailing-canada+h1,
.vdp .content-page-title .digital-retailing-canada+h1,
.vdp .digital-retailing-canada+.container {
width: auto;
background-color: var(--color-neutral-50)
}
.content-page-title .vdp .digital-retailing-canada+h1>.row,
.content-page-title .vdp .digital-retailing-canada+h1>.yui3-g,
.vdp .content-page-title .digital-retailing-canada+h1>.row,
.vdp .content-page-title .digital-retailing-canada+h1>.yui3-g,
.vdp .digital-retailing-canada+.container>.row,
.vdp .digital-retailing-canada+.container>.yui3-g {
width: 960px;
margin-right: auto;
margin-left: auto
}
.content-hero .video-controls .play-pause.pause:before,
.content-hero .video-controls .play-pause:before,
.imageViewerScrollWrap .imageScrollNext,
.imageViewerScrollWrap .imageScrollPrev {
font-family: ddc-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased
}
.imageViewerScrollWrap .imageScrollPrev:before {
content: "\e612"
}
.imageViewerScrollWrap .imageScrollNext:before {
content: "\e613"
}
.content-hero .video-controls .play-pause.pause:before {
content: "\e6e9"
}
.content-hero .video-controls .play-pause:before {
content: "\e6ec"
}
.inventory-listing-consolidated-vehicles .mycars-btn:hover .ddc-icon-star-empty:before {
content: "\e721"
}
.ddc-content.button-block-responsive {
padding: 0;
margin: 0
}
.button-block-responsive .row {
margin: 0 0 1px 0;
display: flex;
justify-content: center;
align-items: center
}
.ddc-span4 .button-block-responsive .row {
margin: 0;
display: block
}
.ddc-span4 .button-block-responsive .row .ddc-span6 a {
height: 70px
}
.buttonblock-button {
padding: 0 1px 0 0
}
.buttonblock-button:last-child {
padding: 0
}
.ddc-span4 .buttonblock-button {
padding: 1px
}
.buttonblock-button a {
display: flex;
-ms-flex: 0 1 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 130px;
position: relative;
background-size: cover;
background-position: center, center;
overflow: hidden;
text-align: center;
z-index: 1;
padding: 3px
}
.buttonblock-button a:hover {
text-decoration: none
}
.buttonblock-button span {
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, .8);
z-index: 3;
position: relative
}
.buttonblock-button .transparency-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 2
}
.buttonblock-button.ddc-span6 span {
color: #fff
}
@media only screen and (max-device-width:960px) {
.buttonblock-button.ddc-span6 a {
height: 70px
}
.buttonblock-button.ddc-span12.h2 a {
height: 70px
}
}
.links-single-cta {
text-align: center
}
.links-single-cta ul li {
margin-bottom: 8px;
vertical-align: middle
}
.links-single-cta ul li:last-child {
margin-left: 4px
}
.links-single-cta.hero-image-color-inverse {
color: var(--text-inverse-color)
}
.affiliate-programs-form.uppercase input {
text-transform: uppercase
}
.affiliate-programs-form .form-group {
position: relative;
padding-top: 15px;
display: flex
}
.affiliate-programs-form .form-group input::-webkit-input-placeholder,
.affiliate-programs-form .form-group input::placeholder {
text-transform: capitalize;
font-size: 14px
}
.affiliate-programs-form .form-control::-ms-clear {
display: none
}
.affiliate-programs-form .promotion-codes {
align-self: center;
position: absolute;
right: 10px;
font-size: 20px
}
.affiliate-programs-form .promotion-codes.ddc-icon-check {
color: var(--color-success-500)
}
.affiliate-programs-form .promotion-codes.ddc-icon-remove {
color: var(--color-danger-500)
}
.affiliate-programs-promotion-codes img {
max-width: 120px;
max-height: 70px
}
.affiliate-programs-promotion-codes .affiliate {
font-weight: 700;
text-transform: uppercase
}
.affiliate-programs-promotion-codes .extraOffer,
.affiliate-programs-promotion-codes .offer {
color: var(--color-success-500)
}
.stacked .affiliate-programs-promotion {
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
align-items: center
}
.inline .affiliate-programs-promotion {
display: flex;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center
}
.inline .affiliate-programs-promotion div {
padding-left: 8px
}
.inline .errors {
position: absolute;
top: 0 !important;
left: -15px !important;
padding: 10px;
background: var(--page-bg)
}
.ddc-slidein-panel .affiliate-programs-form button {
position: relative
}
.inventory-detail-pricing .incentive-checkbox-container .panel-title {
font-size: 16px
}
.inventory-detail-pricing .incentive-checkbox-container a.panel-toggle.panel-heading-link:focus {
text-decoration: none
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item {
display: flex;
align-items: flex-start;
line-height: inherit
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item:first-child .price {
font-size: 1em
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item .stackedConditionalRebate:not(.excluded) .price {
text-decoration: none
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item .form-group {
margin-bottom: 0;
padding-right: 4px
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item .form-group input[type=checkbox] {
display: block;
margin-top: 13px
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item span.label {
max-width: 75%;
display: inline-block;
word-wrap: break-word;
white-space: normal;
text-align: left
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item span.discount {
width: 100%
}
.inventory-detail-pricing .incentive-checkbox-list .incentive-checkbox-list-item span.discount a {
align-items: baseline !important
}
.inventory-detail-pricing .stackedConditionalRebate.excluded,
.inventory-detail-pricing .stackedRebate.excluded {
font-weight: 400;
color: var(--text-muted-color)
}
.inventory-detail-pricing .stackedConditionalRebate.excluded a .label,
.inventory-detail-pricing .stackedConditionalRebate.excluded a .price,
.inventory-detail-pricing .stackedRebate.excluded a .label,
.inventory-detail-pricing .stackedRebate.excluded a .price {
text-decoration: line-through;
color: var(--text-muted-color)
}
.inventory-detail-pricing .stackedConditionalRebate.text-muted .price,
.inventory-detail-pricing .stackedRebate.text-muted .price {
color: var(--text-muted-color)
}
.mobile .incentive-checkbox-list .incentive-checkbox-list-item:first-child .price {
font-size: 15.75px
}
.buttonblock-default-extension-flat .h1 {
margin: 30px 0;
text-align: center;
font-size: 48px;
font-weight: 400
}
.buttonblock-default-extension-flat .h1:after {
display: none
}
.buttonblock-default-extension-flat>ul {
display: flex
}
.buttonblock-default-extension-flat>ul>li {
display: flex
}
.buttonblock-default-extension-flat a {
width: 100%;
padding: 0 20px 25px;
border: 1px solid var(--color-primary-200);
text-align: center;
text-decoration: none;
color: var(--color-primary-500);
background-color: var(--color-primary-100);
display: flex;
flex-flow: column;
align-items: center;
justify-content: center
}
.buttonblock-default-extension-flat a:focus,
.buttonblock-default-extension-flat a:hover {
outline: 0;
text-decoration: none
}
.buttonblock-default-extension-flat a:hover {
color: var(--color-primary-600);
background-color: var(--color-primary-50)
}
.buttonblock-default-extension-flat a:hover h4 {
color: var(--color-primary-600)
}
.buttonblock-default-extension-flat a h4 {
position: static;
font-size: 24px;
color: var(--color-primary-500);
order: 2
}
.buttonblock-default-extension-flat a .ddc-icon {
font-size: 5.5em;
order: 1
}
.buttonblock-default-extension-flat a i[class*=vehicle] {
position: relative;
top: 10px;
font-size: 7em;
line-height: 1.2
}
.inventory-detail-callout .callouts-small img {
max-height: 80px
}
.inventory-detail-callout .callouts-large img {
max-height: 100px
}
.sms-form-dialog .ui-dialog-titlebar {
text-align: center;
border-bottom: 1px solid var(--color-neutral-200);
padding-bottom: 12px;
margin-bottom: 15px
}
.sms-form-dialog.ui-dialog .ui-dialog-title {
float: none;
font-size: 1.65em;
font-weight: 700;
color: var(--color-neutral-850)
}
.sms-form-dialog .sms-share button {
display: block;
width: 100%
}
.sms-form-dialog h3.fn {
margin: 10px 0 0
}
.sms-form-dialog .sms-summary {
border: 0;
padding: 10px 10px 0
}
.sms-form-dialog .sms-summary .hproduct .media {
float: none;
width: 100%;
display: block;
margin: 0
}
.sms-form-dialog .sms-summary .hproduct .fn {
font-size: 14px
}
.sms-form-dialog .sms-summary .hproduct .fn a {
color: var(--text-color);
font-size: 16px;
margin-bottom: 2px;
margin-top: 15px;
text-decoration: none;
cursor: initial
}
.sms-form-dialog .sms-summary .hproduct .pricing {
float: none;
width: 100%;
display: block;
margin: 0;
text-align: left;
font-weight: 400
}
.sms-form-dialog .sms-summary .hproduct .pricing li {
margin: 0;
border: 0;
font-size: .85em;
color: var(--text-color);
font-weight: 400;
padding: 0
}
.sms-form-dialog .sms-summary .hproduct .pricing li:last-child {
margin-top: 0;
padding-top: 0;
border-top: none
}
.sms-form-dialog .sms-summary .sms-share {
border: 0;
padding: 10px 10px 0
}
.sms-form-dialog .sms-summary input[name=phoneNumber]::placeholder {
color: var(--color-neutral-500);
font-size: 16px;
letter-spacing: 2px
}
.inventory-featured-default-v2 .slick-carousel {
width: 90%;
margin: 0 auto
}
.inventory-featured-default-v2 .slick-control {
position: absolute;
top: 70px;
font-size: 30px;
color: var(--color-primary-500)
}
.inventory-featured-default-v2 .slick-control span {
display: none
}
.inventory-featured-default-v2 .slick-control:hover {
cursor: pointer
}
.inventory-featured-default-v2 .slick-disabled {
color: var(--color-neutral-600)
}
.inventory-featured-default-v2 .slick-disabled:hover {
cursor: default
}
.inventory-featured-default-v2 .prev {
left: 0
}
.inventory-featured-default-v2 .next {
right: 0
}
.inventory-featured-default-v2 .pricing {
width: 100%
}
.inventory-featured-default-v2 .hproduct {
padding: 0 5px
}
.inventory-featured-default-v2 .fn {
min-height: 33px
}
.inventory-featured-default-v2 .view-all-link {
position: absolute;
right: 0;
top: 33px
}
.ddc-banner {
padding: 32px 0
}
.ddc-banner .breadcrumb {
padding: 8px 0
}
.ddc-banner .inventory-listing-item {
padding: 0 16px
}
.ddc-banner .ddc-heading {
position: relative
}
.ddc-banner .ddc-heading span {
position: absolute;
right: 0;
bottom: 0
}
.inventory-listing-consolidated-models {
margin-top: 16px
}
.inventory-listing-consolidated-models .model-select .ddc-span4 {
padding-right: 0
}
.inventory-listing-consolidated-models .model-select .ddc-span4 .btn {
width: 100%
}
.inventory-listing-item {
position: relative;
padding: 32px 16px
}
.inventory-listing-item .flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.inventory-listing-item .flex-row {
flex-flow: row
}
.inventory-listing-item .flex-column {
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column
}
.inventory-listing-item .flex-1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.inventory-listing-item .flex-2 {
-webkit-flex: 2;
-ms-flex: 2;
flex: 2
}
.inventory-listing-item .align-start {
-ms-align-items: flex-start;
align-items: flex-start
}
.inventory-listing-item .align-end {
-ms-align-items: flex-end;
align-items: flex-end
}
.inventory-listing-item .ddc-title a {
color: var(--text-color)
}
.inventory-listing-item .ddc-colors {
margin-top: 32px
}
.inventory-listing-item .ddc-colors .swatches .color {
width: 28px;
margin: 2px 0;
padding: 0
}
.inventory-listing-item .ddc-colors .swatches span {
display: block;
height: 22px;
text-indent: -9999px;
background: transparent url(/static/v9/media/images/widget-images/v1/swatch.png) no-repeat 50% 50%
}
.inventory-listing-item .ddc-features ul {
list-style-type: none;
padding-left: 0
}
.inventory-listing-item .view-more {
cursor: pointer
}
.inventory-listing-item .btn {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ie8 .inventory-listing-item .align-end,
.ie9 .inventory-listing-item .align-end {
margin-top: 80px
}
.inventory-listing-consolidated-trims {
margin-top: 16px
}
.inventory-listing-consolidated-vehicles {
margin-top: 16px
}
.inventory-listing-consolidated-vehicles label.color-toggle-select {
height: 39px;
margin: 0;
padding: 8px 0;
font-size: 16px;
line-height: 1.5;
vertical-align: middle
}
.inventory-listing-consolidated-vehicles select.color-toggle-select {
margin-bottom: 16px
}
.inventory-listing-consolidated-vehicles .mycars-btn {
padding: 0;
margin: 0 0 16px 0;
color: var(--link-color);
font-size: 16px;
font-weight: 400;
text-align: right;
text-decoration: none
}
.inventory-listing-consolidated-vehicles .mycars-btn:after,
.inventory-listing-consolidated-vehicles .mycars-btn:before {
content: " ";
display: table
}
.inventory-listing-consolidated-vehicles .mycars-btn:after {
clear: both
}
.inventory-listing-consolidated-vehicles .mycars-btn:hover {
color: var(--link-hover-color);
background: 0 0
}
.inventory-listing-consolidated-vehicles .mycars-btn .ddc-icon {
padding-right: 8px;
vertical-align: baseline
}
.inventory-listing-default .ddc-form-group-container,
.inventory-search-facetbrowse .ddc-form-group-container {
padding-left: 16px;
padding-right: 16px;
margin-bottom: 15px
}
.inventory-listing-default .ddc-form-group-container.has-sliders,
.inventory-search-facetbrowse .ddc-form-group-container.has-sliders {
height: auto
}
.inventory-listing-default .ddc-form-group-container label,
.inventory-search-facetbrowse .ddc-form-group-container label {
vertical-align: baseline;
margin: 0;
padding: 0
}
.inventory-listing-default .ddc-form-group-container .form-group,
.inventory-search-facetbrowse .ddc-form-group-container .form-group {
margin-bottom: 0
}
.inventory-listing-default .has-sliders,
.inventory-search-facetbrowse .has-sliders {
min-height: 100px
}
.inventory-listing-default .payment-slider .ui-slider-value,
.inventory-search-facetbrowse .payment-slider .ui-slider-value {
clear: both;
padding-top: 4px
}
.inventory-listing-default .payment-slider .ui-slider-value-hyphen,
.inventory-search-facetbrowse .payment-slider .ui-slider-value-hyphen {
display: none
}
.inventory-listing-default .payment-slider .ui-slider-max-value,
.inventory-search-facetbrowse .payment-slider .ui-slider-max-value {
float: right
}
.content-hero {
position: relative;
overflow: hidden;
margin-bottom: 0
}
.content-hero .flex {
display: flex;
height: 100%
}
.content-hero .flex.flex-top-left {
align-items: flex-start;
justify-content: flex-start
}
.content-hero .flex.flex-top-mid {
align-items: flex-start;
justify-content: center
}
.content-hero .flex.flex-top-right {
align-items: flex-start;
justify-content: flex-end
}
.content-hero .flex.flex-mid-left {
align-items: center;
justify-content: flex-start
}
.content-hero .flex.flex-mid-mid {
align-items: center;
justify-content: center
}
.content-hero .flex.flex-mid-right {
align-items: center;
justify-content: flex-end
}
.content-hero .flex.flex-bot-left {
align-items: flex-end;
justify-content: flex-start
}
.content-hero .flex.flex-bot-mid {
align-items: flex-end;
justify-content: center
}
.content-hero .flex.flex-bot-right {
align-items: flex-end;
justify-content: flex-end
}
.content-hero .hero-content-background {
position: absolute;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.content-hero .hero-content-background.fixed,
.content-hero .hero-content-background.parallax {
background-attachment: fixed
}
.content-hero .container {
height: 100%
}
.content-hero .hero-content-box {
padding: 16px 0
}
.content-hero .hero-heading,
.content-hero .hero-subheading,
.content-hero .hero-text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.content-hero .hero-subheading {
margin-top: 0
}
.content-hero .color-default,
.content-hero .color-default.hero-heading-override-primary .hero-heading.text-primary {
color: var(--text-color)
}
.content-hero .color-inverse,
.content-hero .color-inverse.hero-heading-override-primary .hero-heading.text-primary {
color: var(--text-inverse-color)
}
.content-hero .ddc-font-size-huge {
font-size: 63px
}
.content-hero .editor-overlay-color {
background-color: var(--color-primary-500) !important
}
.content-hero .video-controls {
position: absolute;
z-index: 9
}
.content-hero .video-controls.center {
top: 50%;
left: 50%;
margin-left: -22px
}
.content-hero .video-controls.top-left {
top: 1%;
left: 1%
}
.content-hero .video-controls.top-center {
top: 1%;
left: 50%;
margin-left: -22px
}
.content-hero .video-controls.top-right {
top: 1%;
left: 94%
}
.content-hero .video-controls.bottom-left {
top: 86%;
left: 1%
}
.content-hero .video-controls.bottom-center {
top: 86%;
left: 50%;
margin-left: -22px
}
.content-hero .video-controls.bottom-right {
top: 86%;
left: 94%
}
.content-hero .video-controls .play-pause {
width: 44px;
border: 1px solid var(--color-neutral-200);
border-radius: 50px;
font-size: 2em;
color: var(--color-neutral-200);
background-color: var(--color-neutral-800);
opacity: .5
}
.content-hero .video-controls .play-pause:before {
display: block;
text-align: center
}
.content-hero .video-controls .play-pause span {
display: none
}
.content-hero .hero-disclaimer {
z-index: 1000
}
.content-hero .hero-disclaimer.bottom-center {
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.content-hero .hero-disclaimer.bottom-right {
right: 0;
bottom: 0
}
.content-hero .hero-disclaimer.bottom-left {
bottom: 0;
left: 0
}
.content-hero .hero-disclaimer.top-center {
top: 0;
left: 50%;
transform: translateX(-50%)
}
.content-hero .hero-disclaimer.top-left {
top: 0;
left: 0
}
.content-hero .hero-disclaimer.top-right {
top: 0;
right: 0
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.content-hero .hero-content-background.fixed,
.content-hero .hero-content-background.parallax {
background-attachment: scroll
}
}
.model-selector-responsive .slick-next:before,
.model-selector-responsive .slick-prev:before {
font-family: ddc-icons
}
.model-selector-responsive .ddc-heading-1 {
margin-right: auto;
margin-left: auto
}
.model-selector-responsive .slick-list {
text-align: center
}
.model-selector-responsive .slick-track {
display: inline-block
}
.model-selector-responsive.center .nav,
.model-selector-responsive.center h3 {
text-align: center
}
.model-selector-responsive.center .nav li,
.model-selector-responsive.center h3 li {
float: none;
display: inline-block
}
.model-selector-responsive .slick-slide.slick-active {
outline: 0
}
.model-selector-responsive img[data-lazy] {
height: 0
}
.model-selector-responsive .nav-pills>.dark-background-model-selector>a:focus {
background: var(--color-primary-400)
}
.model-selector-responsive-empty {
margin: -75px 0 0 0;
text-align: center
}
.model-selector-responsive .fuel-efficiency {
text-align: left
}
.model-selector-responsive-tabs .active i {
display: block
}
.model-selector-responsive-tabs i {
position: absolute;
right: 0;
bottom: -10px;
left: 0;
display: none;
margin: auto
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.model-selector-responsive .responsive-height {
min-height: 290px
}
.model-selector-responsive-bodystyle div.slick-slide>span {
height: 145px
}
.dark-background-model-selector.model-selector-responsive .model-selector-responsive-bodystyle div.slick-slide>span {
height: 108px
}
}
@media only screen and (min-width:1025px) and (max-width:1225px) {
.model-selector-responsive .responsive-height {
min-height: 270px
}
.model-selector-responsive-bodystyle div.slick-slide>span {
height: 120px
}
.dark-background-model-selector.model-selector-responsive .model-selector-responsive-bodystyle div.slick-slide>span {
height: 96px
}
}
@media only screen and (min-width:1226px) {
.model-selector-responsive .responsive-height {
min-height: 305px
}
.model-selector-responsive-bodystyle div.slick-slide>span {
height: 155px
}
.dark-background-model-selector.model-selector-responsive .model-selector-responsive-bodystyle div.slick-slide>span {
height: 100px
}
}
.content-tabbed .tab-content>.tab-pane {
display: none
}
.content-tabbed .tab-content>.active {
display: block
}
.content-tabbed .nav-tabs {
border-bottom: none
}
.content-tabbed .nav-tabs>li a:hover,
.content-tabbed .nav-tabs>li:focus {
color: var(--link-color);
background-color: transparent
}
.content-tabbed .nav-tabs.vertical>li {
float: none;
margin: 0;
border-top: 1px solid var(--color-neutral-200)
}
.content-tabbed .nav-tabs.vertical>li:first-child {
border-top: none
}
.content-tabbed .nav-tabs.vertical>li a {
padding: 24px 0;
border: none;
font-weight: 300;
color: var(--color-neutral-600);
text-decoration: none
}
.content-tabbed .nav-tabs.vertical>li a .ddc-icon {
display: none
}
.content-tabbed .nav-tabs.vertical>li.active a {
border: none;
font-weight: 700;
text-decoration: none;
color: var(--link-color)
}
.content-tabbed .nav-tabs.vertical>li.active a .ddc-icon {
display: inline-block
}
.content-tabbed .nav-tabs.nav-pills {
padding-left: 8px
}
.content-tabbed .nav-tabs.nav-pills>li a {
padding: 10px 15px;
border: none;
border-radius: 5px;
font-weight: 300
}
.content-tabbed .nav-tabs.nav-pills>li a:hover {
background-color: var(--link-color);
color: var(--color-neutral-0)
}
.content-tabbed .nav-tabs.nav-pills>li.active a,
.content-tabbed .nav-tabs.nav-pills>li.active a:hover {
color: #fff;
background-color: var(--color-neutral-1000)
}
.inventory-detail-highlighted-features h4 {
font-size: 20px
}
.inventory-detail-highlighted-features ul {
margin: 0;
padding: 0
}
.inventory-detail-highlighted-features li {
list-style-type: none;
padding: 0;
position: relative;
float: left;
width: 48%;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.inventory-detail-highlighted-features li:nth-child(even) {
margin-left: 4%
}
.inventory-detail-highlighted-features li h3 {
padding: 16px 0;
margin: 0;
display: inline-block;
font-size: 16px;
font-weight: 400;
vertical-align: middle;
max-width: 83%;
overflow-x: hidden;
text-overflow: ellipsis
}
.inventory-detail-highlighted-features li span {
display: inline-block;
color: var(--color-primary-500);
vertical-align: middle;
line-height: 30px;
font-size: 27px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 0;
padding-right: 4px
}
.inventory-detail-tech-specs .tech-specs.tcuv {
display: table;
margin-bottom: 50px
}
.inventory-detail-tech-specs .tech-specs.tcuv h1 {
padding-left: 8px;
border-left: 3px solid var(--color-primary-500);
font-size: 48px
}
.inventory-detail-tech-specs .tech-specs.tcuv div {
display: table-row
}
.inventory-detail-tech-specs .tech-specs.tcuv div:nth-child(even) {
background-color: transparent
}
.inventory-detail-tech-specs .tech-specs.tcuv div:nth-child(odd) {
background-color: var(--color-neutral-50)
}
.inventory-detail-tech-specs .tech-specs.tcuv h4 {
display: table-cell;
width: 200px;
padding-left: 8px;
font-weight: 400;
vertical-align: middle;
border-right: 1px solid var(--color-neutral-200)
}
.inventory-detail-tech-specs .tech-specs.tcuv ul {
display: table-cell;
padding: 8px 0
}
.inventory-detail-tech-specs .tech-specs.tcuv li {
float: left;
width: 100%;
padding-left: 8px;
font-size: 14px;
line-height: 28px
}
.inventory-detail-tech-specs .tech-specs.tcuv li:before {
margin-right: 10px;
content: "\2022"
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel {
border-top: 1px solid
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel .panel-heading-link {
display: block;
padding: 8px 20px 8px 10px
}
.inventory-detail-tech-specs .tech-specs.panel-group .ddc-icon {
float: right;
margin-top: 4px
}
.inventory-detail-tech-specs .tech-specs.panel-group .panel-body {
padding: 15px
}
.imageViewer {
position: relative
}
.imageViewerScrollWrap {
position: absolute
}
.imageViewerScrollWrap>a {
font-weight: 700;
color: #000;
cursor: pointer
}
.ui-dialog .imageViewerScrollWrap {
z-index: 2000
}
.imageViewerScrollWrap:hover .imageScrollNext,
.imageViewerScrollWrap:hover .imageScrollPrev {
visibility: visible
}
.imageViewerScrollWrap .imageScrollNext,
.imageViewerScrollWrap .imageScrollPrev {
border-radius: 50%;
visibility: hidden;
opacity: .5;
position: absolute;
z-index: 2;
top: 45%;
width: 40px;
height: 40px;
color: var(--color-neutral-0);
line-height: 1;
text-indent: 0;
background-color: var(--color-neutral-1000);
background-image: none;
text-decoration: none
}
.imageViewerScrollWrap .imageScrollNext:focus,
.imageViewerScrollWrap .imageScrollNext:hover,
.imageViewerScrollWrap .imageScrollPrev:focus,
.imageViewerScrollWrap .imageScrollPrev:hover {
text-decoration: none
}
.imageViewerScrollWrap .imageScrollNext.alwayson,
.imageViewerScrollWrap .imageScrollPrev.alwayson {
visibility: visible
}
.imageViewerScrollWrap .imageScrollNext:focus,
.imageViewerScrollWrap .imageScrollPrev:focus {
outline: 0
}
.imageViewerScrollWrap .imageScrollNext:hover,
.imageViewerScrollWrap .imageScrollPrev:hover {
visibility: visible;
opacity: 1
}
.imageViewerScrollWrap .imageScrollNext:before,
.imageViewerScrollWrap .imageScrollPrev:before {
position: relative;
top: 1px;
left: 2px;
font-size: 35px
}
.imageViewerScrollWrap .imageScrollNext span,
.imageViewerScrollWrap .imageScrollPrev span {
display: none
}
.imageViewerScrollWrap .imageScrollPrev {
left: 10px
}
.imageViewerScrollWrap .imageScrollNext {
right: 10px
}
.ui-dialog .imageViewerScrollWrap .imageScrollNext,
.ui-dialog .imageViewerScrollWrap .imageScrollPrev {
top: 0;
border: none
}
#spins .imageViewer {
width: 320px;
height: 240px
}
#spins .helpSpins {
padding: 0 10px
}
#spins ul {
display: block;
width: 100%;
padding: 10px 0
}
#spins li {
float: left;
width: 48%;
margin: 0 4px
}
#spins .exterior {
float: right
}
#spins .interior {
float: left
}
.helpSpins {
clear: both;
width: 200px;
height: 90px
}
#helpSpins .pan,
.helpSpins .pan {
background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 10px -43px
}
#helpSpins .zoomIn,
.helpSpins .zoomIn {
background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 0 -145px
}
#helpSpins .zoomOut,
.helpSpins .zoomOut {
background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 0 -95px
}
.helpSpins span {
display: block;
padding: 5px 10px 5px 50px
}
#spins .imageViewer,
#spins ul,
.helpSpins {
margin: 0 auto
}
.helpSpins span {
font-family: arial, helvetica, sans-serif;
font-size: 13px
}
.xoxo .details .comments .value span {
float: none;
display: inline
}
.image-zoom {
position: absolute
}
.image-zoom.top-right {
top: 10px;
right: 10px
}
.image-zoom.top-left {
top: 10px;
left: 10px
}
.image-zoom.bottom-right {
right: 10px;
bottom: 10px
}
.image-zoom.bottom-left {
bottom: 10px;
left: 10px
}
.image-zoom .ddc-icon {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 32px;
color: var(--color-neutral-0);
background-color: var(--color-neutral-1000);
opacity: .5
}
.image-zoom .ddc-icon:before {
position: absolute;
top: -8px;
left: 3px
}
.image-zoom .ddc-icon:hover {
opacity: .8
}
.page-header .fn .small-title {
font-size: 40px
}
.page-header .fn .medium-title {
font-size: 21px
}
.page-header .fn .long-title {
font-size: 17.5px
}
.page-header .fn .extra-long-title {
font-size: 15.75px
}
.social-links .hide-text:hover {
text-decoration: none
}
.social-links .hide-text span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.social-links .hide-text span:hover {
text-decoration: none
}
.shrink-header-nav .social-links {
display: none
}
.staffDetail {
margin-left: 20px;
width: 90%;
padding: 10px
}
.staffDetail .vcard {
background-color: transparent
}
.staffDetail dl {
min-height: 275px;
margin: 1em 0;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in
}
.staffDetail .staff-replace {
opacity: 0
}
.staffDetail dt {
margin: 0 1em 0 300px;
font-size: 136%;
font-weight: 400
}
.staffDetail dt a {
text-decoration: none
}
.staffDetail dd.title {
font-size: 114%;
margin: 0 1em 0 300px
}
.staffDetail dd.photo {
width: 250px;
float: left;
margin-top: -40px
}
.staffDetail dd.photo img {
width: 250px;
border: 10px solid var(--color-neutral-800)
}
.staffDetail dd.photo a p.imgRep {
width: 250px;
height: 150px;
padding-top: 100px;
border: 10px solid var(--color-neutral-100);
text-align: center;
text-decoration: none
}
.staffDetail dd.email {
margin: .1em 1em .1em 300px
}
.staffDetail dd.phone {
margin: .1em 1em .1em 300px
}
.staffDetail dd.bio {
margin: 1em 1em 1em 300px
}
.staffDetail dd.bio p {
line-height: 1.5
}
p.clear {
clear: both;
margin: 1em
}
.staffList {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
zoom: 1
}
.staffList h3 {
flex-basis: 100%
}
.staffList>.staff {
float: none;
display: inline-block;
min-height: 186px;
vertical-align: top;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 16.666%;
width: 16.666%;
padding: 0 8px
}
.staffList[data-thumbs-per-row="5"]>.staff {
flex-basis: 20%;
width: 20%
}
.staffList[data-thumbs-per-row="4"]>.staff {
flex-basis: 25%;
width: 25%
}
.staffList[data-thumbs-per-row="3"]>.staff {
flex-basis: 33.333%;
width: 33.333%
}
.staffList[data-thumbs-per-row="2"]>.staff {
flex-basis: 50%;
width: 50%
}
.staffList:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden
}
.staffList .fn a {
background-color: transparent
}
.staffList dl {
height: auto;
padding: 10px
}
.staffList dl:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden
}
.staffList dt {
font-size: 85%;
font-weight: 700
}
.staffList dt a {
text-decoration: none
}
.staffList dd.bio,
.staffList dd.email,
.staffList dd.phone,
.staffList dd.title {
display: none
}
.staffList dd.photo {
display: inline-block
}
.staffList dd a {
display: block;
height: auto;
padding: 5px;
background-color: var(--color-neutral-100);
text-decoration: none;
-moz-transition: background-color .2s ease-in;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in
}
.staffList dd img {
display: block;
width: 100%
}
.staffList .selected dd a,
.staffList dd a:hover {
background-color: var(--color-neutral-800)
}
.recommendations-vehicles>h3 {
margin-bottom: 16px
}
.recommendations-vehicles>h3.h1+.heading-info,
.recommendations-vehicles>h3.h2+.heading-info,
.recommendations-vehicles>h3.h3+.heading-info {
top: -8px;
margin-bottom: 8px;
text-align: center
}
.recommendations-vehicles>h3.ddc-heading-1+.heading-info {
left: 36px;
text-align: center
}
.recommendations-vehicles>h3.ddc-heading-6+.heading-info {
width: 95%;
text-align: center
}
.recommendations-vehicles .heading-info {
position: relative;
top: 0;
left: 0;
font-size: 14px;
color: var(--color-neutral-1000)
}
.recommendations-vehicles .tile-list {
display: flex;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: flex-start;
align-content: center;
justify-content: center;
flex-wrap: wrap
}
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
.recommendations-vehicles .tile-list {
justify-content: flex-start
}
}
.recommendations-vehicles .tile-list .vehicle-list-item {
flex-basis: 218px
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item {
flex-basis: 31%
}
.ddc-span6 .recommendations-vehicles .tile-list .vehicle-list-item {
flex-basis: 47.1%
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item {
flex-basis: 98.5%
}
.ddc-span3 .recommendations-vehicles .tile-list .vehicle-list-item {
flex-basis: 98.5%
}
@media screen and (max-width:1300px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex: .11 0 31%
}
}
@media screen and (max-width:1300px) and (-ms-high-contrast:active),
screen and (max-width:1300px) and (-ms-high-contrast:none) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex-grow: 0
}
}
@media screen and (min-width:1300px) and (max-width:1600px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex: .1 0 23%
}
}
@media screen and (min-width:1300px) and (max-width:1600px) and (-ms-high-contrast:active),
screen and (min-width:1300px) and (max-width:1600px) and (-ms-high-contrast:none) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex-grow: 0
}
}
@media screen and (min-width:1600px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex: .1 0 18%
}
}
@media screen and (min-width:1600px) and (-ms-high-contrast:active),
screen and (min-width:1600px) and (-ms-high-contrast:none) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item {
flex-grow: 0
}
}
.recommendations-vehicles .tile-list,
.recommendations-vehicles .tile-list-no-flex-layout {
width: 100%;
overflow: auto
}
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
.recommendations-vehicles .tile-list,
.recommendations-vehicles .tile-list-no-flex-layout {
overflow: hidden
}
}
.recommendations-vehicles .tile-list .vehicle-list-item,
.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item {
position: relative;
overflow: hidden;
margin: 2px auto 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, .25)
}
.recommendations-vehicles .tile-list .vehicle-list-item:before,
.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:before {
content: "";
display: block;
padding: 100% 0 0 0
}
.recommendations-vehicles .tile-list .title,
.recommendations-vehicles .tile-list-no-flex-layout .title {
position: relative;
top: 6%;
color: var(--color-neutral-1000);
margin-top: 0;
margin-bottom: 6px;
font-size: 16px;
font-weight: 500;
text-align: center
}
.recommendations-vehicles .tile-list .vehicle,
.recommendations-vehicles .tile-list-no-flex-layout .vehicle {
padding: 0
}
.recommendations-vehicles .tile-list .media,
.recommendations-vehicles .tile-list-no-flex-layout .media {
width: 100%;
position: absolute;
top: 0;
left: 0
}
.recommendations-vehicles .tile-list .media img,
.recommendations-vehicles .tile-list-no-flex-layout .media img {
width: 100%
}
.recommendations-vehicles .tile-list .media img[src*=unavailable_stockphoto],
.recommendations-vehicles .tile-list-no-flex-layout .media img[src*=unavailable_stockphoto] {
background-color: #fff
}
.recommendations-vehicles .tile-list .info,
.recommendations-vehicles .tile-list-no-flex-layout .info {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
padding: 5px;
background-color: var(--color-neutral-0);
transition: .4s
}
.recommendations-vehicles .tile-list .ddc-section-height-default,
.recommendations-vehicles .tile-list-no-flex-layout .ddc-section-height-default {
margin-top: 65%
}
.recommendations-vehicles .tile-list .ddc-section-height-small,
.recommendations-vehicles .tile-list-no-flex-layout .ddc-section-height-small {
margin-top: 75%
}
.recommendations-vehicles .tile-list .ddc-section-height-small .title,
.recommendations-vehicles .tile-list-no-flex-layout .ddc-section-height-small .title {
top: 2%
}
.recommendations-vehicles .tile-list .ddc-section-height-small .pricing,
.recommendations-vehicles .tile-list-no-flex-layout .ddc-section-height-small .pricing {
top: 1%
}
.recommendations-vehicles .tile-list .vehicle:hover .info,
.recommendations-vehicles .tile-list-no-flex-layout .vehicle:hover .info {
margin-top: 0;
background-color: var(--color-neutral-0-alpha-8)
}
.recommendations-vehicles .tile-list .info-container,
.recommendations-vehicles .tile-list-no-flex-layout .info-container {
width: 100%;
height: 100%;
position: relative
}
.recommendations-vehicles .tile-list .rv-details-wrapper,
.recommendations-vehicles .tile-list-no-flex-layout .rv-details-wrapper {
position: absolute;
bottom: 0;
width: 100%;
text-align: center
}
.recommendations-vehicles .tile-list .rv-details-wrapper ul,
.recommendations-vehicles .tile-list-no-flex-layout .rv-details-wrapper ul {
margin-bottom: 10%
}
.navbar-nav .ddc-span6 .recommendations-vehicles .tile-list .rv-details-wrapper ul,
.navbar-nav .ddc-span6 .recommendations-vehicles .tile-list-no-flex-layout .rv-details-wrapper ul {
margin-bottom: 8%
}
.recommendations-vehicles .tile-list .rv-recommended-details,
.recommendations-vehicles .tile-list-no-flex-layout .rv-recommended-details {
margin-bottom: 6px;
font-size: 16px;
line-height: 1.2;
color: var(--color-neutral-1000)
}
.navbar-nav .ddc-span6 .recommendations-vehicles .tile-list .rv-recommended-details,
.navbar-nav .ddc-span6 .recommendations-vehicles .tile-list-no-flex-layout .rv-recommended-details {
margin-bottom: 4px
}
.recommendations-vehicles .tile-list .pricing,
.recommendations-vehicles .tile-list-no-flex-layout .pricing {
position: relative;
top: 5%;
margin-left: 0;
text-align: center
}
.recommendations-vehicles .tile-list .pricing .price,
.recommendations-vehicles .tile-list-no-flex-layout .pricing .price {
display: flex;
float: none;
width: auto;
justify-content: center;
align-items: baseline
}
.recommendations-vehicles .tile-list .pricing li .value,
.recommendations-vehicles .tile-list-no-flex-layout .pricing li .value {
float: none;
width: auto;
font-size: 16px;
line-height: 16px;
font-weight: 400;
align-self: flex-end;
justify-content: center;
color: var(--color-neutral-1000)
}
.recommendations-vehicles .tile-list .pricing li .label,
.recommendations-vehicles .tile-list-no-flex-layout .pricing li .label {
width: auto;
margin-right: 8px;
padding-bottom: 0;
font-size: 13px;
line-height: 16px;
font-weight: 400;
align-self: flex-end;
justify-content: center;
color: var(--color-neutral-1000)
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery,
.ddc-span12 .recommendations-vehicles .tile-list.gallery {
display: block
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item {
display: inline;
float: left;
width: 23%;
margin: .33333px 12px 17px 2px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child {
width: 48%;
margin-left: 13px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info {
margin-top: 75%
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info h3,
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info ul,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info h3,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info ul {
font-size: 24px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info .title,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info .title {
top: 6%;
margin-bottom: 1.75px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info .pricing,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info .pricing {
top: 4%
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info .pricing .label,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info .pricing .label {
font-size: 22px;
line-height: 26px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info .pricing .value,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info .pricing .value {
font-size: 26px;
line-height: 1.2
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .info .rv-recommended-details,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .info .rv-recommended-details {
font-size: 20px
}
.ddc-span12 .recommendations-vehicles .tile-list-no-flex-layout.gallery .vehicle-list-item:first-child .vehicle:hover .info,
.ddc-span12 .recommendations-vehicles .tile-list.gallery .vehicle-list-item:first-child .vehicle:hover .info {
margin-top: 0
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .title,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
top: 5%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing {
top: 2%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .ddc-section-height-default,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .ddc-section-height-default {
margin-top: 62%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .ddc-section-height-small,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .ddc-section-height-small {
margin-top: 75%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .ddc-section-height-small .title,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .ddc-section-height-small .title {
top: 1%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .ddc-section-height-small .pricing,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .ddc-section-height-small .pricing {
top: -1%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .vehicle:hover .info,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .vehicle:hover .info {
margin-top: 0
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .rv-details-wrapper,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-details-wrapper {
bottom: 0
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .rv-details-wrapper ul,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-details-wrapper ul {
margin-bottom: 7%
}
.ddc-span8 .recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.ddc-span8 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {
margin-bottom: 3px
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item:before,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:before,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item:before,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:before {
padding-top: 35% !important
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .title,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .title,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
position: static;
top: auto
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .title,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .title,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
font-size: 18px
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .media,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .media,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .media,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .media {
width: 50%;
position: absolute;
top: 0;
left: 0
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .media img,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .media img,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .media img,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .media img {
width: 100%
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .info,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .info,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .info,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .info {
width: 50%;
position: absolute;
top: 0;
right: 0;
left: 50%;
margin-top: 0
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing {
position: absolute;
top: auto;
bottom: 0;
width: 100%
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .value,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .value,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .value,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .value {
font-size: 16px
}
.ddc-span4 .recommendations-vehicles .tile-list .vehicle-list-item .rv-details-wrapper,
.ddc-span4 .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-details-wrapper,
.style-image-left .recommendations-vehicles .tile-list .vehicle-list-item .rv-details-wrapper,
.style-image-left .recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-details-wrapper {
display: none
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item {
padding: 0 6px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
position: relative
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
font-size: 17.5px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .label,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .label {
font-size: 15.75px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {
font-size: 19.5px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value.oversized-font,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value.oversized-font {
font-size: 28px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {
font-size: 17.75px
}
@media screen and (max-width:1100px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
font-size: 16.75px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .label,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .label {
font-size: 18px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {
font-size: 24px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value.oversized-font,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value.oversized-font {
font-size: 28px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {
font-size: 20px
}
}
@media screen and (max-width:1525px) and (min-width:1300px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
font-size: 16.75px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .label,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .label {
font-size: 18px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {
font-size: 24px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value.oversized-font,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value.oversized-font {
font-size: 28px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {
font-size: 20px
}
}
@media screen and (max-width:1930px) and (min-width:1600px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
font-size: 16.75px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .label,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .label {
font-size: 18px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value {
font-size: 24px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing .value.oversized-font,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing .value.oversized-font {
font-size: 28px
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .rv-recommended-details,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .rv-recommended-details {
font-size: 20px
}
}
@media screen and (max-width:1300px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item:nth-child(1n+4),
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:nth-child(1n+4) {
display: none
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
top: 5%
}
}
@media screen and (min-width:1300px) and (max-width:1600px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item:nth-child(1n+5),
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:nth-child(1n+5) {
display: none
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
top: 4%
}
}
@media screen and (min-width:1600px) {
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item:nth-child(1n+6),
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item:nth-child(1n+6) {
display: none
}
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list .vehicle-list-item .title,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .pricing,
.index .main :not(.container)>.recommendations-vehicles .tile-list-no-flex-layout .vehicle-list-item .title {
top: 3%
}
}
.slideshow-background {
position: relative
}
.slideshow-background[data-widget-id=slideshow1]::before {
position: absolute;
content: "";
background: var(--container-contrast-med-bg) url(/static/v9/media/images/ajax-loaders/v1/white-ajax-loader-2.gif) no-repeat scroll center;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0
}
.slideshow-background.hide-loading[data-widget-id=slideshow1]::before {
display: none
}
.slideshow-background .slick-slider {
margin-bottom: 0
}
.slideshow-background .slick-slider .flex {
display: flex;
height: 100%
}
.slideshow-background .slick-slider .flex.flex-top-left {
align-items: flex-start;
justify-content: flex-start
}
.slideshow-background .slick-slider .flex.flex-top-mid {
align-items: flex-start;
justify-content: center
}
.slideshow-background .slick-slider .flex.flex-top-right {
align-items: flex-start;
justify-content: flex-end
}
.slideshow-background .slick-slider .flex.flex-mid-left {
align-items: center;
justify-content: flex-start
}
.slideshow-background .slick-slider .flex.flex-mid-mid {
align-items: center;
justify-content: center
}
.slideshow-background .slick-slider .flex.flex-mid-right {
align-items: center;
justify-content: flex-end
}
.slideshow-background .slick-slider .flex.flex-bot-left {
align-items: flex-end;
justify-content: flex-start
}
.slideshow-background .slick-slider .flex.flex-bot-mid {
align-items: flex-end;
justify-content: center
}
.slideshow-background .slick-slider .flex.flex-bot-right {
align-items: flex-end;
justify-content: flex-end
}
.slideshow-background .slick-slider.slick-initialized {
display: block;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.slideshow-background .slick-slider.prevnext-centered+.slideControls {
position: static
}
.slideshow-background .slick-slider.prevnext-centered+.slideControls .previousNext .next,
.slideshow-background .slick-slider.prevnext-centered+.slideControls .previousNext .prev {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.slideshow-background .slick-slider.prevnext-centered+.slideControls .previousNext .prev {
left: 20px
}
.slideshow-background .slick-slider.prevnext-centered+.slideControls .previousNext .next {
right: 20px
}
.slideshow-background .slick-slider.prevnext-centered+.slideControls .pager {
margin: -40px 0
}
.slideshow-background .slick-slider .slide.has-link {
cursor: pointer
}
.slideshow-background .slick-slider .slide .container,
.slideshow-background .slick-slider .slide .slide-background {
position: relative;
top: 0;
left: 50%;
height: 100%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.slideshow-background .slick-slider .slide .container:before,
.slideshow-background .slick-slider .slide .slide-background:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit
}
.slideshow-background .slick-slider .slide .container {
position: absolute;
width: 960px
}
div[class*=ddc-span]:not(.ddc-span12) .slideshow-background .slick-slider .slide .container {
width: 100%
}
.ddc-composer .ddc-span12 .slideshow-background .slick-slider .slide .container {
width: 960px
}
.slideshow-background .slick-slider .slide .placeholder-image {
visibility: hidden;
max-width: none;
height: 100%;
margin: 0 auto
}
.slideshow-background .slick-slider .slide .slide-heading,
.slideshow-background .slick-slider .slide .slide-subheading,
.slideshow-background .slick-slider .slide .slide-text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slideshow-background .slick-slider .slide .slide-subheading {
margin-top: 0
}
.slideshow-background .slick-slider .slide .color-default {
color: var(--text-color)
}
.slideshow-background .slick-slider .slide .color-inverse {
color: var(--text-inverse-color)
}
.slideshow-background .slick-slider .slide .ddc-font-size-huge {
font-size: 72px
}
.slideshow-background .slick-slider .slide,
.slideshow-background .slick-slider .slide-background {
overflow: hidden;
background-repeat: no-repeat;
background-position: center top;
background-size: auto 100%
}
.slideshow-background .slick-slider .slideshow-disclaimer-btn {
position: absolute;
z-index: 1;
top: 20px;
right: 20px
}
.slideshow-background .slick-slider .slideshow-disclaimer-btn[data-position=top-right] {
top: 20px;
right: 20px
}
.slideshow-background .slick-slider .slideshow-disclaimer-btn[data-position=top-left] {
top: 20px;
left: 20px;
right: auto
}
.slideshow-background .slick-slider .slideshow-disclaimer-btn[data-position=bottom-right] {
top: auto;
right: 20px;
bottom: 20px;
left: auto
}
.slideshow-background .slick-slider .slideshow-disclaimer-btn[data-position=bottom-left] {
top: auto;
right: auto;
bottom: 20px;
left: 20px
}
.slideshow-background .slick-controls .pager a.activeSlide {
box-shadow: 0 2px 2px rgba(0, 0, 0, .5)
}
.container.widget-preview {
padding: 0
}
.container.widget-preview {
padding: 0
}
[data-widget-name=squeeze-modal] {
position: static;
margin: 0
}
[data-widget-name=squeeze-modal] .squeeze-wrap {
display: block;
overflow: auto;
position: fixed;
top: initial;
right: 0;
bottom: initial;
left: 0;
z-index: 999
}
[data-widget-name=squeeze-modal] .squeeze-wrap:after {
content: " ";
display: block;
clear: both
}
[data-widget-name=squeeze-modal] form {
display: flex;
flex-flow: wrap;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
[data-widget-name=squeeze-modal] form fieldset {
padding: 15px;
width: 300px
}
[data-widget-name=squeeze-modal] .squeeze-content {
max-height: 60vh;
overflow: auto;
position: relative;
margin: 0 auto 0;
background-color: var(--color-neutral-0);
border: 1px solid var(--color-neutral-600);
border-radius: .3em;
width: 650px
}
[data-widget-name=squeeze-modal] .squeeze-content>div {
padding: 15px
}
[data-widget-name=squeeze-modal] .squeeze-content .squeeze-body {
border-top: 1px solid var(--color-neutral-600);
border-bottom: 1px solid var(--color-neutral-600)
}
[data-widget-name=squeeze-modal] .squeeze-content .squeeze-footer.redirecting {
display: flex;
align-items: center
}
[data-widget-name=squeeze-modal] .squeeze-content .squeeze-footer.redirecting .ddc-icon {
margin-right: 10px
}
[data-squeeze-modal=redisplay-disclaimer-button] {
bottom: 0;
display: none;
position: fixed;
right: 0;
transition: none;
z-index: 1000
}
[data-squeeze-modal=redisplay-disclaimer-button].btn-default {
font-size: 18px;
line-height: 1em
}
[data-squeeze-modal=redisplay-disclaimer-button].btn-xsmall {
font-size: 12px;
line-height: 1em;
padding: 10px 10px 8px
}
[data-squeeze-modal=redisplay-disclaimer-button].btn-small {
font-size: 16px;
line-height: 1em;
padding: 10px 15px 8px
}
[data-squeeze-modal=redisplay-disclaimer-button].btn-large {
font-size: 20px;
line-height: 1em;
padding: 10px 20px 8px
}
[data-squeeze-modal=redisplay-disclaimer-button].btn-xlarge {
font-size: 22px;
line-height: 1em;
padding: 10px 25px 8px
}
.cc-website-composer .squeeze-modal {
height: 100%
}
.squeeze-curtain {
display: block;
position: absolute;
margin: 0 -15px;
top: 0;
left: 0;
width: 100%;
min-width: 975px;
height: 100%;
background-color: var(--page-bg);
z-index: 998
}
.squeeze-close {
position: absolute;
right: 15px;
top: 7px;
background: var(--color-primary-500);
padding: 2px 7px;
border: 2px solid var(--color-primary-500);
border-radius: 25px;
color: var(--color-neutral-0);
text-decoration: none
}
.squeeze-close:hover {
color: var(--color-neutral-0);
background-color: var(--link-hover-color);
text-decoration: none;
cursor: pointer
}
.index .squeeze-modal .squeeze-content {
margin-top: 200px
}
.ddc-composer .squeeze-modal {
position: relative
}
.ddc-composer .squeeze-modal .squeeze-wrap {
position: static
}
.ddc-composer .squeeze-modal .squeeze-content {
width: 100%
}
.ddc-composer .squeeze-modal .squeeze-curtain {
display: none
}
.ddc-composer .sitebuilder-widget .modal {
position: static;
display: block;
margin: auto
}
.ddc-footer .ddc-content.credit .content,
.ddc-footer .ddc-content.ddc-credit .content {
min-width: 188px;
display: flex;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center;
justify-content: space-between
}
.content a.ad-choices {
text-align: right;
font-size: 14px;
text-decoration: none;
color: var(--color-neutral-0);
flex-basis: 82px
}
.content a.ad-choices img {
padding-top: 3px;
padding-left: .5rem
}
.incentives-featured-manual ul {
padding: 0;
list-style-type: none
}
.incentives-featured-manual li {
margin-bottom: 16px
}
.incentives-featured-manual .incentive-image {
min-height: 204px
}
.incentives-featured-manual .incentive-image img {
width: 100%
}
.incentives-featured-manual .incentive-border {
border: 1px solid var(--color-neutral-200);
padding: 8px
}
.incentives-featured-manual .incentive-type-label {
text-align: center
}
.incentives-featured-manual .incentive-vehicle-title {
text-align: center
}
.incentives-featured-manual .info {
text-align: center
}
.incentives-featured-manual .info.lease .data-item {
float: left;
width: 33.3%
}
.incentives-featured-manual .incentive-term {
text-align: center;
font-size: 10.5px
}
.incentives-featured-manual .jcarousel-container {
height: auto
}
.incentives-featured-manual .jcarousel-container .jcarousel-item {
width: 820px
}
.incentives-featured-manual .jcarousel-container .jcarousel-item .incentive-image {
width: 57%;
float: right;
top: 15px
}
.incentives-featured-manual .jcarousel-container .jcarousel-item .incentive-border {
width: 40%
}
.incentives-featured-manual .jcarousel-next,
.incentives-featured-manual .jcarousel-prev {
top: 45%
}
@media screen and (max-width:1300px) {
.incentives-featured-manual .flex-grow-1:nth-child(1n+4) {
display: none
}
}
.locations-proximity .google-map .fn {
font-size: 15.75px
}
.locations-proximity .google-map .adr {
padding: 16px 0
}
.locations-proximity .google-map .info-wrap {
padding: 16px
}
.locations-proximity .google-map .info-marker-label {
display: none
}
.locations-proximity .marker-labels .info-marker-label {
position: absolute;
top: 5px;
left: 0
}
.locations-proximity .marker-labels .info-wrap {
padding-left: 20px;
position: relative
}
.locations-proximity .overlay-wrap {
position: relative
}
.locations-proximity .overlay-wrap .dealerListOverlay {
float: none;
position: absolute;
left: 50px;
height: 80%;
max-width: 300px;
top: 8%;
padding: 0;
z-index: 100;
overflow: hidden
}
.locations-proximity .overlay-wrap ol {
background-color: var(--color-neutral-0);
padding: 16px
}
.locations-proximity .overlay-wrap .fn {
display: block
}
.locations-proximity .dealer-list-search-form form {
width: auto
}
[data-widget-name=content-cards] {
margin: 0 auto;
padding: 0;
background-color: #74747f
}
[data-widget-name=content-cards] .cards {
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap
}
[data-widget-name=content-cards] .widget-heading {
margin: 1em auto 0;
text-align: center;
color: #fff
}
[data-widget-name=content-cards] .card {
position: relative;
max-width: calc(500px + 2em);
margin: 2em 1em;
padding: 2em 2em 6em;
background-color: #fff;
flex-basis: 28%
}
[data-widget-name=content-cards] .card img {
margin: 0 0 1.25em
}
[data-widget-name=content-cards] .card .btn {
position: absolute;
bottom: 2em
}
@media screen and (max-width:959px) {
[data-widget-name=content-cards] .card {
margin: 0 .75em 2em;
padding: 1.5em 1.5em 6em;
flex-basis: 100%
}
[data-widget-name=content-cards] .card .btn {
bottom: 1.5em
}
}
[data-widget-name=content-cards] .card-title {
margin: 0 0 .5em;
text-transform: uppercase
}
[data-widget-name=content-cards] .card-content {
margin: 0 0 1em
}
.mobile [data-widget-name=content-cards] .card {
margin: 2em 1em
}
.mobile [data-widget-name=content-cards] .widget-heading {
color: #fff
}
html {
font-size: 16px
}
body {
font-size: 1rem
}
.responsive-type .content-page-title .h1,
.responsive-type .content-page-title h1,
.responsive-type .page-bd .h1,
.responsive-type .page-bd h1,
.responsive-type .page-header.minimal .h1,
.responsive-type .page-header.minimal h1,
.responsive-type [role=dialog] .h1,
.responsive-type [role=dialog] h1 {
font-size: 2rem
}
.responsive-type .content-page-title .h2,
.responsive-type .content-page-title h2,
.responsive-type .page-bd .h2,
.responsive-type .page-bd h2,
.responsive-type .page-header.minimal .h2,
.responsive-type .page-header.minimal h2,
.responsive-type [role=dialog] .h2,
.responsive-type [role=dialog] h2 {
font-size: 1.5rem
}
.responsive-type .content-page-title .h3,
.responsive-type .content-page-title h3,
.responsive-type .page-bd .h3,
.responsive-type .page-bd h3,
.responsive-type .page-header.minimal .h3,
.responsive-type .page-header.minimal h3,
.responsive-type [role=dialog] .h3,
.responsive-type [role=dialog] h3 {
font-size: 1.25rem
}
.responsive-type .content-page-title .h4,
.responsive-type .content-page-title h4,
.responsive-type .page-bd .h4,
.responsive-type .page-bd h4,
.responsive-type .page-header.minimal .h4,
.responsive-type .page-header.minimal h4,
.responsive-type [role=dialog] .h4,
.responsive-type [role=dialog] h4 {
font-size: 1rem
}
.responsive-type .content-page-title .h5,
.responsive-type .content-page-title h5,
.responsive-type .page-bd .h5,
.responsive-type .page-bd h5,
.responsive-type .page-header.minimal .h5,
.responsive-type .page-header.minimal h5,
.responsive-type [role=dialog] .h5,
.responsive-type [role=dialog] h5 {
font-size: .875rem
}
.responsive-type .content-page-title .h6,
.responsive-type .content-page-title h6,
.responsive-type .page-bd .h6,
.responsive-type .page-bd h6,
.responsive-type .page-header.minimal .h6,
.responsive-type .page-header.minimal h6,
.responsive-type [role=dialog] .h6,
.responsive-type [role=dialog] h6 {
font-size: .75rem
}
.responsive-type .content-page-title .display-1,
.responsive-type .page-bd .display-1,
.responsive-type .page-header.minimal .display-1,
.responsive-type [role=dialog] .display-1 {
font-size: 5rem
}
.responsive-type .content-page-title .display-2,
.responsive-type .page-bd .display-2,
.responsive-type .page-header.minimal .display-2,
.responsive-type [role=dialog] .display-2 {
font-size: 4rem
}
.responsive-type .content-page-title .display-3,
.responsive-type .page-bd .display-3,
.responsive-type .page-header.minimal .display-3,
.responsive-type [role=dialog] .display-3 {
font-size: 3rem
}
.responsive-type .content-page-title .display-4,
.responsive-type .page-bd .display-4,
.responsive-type .page-header.minimal .display-4,
.responsive-type [role=dialog] .display-4 {
font-size: 2rem
}
.responsive-type .content-page-title .ddc-font-size-xxsmall,
.responsive-type .page-bd .ddc-font-size-xxsmall,
.responsive-type .page-header.minimal .ddc-font-size-xxsmall,
.responsive-type [role=dialog] .ddc-font-size-xxsmall {
font-size: .625rem
}
.responsive-type .content-page-title .ddc-font-size-xsmall,
.responsive-type .page-bd .ddc-font-size-xsmall,
.responsive-type .page-header.minimal .ddc-font-size-xsmall,
.responsive-type [role=dialog] .ddc-font-size-xsmall {
font-size: .75rem
}
.responsive-type .content-page-title .ddc-font-size-small,
.responsive-type .page-bd .ddc-font-size-small,
.responsive-type .page-header.minimal .ddc-font-size-small,
.responsive-type [role=dialog] .ddc-font-size-small {
font-size: .875rem
}
.responsive-type .content-page-title .ddc-font-size-base,
.responsive-type .page-bd .ddc-font-size-base,
.responsive-type .page-header.minimal .ddc-font-size-base,
.responsive-type [role=dialog] .ddc-font-size-base {
font-size: 1rem
}
.responsive-type .content-page-title .ddc-font-size-large,
.responsive-type .page-bd .ddc-font-size-large,
.responsive-type .page-header.minimal .ddc-font-size-large,
.responsive-type [role=dialog] .ddc-font-size-large {
font-size: 1.25rem
}
.responsive-type .content-page-title .ddc-font-size-xlarge,
.responsive-type .page-bd .ddc-font-size-xlarge,
.responsive-type .page-header.minimal .ddc-font-size-xlarge,
.responsive-type [role=dialog] .ddc-font-size-xlarge {
font-size: 1.5rem
}
.responsive-type .content-page-title .ddc-font-size-xxlarge,
.responsive-type .page-bd .ddc-font-size-xxlarge,
.responsive-type .page-header.minimal .ddc-font-size-xxlarge,
.responsive-type [role=dialog] .ddc-font-size-xxlarge {
font-size: 2rem
}
.responsive-type .content-page-title .ddc-font-size-jumbo,
.responsive-type .page-bd .ddc-font-size-jumbo,
.responsive-type .page-header.minimal .ddc-font-size-jumbo,
.responsive-type [role=dialog] .ddc-font-size-jumbo {
font-size: 3rem
}
.responsive-type .content-page-title .lead,
.responsive-type .page-bd .lead,
.responsive-type .page-header.minimal .lead,
.responsive-type [role=dialog] .lead {
font-size: 1.25rem
}
.responsive-type .content-page-title legend,
.responsive-type .page-bd legend,
.responsive-type .page-header.minimal legend,
.responsive-type [role=dialog] legend {
font-size: 1.5rem
}
.responsive-type .content-page-title output,
.responsive-type .page-bd output,
.responsive-type .page-header.minimal output,
.responsive-type [role=dialog] output {
font-size: 1rem
}
.responsive-type .content-page-title input.form-control,
.responsive-type .content-page-title select.form-control,
.responsive-type .page-bd input.form-control,
.responsive-type .page-bd select.form-control,
.responsive-type .page-header.minimal input.form-control,
.responsive-type .page-header.minimal select.form-control,
.responsive-type [role=dialog] input.form-control,
.responsive-type [role=dialog] select.form-control {
height: 42px;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type .content-page-title select.form-control,
.responsive-type .content-page-title select[multiple]input.form-control,
.responsive-type .content-page-title textareainput.form-control,
.responsive-type .page-bd select.form-control,
.responsive-type .page-bd select[multiple]input.form-control,
.responsive-type .page-bd textareainput.form-control,
.responsive-type .page-header.minimal select.form-control,
.responsive-type .page-header.minimal select[multiple]input.form-control,
.responsive-type .page-header.minimal textareainput.form-control,
.responsive-type [role=dialog] select.form-control,
.responsive-type [role=dialog] select[multiple]input.form-control,
.responsive-type [role=dialog] textareainput.form-control {
height: auto
}
.responsive-type .content-page-title textarea.form-control,
.responsive-type .page-bd textarea.form-control,
.responsive-type .page-header.minimal textarea.form-control,
.responsive-type [role=dialog] textarea.form-control {
height: auto;
padding: 8px 16px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type .content-page-title select[multiple]textarea.form-control,
.responsive-type .content-page-title textareatextarea.form-control,
.responsive-type .page-bd select[multiple]textarea.form-control,
.responsive-type .page-bd textareatextarea.form-control,
.responsive-type .page-header.minimal select[multiple]textarea.form-control,
.responsive-type .page-header.minimal textareatextarea.form-control,
.responsive-type [role=dialog] select[multiple]textarea.form-control,
.responsive-type [role=dialog] textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title input.input-sm,
.responsive-type .page-bd input.input-sm,
.responsive-type .page-header.minimal input.input-sm,
.responsive-type [role=dialog] input.input-sm {
height: 31px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title select[multiple]input.input-sm,
.responsive-type .content-page-title textareainput.input-sm,
.responsive-type .page-bd select[multiple]input.input-sm,
.responsive-type .page-bd textareainput.input-sm,
.responsive-type .page-header.minimal select[multiple]input.input-sm,
.responsive-type .page-header.minimal textareainput.input-sm,
.responsive-type [role=dialog] select[multiple]input.input-sm,
.responsive-type [role=dialog] textareainput.input-sm {
height: auto
}
.responsive-type .content-page-title input.input-lg,
.responsive-type .page-bd input.input-lg,
.responsive-type .page-header.minimal input.input-lg,
.responsive-type [role=dialog] input.input-lg {
height: 58px;
padding: 16px 24px;
font-size: 18px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title select[multiple]input.input-lg,
.responsive-type .content-page-title textareainput.input-lg,
.responsive-type .page-bd select[multiple]input.input-lg,
.responsive-type .page-bd textareainput.input-lg,
.responsive-type .page-header.minimal select[multiple]input.input-lg,
.responsive-type .page-header.minimal textareainput.input-lg,
.responsive-type [role=dialog] select[multiple]input.input-lg,
.responsive-type [role=dialog] textareainput.input-lg {
height: auto
}
.responsive-type .content-page-title .form-control-static,
.responsive-type .page-bd .form-control-static,
.responsive-type .page-header.minimal .form-control-static,
.responsive-type [role=dialog] .form-control-static {
min-height: 42px
}
.responsive-type .content-page-title .form-group-sm input.form-control,
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type .page-bd .form-group-sm input.form-control,
.responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .page-header.minimal .form-group-sm input.form-control,
.responsive-type .page-header.minimal .form-group-sm select.form-control,
.responsive-type [role=dialog] .form-group-sm input.form-control,
.responsive-type [role=dialog] .form-group-sm select.form-control {
height: 31px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type .content-page-title .form-group-sm select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-sm textareainput.form-control,
.responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]input.form-control,
.responsive-type .page-bd .form-group-sm textareainput.form-control,
.responsive-type .page-header.minimal .form-group-sm select.form-control,
.responsive-type .page-header.minimal .form-group-sm select[multiple]input.form-control,
.responsive-type .page-header.minimal .form-group-sm textareainput.form-control,
.responsive-type [role=dialog] .form-group-sm select.form-control,
.responsive-type [role=dialog] .form-group-sm select[multiple]input.form-control,
.responsive-type [role=dialog] .form-group-sm textareainput.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-sm textarea.form-control,
.responsive-type .page-bd .form-group-sm textarea.form-control,
.responsive-type .page-header.minimal .form-group-sm textarea.form-control,
.responsive-type [role=dialog] .form-group-sm textarea.form-control {
height: auto;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title .form-group-sm select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-sm textareatextarea.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]textarea.form-control,
.responsive-type .page-bd .form-group-sm textareatextarea.form-control,
.responsive-type .page-header.minimal .form-group-sm select[multiple]textarea.form-control,
.responsive-type .page-header.minimal .form-group-sm textareatextarea.form-control,
.responsive-type [role=dialog] .form-group-sm select[multiple]textarea.form-control,
.responsive-type [role=dialog] .form-group-sm textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-sm .form-control-static,
.responsive-type .page-bd .form-group-sm .form-control-static,
.responsive-type .page-header.minimal .form-group-sm .form-control-static,
.responsive-type [role=dialog] .form-group-sm .form-control-static {
min-height: 31px
}
.responsive-type .content-page-title .form-group-lg input.form-control,
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type .page-bd .form-group-lg input.form-control,
.responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .page-header.minimal .form-group-lg input.form-control,
.responsive-type .page-header.minimal .form-group-lg select.form-control,
.responsive-type [role=dialog] .form-group-lg input.form-control,
.responsive-type [role=dialog] .form-group-lg select.form-control {
height: 58px;
padding: 16px 24px;
font-size: 18px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type .content-page-title .form-group-lg select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-lg textareainput.form-control,
.responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]input.form-control,
.responsive-type .page-bd .form-group-lg textareainput.form-control,
.responsive-type .page-header.minimal .form-group-lg select.form-control,
.responsive-type .page-header.minimal .form-group-lg select[multiple]input.form-control,
.responsive-type .page-header.minimal .form-group-lg textareainput.form-control,
.responsive-type [role=dialog] .form-group-lg select.form-control,
.responsive-type [role=dialog] .form-group-lg select[multiple]input.form-control,
.responsive-type [role=dialog] .form-group-lg textareainput.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-lg textarea.form-control,
.responsive-type .page-bd .form-group-lg textarea.form-control,
.responsive-type .page-header.minimal .form-group-lg textarea.form-control,
.responsive-type [role=dialog] .form-group-lg textarea.form-control {
height: auto;
padding: 16px 24px;
font-size: 18px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title .form-group-lg select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-lg textareatextarea.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]textarea.form-control,
.responsive-type .page-bd .form-group-lg textareatextarea.form-control,
.responsive-type .page-header.minimal .form-group-lg select[multiple]textarea.form-control,
.responsive-type .page-header.minimal .form-group-lg textareatextarea.form-control,
.responsive-type [role=dialog] .form-group-lg select[multiple]textarea.form-control,
.responsive-type [role=dialog] .form-group-lg textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-lg .form-control-static,
.responsive-type .page-bd .form-group-lg .form-control-static,
.responsive-type .page-header.minimal .form-group-lg .form-control-static,
.responsive-type [role=dialog] .form-group-lg .form-control-static {
min-height: 58px
}
.responsive-type .content-page-title .btn,
.responsive-type .page-bd .btn,
.responsive-type .page-header.minimal .btn,
.responsive-type [role=dialog] .btn {
font-size: calc(1rem * var(--btn-font-size-modifier, 1))
}
.responsive-type .content-page-title .btn-xs,
.responsive-type .content-page-title .btn-xsmall,
.responsive-type .page-bd .btn-xs,
.responsive-type .page-bd .btn-xsmall,
.responsive-type .page-header.minimal .btn-xs,
.responsive-type .page-header.minimal .btn-xsmall,
.responsive-type [role=dialog] .btn-xs,
.responsive-type [role=dialog] .btn-xsmall {
font-size: calc(.75rem * var(--btn-font-size-modifier, 1))
}
.responsive-type .content-page-title .btn-sm,
.responsive-type .content-page-title .btn-small,
.responsive-type .page-bd .btn-sm,
.responsive-type .page-bd .btn-small,
.responsive-type .page-header.minimal .btn-sm,
.responsive-type .page-header.minimal .btn-small,
.responsive-type [role=dialog] .btn-sm,
.responsive-type [role=dialog] .btn-small {
font-size: calc(.875rem * var(--btn-font-size-modifier, 1))
}
.responsive-type .content-page-title .btn-large,
.responsive-type .content-page-title .btn-lg,
.responsive-type .page-bd .btn-large,
.responsive-type .page-bd .btn-lg,
.responsive-type .page-header.minimal .btn-large,
.responsive-type .page-header.minimal .btn-lg,
.responsive-type [role=dialog] .btn-large,
.responsive-type [role=dialog] .btn-lg {
font-size: calc(1.25rem * var(--btn-font-size-modifier, 1))
}
.responsive-type .content-page-title .btn-xl,
.responsive-type .content-page-title .btn-xlarge,
.responsive-type .page-bd .btn-xl,
.responsive-type .page-bd .btn-xlarge,
.responsive-type .page-header.minimal .btn-xl,
.responsive-type .page-header.minimal .btn-xlarge,
.responsive-type [role=dialog] .btn-xl,
.responsive-type [role=dialog] .btn-xlarge {
font-size: calc(1.5rem * var(--btn-font-size-modifier, 1))
}
.responsive-type .content-page-title .highlight-badge.badge-xsmall.default,
.responsive-type .page-bd .highlight-badge.badge-xsmall.default,
.responsive-type .page-header.minimal .highlight-badge.badge-xsmall.default,
.responsive-type [role=dialog] .highlight-badge.badge-xsmall.default {
font-size: .75rem
}
.responsive-type .content-page-title .highlight-badge.badge-xsmall.hotcars,
.responsive-type .page-bd .highlight-badge.badge-xsmall.hotcars,
.responsive-type .page-header.minimal .highlight-badge.badge-xsmall.hotcars,
.responsive-type [role=dialog] .highlight-badge.badge-xsmall.hotcars {
font-size: .75rem
}
.responsive-type .content-page-title .highlight-badge.badge-xsmall.in-stock,
.responsive-type .page-bd .highlight-badge.badge-xsmall.in-stock,
.responsive-type .page-header.minimal .highlight-badge.badge-xsmall.in-stock,
.responsive-type [role=dialog] .highlight-badge.badge-xsmall.in-stock {
font-size: .75rem
}
.responsive-type .content-page-title .highlight-badge.badge-small.default,
.responsive-type .page-bd .highlight-badge.badge-small.default,
.responsive-type .page-header.minimal .highlight-badge.badge-small.default,
.responsive-type [role=dialog] .highlight-badge.badge-small.default {
font-size: .875rem
}
.responsive-type .content-page-title .highlight-badge.badge-small.hotcars,
.responsive-type .page-bd .highlight-badge.badge-small.hotcars,
.responsive-type .page-header.minimal .highlight-badge.badge-small.hotcars,
.responsive-type [role=dialog] .highlight-badge.badge-small.hotcars {
font-size: .875rem
}
.responsive-type .content-page-title .highlight-badge.badge-small.in-stock,
.responsive-type .page-bd .highlight-badge.badge-small.in-stock,
.responsive-type .page-header.minimal .highlight-badge.badge-small.in-stock,
.responsive-type [role=dialog] .highlight-badge.badge-small.in-stock {
font-size: .875rem
}
html.hi-res {
font-size: 18px
}
.responsive-type.hi-res .content-page-title input.form-control,
.responsive-type.hi-res .content-page-title select.form-control,
.responsive-type.hi-res .page-bd input.form-control,
.responsive-type.hi-res .page-bd select.form-control,
.responsive-type.hi-res [role=dialog] input.form-control,
.responsive-type.hi-res [role=dialog] select.form-control {
height: 45px;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type.hi-res .content-page-title select.form-control,
.responsive-type.hi-res .content-page-title select[multiple]input.form-control,
.responsive-type.hi-res .content-page-title textareainput.form-control,
.responsive-type.hi-res .page-bd select.form-control,
.responsive-type.hi-res .page-bd select[multiple]input.form-control,
.responsive-type.hi-res .page-bd textareainput.form-control,
.responsive-type.hi-res [role=dialog] select.form-control,
.responsive-type.hi-res [role=dialog] select[multiple]input.form-control,
.responsive-type.hi-res [role=dialog] textareainput.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title textarea.form-control,
.responsive-type.hi-res .page-bd textarea.form-control,
.responsive-type.hi-res [role=dialog] textarea.form-control {
height: auto;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type.hi-res .content-page-title select[multiple]textarea.form-control,
.responsive-type.hi-res .content-page-title textareatextarea.form-control,
.responsive-type.hi-res .page-bd select[multiple]textarea.form-control,
.responsive-type.hi-res .page-bd textareatextarea.form-control,
.responsive-type.hi-res [role=dialog] select[multiple]textarea.form-control,
.responsive-type.hi-res [role=dialog] textareatextarea.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title input.input-sm,
.responsive-type.hi-res .page-bd input.input-sm,
.responsive-type.hi-res [role=dialog] input.input-sm {
height: 34px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type.hi-res .content-page-title select[multiple]input.input-sm,
.responsive-type.hi-res .content-page-title textareainput.input-sm,
.responsive-type.hi-res .page-bd select[multiple]input.input-sm,
.responsive-type.hi-res .page-bd textareainput.input-sm,
.responsive-type.hi-res [role=dialog] select[multiple]input.input-sm,
.responsive-type.hi-res [role=dialog] textareainput.input-sm {
height: auto
}
.responsive-type.hi-res .content-page-title input.input-lg,
.responsive-type.hi-res .page-bd input.input-lg,
.responsive-type.hi-res [role=dialog] input.input-lg {
height: 61px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type.hi-res .content-page-title select[multiple]input.input-lg,
.responsive-type.hi-res .content-page-title textareainput.input-lg,
.responsive-type.hi-res .page-bd select[multiple]input.input-lg,
.responsive-type.hi-res .page-bd textareainput.input-lg,
.responsive-type.hi-res [role=dialog] select[multiple]input.input-lg,
.responsive-type.hi-res [role=dialog] textareainput.input-lg {
height: auto
}
.responsive-type.hi-res .content-page-title .form-control-static,
.responsive-type.hi-res .page-bd .form-control-static,
.responsive-type.hi-res [role=dialog] .form-control-static {
min-height: 45px
}
.responsive-type.hi-res .content-page-title .form-group-sm input.form-control,
.responsive-type.hi-res .content-page-title .form-group-sm select.form-control,
.responsive-type.hi-res .page-bd .form-group-sm input.form-control,
.responsive-type.hi-res .page-bd .form-group-sm select.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm input.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm select.form-control {
height: 34px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type.hi-res .content-page-title .form-group-sm select.form-control,
.responsive-type.hi-res .content-page-title .form-group-sm select[multiple]input.form-control,
.responsive-type.hi-res .content-page-title .form-group-sm textareainput.form-control,
.responsive-type.hi-res .page-bd .form-group-sm select.form-control,
.responsive-type.hi-res .page-bd .form-group-sm select[multiple]input.form-control,
.responsive-type.hi-res .page-bd .form-group-sm textareainput.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm select.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm select[multiple]input.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm textareainput.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title .form-group-sm textarea.form-control,
.responsive-type.hi-res .page-bd .form-group-sm textarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm textarea.form-control {
height: auto;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type.hi-res .content-page-title .form-group-sm select[multiple]textarea.form-control,
.responsive-type.hi-res .content-page-title .form-group-sm textareatextarea.form-control,
.responsive-type.hi-res .page-bd .form-group-sm select[multiple]textarea.form-control,
.responsive-type.hi-res .page-bd .form-group-sm textareatextarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm select[multiple]textarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-sm textareatextarea.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title .form-group-sm .form-control-static,
.responsive-type.hi-res .page-bd .form-group-sm .form-control-static,
.responsive-type.hi-res [role=dialog] .form-group-sm .form-control-static {
min-height: 34px
}
.responsive-type.hi-res .content-page-title .form-group-lg input.form-control,
.responsive-type.hi-res .content-page-title .form-group-lg select.form-control,
.responsive-type.hi-res .page-bd .form-group-lg input.form-control,
.responsive-type.hi-res .page-bd .form-group-lg select.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg input.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg select.form-control {
height: 61px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type.hi-res .content-page-title .form-group-lg select.form-control,
.responsive-type.hi-res .content-page-title .form-group-lg select[multiple]input.form-control,
.responsive-type.hi-res .content-page-title .form-group-lg textareainput.form-control,
.responsive-type.hi-res .page-bd .form-group-lg select.form-control,
.responsive-type.hi-res .page-bd .form-group-lg select[multiple]input.form-control,
.responsive-type.hi-res .page-bd .form-group-lg textareainput.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg select.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg select[multiple]input.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg textareainput.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title .form-group-lg textarea.form-control,
.responsive-type.hi-res .page-bd .form-group-lg textarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg textarea.form-control {
height: auto;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type.hi-res .content-page-title .form-group-lg select[multiple]textarea.form-control,
.responsive-type.hi-res .content-page-title .form-group-lg textareatextarea.form-control,
.responsive-type.hi-res .page-bd .form-group-lg select[multiple]textarea.form-control,
.responsive-type.hi-res .page-bd .form-group-lg textareatextarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg select[multiple]textarea.form-control,
.responsive-type.hi-res [role=dialog] .form-group-lg textareatextarea.form-control {
height: auto
}
.responsive-type.hi-res .content-page-title .form-group-lg .form-control-static,
.responsive-type.hi-res .page-bd .form-group-lg .form-control-static,
.responsive-type.hi-res [role=dialog] .form-group-lg .form-control-static {
min-height: 61px
}
@media (min-width:1200px) {
html {
font-size: 18px
}
.responsive-type .content-page-title input.form-control,
.responsive-type .content-page-title select.form-control,
.responsive-type .page-bd input.form-control,
.responsive-type .page-bd select.form-control,
.responsive-type [role=dialog] input.form-control,
.responsive-type [role=dialog] select.form-control {
height: 45px;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type .content-page-title select.form-control,
.responsive-type .content-page-title select[multiple]input.form-control,
.responsive-type .content-page-title textareainput.form-control,
.responsive-type .page-bd select.form-control,
.responsive-type .page-bd select[multiple]input.form-control,
.responsive-type .page-bd textareainput.form-control,
.responsive-type [role=dialog] select.form-control,
.responsive-type [role=dialog] select[multiple]input.form-control,
.responsive-type [role=dialog] textareainput.form-control {
height: auto
}
.responsive-type .content-page-title textarea.form-control,
.responsive-type .page-bd textarea.form-control,
.responsive-type [role=dialog] textarea.form-control {
height: auto;
padding: 8px 16px;
font-size: 18px;
line-height: 1.5;
border-radius: var(--input-border-radius-base, 0)
}
.responsive-type .content-page-title select[multiple]textarea.form-control,
.responsive-type .content-page-title textareatextarea.form-control,
.responsive-type .page-bd select[multiple]textarea.form-control,
.responsive-type .page-bd textareatextarea.form-control,
.responsive-type [role=dialog] select[multiple]textarea.form-control,
.responsive-type [role=dialog] textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title input.input-sm,
.responsive-type .page-bd input.input-sm,
.responsive-type [role=dialog] input.input-sm {
height: 34px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title select[multiple]input.input-sm,
.responsive-type .content-page-title textareainput.input-sm,
.responsive-type .page-bd select[multiple]input.input-sm,
.responsive-type .page-bd textareainput.input-sm,
.responsive-type [role=dialog] select[multiple]input.input-sm,
.responsive-type [role=dialog] textareainput.input-sm {
height: auto
}
.responsive-type .content-page-title input.input-lg,
.responsive-type .page-bd input.input-lg,
.responsive-type [role=dialog] input.input-lg {
height: 61px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title select[multiple]input.input-lg,
.responsive-type .content-page-title textareainput.input-lg,
.responsive-type .page-bd select[multiple]input.input-lg,
.responsive-type .page-bd textareainput.input-lg,
.responsive-type [role=dialog] select[multiple]input.input-lg,
.responsive-type [role=dialog] textareainput.input-lg {
height: auto
}
.responsive-type .content-page-title .form-control-static,
.responsive-type .page-bd .form-control-static,
.responsive-type [role=dialog] .form-control-static {
min-height: 45px
}
.responsive-type .content-page-title .form-group-sm input.form-control,
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type .page-bd .form-group-sm input.form-control,
.responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type [role=dialog] .form-group-sm input.form-control,
.responsive-type [role=dialog] .form-group-sm select.form-control {
height: 34px;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type .content-page-title .form-group-sm select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-sm textareainput.form-control,
.responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]input.form-control,
.responsive-type .page-bd .form-group-sm textareainput.form-control,
.responsive-type [role=dialog] .form-group-sm select.form-control,
.responsive-type [role=dialog] .form-group-sm select[multiple]input.form-control,
.responsive-type [role=dialog] .form-group-sm textareainput.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-sm textarea.form-control,
.responsive-type .page-bd .form-group-sm textarea.form-control,
.responsive-type [role=dialog] .form-group-sm textarea.form-control {
height: auto;
padding: 4px 8px;
font-size: 16px;
line-height: 1.5;
border-radius: var(--input-border-radius-small, 0)
}
.responsive-type .content-page-title .form-group-sm select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-sm textareatextarea.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]textarea.form-control,
.responsive-type .page-bd .form-group-sm textareatextarea.form-control,
.responsive-type [role=dialog] .form-group-sm select[multiple]textarea.form-control,
.responsive-type [role=dialog] .form-group-sm textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-sm .form-control-static,
.responsive-type .page-bd .form-group-sm .form-control-static,
.responsive-type [role=dialog] .form-group-sm .form-control-static {
min-height: 34px
}
.responsive-type .content-page-title .form-group-lg input.form-control,
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type .page-bd .form-group-lg input.form-control,
.responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type [role=dialog] .form-group-lg input.form-control,
.responsive-type [role=dialog] .form-group-lg select.form-control {
height: 61px;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type .content-page-title .form-group-lg select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-lg textareainput.form-control,
.responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]input.form-control,
.responsive-type .page-bd .form-group-lg textareainput.form-control,
.responsive-type [role=dialog] .form-group-lg select.form-control,
.responsive-type [role=dialog] .form-group-lg select[multiple]input.form-control,
.responsive-type [role=dialog] .form-group-lg textareainput.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-lg textarea.form-control,
.responsive-type .page-bd .form-group-lg textarea.form-control,
.responsive-type [role=dialog] .form-group-lg textarea.form-control {
height: auto;
padding: 16px 24px;
font-size: 20px;
line-height: 1.33333;
border-radius: var(--input-border-radius-large, 0)
}
.responsive-type .content-page-title .form-group-lg select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-lg textareatextarea.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]textarea.form-control,
.responsive-type .page-bd .form-group-lg textareatextarea.form-control,
.responsive-type [role=dialog] .form-group-lg select[multiple]textarea.form-control,
.responsive-type [role=dialog] .form-group-lg textareatextarea.form-control {
height: auto
}
.responsive-type .content-page-title .form-group-lg .form-control-static,
.responsive-type .page-bd .form-group-lg .form-control-static,
.responsive-type [role=dialog] .form-group-lg .form-control-static {
min-height: 61px
}
}