@charset "UTF-8";! normalize.css v3.0.1 | MIT License | git.io/normalize 
.pika-table, table { border-spacing: 0; border-collapse: collapse }
.xdsoft_noselect, button, select { -webkit-user-select: none }
a, h4 { letter-spacing: 1px }
cite, h3, h4 { text-transform: uppercase }
.nav-drop-filter-item, .video-hero, select { -webkit-tap-highlight-color: transparent }
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, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
:root .mejs-poster img, [hidden], template { display: none }
audio:not([controls]) { display: none; height: 0 }
a { background: 0 0 }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, optgroup, strong { font-weight: 700 }
dfn { font-style: italic }
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, textarea { 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] { }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
legend { border: 0; padding: 0 }
.overthrow-enabled .overthrow { overflow: auto; -webkit-overflow-scrolling: touch }
.mejs-container { width: 100%!important; height: auto!important; padding-top: 56.25% }
.mejs-mediaelement video, .mejs-overlay, .mejs-poster, .mejs-social-sharing-overlay-wrapper { width: 100%!important; height: 100%!important }
.mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video, .mejs-layers, .mejs-mediaelement, .mejs-overlay-button-wrapper { width: 100%; height: 100% }
.mejs-layers { position: absolute; top: 0; left: 0; z-index: 2 }
.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0 }
.me-plugin, .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden }
.mejs-fullscreen { overflow: hidden!important }
.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000 }
.mejs-clear { clear: both }
.mejs-background { position: absolute; top: 0; left: 0 }
.mejs-mediaelement { position: absolute; top: 0; left: 0; z-index: 1 }
.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat }
.mejs-overlay-button, .no-svg .mejs-overlay-button { background-image: url(/Static/mediaelement/bigplay.png); background-position: center center; background-repeat: no-repeat }
.mejs-poster img { padding: 0; border: 0 }
.mejs-overlay { position: absolute; top: 0; left: 0 }
.mejs-overlay-play { cursor: pointer }
.mejs-overlay-button-wrapper { display: table }
.mejs-overlay-button { display: table-cell; width: 67px; height: 67px; opacity: .8; filter: alpha(opacity=80) }
.bar-chart-carousel .carousel-content .carousel-navigators .left-navigator, .bar-chart-carousel .carousel-content .carousel-navigators .right-navigator, .lt-ie9-png-transparency, .no-svg .mejs-overlay-button, .scroll-nav .owl-controls .owl-nav>.owl-next, .scroll-nav .owl-controls .owl-nav>.owl-prev { filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
.no-svg .mejs-overlay-button { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}
.mejs-overlay:hover .mejs-overlay-button { opacity: 1; filter: alpha(opacity=100) }
.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px }
.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background-color: transparent; background-image: url(/Static/mediaelement/loading.gif); background-position: 50% 50%; background-repeat: no-repeat }
.mejs-container .mejs-controls { position: absolute; text-align: right; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; width: 100%; height: 54px; z-index: 5 }
.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: inline-block; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0 }
.mejs-controls .mejs-button { margin-right: 20px!important }
.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 17px; width: 17px; border: 0; background-repeat: no-repeat; opacity: .8; filter: alpha(opacity=80) }
.mejs-controls .mejs-button button:hover { border-color: transparent; background-color: transparent; opacity: 1; filter: alpha(opacity=100) }
.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0; overflow: hidden; text-align: center; box-sizing: content-box }
.mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto }
.mejs-controls .mejs-play button { background-position: 0 0 }
.mejs-controls .mejs-pause button { background-position: 0 -16px }
.mejs-controls .mejs-stop button { background-position: -112px 0 }
.mejs-controls div.mejs-time-rail { position: absolute; display: block; bottom: 0; direction: ltr; width: 100%!important; height: 7px }
.mejs-controls div.mejs-time-rail span { display: block; position: absolute; width: 100%; height: 7px; cursor: pointer }
.mejs-controls div.mejs-time-rail .mejs-time-buffering, .mejs-controls div.mejs-time-rail .mejs-time-total { width: 100%!important }
.mejs-controls div.mejs-time-rail .mejs-time-loaded { background: #B3B3B3; width: 0 }
.mejs-controls div.mejs-time-rail .mejs-time-current { background: #145081; width: 0 }
.mejs-controls div.mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; border-radius: 5px; cursor: pointer; border: 2px solid #333; top: -2px; text-align: center }
.mejs-controls div.mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #145081; width: 44px; height: 24px; top: -33px; margin-left: -22px; text-align: center; color: #fff; z-index: 99 }
.mejs-controls div.mejs-time-rail .mejs-time-float.active { display: table }
.mejs-controls div.mejs-time-rail .mejs-time-float-current { display: table-cell; position: relative; vertical-align: middle; text-align: center; margin: 2px; left: 0 }
.mejs-controls div.mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: 5px solid #145081; border-color: #145081 transparent transparent; border-radius: 0; top: 24px; left: 17px }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px }
.mejs-controls .mejs-fullscreen-button button { background-image: url(/Static/mediaelement//controls/fullscreenButton.png) }
.mejs-controls .mejs-unfullscreen button { background-image: url(/Static/mediaelement//controls/normalscreenButton.png) }
.mejs-controls .mejs-volume-button { position: relative; text-align: right; width: 27px }
.mejs-controls .mejs-volume-button button { width: 27px }
.mejs-controls .mejs-mute button { background-image: url(/Static/mediaelement//controls/muteButton.png) }
.mejs-controls .mejs-unmute button { background-image: url(/Static/mediaelement//controls/unmuteButton.png) }
.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; position: absolute; top: -115px; left: 0; z-index: 1; margin: 0 }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 6px; height: 100px; background: #fff; margin: 0 }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 6px; height: 100px; background: #145081; margin: 0 }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 8px; top: -3px; width: 12px; height: 6px; background: #ddd; background: rgba(255,255,255,.9); cursor: N-resize; border-radius: 1px; margin: 0 }
.mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #333; background: rgba(50,50,50,.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30,30,30,.8)), to(rgba(60,60,60,.8))); background: -webkit-linear-gradient(rgba(30,30,30,.8), rgba(60,60,60,.8)); background: linear-gradient(rgba(30,30,30,.8), rgba(60,60,60,.8)) }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; border-radius: 2px; background: #fff; background: rgba(255,255,255,.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.9)), to(rgba(200,200,200,.8))); background: -webkit-linear-gradient(rgba(255,255,255,.9), rgba(200,200,200,.8)); background: linear-gradient(rgba(255,255,255,.9), rgba(200,200,200,.8)) }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none }
.mejs-controls .mejs-captions-button { position: relative }
.mejs-controls .mejs-captions-button button { width: 25px; background-image: url(/Static/mediaelement//controls/subtitles-small.png) }
.mejs-controls .mejs-captions-button .mejs-captions-selector input[type=radio]:checked~label:before, .mejs-controls .mejs-captions-button .mejs-captions-selector input[type=radio]~label:before { width: 20px; height: 17px; margin-top: 0; background-image: none; background-repeat: no-repeat }
.mejs-controls .mejs-captions-button .mejs-captions-selector input[type=radio]:checked~label:before { background-image: url(/Static/mediaelement//controls/check.png); background-position: 0 0 }
.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -5px; width: 150px; height: 100px; background: url(/Static/mediaelement/background.png); background: rgba(50,50,50,.7); border: 1px solid transparent; padding: 10px 10px 0; overflow: hidden; border-radius: 0 }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 125px; float: left; padding: 4px 0 0 25px; line-height: 15px; font-family: helvetica, arial; font-size: 12px }
.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px }
.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1 }
.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0,0,0,.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50,50,50,.7)), to(rgba(0,0,0,.7))); background: -webkit-linear-gradient(rgba(50,50,50,.7), rgba(0,0,0,.7)); background: linear-gradient(rgba(50,50,50,.7), rgba(0,0,0,.7)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
overflow: hidden; border: 0 }
.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer }
.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none }
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102,.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102,102,102,.7)), to(rgba(50,50,50,.6))); background: -webkit-linear-gradient(rgba(102,102,102,.7), rgba(50,50,50,.6)); background: linear-gradient(rgba(102,102,102,.7), rgba(50,50,50,.6)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}
.mejs-captions-text, .mejs-postroll-layer { background: url(/Static/mediaelement/background.png) }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: 700; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px; line-height: 12px }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px; display: block; white-space: nowrap; text-overflow: ellipsis }
.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #fff }
.mejs-captions-layer a { color: #fff; text-decoration: underline }
.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400 }
.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0 }
.mejs-captions-position-hover { bottom: 35px }
.mejs-captions-text { padding: 3px 5px; background: rgba(20,20,20,.5); white-space: pre-wrap }
.me-cannotplay a { color: #fff; font-weight: 700 }
.me-cannotplay span { padding: 15px; display: block }
.mejs-controls .mejs-loop-off button { background-position: -64px -16px }
.mejs-controls .mejs-loop-on button { background-position: -64px 0 }
.mejs-controls .mejs-backlight-off button { background-position: -80px -16px }
.mejs-controls .mejs-backlight-on button { background-position: -80px 0 }
.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0 }
.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: 1px solid #999; z-index: 1001 }
.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333 }
.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333 }
.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff }
.mejs-controls .mejs-sourcechooser-button { width: 19px; height: 19px }
.mejs-controls .mejs-sourcechooser-button button { background-image: url(/Static/mediaelement//controls/sourceChooser.png); width: 19px; height: 19px }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { position: absolute; bottom: 60px; right: 88px; display: none; width: 74px; height: auto!important; text-align: left }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 1px; display: block; list-style-type: none!important; overflow: hidden }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: -1px 0 0; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden; border: 1px solid #fff; cursor: pointer; height: 46px; line-height: 46px; text-align: center }
.mejs-postroll-layer, .mejs-postroll-layer-content { width: 100%; height: 100% }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li.current, .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li.current:hover { background-color: #fff; color: #145081; opacity: 1; filter: alpha(opacity=100) }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover { background-color: #fff; color: #145081; opacity: .9; filter: alpha(opacity=90) }
.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; background: rgba(50,50,50,.7); z-index: 1000; overflow: hidden }
.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(/Static/mediaelement/background.png); background: rgba(50,50,50,.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer }
div.mejs-speed-button { width: 46px!important; position: relative }
.mejs-controls .mejs-button.mejs-speed-button button { background: 0 0; width: 36px; font-size: 11px; line-height: normal; color: #fff }
.mejs-controls .mejs-speed-button .mejs-speed-selector { visibility: hidden; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(/Static/mediaelement/background.png); background: rgba(50,50,50,.7); border: 1px solid transparent; padding: 0; overflow: hidden; border-radius: 0 }
.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector { visibility: visible }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: #21f8f8 }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px; padding: 0 10px; list-style-type: none!important; display: block; color: #fff; overflow: hidden }
.fa-ul, ol, ul { list-style-type: none }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: #fff; margin-left: 5px; cursor: pointer }
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8!important; background-color: rgba(255,255,255,.4)!important }
.mejs-social-sharing button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 17px; width: 17px; background-image: url(/Static/mediaelement//controls/share.png); border: 0; background-repeat: no-repeat; opacity: .8; filter: alpha(opacity=80) }
.mejs-social-sharing button:hover { border-color: transparent; background-color: transparent; opacity: 1; filter: alpha(opacity=100) }
.mejs-social-sharing-overlay-wrapper { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; background-color: rgba(0,0,0,.5); z-index: 15 }
.mejs-social-sharing-overlay-wrapper.active { display: table }
.mejs-social-sharing-overlay { display: table-cell; text-align: center; vertical-align: middle }
.mejs-social-sharing-overlay .mejs-social-sharing-close { position: absolute; top: 42px; right: 42px; z-index: 20; color: #fff; border: none; font-size: 24px; font-weight: 700 }
.mejs-social-sharing-overlay .mejs-social-sharing-close:hover { opacity: .8; filter: alpha(opacity=80) }
.mejs-social-sharing-overlay h3 { color: #fff }
.mejs-social-sharing-overlay .mejs-social-sharing-link input { color: #003057; display: inline-block; max-width: 300px; padding: 10px; margin: 0 }
.mejs-social-sharing-overlay .mejs-social-sharing-link .mejs-social-sharing-copy { display: inline-block; height: 50px; line-height: 50px }
.mejs-social-sharing-overlay .mejs-social-sharing-link .mejs-social-sharing-copy button { width: 100px; text-align: center; height: 100%; margin: -1px 0 0; padding: 0; background-color: #003057; color: #fff; font-size: 15px }
.mejs-social-sharing-overlay .mejs-social-sharing-link .mejs-social-sharing-copy button.zeroclipboard-is-hover { background-color: #5b7f95 }
.mejs-social-sharing-overlay .mejs-sharing-alternatives>a { display: inline-block; border: 0; margin: 30px 15px 0; color: #003057; background-color: #fff; height: 40px; width: 40px; border-radius: 20px; text-align: center; vertical-align: middle }
.mejs-social-sharing-overlay .mejs-sharing-alternatives>a .icon { line-height: 40px }
.mejs-social-sharing-overlay .mejs-sharing-alternatives>a .icon-facebook-alt { font-size: 20px; line-height: 39px }
.mejs-social-sharing-overlay .mejs-sharing-alternatives>a:hover { opacity: .9; filter: alpha(opacity=90) }
.scroll-wrapper { overflow: hidden!important; padding: 0!important; position: relative }
.scroll-wrapper>.scroll-content { border: none!important; box-sizing: content-box!important; height: auto; left: 0; margin: 0; max-height: none; max-width: none!important; overflow: scroll!important; padding: 0; position: relative!important; top: 0; width: auto!important }
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height:0;
width:0
}
.scroll-element { display: none }
.pika-single, .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block }
.scroll-element, .scroll-element div { box-sizing: content-box }
.scroll-element .scroll-arrow, .scroll-element .scroll-bar { cursor: default }
.scroll-textarea { border: 1px solid #ccc; border-top-color: #999 }
.scroll-textarea>.scroll-content { overflow: hidden!important }
.scroll-textarea>.scroll-content>textarea { border: none!important; box-sizing: border-box; height: 100%!important; margin: 0; max-height: none!important; max-width: none!important; overflow: scroll!important; outline: 0; padding: 2px; position: relative!important; top: 0; width: 100%!important }
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height:0;
width:0
}/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single { z-index: 9999; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
.pika-single.is-hidden { display: none }
.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5) }
.pika-single:after, .pika-single:before { content: " "; display: table }
.pika-single:after { clear: both }
.pika-lendar { float: left; width: 240px; margin: 8px }
.pika-title { position: relative; text-align: center }
.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0 }
.pika-label, .pika-next, .pika-prev { position: relative; overflow: hidden }
.pika-label { display: inline-block; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff }
.pika-next, .pika-prev { display: block; cursor: pointer; outline: 0; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5 }
.pika-next:hover, .pika-prev:hover { opacity: 1 }
.pika-next.is-disabled, .pika-prev.is-disabled { cursor: default; opacity: .2 }
.is-rtl .pika-next, .pika-prev { float: left; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==) }
.is-rtl .pika-prev, .pika-next { float: right; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=) }
.pika-select { display: inline-block }
.pika-table { width: 100%; border: 0 }
.pika-table td, .pika-table th { width: 14.285714285714286%; padding: 0 }
.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: 700; text-align: center }
.pika-table abbr { border-bottom: none; cursor: help }
.pika-button { cursor: pointer; display: block; box-sizing: border-box; outline: 0; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5 }
.is-today .pika-button { color: #3af; font-weight: 700 }
.is-selected .pika-button { color: #fff; font-weight: 700; background: #3af; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px }
.is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3 }
.pika-button:hover { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px }
.pika-week { font-size: 11px; color: #999 }
.webui-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; width: 276px; text-align: left; white-space: normal; background-clip: padding-box; box-shadow: 0 5px 10px rgba(0,0,0,.2) }
.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right { margin-top: -10px }
.webui-popover.right, .webui-popover.right-bottom, .webui-popover.right-top { margin-left: 10px }
.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right { margin-top: 10px }
.webui-popover.left, .webui-popover.left-bottom, .webui-popover.left-top { margin-left: -10px }
.webui-popover.pop { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: -webkit-transform .15s cubic-bezier(.3, 0, 0, 1.5); transition: transform .15s cubic-bezier(.3, 0, 0, 1.5) }
.webui-popover.fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear }
.webui-popover.in { -webkit-transform: none; transform: none; opacity: 1 }
.webui-popover-inner .close { font-family: arial; margin: 5px 10px 0 0; float: right; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); text-decoration: none }
.webui-popover-inner .close:focus, .webui-popover-inner .close:hover { opacity: .5; filter: alpha(opacity=50) }
.webui-popover-title { margin: 0 }
.webui-popover-content { overflow: auto }
.webui-popover-inverse { background-color: #333; color: #eee }
.webui-popover-inverse .webui-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee }
.webui-no-padding .webui-popover-content { padding: 0 }
.webui-no-padding .list-group-item { border-right: none; border-left: none }
.webui-no-padding .list-group-item:first-child { border-top: 0 }
.webui-no-padding .list-group-item:last-child { border-bottom: 0 }
.webui-popover>.arrow, .webui-popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.webui-popover>.arrow { border-width: 11px }
.webui-popover>.arrow:after { border-width: 10px; content: "" }
.webui-popover.top-left>.arrow, .webui-popover.top-right>.arrow, .webui-popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0 }
.webui-popover.top-left>.arrow:after, .webui-popover.top-right>.arrow:after, .webui-popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 }
.webui-popover.right-bottom>.arrow, .webui-popover.right-top>.arrow, .webui-popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25) }
.webui-popover.right-bottom>.arrow:after, .webui-popover.right-top>.arrow:after, .webui-popover.right>.arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff }
.webui-popover.bottom-left>.arrow, .webui-popover.bottom-right>.arrow, .webui-popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); border-top-width: 0 }
.webui-popover.bottom-left>.arrow:after, .webui-popover.bottom-right>.arrow:after, .webui-popover.bottom>.arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 }
.webui-popover.left-bottom>.arrow, .webui-popover.left-top>.arrow, .webui-popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) }
.webui-popover.left-bottom>.arrow:after, .webui-popover.left-top>.arrow:after, .webui-popover.left>.arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px }
.webui-popover-inverse.top-left>.arrow, .webui-popover-inverse.top-left>.arrow:after, .webui-popover-inverse.top-right>.arrow, .webui-popover-inverse.top-right>.arrow:after, .webui-popover-inverse.top>.arrow, .webui-popover-inverse.top>.arrow:after { border-top-color: #333 }
.webui-popover-inverse.right-bottom>.arrow, .webui-popover-inverse.right-bottom>.arrow:after, .webui-popover-inverse.right-top>.arrow, .webui-popover-inverse.right-top>.arrow:after, .webui-popover-inverse.right>.arrow, .webui-popover-inverse.right>.arrow:after { border-right-color: #333 }
.webui-popover-inverse.bottom-left>.arrow, .webui-popover-inverse.bottom-left>.arrow:after, .webui-popover-inverse.bottom-right>.arrow, .webui-popover-inverse.bottom-right>.arrow:after, .webui-popover-inverse.bottom>.arrow, .webui-popover-inverse.bottom>.arrow:after { border-bottom-color: #333 }
.webui-popover-inverse.left-bottom>.arrow, .webui-popover-inverse.left-bottom>.arrow:after, .webui-popover-inverse.left-top>.arrow, .webui-popover-inverse.left-top>.arrow:after, .webui-popover-inverse.left>.arrow, .webui-popover-inverse.left>.arrow:after { border-left-color: #333 }
.webui-popover i.icon-refresh:before { content: "" }
.webui-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url(/Static/images/loading.gif) no-repeat }
.fa, .fa-stack { display: inline-block }
.fa.fa-pull-left, .fa.pull-left { margin-right: .3em }
@-webkit-keyframes rotate {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.webui-popover-backdrop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 }/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face { font-family: FontAwesome; src: url(../fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0); src: url(../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"), url(../fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(../fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(../fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(../fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal }
.fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% }
.fa-2x { font-size: 2em }
.fa-3x { font-size: 3em }
.fa-4x { font-size: 4em }
.fa-5x { font-size: 5em }
.fa-fw { width: 1.28571429em; text-align: center }
.fa-ul { padding-left: 0; margin-left: 2.14285714em }
.fa.fa-pull-right, .fa.pull-right { margin-left: .3em }
.fa-ul>li { position: relative }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center }
.fa-li.fa-lg { left: -1.85714286em }
.fa-border { padding: .2em .25em .15em; border: .08em solid #eee; border-radius: .1em }
.fa-pull-left { float: left }
.fa-pull-right, .pull-right { float: right }
.pull-left { float: left }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.fa-rotate-180 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.fa-rotate-270 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); transform: rotate(270deg) }
.fa-flip-horizontal {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1) }
.fa-flip-vertical {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); transform: scale(1, -1) }
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { -webkit-filter: none; filter: none }
.fa-stack { position: relative; width: 2em; height: 2em; line-height: 2em; vertical-align: middle }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center }
.fa-stack-1x { line-height: inherit }
.fa-stack-2x { font-size: 2em }
.fa-inverse { color: #fff }
.fa-glass:before { content: "\f000" }
.fa-music:before { content: "\f001" }
.fa-search:before { content: "\f002" }
.fa-envelope-o:before { content: "\f003" }
.fa-heart:before { content: "\f004" }
.fa-star:before { content: "\f005" }
.fa-star-o:before { content: "\f006" }
.fa-user:before { content: "\f007" }
.fa-film:before { content: "\f008" }
.fa-th-large:before { content: "\f009" }
.fa-th:before { content: "\f00a" }
.fa-th-list:before { content: "\f00b" }
.fa-check:before { content: "\f00c" }
.fa-close:before, .fa-remove:before, .fa-times:before { content: "\f00d" }
.fa-search-plus:before { content: "\f00e" }
.fa-search-minus:before { content: "\f010" }
.fa-power-off:before { content: "\f011" }
.fa-signal:before { content: "\f012" }
.fa-cog:before, .fa-gear:before { content: "\f013" }
.fa-trash-o:before { content: "\f014" }
.fa-home:before { content: "\f015" }
.fa-file-o:before { content: "\f016" }
.fa-clock-o:before { content: "\f017" }
.fa-road:before { content: "\f018" }
.fa-download:before { content: "\f019" }
.fa-arrow-circle-o-down:before { content: "\f01a" }
.fa-arrow-circle-o-up:before { content: "\f01b" }
.fa-inbox:before { content: "\f01c" }
.fa-play-circle-o:before { content: "\f01d" }
.fa-repeat:before, .fa-rotate-right:before { content: "\f01e" }
.fa-refresh:before { content: "\f021" }
.fa-list-alt:before { content: "\f022" }
.fa-lock:before { content: "\f023" }
.fa-flag:before { content: "\f024" }
.fa-headphones:before { content: "\f025" }
.fa-volume-off:before { content: "\f026" }
.fa-volume-down:before { content: "\f027" }
.fa-volume-up:before { content: "\f028" }
.fa-qrcode:before { content: "\f029" }
.fa-barcode:before { content: "\f02a" }
.fa-tag:before { content: "\f02b" }
.fa-tags:before { content: "\f02c" }
.fa-book:before { content: "\f02d" }
.fa-bookmark:before { content: "\f02e" }
.fa-print:before { content: "\f02f" }
.fa-camera:before { content: "\f030" }
.fa-font:before { content: "\f031" }
.fa-bold:before { content: "\f032" }
.fa-italic:before { content: "\f033" }
.fa-text-height:before { content: "\f034" }
.fa-text-width:before { content: "\f035" }
.fa-align-left:before { content: "\f036" }
.fa-align-center:before { content: "\f037" }
.fa-align-right:before { content: "\f038" }
.fa-align-justify:before { content: "\f039" }
.fa-list:before { content: "\f03a" }
.fa-dedent:before, .fa-outdent:before { content: "\f03b" }
.fa-indent:before { content: "\f03c" }
.fa-video-camera:before { content: "\f03d" }
.fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e" }
.fa-pencil:before { content: "\f040" }
.fa-map-marker:before { content: "\f041" }
.fa-adjust:before { content: "\f042" }
.fa-tint:before { content: "\f043" }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044" }
.fa-share-square-o:before { content: "\f045" }
.fa-check-square-o:before { content: "\f046" }
.fa-arrows:before { content: "\f047" }
.fa-step-backward:before { content: "\f048" }
.fa-fast-backward:before { content: "\f049" }
.fa-backward:before { content: "\f04a" }
.fa-play:before { content: "\f04b" }
.fa-pause:before { content: "\f04c" }
.fa-stop:before { content: "\f04d" }
.fa-forward:before { content: "\f04e" }
.fa-fast-forward:before { content: "\f050" }
.fa-step-forward:before { content: "\f051" }
.fa-eject:before { content: "\f052" }
.fa-chevron-left:before { content: "\f053" }
.fa-chevron-right:before { content: "\f054" }
.fa-plus-circle:before { content: "\f055" }
.fa-minus-circle:before { content: "\f056" }
.fa-times-circle:before { content: "\f057" }
.fa-check-circle:before { content: "\f058" }
.fa-question-circle:before { content: "\f059" }
.fa-info-circle:before { content: "\f05a" }
.fa-crosshairs:before { content: "\f05b" }
.fa-times-circle-o:before { content: "\f05c" }
.fa-check-circle-o:before { content: "\f05d" }
.fa-ban:before { content: "\f05e" }
.fa-arrow-left:before { content: "\f060" }
.fa-arrow-right:before { content: "\f061" }
.fa-arrow-up:before { content: "\f062" }
.fa-arrow-down:before { content: "\f063" }
.fa-mail-forward:before, .fa-share:before { content: "\f064" }
.fa-expand:before { content: "\f065" }
.fa-compress:before { content: "\f066" }
.fa-plus:before { content: "\f067" }
.fa-minus:before { content: "\f068" }
.fa-asterisk:before { content: "\f069" }
.fa-exclamation-circle:before { content: "\f06a" }
.fa-gift:before { content: "\f06b" }
.fa-leaf:before { content: "\f06c" }
.fa-fire:before { content: "\f06d" }
.fa-eye:before { content: "\f06e" }
.fa-eye-slash:before { content: "\f070" }
.fa-exclamation-triangle:before, .fa-warning:before { content: "\f071" }
.fa-plane:before { content: "\f072" }
.fa-calendar:before { content: "\f073" }
.fa-random:before { content: "\f074" }
.fa-comment:before { content: "\f075" }
.fa-magnet:before { content: "\f076" }
.fa-chevron-up:before { content: "\f077" }
.fa-chevron-down:before { content: "\f078" }
.fa-retweet:before { content: "\f079" }
.fa-shopping-cart:before { content: "\f07a" }
.fa-folder:before { content: "\f07b" }
.fa-folder-open:before { content: "\f07c" }
.fa-arrows-v:before { content: "\f07d" }
.fa-arrows-h:before { content: "\f07e" }
.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" }
.fa-twitter-square:before { content: "\f081" }
.fa-facebook-square:before { content: "\f082" }
.fa-camera-retro:before { content: "\f083" }
.fa-key:before { content: "\f084" }
.fa-cogs:before, .fa-gears:before { content: "\f085" }
.fa-comments:before { content: "\f086" }
.fa-thumbs-o-up:before { content: "\f087" }
.fa-thumbs-o-down:before { content: "\f088" }
.fa-star-half:before { content: "\f089" }
.fa-heart-o:before { content: "\f08a" }
.fa-sign-out:before { content: "\f08b" }
.fa-linkedin-square:before { content: "\f08c" }
.fa-thumb-tack:before { content: "\f08d" }
.fa-external-link:before { content: "\f08e" }
.fa-sign-in:before { content: "\f090" }
.fa-trophy:before { content: "\f091" }
.fa-github-square:before { content: "\f092" }
.fa-upload:before { content: "\f093" }
.fa-lemon-o:before { content: "\f094" }
.fa-phone:before { content: "\f095" }
.fa-square-o:before { content: "\f096" }
.fa-bookmark-o:before { content: "\f097" }
.fa-phone-square:before { content: "\f098" }
.fa-twitter:before { content: "\f099" }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a" }
.fa-github:before { content: "\f09b" }
.fa-unlock:before { content: "\f09c" }
.fa-credit-card:before { content: "\f09d" }
.fa-feed:before, .fa-rss:before { content: "\f09e" }
.fa-hdd-o:before { content: "\f0a0" }
.fa-bullhorn:before { content: "\f0a1" }
.fa-bell:before { content: "\f0f3" }
.fa-certificate:before { content: "\f0a3" }
.fa-hand-o-right:before { content: "\f0a4" }
.fa-hand-o-left:before { content: "\f0a5" }
.fa-hand-o-up:before { content: "\f0a6" }
.fa-hand-o-down:before { content: "\f0a7" }
.fa-arrow-circle-left:before { content: "\f0a8" }
.fa-arrow-circle-right:before { content: "\f0a9" }
.fa-arrow-circle-up:before { content: "\f0aa" }
.fa-arrow-circle-down:before { content: "\f0ab" }
.fa-globe:before { content: "\f0ac" }
.fa-wrench:before { content: "\f0ad" }
.fa-tasks:before { content: "\f0ae" }
.fa-filter:before { content: "\f0b0" }
.fa-briefcase:before { content: "\f0b1" }
.fa-arrows-alt:before { content: "\f0b2" }
.fa-group:before, .fa-users:before { content: "\f0c0" }
.fa-chain:before, .fa-link:before { content: "\f0c1" }
.fa-cloud:before { content: "\f0c2" }
.fa-flask:before { content: "\f0c3" }
.fa-cut:before, .fa-scissors:before { content: "\f0c4" }
.fa-copy:before, .fa-files-o:before { content: "\f0c5" }
.fa-paperclip:before { content: "\f0c6" }
.fa-floppy-o:before, .fa-save:before { content: "\f0c7" }
.fa-square:before { content: "\f0c8" }
.fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9" }
.fa-list-ul:before { content: "\f0ca" }
.fa-list-ol:before { content: "\f0cb" }
.fa-strikethrough:before { content: "\f0cc" }
.fa-underline:before { content: "\f0cd" }
.fa-table:before { content: "\f0ce" }
.fa-magic:before { content: "\f0d0" }
.fa-truck:before { content: "\f0d1" }
.fa-pinterest:before { content: "\f0d2" }
.fa-pinterest-square:before { content: "\f0d3" }
.fa-google-plus-square:before { content: "\f0d4" }
.fa-google-plus:before { content: "\f0d5" }
.fa-money:before { content: "\f0d6" }
.fa-caret-down:before { content: "\f0d7" }
.fa-caret-up:before { content: "\f0d8" }
.fa-caret-left:before { content: "\f0d9" }
.fa-caret-right:before { content: "\f0da" }
.fa-columns:before { content: "\f0db" }
.fa-sort:before, .fa-unsorted:before { content: "\f0dc" }
.fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd" }
.fa-sort-asc:before, .fa-sort-up:before { content: "\f0de" }
.fa-envelope:before { content: "\f0e0" }
.fa-linkedin:before { content: "\f0e1" }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2" }
.fa-gavel:before, .fa-legal:before { content: "\f0e3" }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" }
.fa-comment-o:before { content: "\f0e5" }
.fa-comments-o:before { content: "\f0e6" }
.fa-bolt:before, .fa-flash:before { content: "\f0e7" }
.fa-sitemap:before { content: "\f0e8" }
.fa-umbrella:before { content: "\f0e9" }
.fa-clipboard:before, .fa-paste:before { content: "\f0ea" }
.fa-lightbulb-o:before { content: "\f0eb" }
.fa-exchange:before { content: "\f0ec" }
.fa-cloud-download:before { content: "\f0ed" }
.fa-cloud-upload:before { content: "\f0ee" }
.fa-user-md:before { content: "\f0f0" }
.fa-stethoscope:before { content: "\f0f1" }
.fa-suitcase:before { content: "\f0f2" }
.fa-bell-o:before { content: "\f0a2" }
.fa-coffee:before { content: "\f0f4" }
.fa-cutlery:before { content: "\f0f5" }
.fa-file-text-o:before { content: "\f0f6" }
.fa-building-o:before { content: "\f0f7" }
.fa-hospital-o:before { content: "\f0f8" }
.fa-ambulance:before { content: "\f0f9" }
.fa-medkit:before { content: "\f0fa" }
.fa-fighter-jet:before { content: "\f0fb" }
.fa-beer:before { content: "\f0fc" }
.fa-h-square:before { content: "\f0fd" }
.fa-plus-square:before { content: "\f0fe" }
.fa-angle-double-left:before { content: "\f100" }
.fa-angle-double-right:before { content: "\f101" }
.fa-angle-double-up:before { content: "\f102" }
.fa-angle-double-down:before { content: "\f103" }
.fa-angle-left:before { content: "\f104" }
.fa-angle-right:before { content: "\f105" }
.fa-angle-up:before { content: "\f106" }
.fa-angle-down:before { content: "\f107" }
.fa-desktop:before { content: "\f108" }
.fa-laptop:before { content: "\f109" }
.fa-tablet:before { content: "\f10a" }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" }
.fa-circle-o:before { content: "\f10c" }
.fa-quote-left:before { content: "\f10d" }
.fa-quote-right:before { content: "\f10e" }
.fa-spinner:before { content: "\f110" }
.fa-circle:before { content: "\f111" }
.fa-mail-reply:before, .fa-reply:before { content: "\f112" }
.fa-github-alt:before { content: "\f113" }
.fa-folder-o:before { content: "\f114" }
.fa-folder-open-o:before { content: "\f115" }
.fa-smile-o:before { content: "\f118" }
.fa-frown-o:before { content: "\f119" }
.fa-meh-o:before { content: "\f11a" }
.fa-gamepad:before { content: "\f11b" }
.fa-keyboard-o:before { content: "\f11c" }
.fa-flag-o:before { content: "\f11d" }
.fa-flag-checkered:before { content: "\f11e" }
.fa-terminal:before { content: "\f120" }
.fa-code:before { content: "\f121" }
.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" }
.fa-location-arrow:before { content: "\f124" }
.fa-crop:before { content: "\f125" }
.fa-code-fork:before { content: "\f126" }
.fa-chain-broken:before, .fa-unlink:before { content: "\f127" }
.fa-question:before { content: "\f128" }
.fa-info:before { content: "\f129" }
.fa-exclamation:before { content: "\f12a" }
.fa-superscript:before { content: "\f12b" }
.fa-subscript:before { content: "\f12c" }
.fa-eraser:before { content: "\f12d" }
.fa-puzzle-piece:before { content: "\f12e" }
.fa-microphone:before { content: "\f130" }
.fa-microphone-slash:before { content: "\f131" }
.fa-shield:before { content: "\f132" }
.fa-calendar-o:before { content: "\f133" }
.fa-fire-extinguisher:before { content: "\f134" }
.fa-rocket:before { content: "\f135" }
.fa-maxcdn:before { content: "\f136" }
.fa-chevron-circle-left:before { content: "\f137" }
.fa-chevron-circle-right:before { content: "\f138" }
.fa-chevron-circle-up:before { content: "\f139" }
.fa-chevron-circle-down:before { content: "\f13a" }
.fa-html5:before { content: "\f13b" }
.fa-css3:before { content: "\f13c" }
.fa-anchor:before { content: "\f13d" }
.fa-unlock-alt:before { content: "\f13e" }
.fa-bullseye:before { content: "\f140" }
.fa-ellipsis-h:before { content: "\f141" }
.fa-ellipsis-v:before { content: "\f142" }
.fa-rss-square:before { content: "\f143" }
.fa-play-circle:before { content: "\f144" }
.fa-ticket:before { content: "\f145" }
.fa-minus-square:before { content: "\f146" }
.fa-minus-square-o:before { content: "\f147" }
.fa-level-up:before { content: "\f148" }
.fa-level-down:before { content: "\f149" }
.fa-check-square:before { content: "\f14a" }
.fa-pencil-square:before { content: "\f14b" }
.fa-external-link-square:before { content: "\f14c" }
.fa-share-square:before { content: "\f14d" }
.fa-compass:before { content: "\f14e" }
.fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150" }
.fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151" }
.fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152" }
.fa-eur:before, .fa-euro:before { content: "\f153" }
.fa-gbp:before { content: "\f154" }
.fa-dollar:before, .fa-usd:before { content: "\f155" }
.fa-inr:before, .fa-rupee:before { content: "\f156" }
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157" }
.fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158" }
.fa-krw:before, .fa-won:before { content: "\f159" }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a" }
.fa-file:before { content: "\f15b" }
.fa-file-text:before { content: "\f15c" }
.fa-sort-alpha-asc:before { content: "\f15d" }
.fa-sort-alpha-desc:before { content: "\f15e" }
.fa-sort-amount-asc:before { content: "\f160" }
.fa-sort-amount-desc:before { content: "\f161" }
.fa-sort-numeric-asc:before { content: "\f162" }
.fa-sort-numeric-desc:before { content: "\f163" }
.fa-thumbs-up:before { content: "\f164" }
.fa-thumbs-down:before { content: "\f165" }
.fa-youtube-square:before { content: "\f166" }
.fa-youtube:before { content: "\f167" }
.fa-xing:before { content: "\f168" }
.fa-xing-square:before { content: "\f169" }
.fa-youtube-play:before { content: "\f16a" }
.fa-dropbox:before { content: "\f16b" }
.fa-stack-overflow:before { content: "\f16c" }
.fa-instagram:before { content: "\f16d" }
.fa-flickr:before { content: "\f16e" }
.fa-adn:before { content: "\f170" }
.fa-bitbucket:before { content: "\f171" }
.fa-bitbucket-square:before { content: "\f172" }
.fa-tumblr:before { content: "\f173" }
.fa-tumblr-square:before { content: "\f174" }
.fa-long-arrow-down:before { content: "\f175" }
.fa-long-arrow-up:before { content: "\f176" }
.fa-long-arrow-left:before { content: "\f177" }
.fa-long-arrow-right:before { content: "\f178" }
.fa-apple:before { content: "\f179" }
.fa-windows:before { content: "\f17a" }
.fa-android:before { content: "\f17b" }
.fa-linux:before { content: "\f17c" }
.fa-dribbble:before { content: "\f17d" }
.fa-skype:before { content: "\f17e" }
.fa-foursquare:before { content: "\f180" }
.fa-trello:before { content: "\f181" }
.fa-female:before { content: "\f182" }
.fa-male:before { content: "\f183" }
.fa-gittip:before, .fa-gratipay:before { content: "\f184" }
.fa-sun-o:before { content: "\f185" }
.fa-moon-o:before { content: "\f186" }
.fa-archive:before { content: "\f187" }
.fa-bug:before { content: "\f188" }
.fa-vk:before { content: "\f189" }
.fa-weibo:before { content: "\f18a" }
.fa-renren:before { content: "\f18b" }
.fa-pagelines:before { content: "\f18c" }
.fa-stack-exchange:before { content: "\f18d" }
.fa-arrow-circle-o-right:before { content: "\f18e" }
.fa-arrow-circle-o-left:before { content: "\f190" }
.fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191" }
.fa-dot-circle-o:before { content: "\f192" }
.fa-wheelchair:before { content: "\f193" }
.fa-vimeo-square:before { content: "\f194" }
.fa-try:before, .fa-turkish-lira:before { content: "\f195" }
.fa-plus-square-o:before { content: "\f196" }
.fa-space-shuttle:before { content: "\f197" }
.fa-slack:before { content: "\f198" }
.fa-envelope-square:before { content: "\f199" }
.fa-wordpress:before { content: "\f19a" }
.fa-openid:before { content: "\f19b" }
.fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c" }
.fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" }
.fa-yahoo:before { content: "\f19e" }
.fa-google:before { content: "\f1a0" }
.fa-reddit:before { content: "\f1a1" }
.fa-reddit-square:before { content: "\f1a2" }
.fa-stumbleupon-circle:before { content: "\f1a3" }
.fa-stumbleupon:before { content: "\f1a4" }
.fa-delicious:before { content: "\f1a5" }
.fa-digg:before { content: "\f1a6" }
.fa-pied-piper:before { content: "\f1a7" }
.fa-pied-piper-alt:before { content: "\f1a8" }
.fa-drupal:before { content: "\f1a9" }
.fa-joomla:before { content: "\f1aa" }
.fa-language:before { content: "\f1ab" }
.fa-fax:before { content: "\f1ac" }
.fa-building:before { content: "\f1ad" }
.fa-child:before { content: "\f1ae" }
.fa-paw:before { content: "\f1b0" }
.fa-spoon:before { content: "\f1b1" }
.fa-cube:before { content: "\f1b2" }
.fa-cubes:before { content: "\f1b3" }
.fa-behance:before { content: "\f1b4" }
.fa-behance-square:before { content: "\f1b5" }
.fa-steam:before { content: "\f1b6" }
.fa-steam-square:before { content: "\f1b7" }
.fa-recycle:before { content: "\f1b8" }
.fa-automobile:before, .fa-car:before { content: "\f1b9" }
.fa-cab:before, .fa-taxi:before { content: "\f1ba" }
.fa-tree:before { content: "\f1bb" }
.fa-spotify:before { content: "\f1bc" }
.fa-deviantart:before { content: "\f1bd" }
.fa-soundcloud:before { content: "\f1be" }
.fa-database:before { content: "\f1c0" }
.fa-file-pdf-o:before { content: "\f1c1" }
.fa-file-word-o:before { content: "\f1c2" }
.fa-file-excel-o:before { content: "\f1c3" }
.fa-file-powerpoint-o:before { content: "\f1c4" }
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5" }
.fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6" }
.fa-file-audio-o:before, .fa-file-sound-o:before { content: "\f1c7" }
.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" }
.fa-file-code-o:before { content: "\f1c9" }
.fa-vine:before { content: "\f1ca" }
.fa-codepen:before { content: "\f1cb" }
.fa-jsfiddle:before { content: "\f1cc" }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd" }
.fa-circle-o-notch:before { content: "\f1ce" }
.fa-ra:before, .fa-rebel:before { content: "\f1d0" }
.fa-empire:before, .fa-ge:before { content: "\f1d1" }
.fa-git-square:before { content: "\f1d2" }
.fa-git:before { content: "\f1d3" }
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "\f1d4" }
.fa-tencent-weibo:before { content: "\f1d5" }
.fa-qq:before { content: "\f1d6" }
.fa-wechat:before, .fa-weixin:before { content: "\f1d7" }
.fa-paper-plane:before, .fa-send:before { content: "\f1d8" }
.fa-paper-plane-o:before, .fa-send-o:before { content: "\f1d9" }
.fa-history:before { content: "\f1da" }
.fa-circle-thin:before { content: "\f1db" }
.fa-header:before { content: "\f1dc" }
.fa-paragraph:before { content: "\f1dd" }
.fa-sliders:before { content: "\f1de" }
.fa-share-alt:before { content: "\f1e0" }
.fa-share-alt-square:before { content: "\f1e1" }
.fa-bomb:before { content: "\f1e2" }
.fa-futbol-o:before, .fa-soccer-ball-o:before { content: "\f1e3" }
.fa-tty:before { content: "\f1e4" }
.fa-binoculars:before { content: "\f1e5" }
.fa-plug:before { content: "\f1e6" }
.fa-slideshare:before { content: "\f1e7" }
.fa-twitch:before { content: "\f1e8" }
.fa-yelp:before { content: "\f1e9" }
.fa-newspaper-o:before { content: "\f1ea" }
.fa-wifi:before { content: "\f1eb" }
.fa-calculator:before { content: "\f1ec" }
.fa-paypal:before { content: "\f1ed" }
.fa-google-wallet:before { content: "\f1ee" }
.fa-cc-visa:before { content: "\f1f0" }
.fa-cc-mastercard:before { content: "\f1f1" }
.fa-cc-discover:before { content: "\f1f2" }
.fa-cc-amex:before { content: "\f1f3" }
.fa-cc-paypal:before { content: "\f1f4" }
.fa-cc-stripe:before { content: "\f1f5" }
.fa-bell-slash:before { content: "\f1f6" }
.fa-bell-slash-o:before { content: "\f1f7" }
.fa-trash:before { content: "\f1f8" }
.fa-copyright:before { content: "\f1f9" }
.fa-at:before { content: "\f1fa" }
.fa-eyedropper:before { content: "\f1fb" }
.fa-paint-brush:before { content: "\f1fc" }
.fa-birthday-cake:before { content: "\f1fd" }
.fa-area-chart:before { content: "\f1fe" }
.fa-pie-chart:before { content: "\f200" }
.fa-line-chart:before { content: "\f201" }
.fa-lastfm:before { content: "\f202" }
.fa-lastfm-square:before { content: "\f203" }
.fa-toggle-off:before { content: "\f204" }
.fa-toggle-on:before { content: "\f205" }
.fa-bicycle:before { content: "\f206" }
.fa-bus:before { content: "\f207" }
.fa-ioxhost:before { content: "\f208" }
.fa-angellist:before { content: "\f209" }
.fa-cc:before { content: "\f20a" }
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b" }
.fa-meanpath:before { content: "\f20c" }
.fa-buysellads:before { content: "\f20d" }
.fa-connectdevelop:before { content: "\f20e" }
.fa-dashcube:before { content: "\f210" }
.fa-forumbee:before { content: "\f211" }
.fa-leanpub:before { content: "\f212" }
.fa-sellsy:before { content: "\f213" }
.fa-shirtsinbulk:before { content: "\f214" }
.fa-simplybuilt:before { content: "\f215" }
.fa-skyatlas:before { content: "\f216" }
.fa-cart-plus:before { content: "\f217" }
.fa-cart-arrow-down:before { content: "\f218" }
.fa-diamond:before { content: "\f219" }
.fa-ship:before { content: "\f21a" }
.fa-user-secret:before { content: "\f21b" }
.fa-motorcycle:before { content: "\f21c" }
.fa-street-view:before { content: "\f21d" }
.fa-heartbeat:before { content: "\f21e" }
.fa-venus:before { content: "\f221" }
.fa-mars:before { content: "\f222" }
.fa-mercury:before { content: "\f223" }
.fa-intersex:before, .fa-transgender:before { content: "\f224" }
.fa-transgender-alt:before { content: "\f225" }
.fa-venus-double:before { content: "\f226" }
.fa-mars-double:before { content: "\f227" }
.fa-venus-mars:before { content: "\f228" }
.fa-mars-stroke:before { content: "\f229" }
.fa-mars-stroke-v:before { content: "\f22a" }
.fa-mars-stroke-h:before { content: "\f22b" }
.fa-neuter:before { content: "\f22c" }
.fa-genderless:before { content: "\f22d" }
.fa-facebook-official:before { content: "\f230" }
.fa-pinterest-p:before { content: "\f231" }
.fa-whatsapp:before { content: "\f232" }
.fa-server:before { content: "\f233" }
.fa-user-plus:before { content: "\f234" }
.fa-user-times:before { content: "\f235" }
.fa-bed:before, .fa-hotel:before { content: "\f236" }
.fa-viacoin:before { content: "\f237" }
.fa-train:before { content: "\f238" }
.fa-subway:before { content: "\f239" }
.fa-medium:before { content: "\f23a" }
.fa-y-combinator:before, .fa-yc:before { content: "\f23b" }
.fa-optin-monster:before { content: "\f23c" }
.fa-opencart:before { content: "\f23d" }
.fa-expeditedssl:before { content: "\f23e" }
.fa-battery-4:before, .fa-battery-full:before { content: "\f240" }
.fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" }
.fa-battery-2:before, .fa-battery-half:before { content: "\f242" }
.fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" }
.fa-battery-0:before, .fa-battery-empty:before { content: "\f244" }
.fa-mouse-pointer:before { content: "\f245" }
.fa-i-cursor:before { content: "\f246" }
.fa-object-group:before { content: "\f247" }
.fa-object-ungroup:before { content: "\f248" }
.fa-sticky-note:before { content: "\f249" }
.fa-sticky-note-o:before { content: "\f24a" }
.fa-cc-jcb:before { content: "\f24b" }
.fa-cc-diners-club:before { content: "\f24c" }
.fa-clone:before { content: "\f24d" }
.fa-balance-scale:before { content: "\f24e" }
.fa-hourglass-o:before { content: "\f250" }
.fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" }
.fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" }
.fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" }
.fa-hourglass:before { content: "\f254" }
.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" }
.fa-hand-paper-o:before, .fa-hand-stop-o:before { content: "\f256" }
.fa-hand-scissors-o:before { content: "\f257" }
.fa-hand-lizard-o:before { content: "\f258" }
.fa-hand-spock-o:before { content: "\f259" }
.fa-hand-pointer-o:before { content: "\f25a" }
.fa-hand-peace-o:before { content: "\f25b" }
.fa-trademark:before { content: "\f25c" }
.fa-registered:before { content: "\f25d" }
.fa-creative-commons:before { content: "\f25e" }
.fa-gg:before { content: "\f260" }
.fa-gg-circle:before { content: "\f261" }
.fa-tripadvisor:before { content: "\f262" }
.fa-odnoklassniki:before { content: "\f263" }
.fa-odnoklassniki-square:before { content: "\f264" }
.fa-get-pocket:before { content: "\f265" }
.fa-wikipedia-w:before { content: "\f266" }
.fa-safari:before { content: "\f267" }
.fa-chrome:before { content: "\f268" }
.fa-firefox:before { content: "\f269" }
.fa-opera:before { content: "\f26a" }
.fa-internet-explorer:before { content: "\f26b" }
.fa-television:before, .fa-tv:before { content: "\f26c" }
.fa-contao:before { content: "\f26d" }
.fa-500px:before { content: "\f26e" }
.fa-amazon:before { content: "\f270" }
.fa-calendar-plus-o:before { content: "\f271" }
.fa-calendar-minus-o:before { content: "\f272" }
.fa-calendar-times-o:before { content: "\f273" }
.fa-calendar-check-o:before { content: "\f274" }
.fa-industry:before { content: "\f275" }
.fa-map-pin:before { content: "\f276" }
.fa-map-signs:before { content: "\f277" }
.fa-map-o:before { content: "\f278" }
.fa-map:before { content: "\f279" }
.fa-commenting:before { content: "\f27a" }
.fa-commenting-o:before { content: "\f27b" }
.fa-houzz:before { content: "\f27c" }
.fa-vimeo:before { content: "\f27d" }
.fa-black-tie:before { content: "\f27e" }
.fa-fonticons:before { content: "\f280" }
.fa-reddit-alien:before { content: "\f281" }
.fa-edge:before { content: "\f282" }
.fa-credit-card-alt:before { content: "\f283" }
.fa-codiepie:before { content: "\f284" }
.fa-modx:before { content: "\f285" }
.fa-fort-awesome:before { content: "\f286" }
.fa-usb:before { content: "\f287" }
.fa-product-hunt:before { content: "\f288" }
.fa-mixcloud:before { content: "\f289" }
.fa-scribd:before { content: "\f28a" }
.fa-pause-circle:before { content: "\f28b" }
.fa-pause-circle-o:before { content: "\f28c" }
.fa-stop-circle:before { content: "\f28d" }
.fa-stop-circle-o:before { content: "\f28e" }
.fa-shopping-bag:before { content: "\f290" }
.fa-shopping-basket:before { content: "\f291" }
.fa-hashtag:before { content: "\f292" }
.fa-bluetooth:before { content: "\f293" }
.fa-bluetooth-b:before { content: "\f294" }
.fa-percent:before { content: "\f295" }
.xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0,0,0,.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 8px 8px 0; position: absolute; z-index: 9999; box-sizing: border-box; display: none }
.xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px }
.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: 0 0; border: none }
.xdsoft_datetimepicker button { border: none!important }
.xdsoft_noselect { -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
button, select { -moz-user-select: none }
.xdsoft_noselect::selection { background: 0 0 }
.xdsoft_noselect::-moz-selection {
background:0 0
}
.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none }
.xdsoft_datetimepicker * { box-sizing: border-box; padding: 0; margin: 0 }
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none }
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block }
.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0 }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px }
.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0 }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0 }
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px }
.xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center }
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC) }
.xdsoft_datetimepicker .xdsoft_label i { opacity: .5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle }
.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0 }
.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px }
.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0 }
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; display: block; height: 30px; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: 0; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0 }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev { float: none; margin-left: 0; margin-right: 14px }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0 }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child { border-top-width: 0 }
.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer }
.xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline }
.xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1 }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect { right: -7px }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect { right: 2px }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover { color: #fff; background: #ff8000 }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none!important }
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 }
.xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right }
.xdsoft_datetimepicker .xdsoft_calendar { clear: both }
.xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px }
.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100% }
.xdsoft_datetimepicker .xdsoft_calendar td>div { padding-right: 5px }
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px }
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5% }
.xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #3af }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background: #3af; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700 }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled { opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { color: #fff!important; background: #ff8000!important; box-shadow: none!important }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #3af!important; box-shadow: #178fe5 0 1px 3px 0 inset!important; color: #fff!important }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover { color: inherit !important; background: inherit!important; box-shadow: inherit!important }
.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default }
.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc!important; font-size: 10px; clear: both; float: none; margin-left: 8px }
.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee!important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa!important }
.xdsoft_time_box { position: relative; border: 1px solid #ccc }
.xdsoft_scrollbar>.xdsoft_scroller { background: #ccc!important; height: 20px; border-radius: 3px }
.xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer }
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto }
.xdsoft_scroller_box { position: relative }
.xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255,255,255,.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div { background: #0a0a0a; border-top: 1px solid #222; color: #999 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select { border: 1px solid #333; background: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover { color: #000; background: #007fff }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==) }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #c50 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background: #c50; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover { color: #000!important; background: #007fff!important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666 }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333!important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111!important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555!important }
.xdsoft_dark .xdsoft_time_box { border: 1px solid #333 }
.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller { background: #333!important }
.xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #ddd!important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px }
.xdsoft_datetimepicker .blue-gradient-button { font-family: museo-sans, "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa)); background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%); background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0 )
}
.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span { color: #454551; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF)); background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%); background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0 )
}
.custom-video-player { width: 100%; height: 100%; background-color: #000; cursor: pointer; position: relative }
.custom-video-player ::cue {
color:#fff;
background:0 0
}
.custom-video-player.fullscreen { height: auto; position: fixed; width: 100%; left: 0; top: 0; right: 0; bottom: 7px; margin: 0; z-index: 9999 }
.custom-video-player.fullscreen .custom-video-fullscreen-button { background-image: url(/Static/mediaelement/controls/normalscreenButton.png) }
.custom-video-player .custom-video-overlay-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.custom-video-player .custom-video-overlay-wrapper .custom-video-overlay-button-wrapper { display: none; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; opacity: .8 }
.custom-video-player .custom-video-overlay-wrapper .custom-video-overlay-button-wrapper.plat-button { background-image: url(/Static/mediaelement/controls/bigplay.png) }
.custom-video-player .custom-video-volume-slider { height: 100px; position: absolute; bottom: 65px; right: 73px }
.custom-video-player .custom-video-volume-slider.hidden { display: none }
.custom-video-player .custom-video-volume-slider.slider-wrapper { position: absolute; width: 12px; overflow: hidden; box-sizing: border-box; background-color: #D6D6D6 }
.custom-video-player .custom-video-volume-slider.slider-wrapper .slider-handle { position: absolute; left: 0; bottom: 0; height: 10px; display: inline-block; cursor: n-resize; box-sizing: border-box; width: 100%; background-color: #145081 }
.custom-video-player .custom-video-fullscreen-button, .custom-video-player .custom-video-mute-button { width: 1.3vw; height: 1.3vw; min-width: 17px; min-height: 17px; max-width: 27px; max-height: 27px; background-repeat: no-repeat; background-size: 100%; position: absolute }
.custom-video-player .custom-video-mute-button { background-image: url(/Static/mediaelement/controls/muteButton.png); right: 55px; bottom: 15px; margin: 10px }
.custom-video-player .custom-video-mute-button.unmute { background-image: url(/Static/mediaelement/controls/unmuteButton.png) }
.custom-video-player .custom-video-fullscreen-button { background-image: url(/Static/mediaelement/controls/fullscreenButton.png); right: 25px; bottom: 27px }
.custom-video-player .custom-controler { position: relative; width: 100%; height: 7px }
.custom-video-player .custom-controler .custom-video-time-float { position: absolute; display: none; background: #145081; width: 44px; height: 24px; top: -33px; margin-left: -22px; text-align: center; color: #fff; z-index: 99; cursor: pointer; pointer-events: none }
a, body, button { color:#EF7B16 }
.custom-video-player .custom-controler .custom-video-time-float.active { display: table }
.custom-video-player .custom-controler .custom-video-time-float .custom-video-time-float-current { display: table-cell; position: relative; vertical-align: middle; text-align: center; margin: 2px; left: 0; width: 100%; height: 7px; cursor: pointer; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; pointer-events: none }
.custom-video-player .custom-controler .custom-video-time-float .custom-video-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: 5px solid #145081; border-color: #145081 transparent transparent; border-radius: 0; top: 24px; left: 17px; cursor: pointer }
.custom-video-player .custom-controler .buffer, .custom-video-player .custom-controler .progress { position: absolute; left: 0; top: 0; height: 100% }
.custom-video-player .custom-controler .buffer { background-color: #b3b3b3; width: 0 }
.custom-video-player .custom-controler .progress { background-color: #145081; width: 0 }
.custom-video-player video { width: 100%; height: 100%; display: inherit }
.custom-video-player video.video-cover { position: relative; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(https://www.googledrive.com/host/0B6-szffd7SWgVUVNcU9mSExHSWM) no-repeat; background-size: cover }
html { box-sizing: border-box }
*, ::after, ::before { box-sizing: inherit }
@font-face { font-family: 'Volvo Broad Small'; src: url(../static/fonts/volvo-broad/small/VolvoBroadSmallWeb.eot); src: url(../static/fonts/volvo-broad/small/VolvoBroadSmallWeb.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-broad/small/VolvoBroadSmallWeb.woff) format("woff"), url(../static/fonts/volvo-broad/small/VolvoBroadSmallWeb.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Broad Medium'; src: url(../static/fonts/volvo-broad/medium/VolvoBroadMediumWeb.eot); src: url(../static/fonts/volvo-broad/medium/VolvoBroadMediumWeb.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-broad/medium/VolvoBroadMediumWeb.woff) format("woff"), url(../static/fonts/volvo-broad/medium/VolvoBroadMediumWeb.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Broad'; src: url(../static/fonts/volvo-broad/VolvoBroadWeb.eot); src: url(../static/fonts/volvo-broad/VolvoBroadWeb.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-broad/VolvoBroadWeb.woff) format("woff"), url(../static/fonts/volvo-broad/VolvoBroadWeb.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Sans Light'; src: url(../static/fonts/volvo-sans-pro/light/VolvoSansWeb-Light.eot); src: url(../static/fonts/volvo-sans-pro/light/VolvoSansWeb-Light.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-sans-pro/light/VolvoSansWeb-Light.woff) format("woff"), url(../static/fonts/volvo-sans-pro/light/VolvoSansWeb-Light.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Sans Medium'; src: url(../static/fonts/volvo-sans-pro/medium/VolvoSansWeb-Medium.eot); src: url(../static/fonts/volvo-sans-pro/medium/VolvoSansWeb-Medium.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-sans-pro/medium/VolvoSansWeb-Medium.woff) format("woff"), url(../static/fonts/volvo-sans-pro/medium/VolvoSansWeb-Medium.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Sans Regular'; src: url(../static/fonts/volvo-sans-pro/regular/VolvoSansWeb-Regular.eot); src: url(../static/fonts/volvo-sans-pro/regular/VolvoSansWeb-Regular.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-sans-pro/regular/VolvoSansWeb-Regular.woff) format("woff"), url(../static/fonts/volvo-sans-pro/regular/VolvoSansWeb-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Sans Bold'; src: url(../static/fonts/volvo-sans-pro/bold/VolvoSansWeb-Bold.eot); src: url(../static/fonts/volvo-sans-pro/bold/VolvoSansWeb-Bold.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-sans-pro/bold/VolvoSansWeb-Bold.woff) format("woff"), url(../static/fonts/volvo-sans-pro/bold/VolvoSansWeb-Bold.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Sans Super'; src: url(../static/fonts/volvo-sans-pro/super/VolvoSansWeb-Super.eot); src: url(../static/fonts/volvo-sans-pro/super/VolvoSansWeb-Super.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-sans-pro/super/VolvoSansWeb-Super.woff) format("woff"), url(../static/fonts/volvo-sans-pro/super/VolvoSansWeb-Super.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Serif Italic'; src: url(../static/fonts/volvo-serif/italic/VolvoSerifWeb-Italic.eot); src: url(../static/fonts/volvo-serif/italic/VolvoSerifWeb-Italic.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-serif/italic/VolvoSerifWeb-Italic.woff) format("woff"), url(../static/fonts/volvo-serif/italic/VolvoSerifWeb-Italic.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Serif Bold Italic'; src: url(../static/fonts/volvo-serif/bolditalic/VolvoSerifWeb-BoldItalic.eot); src: url(../static/fonts/volvo-serif/bolditalic/VolvoSerifWeb-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-serif/bolditalic/VolvoSerifWeb-BoldItalic.woff) format("woff"), url(../static/fonts/volvo-serif/bolditalic/VolvoSerifWeb-BoldItalic.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Serif Bold'; src: url(../static/fonts/volvo-serif/bold/VolvoSerifWeb-Bold.eot); src: url(../static/fonts/volvo-serif/bold/VolvoSerifWeb-Bold.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-serif/bold/VolvoSerifWeb-Bold.woff) format("woff"), url(../static/fonts/volvo-serif/bold/VolvoSerifWeb-Bold.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: 'Volvo Serif Regular'; src: url(../static/fonts/volvo-serif/regular/VolvoSerifWeb-Regular.eot); src: url(../static/fonts/volvo-serif/regular/VolvoSerifWeb-Regular.eot?#iefix) format("embedded-opentype"), url(../static/fonts/volvo-serif/regular/VolvoSerifWeb-Regular.woff) format("woff"), url(../static/fonts/volvo-serif/regular/VolvoSerifWeb-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: reevoo-icons; src: url(/static/fonts/reevoo-icon/reevoo-icons.eot); src: url(/static/fonts/reevoo-icon/reevoo-icons.eot?#iefix) format("embedded-opentype"), url(/static/fonts/reevoo-icon/reevoo-icons.woff) format("woff"), url(/static/fonts/reevoo-icon/reevoo-icons.ttf) format("truetype"); font-weight: 400; font-style: normal }
body { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1em; -webkit-font-smoothing: antialiased; line-height: 1.5em }
html[lang=ja-JP] body { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-HK] body, html[lang=zh-TW] body { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] body { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] body { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
html[lang=zh-CN] body { font-size: .8em; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, sans-serif }
html[lang=el-GR] body { font-size: 18px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] body { font-size: 16px; font-family: "Arial Narrow" }
.innovations-header h3, h1, h2, h3, h4, h5, h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.25em; margin: 0; text-rendering: optimizeLegibility }
.innovations-header html[lang=ja-JP] h3, html[lang=ja-JP] .innovations-header h3, html[lang=ja-JP] h1, html[lang=ja-JP] h2, html[lang=ja-JP] h3, html[lang=ja-JP] h4, html[lang=ja-JP] h5, html[lang=ja-JP] h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
.innovations-header html[lang=zh-HK] h3, .innovations-header html[lang=zh-TW] h3, html[lang=zh-HK] .innovations-header h3, html[lang=zh-HK] h1, html[lang=zh-HK] h2, html[lang=zh-HK] h3, html[lang=zh-HK] h4, html[lang=zh-HK] h5, html[lang=zh-HK] h6, html[lang=zh-TW] .innovations-header h3, html[lang=zh-TW] h1, html[lang=zh-TW] h2, html[lang=zh-TW] h3, html[lang=zh-TW] h4, html[lang=zh-TW] h5, html[lang=zh-TW] h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
.innovations-header html[lang=th-TH] h3, html[lang=th-TH] .innovations-header h3, html[lang=th-TH] h1, html[lang=th-TH] h2, html[lang=th-TH] h3, html[lang=th-TH] h4, html[lang=th-TH] h5, html[lang=th-TH] h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
.innovations-header html[lang=ru-RU] h3, html[lang=ru-RU] .innovations-header h3, html[lang=ru-RU] h1, html[lang=ru-RU] h2, html[lang=ru-RU] h3, html[lang=ru-RU] h4, html[lang=ru-RU] h5, html[lang=ru-RU] h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.innovations-header h3, h1 { font-size: 3em; font-family: "Volvo Broad Small", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: .9em }
.innovations-header html[lang=ja-JP] h3, html[lang=ja-JP] .innovations-header h3, html[lang=ja-JP] h1 { font-family: "Volvo Broad Small", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
.innovations-header html[lang=zh-HK] h3, .innovations-header html[lang=zh-TW] h3, html[lang=zh-HK] .innovations-header h3, html[lang=zh-HK] h1, html[lang=zh-TW] .innovations-header h3, html[lang=zh-TW] h1 { font-family: "Volvo Broad Small", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
.innovations-header html[lang=th-TH] h3, html[lang=th-TH] .innovations-header h3, html[lang=th-TH] h1 { font-family: "Volvo Broad Small", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
.innovations-header html[lang=ru-RU] h3, html[lang=ru-RU] .innovations-header h3, html[lang=ru-RU] h1 { font-family: "Volvo Broad Small", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.innovations-header h3, h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 4.375em }
.innovations-header html[lang=ja-JP] h3, html[lang=ja-JP] .innovations-header h3, html[lang=ja-JP] h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
.innovations-header html[lang=zh-CN] h3, html[lang=zh-CN] .innovations-header h3, html[lang=zh-CN] h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
.innovations-header html[lang=zh-HK] h3, .innovations-header html[lang=zh-TW] h3, html[lang=zh-HK] .innovations-header h3, html[lang=zh-HK] h1, html[lang=zh-TW] .innovations-header h3, html[lang=zh-TW] h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
.innovations-header html[lang=th-TH] h3, html[lang=th-TH] .innovations-header h3, html[lang=th-TH] h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
.innovations-header html[lang=ru-RU] h3, html[lang=ru-RU] .innovations-header h3, html[lang=ru-RU] h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
}

@media screen and (min-width:769px) {
.innovations-header h3, h1 { font-size: 5em }
.innovations-header html[lang=zh-CN] h3, html[lang=zh-CN] .innovations-header h3, html[lang=zh-CN] h1 { font-size: 4em }
.innovations-header html[lang=el-GR] h3, html[lang=el-GR] .innovations-header h3, html[lang=el-GR] h1 { font-size: 80px; font-family: "Volvo Broad", Arial }
.innovations-header html[lang=uk-UA] h3, html[lang=uk-UA] .innovations-header h3, html[lang=uk-UA] h1 { font-size: 80px; font-family: "Volvo Broad"; letter-spacing: 1px }
}
.innovations-header .serif h3, .serif .innovations-header h3, .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 2.8125em; letter-spacing: 1px }
blockquote, h2 { letter-spacing: -1px }
.innovations-header html[lang=ja-JP] .serif h3, html[lang=ja-JP] .serif .innovations-header h3, html[lang=ja-JP] .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", serif }
.innovations-header html[lang=zh-CN] .serif h3, html[lang=zh-CN] .serif .innovations-header h3, html[lang=zh-CN] .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, serif }
.innovations-header html[lang=zh-HK] .serif h3, .innovations-header html[lang=zh-TW] .serif h3, html[lang=zh-HK] .serif .innovations-header h3, html[lang=zh-HK] .serif h1, html[lang=zh-TW] .serif .innovations-header h3, html[lang=zh-TW] .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "MHei 200", MHei, serif }
.innovations-header html[lang=th-TH] .serif h3, html[lang=th-TH] .serif .innovations-header h3, html[lang=th-TH] .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "Sukhumvit Set 200", "Sukhumvit Set", serif }
.innovations-header html[lang=ru-RU] .serif h3, html[lang=ru-RU] .serif .innovations-header h3, html[lang=ru-RU] .serif h1 { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Arial, Helvetica, serif }

@media screen and (min-width:481px) {
.innovations-header .serif h3, .serif .innovations-header h3, .serif h1 { font-size: 4em }
}

@media screen and (min-width:769px) {
.innovations-header .serif h3, .serif .innovations-header h3, .serif h1 { font-size: 4em }
}
h2 { font-size: 2em; line-height: 1.2em; margin-bottom: 17px }

@media screen and (min-width:481px) {
h2 { font-size: 2.5em; line-height: 1.2em }
}

@media screen and (min-width:769px) {
h2 { font-size: 3.375em; line-height: 1.2em }
html[lang=zh-CN] h2 { font-size: 2.7em }
html[lang=el-GR] h2 { font-size: 54px; font-family: Arial, Sans-Serif; letter-spacing: -1px }
html[lang=uk-UA] h2 { font-size: 54px; font-family: "Volvo Sans Medium"; letter-spacing: 1px }
}
h3 { font-size: 1em; margin-bottom: 1.5em }

@media screen and (min-width:481px) {
h3 { font-size: 1em }
}

@media screen and (min-width:769px) {
h3 { font-size: 1.125em }
html[lang=zh-CN] h3 { font-size: 1em }
html[lang=el-GR] h3 { font-size: 18px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] h3 { font-size: 18px; font-family: "Arial Narrow"; letter-spacing: 1px }
}
h4 { font-size: 1em; margin-bottom: 1em }

@media screen and (min-width:481px) {
h4 { font-size: 1em }
}

@media screen and (min-width:769px) {
h4 { font-size: 1em }
html[lang=el-GR] h4 { font-size: 16px; font-family: Arial, Sans-Serif; letter-spacing: 1px }
html[lang=uk-UA] h4 { font-size: 16px; font-family: "Arial Narrow"; letter-spacing: 1px }
}
h5 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.25em }
html[lang=ja-JP] h5 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-HK] h5, html[lang=zh-TW] h5 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] h5 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] h5 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
html[lang=zh-CN] h5 { font-size: 1em }
html[lang=el-GR] h5 { font-size: 20px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] h5 { font-size: 20px; font-family: "Arial Narrow" }
h6 { font-size: 1.125em; line-height: 1.55556em }
.cl-detail .cl-description, .cl-detail font, .extf-content, .story-carousel .story-content, .support-area, p { font-size: 16px; margin: 0 0 .75em; line-height: 1.5em; max-width: 33em }

@media screen and (min-width:481px) {
.cl-detail .cl-description, .cl-detail font, .extf-content, .story-carousel .story-content, .support-area, p { font-size: 16px; line-height: 1.5em }
}

@media screen and (min-width:769px) {
.cl-detail .cl-description, .cl-detail font, .extf-content, .story-carousel .story-content, .support-area, p { font-size: 18px }
}
.cl-detail .cl-description:last-child, .cl-detail font:last-child, .extf-content:last-child, .story-carousel .story-content:last-child, .support-area:last-child, p:last-child { margin-bottom: 0 }
blockquote, hr { margin: 1.5em 0 }
strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400 }
html[lang=ja-JP] strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] strong, html[lang=zh-TW] strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
a { text-decoration: none; border-bottom: 1px solid #003057; cursor: pointer; -webkit-transition: color .1s linear; transition: color .1s linear }
a:hover { color: #5b7f95; border-color: #5b7f95 }
a:active, a:focus { color: #5b7f95; outline: 0 }
hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none }
img { margin: 0; max-width: 100% }
abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help }
address { display: block; margin: 0 0 .75em }
hgroup { margin-bottom: .75em }
del { color: #005aa4 }
blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, serif; line-height: 1.5; font-size: 1.25em; padding: 0; text-align: center }
html[lang=ja-JP] blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", serif }
html[lang=zh-CN] blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "宋体 SongTi", "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, serif }
html[lang=zh-HK] blockquote, html[lang=zh-TW] blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "MHei 200", MHei, serif }
html[lang=th-TH] blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "Sukhumvit Set 200", "Sukhumvit Set", serif }
html[lang=ru-RU] blockquote { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 1.75em }

@media screen and (min-width:481px) {
blockquote { font-size: 2.25em }
html[lang=zh-CN] blockquote { font-size: 1.4em; font-family: "宋体 SongTi", "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei }
html[lang=el-GR] blockquote { font-size: 28px; font-family: "Times New Roman", Sans-Serif-Italic }
html[lang=uk-UA] blockquote { font-size: 28px; font-family: "Times New Roman" }
}
html[lang=ru-ru] blockquote { font-style: italic }
cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, serif; font-size: .6em; line-height: 1.16667em; font-style: normal; display: block; margin: 1.3125em 0 0 }
html[lang=ja-JP] cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", serif }
html[lang=zh-CN] cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, serif }
html[lang=zh-HK] cite, html[lang=zh-TW] cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "MHei 200", MHei, serif }
html[lang=th-TH] cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "Sukhumvit Set 200", "Sukhumvit Set", serif }
html[lang=ru-RU] cite { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Arial, Helvetica, serif }
html[lang=el-GR] cite { font-size: 16px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] cite { font-size: 16px; font-family: Arial }

@media screen and (min-width:481px) {
cite { font-size: .45em }
}
.text-left { text-align: left!important }
.text-center { text-align: center!important }
.text-right { text-align: right!important }
.rich-text ol, .rich-text ul { padding-left: 42px; margin-bottom: 14px; list-style-position: outside }
.rich-text ul { list-style-type: disc }
.rich-text ol { list-style-type: decimal }
fieldset { border: 0; margin: 0; padding: 0 }
input, label, legend, select { display: block; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1em }
html[lang=ja-JP] input, html[lang=ja-JP] label, html[lang=ja-JP] legend, html[lang=ja-JP] select { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] input, html[lang=zh-CN] label, html[lang=zh-CN] legend, html[lang=zh-CN] select { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] input, html[lang=zh-HK] label, html[lang=zh-HK] legend, html[lang=zh-HK] select, html[lang=zh-TW] input, html[lang=zh-TW] label, html[lang=zh-TW] legend, html[lang=zh-TW] select { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] input, html[lang=th-TH] label, html[lang=th-TH] legend, html[lang=th-TH] select { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] input, html[lang=ru-RU] label, html[lang=ru-RU] legend, html[lang=ru-RU] select { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
label, legend { font-weight: 700; margin-bottom: .375em }
label.required:after, legend.required:after { content: "*" }
label span.form-desc, legend span.form-desc { font-weight: 400; display: block }
dl dt, th { font-weight: 700 }
label abbr, legend abbr { display: none }
input:not([type]), input[type=number], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input[type=search], textarea { background-color: #fff; border-radius: 0; border: 1px solid #DDD; box-shadow: 0; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1em; margin-bottom: .75em; padding: 10px 8px 7px; width: 100%; box-sizing: border-box; -webkit-transition: border-color; transition: border-color; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; height: 50px }
html[lang=ja-JP] input:not([type]), html[lang=ja-JP] input[type=number], html[lang=ja-JP] input[type=color], html[lang=ja-JP] input[type=date], html[lang=ja-JP] input[type=datetime], html[lang=ja-JP] input[type=datetime-local], html[lang=ja-JP] input[type=email], html[lang=ja-JP] input[type=month], html[lang=ja-JP] input[type=password], html[lang=ja-JP] input[type=tel], html[lang=ja-JP] input[type=text], html[lang=ja-JP] input[type=time], html[lang=ja-JP] input[type=url], html[lang=ja-JP] input[type=week], html[lang=ja-JP] input[type=search], html[lang=ja-JP] textarea { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] input:not([type]), html[lang=zh-CN] input[type=number], html[lang=zh-CN] input[type=color], html[lang=zh-CN] input[type=date], html[lang=zh-CN] input[type=datetime], html[lang=zh-CN] input[type=datetime-local], html[lang=zh-CN] input[type=email], html[lang=zh-CN] input[type=month], html[lang=zh-CN] input[type=password], html[lang=zh-CN] input[type=tel], html[lang=zh-CN] input[type=text], html[lang=zh-CN] input[type=time], html[lang=zh-CN] input[type=url], html[lang=zh-CN] input[type=week], html[lang=zh-CN] input[type=search], html[lang=zh-CN] textarea { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] input:not([type]), html[lang=zh-HK] input[type=number], html[lang=zh-HK] input[type=color], html[lang=zh-HK] input[type=date], html[lang=zh-HK] input[type=datetime], html[lang=zh-HK] input[type=datetime-local], html[lang=zh-HK] input[type=email], html[lang=zh-HK] input[type=month], html[lang=zh-HK] input[type=password], html[lang=zh-HK] input[type=tel], html[lang=zh-HK] input[type=text], html[lang=zh-HK] input[type=time], html[lang=zh-HK] input[type=url], html[lang=zh-HK] input[type=week], html[lang=zh-HK] input[type=search], html[lang=zh-HK] textarea, html[lang=zh-TW] input:not([type]), html[lang=zh-TW] input[type=number], html[lang=zh-TW] input[type=color], html[lang=zh-TW] input[type=date], html[lang=zh-TW] input[type=datetime], html[lang=zh-TW] input[type=datetime-local], html[lang=zh-TW] input[type=email], html[lang=zh-TW] input[type=month], html[lang=zh-TW] input[type=password], html[lang=zh-TW] input[type=tel], html[lang=zh-TW] input[type=text], html[lang=zh-TW] input[type=time], html[lang=zh-TW] input[type=url], html[lang=zh-TW] input[type=week], html[lang=zh-TW] input[type=search], html[lang=zh-TW] textarea { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] input:not([type]), html[lang=th-TH] input[type=number], html[lang=th-TH] input[type=color], html[lang=th-TH] input[type=date], html[lang=th-TH] input[type=datetime], html[lang=th-TH] input[type=datetime-local], html[lang=th-TH] input[type=email], html[lang=th-TH] input[type=month], html[lang=th-TH] input[type=password], html[lang=th-TH] input[type=tel], html[lang=th-TH] input[type=text], html[lang=th-TH] input[type=time], html[lang=th-TH] input[type=url], html[lang=th-TH] input[type=week], html[lang=th-TH] input[type=search], html[lang=th-TH] textarea { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] input:not([type]), html[lang=ru-RU] input[type=number], html[lang=ru-RU] input[type=color], html[lang=ru-RU] input[type=date], html[lang=ru-RU] input[type=datetime], html[lang=ru-RU] input[type=datetime-local], html[lang=ru-RU] input[type=email], html[lang=ru-RU] input[type=month], html[lang=ru-RU] input[type=password], html[lang=ru-RU] input[type=tel], html[lang=ru-RU] input[type=text], html[lang=ru-RU] input[type=time], html[lang=ru-RU] input[type=url], html[lang=ru-RU] input[type=week], html[lang=ru-RU] input[type=search], html[lang=ru-RU] textarea { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
input:not([type]):hover, input[type=number]:hover, input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input[type=search]:hover, textarea:hover { border-color: #5b7f95 }
input:not([type]):focus, input[type=number]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=search]:focus, textarea:focus { outline: 0 }
input:not([type]).error, input:not([type]).input-validation-error, input[type=number].error, input[type=number].input-validation-error, input[type=color].error, input[type=color].input-validation-error, input[type=date].error, input[type=date].input-validation-error, input[type=datetime].error, input[type=datetime].input-validation-error, input[type=datetime-local].error, input[type=datetime-local].input-validation-error, input[type=email].error, input[type=email].input-validation-error, input[type=month].error, input[type=month].input-validation-error, input[type=password].error, input[type=password].input-validation-error, input[type=tel].error, input[type=tel].input-validation-error, input[type=text].error, input[type=text].input-validation-error, input[type=time].error, input[type=time].input-validation-error, input[type=url].error, input[type=url].input-validation-error, input[type=week].error, input[type=week].input-validation-error, input[type=search].error, input[type=search].input-validation-error, textarea.error, textarea.input-validation-error { border: 1px solid #b30000 }
textarea { resize: vertical; height: 158px }
select { position: relative; width: 100%; height: 42px; padding: 0 28px 0 14px; background-color: #fff; overflow: hidden; text-overflow: ellipsis; border: 1px solid #DDD; border-radius: 0; outline: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none }
select::-moz-focus-inner, select:focus {
border:0;
padding:0
}
select:hover { border-color: #5b7f95 }
.dropdown-wrapper.disabled .dropdown-active-item, .dropdown-wrapper.disabled .dropdown-angle, .dropdown-wrapper.disabled .select, .dropdown-wrapper.disabled select, select:disabled { color: #999 }
.dropdown-wrapper.disabled .dropdown-active-item:hover, .dropdown-wrapper.disabled .dropdown-angle:hover, .dropdown-wrapper.disabled .select:hover, .dropdown-wrapper.disabled select:hover, select:disabled:hover { border: 1px solid #DDD }
_:-ms-input-placeholder, select::-ms-expand {
display:none
}
_:-ms-input-placeholder, select:focus::-ms-value {
background:0 0;
color:#333
}
input[type=checkbox] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
input[type=checkbox]~label { display: inline-block; position: relative; padding-left: 42px; vertical-align: middle; cursor: pointer; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
input[type=checkbox]:checked~label:before, input[type=checkbox]:checked~label:hover:before, input[type=checkbox]~label:before, input[type=checkbox]~label:hover:before { content: ''; display: block; position: absolute; left: 0; width: 35px; height: 35px; margin-top: -10px; background-image: url(/Static/images/forms/checkbox.png); background-repeat: no-repeat }
input[type=checkbox]~label:before { background-position: 0 0 }
input[type=checkbox]~label:hover:before { background-position: -70px 0 }
input[type=checkbox]:checked~label:before { background-position: -35px 0 }
input[type=checkbox]:checked~label:hover:before { background-position: -105px 0 }
.lt-ie9 input[type=checkbox] { position: inherit; z-index: inherit; left: inherit; overflow: inherit; clip: inherit; height: inherit; width: inherit; margin: inherit; padding: inherit; border: inherit }
.lt-ie9 input[type=checkbox]~label { padding-left: inherit; height: inherit; display: inherit; line-height: inherit; background-repeat: inherit; background-position: inherit; background-image: inherit; vertical-align: inherit; cursor: inherit; -webkit-user-select: inherit; -moz-user-select: inherit; user-select: inherit; -ms-user-select: inherit }
.lt-ie9 input[type=checkbox]:checked~label:before, .lt-ie9 input[type=checkbox]:checked~label:hover:before, .lt-ie9 input[type=checkbox]~label:before, .lt-ie9 input[type=checkbox]~label:hover:before { display: none; content: none }
input[type=radio] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
input[type=radio]~label { display: inline-block; position: relative; padding-left: 42px; vertical-align: middle; cursor: pointer; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
input[type=radio]:checked~label:before, input[type=radio]:checked~label:hover:before, input[type=radio]~label:before, input[type=radio]~label:hover:before { content: ''; display: block; position: absolute; left: 0; width: 34px; height: 34px; margin-top: -10px; background-image: url(/Static/images/forms/radio.png); background-repeat: no-repeat }
input[type=radio]~label:before { background-position: 0 0 }
input[type=radio]~label:hover:before { background-position: -68px 0 }
input[type=radio]:checked~label:before { background-position: -34px 0 }
input[type=radio]:checked~label:hover:before { background-position: -102px 0 }
.lt-ie9 input[type=radio] { position: inherit; z-index: inherit; left: inherit; overflow: inherit; clip: inherit; height: inherit; width: inherit; margin: inherit; padding: inherit; border: inherit }
input[type=file], table { width: 100% }
dl dd, ol, ul { margin: 0 }
.lt-ie9 input[type=radio]~label { padding-left: inherit; height: inherit; display: inherit; line-height: inherit; background-repeat: inherit; background-position: inherit; background-image: inherit; vertical-align: inherit; cursor: inherit; -webkit-user-select: inherit; -moz-user-select: inherit; user-select: inherit; -ms-user-select: inherit }
td, th { padding: .75em 0 }
.lt-ie9 input[type=radio]:checked~label:before, .lt-ie9 input[type=radio]:checked~label:hover:before, .lt-ie9 input[type=radio]~label:before, .lt-ie9 input[type=radio]~label:hover:before { display: none; content: none }
table { margin: .75em 0; table-layout: fixed }
th { border-bottom: 1px solid #b7b7b7; text-align: left }
.cl-footer, .cl-header, .cl-wrapper { text-align: center }
td { border-bottom: 1px solid #DDD }
td, th, tr { vertical-align: middle }
ol, ul { padding: 0 }
dl { line-height: 1.5em; margin-bottom: .75em }
dl dt { margin-top: .75em }
.list-inline>.list-item { display: inline-block; padding: 0 }
.list-sep>.list-item { border-left: 1px solid #145081; line-height: 12px; padding-left: 15px; padding-right: 15px }
.list-sep>.list-item:first-child { border: none; padding-left: 0 }
.cl-detail, .cl-list .cl-list-item { border: 1px solid #bdd6e6; float: left }
.list-sep>.list-item:last-child { padding-right: 0 }
.list-footer>.list-item { width: 13.9% }
.list-ordered { list-style-type: decimal }
.list-ordered li { margin-left: 2em }
.cl-wrapper { width: 100%; padding-top: 90px }
.cl-footer a, .cl-header a { margin: 14px; text-transform: uppercase }
.cl-footer a.button, .cl-header a.button { display: inline-block }
.cl-header { margin-bottom: 14px }
.cl-header a { display: none }
.cl-footer { display: inline-block; margin-top: 14px }
.cl-container, .cl-list { max-width: 79.125em; margin-left: auto; margin-right: auto; padding: 42px 14px; background-color: #fff; margin-top: 28px }
.cl-container:after, .cl-container:before, .cl-list:after, .cl-list:before { content: " "; display: table }
.cl-container:after, .cl-list:after { clear: both }
.cl-list .cl-list-item.cl-list-titles { display: none }
.cl-list .cl-list-item { display: block; margin-right: 3.48259%; width: 100%; text-align: center; padding: 14px 42px; margin-top: -1px }
.cl-list .accordion-filter .job-filter:after, .cl-list .accordion-filter .job-filter:before, .cl-list .cl-list-item:after, .cl-list .cl-list-item:before { content: " "; display: table }
.cl-list .cl-list-item:last-child { margin-right: 0 }
.cl-list .cl-list-item:after { clear: both }
.cl-list .cl-list-item .cl-list-info { margin: 0 }
.cl-list .cl-list-item .cl-list-info>dt { margin-top: 0; margin-bottom: .75em }
.cl-list .accordion-filter .accordion-content { margin-bottom: 2.1875em }
.cl-list .accordion-filter h5 { margin-bottom: 35px }
.cl-list .accordion-filter fieldset { margin-bottom: 10px }
.cl-detail, .cl-detail>font, button { display: block }
.cl-list .accordion-filter .job-filter:after { clear: both }
.cl-list .accordion-filter .job-filter-column { float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-list .accordion-filter .job-filter-column:last-child { margin-right: 0 }

@media screen and (min-width:769px) {
.cl-list .accordion-filter .job-filter-column { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.cl-list .accordion-filter .job-filter-column:last-child { margin-right: 0 }
}
.cl-detail { margin-right: 3.48259%; width: 100%; padding: 14px; text-align: left }
.cl-detail:last-child { margin-right: 0 }
.cl-detail .cl-description, .cl-detail .extf-content, .cl-detail .story-carousel .story-content, .cl-detail .support-area, .cl-detail font, .cl-detail p, .story-carousel .cl-detail .story-content { max-width: none }
.cl-detail font { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important }

@media screen and (min-width:481px) {
.cl-detail .cl-description, .cl-detail font { font-size: 16px; line-height: 1.5em }
.cl-wrapper { padding: 90px 14px }
.cl-footer a, .cl-header a { display: inline-block }
.cl-list { padding: 42px 28px; text-align: center }
.cl-list .cl-list-item .cl-list-info { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; text-align: left }
.cl-list .cl-list-item .cl-list-info:last-child { margin-right: 0 }
.cl-list .cl-list-item .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 31.01161%; text-align: right }
.cl-list .cl-list-item .cl-list-cta:last-child { margin-right: 0 }
.cl-detail { padding: 28px }
}

@media screen and (min-width:769px) {
.cl-detail .cl-description, .cl-detail font { font-size: 18px }
.cl-list .cl-list-item.cl-list-titles { display: block; border: 0 }
.cl-list .cl-list-item .cl-list-info { float: left; display: block; margin-right: 3.48259%; width: 74.12935%; text-align: left }
.cl-list .cl-list-item .cl-list-info:last-child { margin-right: 0 }
.cl-list .cl-list-item .cl-list-info>dt { margin-bottom: 0 }
.cl-list .cl-list-item .cl-list-info>dd, .cl-list .cl-list-item .cl-list-info>dt { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-list .cl-list-item .cl-list-info>dd:last-child, .cl-list .cl-list-item .cl-list-info>dt:last-child { margin-right: 0 }
.cl-list .cl-list-item .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 22.38806%; text-align: right }
.cl-list .cl-list-item .cl-list-cta:last-child { margin-right: 0 }
.cl-detail { padding: 42px }
}
.button, button { font-size: 1.125em; letter-spacing: .125em; -ms-user-select: none; vertical-align: middle; padding: 13px 30px 11px; line-height: 1.5; margin: .4375em; text-align: center; text-transform: uppercase; cursor: pointer; outline: 0; -webkit-appearance: none }
button { -webkit-transition: all .1s linear; transition: all .1s linear; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; display: inline-block; user-select: none; background-color: transparent; border: 2px solid #EF7B16}
html[lang=ja-JP] button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] button, html[lang=zh-TW] button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
button.button-hover, button:hover { color: #fff; border-color: #EF7B16; background-color: #EF7B16 }
button.button-active, button:active { color: #fff; background-color: #5b7f95; border-color: #5b7f95 }
.button { -webkit-transition: all .1s linear; transition: all .1s linear; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; display: block; display: inline-block; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; color: #003057; border: 2px solid #003057 }
html[lang=ja-JP] .button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-HK] .button, html[lang=zh-TW] .button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.button.button-hover, .button:hover { color: #fff; border-color: #003057; background-color: #003057 }
.button.button-active, .button:active { color: #fff; background-color: #5b7f95; border-color: #5b7f95 }
.button-semi-opaque, .subnav-dark .subnav-cta { background-color: rgba(0,48,87,.2) }
.button-semi-opaque.button-light, .subnav-dark .subnav-cta, .theme-dark .button-semi-opaque.button { background-color: rgba(255,255,255,.2) }
.button-opaque { border: none; background-color: #003057; color: #fff }
.button-opaque.button-hover, .button-opaque:hover { background-color: #5b7f95 }
.button-opaque.button-active, .button-opaque:active { background-color: #bdd6e6 }
.button-opaque.button-light, .subnav-dark .button-opaque.subnav-cta, .theme-dark .button-opaque.button { background-color: #fff; color: #003057 }
.button-opaque.button-light.button-active, .button-opaque.button-light:active, .subnav-dark .button-opaque.button-active.subnav-cta, .subnav-dark .button-opaque.subnav-cta:active, .theme-dark .button-opaque.button-active.button, .theme-dark .button-opaque.button:active { background-color: #003057; color: #fff }
.button-light, .subnav-dark .subnav-cta, .theme-dark .button { color: #fff; border-color: #fff }
.button-light.button-hover, .button-light:hover, .subnav-dark .button-hover.subnav-cta, .subnav-dark .subnav-cta:hover, .theme-dark .button-hover.button, .theme-dark .button:hover { color: #003057; border-color: #fff; background-color: #fff }
.button-light.button-active, .button-light:active, .subnav-dark .button-active.subnav-cta, .subnav-dark .subnav-cta:active, .theme-dark .button-active.button, .theme-dark .button:active { color: #003057; background-color: #f7f7f7; border-color: #f7f7f7 }
.button-light.button-inactive, .subnav-dark .button-inactive.subnav-cta, .theme-dark .button-inactive.button { color: #ccc; border-color: #ccc }
.button-disabled { background-color: #DDD; color: #fff }
.button-text { color: #003057; border: none; background: 0 0; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; padding: 0; border-bottom: solid 1px #003057 }
html[lang=ja-JP] .button-text { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .button-text { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .button-text, html[lang=zh-TW] .button-text { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .button-text { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .button-text { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.button-text.button-active, .button-text.button-hover, .button-text:active, .button-text:hover { background: 0 0; color: #5b7f95; border-color: #5b7f95 }
.button-expand { width: 100%; margin: 0 }
.button-small { font-size: 14px; border-width: 1px }
.button-round { border-radius: 50%; width: 40px; height: 40px; margin: 0; padding: 0; line-height: 39px; color: #fff; border: 1px solid #fff; background-color: rgba(255,255,255,.1) }
.button-round:hover, .subnav-hero-button:hover .button-round { border: 1px solid #fff; background-color: #fff; color: #000 }
.button-dot { border-radius: 50%; width: 10px; height: 10px; padding: 0; border: none; background-color: #bdd6e6 }
.button-dot.button-active, .button-dot:active { background-color: #003057 }
.cta-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: .875em; text-transform: uppercase; border-bottom: 1px solid #003057; -webkit-transition: border-bottom-color .1s linear, color .1s linear; transition: border-bottom-color .1s linear, color .1s linear }
html[lang=ja-JP] .cta-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-HK] .cta-link, html[lang=zh-TW] .cta-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cta-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cta-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
html[lang=zh-CN] .cta-link { font-size: .7em }
html[lang=el-GR] .cta-link { font-size: 16px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] .cta-link { font-size: 16px; font-family: "Arial Narrow"; letter-spacing: 1px }
.cta-link:hover { border-bottom-color: #5b7f95 }
.theme-dark .cta-link:hover { color: #5b7f95 }
.cta-link.image-link { border-bottom: none; -webkit-transition: opacity .3s linear; transition: opacity .3s linear }
.icon-link { border: none; display: inline-block; overflow: hidden; line-height: 1.875em; margin-bottom: .4375em }
.box-header, .box-section>h3 { text-align: center; line-height: 42px; text-transform: none; color: #fff }
.icon-link .icon { float: left; font-size: 1.875em; margin-right: .4375em }
.items-list .il-item a, .items-list .il-large a { width: 100% }
.clearfix:after, .clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.component { padding-top: 1.875em; padding-bottom: 1.875em }

@media screen and (min-width:481px) {
.component { padding-top: 2.8125em; padding-bottom: 2.8125em }
}

@media screen and (min-width:769px) {
.component { padding-top: 5.9375em; padding-bottom: 5.9375em }
}

@media screen and (min-width:0) and (max-width:481px) {
.nav-drop+.component { padding-top: 3.75em }
}
.activity-feed.component~.activity-feed.component, .book-a-service-form.component~.card-container.component { padding-top: 0; padding-bottom: 1.875em }

@media screen and (min-width:481px) {
.activity-feed.component~.activity-feed.component, .book-a-service-form.component~.card-container.component { padding-bottom: 2.8125em }
}

@media screen and (min-width:769px) {
.activity-feed.component~.activity-feed.component, .book-a-service-form.component~.card-container.component { padding-bottom: 5.9375em }
}
.box-wrapper { margin: 14px }
.box-wrapper.top-wrapper { margin-top: 0 }
.box { max-width: 79.125em; margin-left: auto; margin-right: auto; background-color: #fff; margin-bottom: 42px }
.blog .image-ribbon.featured, .box-header, .box-section>h3 { background-color: #003057 }
.box:after, .box:before { content: " "; display: table }
.box:after { clear: both }
.box-header { display: block; font-size: 2em; margin-bottom: 0 }
.box-section>h3, h3.box-header { font-size: 1.375em }
.box-content { float: left; display: block; margin-right: 3.48259%; width: 100%; padding: 14px }
.box-content:last-child { margin-right: 0 }
.box-section { margin-bottom: 42px }
.box-section:last-child { margin-bottom: 0 }
.box-section>h3 { height: 42px; letter-spacing: 0; margin: 0 }

@media screen and (min-width:481px) {
.box-wrapper { margin: 42px }
.box-content { padding: 42px }
.box-header { font-size: 2em; line-height: 68px; letter-spacing: 0; text-transform: none; margin: 0 }
.box-header.box-header--secondary { font-size: 1.5em; text-align: left; padding-left: 48px; text-transform: uppercase }
h3.box-header { font-size: 2em }
.box-section>h3 { height: 66px; font-size: 2em; line-height: 66px }
}

@media screen and (min-width:769px) {
.box-content { float: left; display: block; margin-right: 3.48259%; width: 82.7529%; margin-left: 8.62355% }
.box-content:last-child { margin-right: 0 }
.box-header { font-size: 3.375em }
}
.blog { position: relative; padding: 0 .9375em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .blog { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .blog { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .blog, html[lang=zh-TW] .blog { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .blog { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .blog { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.blog .cl-detail .cl-description, .blog .cl-detail font, .blog .extf-content, .blog .story-carousel .story-content, .blog .support-area, .blog div, .blog p, .cl-detail .blog .cl-description, .cl-detail .blog font, .story-carousel .blog .story-content { font-family: "Volvo Sans Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; max-width: none; font-size: 18px; line-height: 27px }
.blog h3 { margin-bottom: 1em; line-height: 1.55 }
.blog h2 { font-size: 32px; line-height: 38px; margin-bottom: .36em }

@media screen and (max-width:79.125em) {
.blog h2 { font-size: 22px; line-height: 26px }
}

@media screen and (min-width:0) and (max-width:481px) {
.blog h2 { margin-bottom: 35px; margin-right: 10px }
.blog__back__home { position: static!important; -webkit-transform: translateX(0)!important; transform: translateX(0)!important; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD }
}
.blog__back { display: relative; margin-bottom: 45px; font-size: 15px; text-align: center }
.blog__back__left, .blog__back__right { border-bottom: none }
.blog__back__right i { margin-left: 10px }
.blog__back__left i { margin-right: 10px }
.blog__back__home { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.blog .cover-stretch { background-size: cover; background-position: center center }
.blog .cta-link:link { text-transform: uppercase; font-size: 14px }

@media screen and (min-width:0) and (max-width:481px) {
.blog .cta-link:link { font-size: 12px }
}
.blog .icon-link:link, .blog .icon-link:visited { text-decoration: none; margin-bottom: 0 }
.blog .icon-link:active, .blog .icon-link:hover { text-decoration: none }
.blog .icon-link:focus { color: #003057 }
.blog .icon-link.liked { pointer-events: none }
.blog .icon-link.liked i.fa:before { content: '\f164' }
.blog .list-link:link, .blog .list-link:visited { display: block; margin-bottom: .2em; text-decoration: none; border: 0 }
.blog .list-link:hover, .blog .list-links:active { text-decoration: none }
.blog .image-ribbon { position: absolute; left: 0; font-size: 14px; letter-spacing: 1px; color: #fff; text-transform: uppercase; padding: .2em 1em }

@media screen and (max-width:769px) {
.blog .image-ribbon { font-size: 12px; padding: .1em .5em }
}
.blog .image-ribbon.top-rated { background-color: #5b7f95 }
.blog img.responsive { width: 100%; display: block }
.blog .blog-post-social-bar { height: 20px }
.blog .blog-post-social-bar .item-container { display: inline-block; margin-left: .7em; margin-top: 2px; font-size: 14px }
.blog .clock-icon { width: 12px; height: 12px; margin: 0 6px }
.blog .blog-container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.blog .blog-container:after, .blog .blog-container:before { content: " "; display: table }
.blog .blog-container:after { clear: both }
.blog .blog-container .blog-card { padding: 30px 50px 30px 30px; background-color: #fff; margin-bottom: .5625em; position: relative }

@media screen and (max-width:769px) {
.blog .blog-container .blog-card { padding: 9.33px }
}
.blog .blog-container .blog-card.fullWidth, .blog .blog-container .blog-card.no-padding { padding: 0 }
.blog .blog-container .blog-card.fullWidth .blog-post-social-bar, .blog .blog-container .blog-card.no-padding .blog-post-social-bar { padding-bottom: 30.5px }

@media screen and (max-width:769px) {
.blog .blog-container .blog-card.fullWidth .blog-post-social-bar, .blog .blog-container .blog-card.no-padding .blog-post-social-bar { padding-right: 9.33px }
.blog .blog-container .blog-card.welcome { display: none }
}
.blog .blog-container .blog-card .top-padding-buster { margin-top: -1.875em }
.blog .blog-container .blog-card .bottom-padding-buster { margin-bottom: -1.875em }
.blog .blog-container .blog-card .card-padding { padding: 30px }
.blog .blog-container .blog-date { font-size: 14px; color: #999; letter-spacing: 1px; position: relative; text-transform: uppercase }

@media screen and (min-width:769px) {
.blog .blog-container .blog-date { margin-bottom: 20px }
}

@media screen and (max-width:769px) {
.blog .blog-container .blog-date { font-size: 12px }
.blog .blog-container .blog-main-col .blog-list-post, .blog .blog-container .blog-main-col .blog-post-post { padding-bottom: 0 }
}

@media screen and (min-width:0) and (max-width:481px) {
.blog .blog-container .blog-card .bottom-padding-buster { display: none }
.blog .blog-container .blog-date { font-size: 11px }
.blog .blog-container .blog-main-col .fullWidth .blog-list-image, .blog .blog-container .blog-main-col .fullWidth .blog-post-image { height: 42vw; max-height: 465px }
}
.blog .blog-container .blog-date .icon { margin: 0 .55em 0 0; font-size: .85em; vertical-align: top }
.blog .blog-container .blog-date span { position: relative; top: -.1em }
.blog .blog-container .blog-main-col:after, .blog .blog-container .blog-main-col:before { content: " "; display: table }
.blog .blog-container .blog-main-col:after { clear: both }

@media screen and (min-width:540px) {
.blog .blog-container .blog-main-col .fullWidth .blog-list-image, .blog .blog-container .blog-main-col .fullWidth .blog-post-image { height: 47vw; max-height: 465px }
}
.blog .blog-container .blog-main-col .blog-list-post, .blog .blog-container .blog-main-col .blog-post-post { width: 100%; position: relative }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text { margin-bottom: 30px; line-height: 1.44; letter-spacing: 0 }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-image-link, .blog .blog-container .blog-main-col .blog-post-post .blog-list-image-link { border-bottom: 0; position: relative; float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-image-link>div, .blog .blog-container .blog-main-col .blog-post-post .blog-list-image-link>div { display: block; content: ""; width: 100%; padding-top: 100% }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-image-link:last-child, .blog .blog-container .blog-main-col .blog-post-post .blog-list-image-link:last-child { margin-right: 0 }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-link, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-link { letter-spacing: 0; display: block; border: none }

@media screen and (min-width:769px) {
.blog .blog-container .blog-main-col .fullWidth .blog-list-image, .blog .blog-container .blog-main-col .fullWidth .blog-post-image { height: 25.5vw; max-height: 465px }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-link, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-link { padding-left: 15px }
}

@media screen and (min-width:481px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-link h2, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-link h2 { margin-top: 10px }
}
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-container, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-container { float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-container:last-child, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-container:last-child { margin-right: 0 }
.blog .blog-container .blog-main-col .blog-list-post .blog-read-more, .blog .blog-container .blog-main-col .blog-post-post .blog-read-more { display: none }

@media screen and (min-width:769px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-read-more, .blog .blog-container .blog-main-col .blog-post-post .blog-read-more { display: inherit }
}

@media screen and (min-width:0) and (max-width:481px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text { display: none }
}
.blog .blog-container .blog-main-col .blog-list-post .cta-link:link, .blog .blog-container .blog-main-col .blog-post-post .cta-link:link { margin-left: 15px }

@media screen and (max-width:769px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-link, .blog .blog-container .blog-main-col .blog-post-post .blog-list-text-link { padding-left: 10px }
.blog .blog-container .blog-main-col .blog-list-post .cta-link:link, .blog .blog-container .blog-main-col .blog-post-post .cta-link:link { display: none }
}
.blog .blog-container .blog-main-col .blog-list-post { display: -webkit-box; display: -ms-flexbox; display: flex }
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-container { position: relative; padding-left: 2px }

@media screen and (min-width:769px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-list-text-container { padding-left: 10px; padding-right: 50px }
}
.blog .blog-container .blog-main-col .blog-list-post .blog-list-post-bottom { position: absolute; bottom: 0; right: 0; width: 100%; padding-bottom: 2px }
.archive-months a, .blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image-link, .blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-post-bottom, .blog .blog-container .featured-post, .blog-post-page .blog-embed-container { position: relative }

@media screen and (max-width:769px) {
.blog .blog-container .blog-main-col .blog-list-post .blog-list-post-bottom { padding-right: 9px; padding-bottom: 9px }
}
.blog .blog-container .blog-main-col .blog-list-post.fullWidth { display: block }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image, .blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image-link { float: left; margin-right: 3.48259%; width: 100%; display: inline-block; max-width: 100%; vertical-align: top; margin-bottom: 1em }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image-link:last-child, .blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image:last-child { margin-right: 0 }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image { margin-bottom: 0; visibility: hidden }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-image-link>div { display: block; content: ""; width: 100%; padding-top: 56.25% }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container { float: left; display: block; margin-right: 3.48259%; width: 100%; padding-left: 51px; padding-right: 50px; padding-bottom: 30px }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container:last-child { margin-right: 0 }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container h2 { font-size: 54px; line-height: 1.07; margin-top: .25em; max-width: 650px }

@media screen and (max-width:769px) {
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container { padding-left: 20px; padding-right: 9.33px; padding-bottom: 9.33px }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container h2 { font-size: 35px }
}
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container .blog-date { margin-top: 1em }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container .blog-list-text { max-width: 650px }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container .blog-list-text-link { padding-left: 0 }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text-container .cta-link:link { margin-left: 0 }

@media screen and (min-width:0) and (max-width:481px) {
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .cta-link:link { position: relative; margin: 0 }
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text { display: none }
}
.blog .blog-container .blog-main-col .blog-list-post.fullWidth .blog-list-text { margin-bottom: 1em }

@media screen and (min-width:769px) {
.blog .blog-container .blog-main-col { float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.blog .blog-container .blog-main-col:last-child { margin-right: 0 }
.blog .blog-container .blog-info-col { max-width: 30.0116%!important }
}
.blog .blog-container .blog-info-col h3 { font-size: 18px; line-height: 28px; letter-spacing: 1px }
.blog .blog-container .blog-info-col .item-icon { font-size: 2em }
.blog .blog-container .blog-info-col .blog-card.welcome { padding-bottom: 30.25px }
.blog .blog-container .blog-info-col .blog-card.follow { padding-top: 30px }

@media screen and (min-width:0) and (max-width:481px) {
.blog .blog-container .blog-info-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.blog .blog-container .blog-info-col .blog-card .welcome { display: none }
.blog .blog-container .blog-info-col .blog-card:nth-of-type(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.blog .blog-container .blog-info-col .blog-card:nth-of-type(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.blog .blog-container .blog-info-col .blog-card:nth-of-type(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
}

@media screen and (min-width:769px) {
.blog .blog-container .blog-info-col { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.blog .blog-container .blog-info-col:last-child { margin-right: 0 }
}
.blog .blog-container .featured-container { background: 0 0 }
.blog .blog-container .featured-container:after, .blog .blog-container .featured-container:before { content: " "; display: table }
.blog .blog-container .featured-container:after { clear: both }

@media screen and (min-width:769px) {
.blog .blog-container .featured-post { background: #fff; margin-bottom: .5625em }
}
.blog .blog-container .featured-post .card-padding { padding-bottom: 37.5px; padding-top: 25px }

@media screen and (min-width:481px) {
.blog .blog-container .featured-post .card-padding { padding-left: 25px; padding-right: 25px }
}

@media screen and (max-width:769px) {
.blog .blog-container .blog-info-col { margin-top: 0!important }
.blog .blog-container .featured-post { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.blog .blog-container .featured-post:last-child { margin-right: 0 }
.blog .blog-container .featured-post:nth-child(odd) { margin-right: 0; float: right }
.blog .blog-container .featured-post .card-padding { padding-left: 0; padding-right: 0; padding-top: 12px }
.blog .blog-container .featured-post .featured-post-title { font-size: 22px; line-height: 24px }
.blog .blog-container .featured-post .cta-link { font-size: 14px; margin-left: 0; font-weight: 400; position: relative }
}

@media screen and (max-width:769px) and (max-width:769px) {
.blog .blog-container .featured-post .cta-link { font-size: 12px }
}
.blog .blog-spacer { width: 1px; height: 1px; display: inline-block }
.blog-post-page .blog-post-post .blog-post-text-container article:after, .blog-post-page .blog-post-post .blog-post-text-container article:before, .lt-ie9 .blog-info-left:after, .lt-ie9 .blog-info-left:before { display: table; content: " " }
.blog.blog-info-left { padding-bottom: 0 }
.blog .pagination { float: none; width: 100%; margin: 70px 0 80px; padding: 0 20px }
.blog .pagination .pagination-item { vertical-align: middle; margin: 0 .6em; border-bottom: 1px solid #003057 }

@media screen and (min-width:0) and (max-width:481px) {
.blog .pagination { font-size: .8em }
}
.blog .pagination .prevNext:link, .blog .pagination .prevNext:visited { font-size: 1.7em; position: relative; top: -1px }
.blog .pagination a:link, .blog .pagination a:visited { text-decoration: none; border: 0; vertical-align: middle; margin: 0 .6em }
.blog .pagination a:active, .blog .pagination a:hover { text-decoration: none; border: 0 }
.lt-ie9 .blog-info-left:after { clear: both }

@media screen and (min-width:481px) {
.lt-ie9 .blog-info-left .blog-container .blog-info-col, .lt-ie9 .blog-info-left .blog-container .blog-main-col { width: 46% }
.lt-ie9 .blog-info-left .blog-container .blog-info-col { margin-right: 2% }
}
.archive { padding: 30px!important }
.archive-title { margin-bottom: .5em }
.archive-content { max-height: 600px; min-height: 0 }
.archive-year { cursor: pointer; max-height: 40px; overflow-y: hidden; -webkit-transition: all .3s; transition: all .3s }
.archive-year i { margin-left: 5px }
.archive-year-title { margin-top: 10px; margin-bottom: 5px }
.archive-year.is-active { max-height: 450px }
.archive-year.is-active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); padding-bottom: .1em }
.archive-months { margin-bottom: .5em }
.archive-months a { text-decoration: none; border-bottom: none; margin-left: -2px }
.blog-post-page { margin-top: 135px }
.blog-post-page .blog-embed-container { margin: 30px 0; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.blog-post-page .blog-embed-container embed, .blog-post-page .blog-embed-container iframe, .blog-post-page .blog-embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.blog-post-page .blog-main-col .blog-card { padding: 0; margin-bottom: 2em }
.blog-post-page .blog-post-post { max-width: 100%; border-bottom: 0!important }
.blog-post-page .blog-post-post h2, .blog-post-page .blog-post-post h3 { margin-bottom: .3em }
.blog-post-page .blog-post-post .blog-date { margin-top: 35px }

@media screen and (min-width:0) and (max-width:481px) {
.blog-post-page .blog-post-post .blog-date { margin-top: 17.5px }
}
.blog-post-page .blog-post-post h2 { font-size: 2.4em }
.blog-post-page .blog-post-post h2.blog-post-title { font-size: 54px; line-height: 60px; margin-top: 30px; max-width: 690px }

@media screen and (min-width:0) and (max-width:481px) {
.blog-post-page .blog-post-post h2.blog-post-title { font-size: 32px; line-height: 38px }
}

@media screen and (min-width:481px) {
.blog-post-page .blog-post-post h2 { font-size: 3em }
}
.blog-post-page .blog-post-post .blog-post-image { width: 100%!important }
.blog-post-page .blog-post-post .blog-post-text-container { padding: 14px 26.25px 26.25px }

@media screen and (min-width:769px) {
.archive-content { min-height: 500px }
.blog-post-page .blog-post-post h2 { font-size: 3.6em }
.blog-post-page .blog-post-post .blog-post-text-container { padding: 0 70px 70px }
}
.blog-post-page .blog-post-post .blog-post-text-container .blog-post-preamble { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; line-height: 1.52; max-width: 690px }

@media screen and (min-width:0) and (max-width:481px) {
.blog-post-page .blog-post-post .blog-post-text-container .blog-post-preamble { font-size: 18px }
}
.blog-post-page .blog-post-post .blog-post-text-container .cl-detail .cl-description, .blog-post-page .blog-post-post .blog-post-text-container .cl-detail font, .blog-post-page .blog-post-post .blog-post-text-container .extf-content, .blog-post-page .blog-post-post .blog-post-text-container .story-carousel .story-content, .blog-post-page .blog-post-post .blog-post-text-container .support-area, .blog-post-page .blog-post-post .blog-post-text-container h3, .blog-post-page .blog-post-post .blog-post-text-container h4, .blog-post-page .blog-post-post .blog-post-text-container p, .cl-detail .blog-post-page .blog-post-post .blog-post-text-container .cl-description, .cl-detail .blog-post-page .blog-post-post .blog-post-text-container font, .story-carousel .blog-post-page .blog-post-post .blog-post-text-container .story-content { max-width: 690px }
.blog-post-page .blog-post-post .blog-post-text-container article { margin-top: 2em; padding-bottom: 5em }
.blog-post-page .blog-post-post .blog-post-text-container article:after { clear: both }
.blog-post-page .blog-post-post .blog-post-text-container .by-line { clear: both; color: #4d4e53 }
.blog-post-page .blog-post-post .blog-post-text-container .by-line .author-image { width: 47px; display: inline-block; border-radius: 100%; vertical-align: middle; margin-right: .5em; margin-top: 34.5px; margin-bottom: 21.88px }
.blog-post-page .blog-post-post .blog-post-text-container img { margin-top: 45px; margin-bottom: 45px }
.blog-post-page .blog-post-post .blog-post-text-container img.fullWidth, .blog-post-page .blog-post-post .blog-post-text-container img[width="100%"] { margin-right: 0; margin-left: 0; max-width: 100% }
.blog-post-page .blog-post-post .blog-post-text-container img.left, .blog-post-page .blog-post-post .blog-post-text-container img[align=left] { margin-right: 45px; max-width: 300px }
.blog-post-page .blog-post-post .blog-post-text-container img.right, .blog-post-page .blog-post-post .blog-post-text-container img[align=right] { margin-left: 45px; max-width: 300px }
.blog-post-page .blog-post-post .blog-post-text-container .share-widget { display: block; color: #003057; height: 10.62em; text-align: center; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 14px }
.blog-post-page .blog-post-post .blog-post-text-container .share-widget-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.blog-post-page .blog-post-post .blog-post-text-container .share-widget-inner h4 { width: 50%; display: block; font-size: 14px; margin: 0 auto .6em }
.blog-post-page .blog-post-post .blog-post-text-container .share-widget-inner a { color: #003057; font-size: 1.5em; margin: 0 .3em; line-height: 1; border-bottom: 0; opacity: 1; filter: alpha(opacity=100); letter-spacing: 0 }
.blog-post-page .blog-post-post .blog-post-text-container .share-widget-inner a:hover { opacity: .8; filter: alpha(opacity=80) }
.blog-post-page .blog__back a { font-size: 14px; letter-spacing: 0; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.blog-post-page .blog-comment-box { background: #fff }
#mask, #mask.enabled.fade-in { background-color: transparent; zoom: 1 }
.blog-post-page .blog-post-social-bar { margin-top: -2em }
@-webkit-keyframes mask-show {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes mask-show {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes mask-hide {
0% {
opacity:1;
filter:alpha(opacity=100)
}
100% {
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes mask-hide {
0% {
opacity:1;
filter:alpha(opacity=100)
}
100% {
opacity:0;
filter:alpha(opacity=0)
}
}
#mask { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 999999; display: none; cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
overflow-y: auto; overflow-x: hidden; -webkit-transition: all .3s linear; transition: all .3s linear }
#mask.enabled { display: block }
#mask.enabled.fade-in { background-color: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)
}
#mask.disabled { display: none }
.lt-ie9 #mask { -webkit-transition: none; transition: none; background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
zoom: 1 }
.lt-ie9 #mask.enabled, .lt-ie9 #mask.enabled.fade-in, .lt-ie9.nav-drop-on #mask.enabled, .lt-ie9.nav-drop-on #mask.enabled.fade-in { background-color: transparent; background-color: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
zoom: 1 }
html.nav-drop-on #mask { z-index: 800; background-color: transparent; background-color: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
zoom: 1; position: absolute }
@-webkit-keyframes overlay-show {
0% {
-webkit-transform:translateY(-200px);
transform:translateY(-200px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes overlay-show {
0% {
-webkit-transform:translateY(-200px);
transform:translateY(-200px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes overlay-hide {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(200px);
transform:translateY(200px)
}
}
@keyframes overlay-hide {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
-webkit-transform:translateY(200px);
transform:translateY(200px)
}
}
.overlay { position: relative; cursor: default; background-color: #f6f6f6; -webkit-transform: translateZ(1); transform: translateZ(1); overflow: hidden; width: 100%; min-height: 100%; margin: 0 auto }
.overlay header { padding: 7px; background: #fff }
.overlay .overlay-content { display: block; padding: 7px }
.overlay .overlay-content:after, .overlay .overlay-content:before { content: " "; display: table }
.overlay .overlay-content:after { clear: both }
.overlay .overlay-close { position: absolute; padding: 7px; top: 7px; right: 7px; text-decoration: none; border: none; z-index: 9999 }
.overlay .icon-close { font-size: .875em }
.overlay .controls a, .overlay .controls a:hover, .overlay .controls a:visited { color: #fff; border: none }
.overlay .controls .next, .overlay .controls .prev { position: absolute; padding: 84px 0; z-index: 999; height: 100%; top: 0; width: 10% }
.overlay .controls .next .icon, .overlay .controls .prev .icon { position: absolute; font-size: 30px; padding: 0 14px }
.overlay .controls .prev, .overlay .controls .prev i { left: 0 }
.overlay .controls .next, .overlay .controls .next i { right: 0 }

@media (min-width:350px) {
.overlay { width: 90%; min-height: 0 }
}

@media screen and (min-width:481px) {
.overlay { -webkit-transform: translateY(-200px); transform: translateY(-200px); opacity: 0; -webkit-transition: all .3s ease-out .2s; transition: all .3s ease-out .2s; width: 80%; max-width: 1000px }
.overlay.overlay-show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
.overlay.overlay-hide { -webkit-transform: translateY(200px); transform: translateY(200px) }
.overlay .overlay-content, .overlay header { padding: 1.6875em }
.overlay .overlay-close { right: 20px; top: 20px }
}

@media (min-width:350px) and (min-height:480px) {
.overlay { top: 100px }
}

@media (min-width:769px) and (min-height:800px) {
.overlay { top: 200px }
}
.deeplink { margin-top: 50px }
.deeplink .overlay { top: 0; margin: 0 auto; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; opacity: 1 }
.deeplink .overlay-close { display: none }

@media screen and (min-width:540px) {
.deeplink { margin-top: 70px }
}
#mask.readmore-overlay-fullscreen { z-index: 9999!important; height: 101%!important; -webkit-transition: none!important; transition: none!important }
#mask.readmore-overlay-fullscreen .overlay-close { position: absolute; z-index: 9999; top: .5em; right: .5em; cursor: pointer; background-color: transparent; font-size: 20px; line-height: normal; margin: 0; height: auto; width: auto; border-color: transparent; color: #fff; text-align: right }
#mask.readmore-overlay-fullscreen .overlay-close:before { width: 35px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 10px 10px 0 0; background-color: #000; opacity: .5; height: 35px; color: #fff; font-weight: 700; box-sizing: border-box; cursor: pointer }
#mask.readmore-overlay-fullscreen img { height: 100%; width: 100%; position: fixed }
#mask.readmore-overlay-fullscreen .icon-area, #mask.readmore-overlay-fullscreen .image-content, #mask.readmore-overlay-fullscreen .image-content-link, #mask.readmore-overlay-fullscreen .readmoreoverlay-fullscreen { display: none }
.readmore-overlay { position: absolute; height: 88%; background: #fff; z-index: 99; max-height: 100%; min-height: 80%; width: 100%; overflow: visible }
.readmore-overlay .overlay-close { position: fixed; right: 3%; top: 3%; padding: 0; z-index: 1100; cursor: pointer; background-color: transparent; font-size: 20px; line-height: normal; margin: 0; height: auto; width: auto; border-color: transparent; color: #fff; text-align: right }
.readmore-overlay .overlay-close:before { width: 40px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 12px 12px 0 0; background-color: #000; opacity: .5; height: 40px; color: #fff; font-weight: 700; box-sizing: border-box; cursor: pointer }
.readmore-overlay .overlay-close.icon { font-family: volvo-icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; speak: none; text-decoration: none; text-transform: none }
.readmore-overlay .overlay-image-content { background-color: #fff }
.readmore-overlay .overlay-image-content .image-content-area { margin-bottom: 10% }
.readmore-overlay .overlay-image-content .image-content-area .content-img { width: 100% }
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { position: absolute; right: 3.4%; top: 19em }
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen a { border-bottom: none; color: #fff; font-size: 17px }
.readmore-overlay .overlay-image-content .image-content-area .image-content { padding: 2em 2em 0; color: #003057 }
.innovations-header .readmore-overlay .overlay-image-content .image-content-area .image-content h3, .readmore-overlay .overlay-image-content .image-content-area .image-content .innovations-header h3, .readmore-overlay .overlay-image-content .image-content-area .image-content h1 { font-family: Volvo Sans Medium; font-size: 32px; line-height: 100%; margin-bottom: .7em; font-weight: 400 }
.cl-detail .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-description, .cl-detail .readmore-overlay .overlay-image-content .image-content-area .image-content font, .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-detail .cl-description, .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-detail font, .readmore-overlay .overlay-image-content .image-content-area .image-content .extf-content, .readmore-overlay .overlay-image-content .image-content-area .image-content .story-carousel .story-content, .readmore-overlay .overlay-image-content .image-content-area .image-content .support-area, .readmore-overlay .overlay-image-content .image-content-area .image-content p, .story-carousel .readmore-overlay .overlay-image-content .image-content-area .image-content .story-content { max-width: 100%!important; font-size: 18px; font-family: Volvo Sans Regular; line-height: 25px; margin-bottom: 20px }
.readmore-overlay .overlay-image-content .image-content-area .mosaic-img img { width: 49.5% }
.readmore-overlay .overlay-image-content .image-content-area .mosaic-img .right { float: right }
.readmore-overlay .overlay-image-content .image-content-area .iframe-outter { height: 352px; width: 100%; max-width: 100% }
.readmore-overlay .overlay-image-content .image-content-area .iframe-outter .iframe { pointer-events: none }
.readmore-overlay .overlay-image-content .image-content-area .iframe-outter .iframe:focus { pointer-events: auto }
.interactive-timeline .vcc-timeline .avoid-clicks, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content, .video-hero.loaded .loading { pointer-events: none }
.readmore-overlay .overlay-image-content .image-content-area .iframe-outter .iframe-inner { height: 100%; width: 100%; border: 0 }
.readmore-overlay .overlay-image-content .image-content-area .icon-area { display: block; margin: 2em }
.readmore-overlay .overlay-image-content .image-content-area .icon-area .icon-img li { list-style: none; display: inline-block; width: 23%; text-align: center; margin-bottom: 30px }
.readmore-overlay .overlay-image-content .image-content-area .icon-area .icon-img li a { text-decoration: none; text-transform: uppercase; font-family: Volvo Sans Medium; font-size: 16px; color: #003057; border: 0 }
.readmore-overlay .overlay-image-content .image-content-area .icon-area .icon-img li a span { border-bottom: 1px solid #003057 }
.readmore-overlay .image-content-link { background-color: #fff; z-index: 9; position: absolute; width: 100%; bottom: 10%; padding: 30px 2em; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; box-shadow: 0 -15px 0 0 rgba(255,255,255,.5) }
.fullscreen-hero-nav ul, .hero, .hero-popup, .hero-popup iframe, .nav.force-sticky-nav { overflow: hidden }
.readmore-overlay .image-content-link.no-cta-links { padding-top: 0; bottom: 10% }
.readmore-overlay .image-content-link a { color: #003057; text-transform: uppercase; font-family: Volvo Sans Medium; font-size: 14px; text-decoration: none }
.readmore-overlay .image-content-link .btn { padding: 10px 25px; border: 1px solid #003057; margin-right: 1.875em }
.readmore-overlay .image-content-link .btn:hover { background-color: #003057; color: #fff }
.readmore-overlay .image-content-link .border-bottom { border-bottom: 1px solid #003057; margin-right: 1.875em }
.readmore-overlay.scrollable .scroll-bar.vertical { border-radius: 5px }
.readmore-overlay.scrollable .scroll-bar.vertical.thumb { width: 100%; min-height: 10px; margin-top: 10px }
.readmore-overlay.scrollable .scroll-bar.horizontal.thumb { height: 100%; min-width: 10px; left: 0 }
.readmore-overlay.scrollable { position: relative; padding-right: 0; padding-bottom: 0; width: 100% }
.readmore-overlay.scrollable:focus { outline: 0 }
.readmore-overlay.scrollable .viewport { position: relative; background: #fff!important; overflow: hidden }
.readmore-overlay.scrollable .viewport .overview { width: 100%; position: absolute; background: #fff }
.readmore-overlay.scrollable .scroll-bar { display: none }
.readmore-overlay.scrollable .scroll-bar.vertical { position: absolute; right: .5em; height: 100% }
.readmore-overlay.scrollable .scroll-bar.vertical .thumb { width: 100%; min-height: 10px }
.readmore-overlay.scrollable .scroll-bar.horizontal { position: relative; width: 100% }
.readmore-overlay.scrollable .scroll-bar.horizontal .thumb { height: 100%; min-width: 10px; left: 0 }
.readmore-overlay.scrollable .scroll-bar .thumb { border-radius: 3px; position: absolute; background-color: #999; margin-top: 10px }
.readmore-overlay .not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.readmore-overlay.scrollable .scroll-bar.vertical { width: 4px; z-index: 99 }
.readmore-overlay.scrollable .scroll-bar.horizontal { height: 4px }
.readmore-overlay.scrollable .scroll-bar:hover .thumb { background-color: #858585 }
.readmoreoverlay { top: 5%; width: 46%; height: 90% }
.readmoreoverlay.no-media { top: 20%; width: 46%; height: 59% }
.readmoreoverlay.no-media .image-content-link, .readmoreoverlay.no-media .image-content-link.no-cta-links { bottom: 40% }
.readmoreoverlay .overlay-content { padding: 0 }

@media only screen and (min-width:1900px) and (max-width:2000px) {
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 25em }
}

@media only screen and (min-width:1400px) {
.readmoreoverlay { width: 42% }
.innovations-header .readmore-overlay .overlay-image-content .image-content-area .image-content h3, .readmore-overlay .overlay-image-content .image-content-area .image-content .innovations-header h3, .readmore-overlay .overlay-image-content .image-content-area .image-content h1 { line-height: 125% }
}

@media only screen and (min-width:481px) and (max-width:768px) {
.readmoreoverlay { width: 92%; top: 15%; height: 70%; min-height: 70% }
.readmoreoverlay.no-media { width: 92%; top: 25%; height: 50%; min-height: 50% }
.readmoreoverlay.no-media .image-content-link { bottom: 13.5em }
.readmoreoverlay.no-media .image-content-link.no-cta-links { bottom: 14em }
.readmore-overlay { margin-left: 0; width: 93%; height: 60%; min-height: 60% }
.readmore-overlay.scrollable { height: 717px }
.readmore-overlay .overlay-close { right: 2.5%; top: 3.5% }
.readmore-overlay .image-content-area { margin-bottom: 500px }
.readmore-overlay .image-content-area .readmoreoverlay-fullscreen { display: none }
.cl-detail .readmore-overlay .image-content-area .image-content .cl-description, .cl-detail .readmore-overlay .image-content-area .image-content font, .readmore-overlay .image-content-area .image-content .cl-detail .cl-description, .readmore-overlay .image-content-area .image-content .cl-detail font, .readmore-overlay .image-content-area .image-content .extf-content, .readmore-overlay .image-content-area .image-content .story-carousel .story-content, .readmore-overlay .image-content-area .image-content .support-area, .readmore-overlay .image-content-area .image-content p, .story-carousel .readmore-overlay .image-content-area .image-content .story-content { font-size: 16px!important }
.readmore-overlay .image-content-area img { width: 65% }
.readmore-overlay .image-content-link { bottom: 1em; width: 100% }
}

@media only screen and (max-width:480px) {
.readmoreoverlay, .readmoreoverlay.no-media { width: 88%; top: 0; height: 95.5% }
.readmoreoverlay { margin: 20px }
.readmoreoverlay.no-media .image-content-link, .readmoreoverlay.no-media .image-content-link.no-cta-links { bottom: 4% }
.readmore-overlay { height: 75%; min-height: 75%; width: 92% }
.readmore-overlay.scrollable { min-height: 496px }
.readmore-overlay .overlay-close { right: 11%; top: 6% }
.readmore-overlay .overlay-close:before { width: 32px; font-size: 12px; padding: 9px 8px 0 0; height: 32px }
.readmore-overlay .image-content-area { margin-bottom: 100px }
.readmore-overlay .image-content-area img { width: 60% }
.readmore-overlay .image-content-link { text-align: center; bottom: 4%; width: 92%; padding: 30px 1em }
.readmore-overlay .image-content-link .priority-link { display: block!important }
.readmore-overlay .image-content-link .border-bottom { display: none; margin-top: 25px; margin-right: 0; border-bottom: #ffdead; text-decoration: underline }
.readmore-overlay .image-content-link .border-bottom.enable { display: block; margin-top: 0 }
.readmore-overlay .image-content-link .btn { padding: 10px 85px; margin-right: 0 }
.readmore-overlay .mosaic-img img { margin-bottom: -.6% }
.innovations-header .readmore-overlay .overlay-image-content .image-content-area .image-content h3, .readmore-overlay .overlay-image-content .image-content-area .image-content .innovations-header h3, .readmore-overlay .overlay-image-content .image-content-area .image-content h1 { font-size: 20px; margin-bottom: 1.7em; line-height: 125% }
.cl-detail .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-description, .cl-detail .readmore-overlay .overlay-image-content .image-content-area .image-content font, .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-detail .cl-description, .readmore-overlay .overlay-image-content .image-content-area .image-content .cl-detail font, .readmore-overlay .overlay-image-content .image-content-area .image-content .extf-content, .readmore-overlay .overlay-image-content .image-content-area .image-content .story-carousel .story-content, .readmore-overlay .overlay-image-content .image-content-area .image-content .support-area, .readmore-overlay .overlay-image-content .image-content-area .image-content p, .story-carousel .readmore-overlay .overlay-image-content .image-content-area .image-content .story-content { font-size: 16px }
.readmore-overlay .overlay-image-content .image-content-area .icon-area { margin: 1em }
.readmore-overlay .overlay-image-content .image-content-area .icon-area .icon-img li { width: 46% }
.readmore-overlay .overlay-image-content .image-content-area .icon-area .icon-img li a span { font-size: 14px }
.innovations-header .readmore-overlay .overlay-image-content h3, .readmore-overlay .overlay-image-content .innovations-header h3, .readmore-overlay .overlay-image-content h1 { font-size: 20px }
.cl-detail .readmore-overlay .overlay-image-content .cl-description, .cl-detail .readmore-overlay .overlay-image-content font, .readmore-overlay .overlay-image-content .cl-detail .cl-description, .readmore-overlay .overlay-image-content .cl-detail font, .readmore-overlay .overlay-image-content .extf-content, .readmore-overlay .overlay-image-content .story-carousel .story-content, .readmore-overlay .overlay-image-content .support-area, .readmore-overlay .overlay-image-content p, .story-carousel .readmore-overlay .overlay-image-content .story-content { font-size: 16px }
}
.cl-detail .extf-body .cl-description, .cl-detail .extf-body font, .extf-body, .extf-body .cl-detail .cl-description, .extf-body .cl-detail font, .extf-body .extf-content, .extf-body .story-carousel .story-content, .extf-body .support-area, .extf-body p, .story-carousel .extf-body .story-content { margin-left: auto; margin-right: auto }

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.readmoreoverlay .overlay-close { right: 0; left: 69%; top: 7% }
.readmoreoverlay { top: 5%; width: 46% }
.readmoreoverlay.no-media .overlay-close { top: 150px }
.readmore-overlay .overlay-image-content .image-content-area { margin-bottom: 40px }
.readmore-overlay .image-content-link.no-cta-links { bottom: 34px }
}

@media screen and (min-width:1601px) and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.readmoreoverlay { width: 42%; top: 10% }
.readmoreoverlay.no-media { width: 42%; top: 17%; height: 66% }
.readmoreoverlay.no-media .overlay-close { top: 19%; left: 67.7% }
.readmoreoverlay.no-media .image-content-link, .readmoreoverlay.no-media .image-content-link.no-cta-links { bottom: 34% }
.readmoreoverlay .overlay-close { right: 0; left: 68%; top: 12% }
.readmoreoverlay .overlay-image-content .image-content-area .iframe-outter { height: 400px }
.readmoreoverlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 25em!important }
.readmore-overlay .overlay-image-content .image-content-area .icon-area { margin-bottom: 12% }
}

@media only screen and (min-width:1601px) {
.readmoreoverlay { top: 10%; height: 80% }
.readmoreoverlay .overlay-image-content .image-content-area .iframe-outter { height: 400px }
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 23em }
.readmore-overlay .image-content-link { bottom: 20% }
}

@media only screen and (min-width:1367px) and (max-width:1600px) and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.readmoreoverlay.no-media .overlay-close { top: 22% }
.readmoreoverlay .overlay-image-content .image-content-area .iframe-outter { height: 400px }
}
@-moz-document url-prefix() {
.readmoreoverlay .image-content.video-overlay-content {
margin-bottom:-300px
}
.readmore-overlay .overlay-image-content .overlay-video-container .icon-area {
margin-top:52%
}
}

@media all and (min--moz-device-pixel-ratio:0) and (min-width:1367px) {
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 20em }
}

@media all and (min--moz-device-pixel-ratio:0) and (min-width:1601px) {
.readmore-overlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 25em }
.readmore-overlay .overlay-image-content .overlay-video-container .icon-area { margin-top: 42% }
}

@media only screen and (min-width:1367px) and (max-width:1600px) {
.readmoreoverlay .overlay-image-content .image-content-area .iframe-outter { height: 400px }
.readmoreoverlay .overlay-image-content .image-content-area .readmoreoverlay-fullscreen { top: 20em }
}
.car-configurator.component { padding-top: 0 }
.car-configurator .car-configurator-mobile { padding: 14px; text-align: center }
.car-configurator #vbs-car-configurator, .car-configurator-mobile-hide { display: none }

@media screen and (min-width:481px) {
.car-configurator .car-configurator-mobile { display: none }
.car-configurator #vbs-car-configurator { display: block }
}
.extf { position: relative; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .extf { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .extf { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .extf, html[lang=zh-TW] .extf { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .extf { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .extf { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.extf--bgimage { background: 0 0 }
.extf--bgimage .extf-bg { display: none; position: absolute; background-size: cover; width: 100%; height: 100%; top: 0 }
.extf--bgimage .extf-bg:before { content: ''; position: absolute; width: 100%; height: 100% }
.extf--bgimage .extf-bg:before:before {
background:rgba(0,0,0,.2)
}
.extf--bgimage .extf-body { z-index: 1; position: relative; padding: 14px; color: #003057 }

@media screen and (min-width:641px) {
.extf--bgimage .extf-bg { display: block }
.extf--bgimage .extf-body { display: block; color: #fff; padding: 80px 20px }
.extf--bgimage .extf-cta { color: #fff; border-color: #fff }
.extf--bgimage .extf-cta:hover { opacity: .9; border-color: #fff }
}

@media screen and (min-width:769px) {
.extf--bgimage .extf-body { padding: 100px 30px }
}
.extf-body { padding: 0 14px; text-align: center; max-width: 780px }
.extf-body .extf3-title { font-family: Volvo Sans Medium; font-size: 16px; text-transform: uppercase }
.extf-body .extf-heading { text-transform: none; font-family: Volvo Sans Medium; margin-bottom: 0; line-height: 150%; letter-spacing: .2px }
.extf-body+.items-list { margin-top: 4.25em }

@media screen and (min-width:481px) {
.extf-body { padding: 0 20px; max-width: 700px }
.extf-body+.items-list { margin-top: 1.875em }
}

@media screen and (min-width:769px) {
.extf-body { padding: 0 30px }
.extf-body+.items-list { margin-top: 3.95833em }
}
.extf-cta, .extf3-cta-link { margin-top: 25px; text-transform: uppercase }
.extf-body-left { text-align: left!important }
.cl-detail .extf-body-left .cl-description, .cl-detail .extf-body-left font, .extf-body-left .cl-detail .cl-description, .extf-body-left .cl-detail font, .extf-body-left .extf-content, .extf-body-left .story-carousel .story-content, .extf-body-left .support-area, .extf-body-left p, .story-carousel .extf-body-left .story-content { margin-left: 0; margin-right: 0 }
.extf-header { padding-bottom: 30px; font-size: 14px; text-transform: uppercase }
.extf-title { margin-bottom: 17px }

@media screen and (min-width:481px) {
.extf-header { font-size: 16px; letter-spacing: 1px; padding-bottom: 40px }
.extf-title { margin-bottom: 17px }
}
.extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; max-width: none }
html[lang=ja-JP] .extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .extf-content, html[lang=zh-TW] .extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .extf-content { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.extf-content em, .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, serif; font-style: normal; font-size: 18px; line-height: 1.5em }
html[lang=ja-JP] .extf-content em, html[lang=ja-JP] .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", serif }
html[lang=zh-CN] .extf-content em, html[lang=zh-CN] .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, serif }
html[lang=zh-HK] .extf-content em, html[lang=zh-HK] .extf-content i, html[lang=zh-TW] .extf-content em, html[lang=zh-TW] .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "MHei 200", MHei, serif }
html[lang=th-TH] .extf-content em, html[lang=th-TH] .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, "Sukhumvit Set 200", "Sukhumvit Set", serif }
html[lang=ru-RU] .extf-content em, html[lang=ru-RU] .extf-content i { font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, Arial, Helvetica, serif }
.extf-content a.learn-more { text-transform: uppercase }

@media screen and (min-width:481px) {
.extf-content { font-size: 16px; line-height: 1.5em }
.extf-content em, .extf-content i { font-size: 21px }
}

@media screen and (min-width:769px) {
.extf-content { font-size: 18px }
}
.extf3-cta-link { display: inline; font-size: 16px; font-family: Volvo Sans Medium }
.extf-cta { display: inline-block }
html[lang=zh-CN] .extf-cta { font-size: .7em }
html[lang=el-GR] .extf-cta { font-size: 16px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] .extf-cta { font-size: 16px; font-family: "Arial Narrow"; letter-spacing: 1px }
.extf-image { margin-top: 40px }
.extf-image img { width: 100%; display: block }
.extf-image img.scEmptyImage { width: auto; margin: 0 auto }
.extf-image .grid:after, .extf-image .grid:before { content: " "; display: table }
.extf-image .grid:after { clear: both }
.extf-image .grid li { float: left; position: relative; width: 48.5%; padding: 0 0 5px; margin-right: 5px; margin-bottom: 5px }
.extf-image .grid li a { border-bottom: 0; float: left }
.extf-image .grid li a .overlay { margin: .25em; background-color: transparent; cursor: pointer; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); width: auto }
.extf-image .grid li a .play-icon-plus { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100% }
.extf-image .grid li a .play-icon-plus .play-icon-text { color: #fefefe; display: none; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 1.3; padding: 10px 25px; text-align: center }
.extf-image .grid li a .play-icon-plus .play-icon { display: block; background: url(/Static/mediaelement/bigplay.png) no-repeat; background-size: 36px 36px; margin: 0 auto; height: 36px; width: 36px }
.extf-image .grid li a:hover .overlay { background-color: rgba(0,0,0,.5) }
.extf-image .grid li a:hover .play-icon-text { display: block }
.extf-image .grid li img { float: left; max-width: 100% }
.extf-image .grid li.quote { background-color: #1e5a7e }
.cl-detail .extf-image .grid li.quote .cl-description, .cl-detail .extf-image .grid li.quote font, .extf-image .grid li.quote .cl-detail .cl-description, .extf-image .grid li.quote .cl-detail font, .extf-image .grid li.quote .extf-content, .extf-image .grid li.quote .story-carousel .story-content, .extf-image .grid li.quote .support-area, .extf-image .grid li.quote p, .story-carousel .extf-image .grid li.quote .story-content { color: #fefefe; font-family: "Volvo Sans Light", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 15px; font-style: italic; line-height: 1.3; padding: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100% }
.icon, .pdp-hero .hero-content-align .hero-content-box .hero-ctas .icon { -webkit-font-smoothing: antialiased; font-style: normal; -moz-osx-font-smoothing: grayscale; font-variant: normal; speak: none }

@media screen and (min-width:481px) {
.cl-detail .extf-image .grid li.quote .cl-description, .cl-detail .extf-image .grid li.quote font, .extf-image .grid li.quote .cl-detail .cl-description, .extf-image .grid li.quote .cl-detail font, .extf-image .grid li.quote .extf-content, .extf-image .grid li.quote .story-carousel .story-content, .extf-image .grid li.quote .support-area, .extf-image .grid li.quote p, .story-carousel .extf-image .grid li.quote .story-content { font-size: 1.3em; padding: 20px 30px }
}
.extf-image .grid .overlay-box-width-text { background-color: rgba(0,0,0,.8); padding: .65em; position: absolute; right: 0; bottom: 0; left: 0; text-align: center; text-transform: none; text-shadow: 1px 1px 3px rgba(0,0,0,.2) }
.extf-image .grid .overlay-box-width-text span { color: #fff; font-size: 18px; line-height: 1.25; position: relative; width: 100% }
.extf-image .grid .overlay-box-width-text:hover { top: 0 }
.extf-image .grid .overlay-box-width-text:hover span { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); word-break: break-word; word-wrap: break-word }
.extf-il .extf-container, .extf-ir .extf-container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.extf-il .extf-container:after, .extf-il .extf-container:before, .extf-ir .extf-container:after, .extf-ir .extf-container:before { content: " "; display: table }
.extf-il .extf-container:after, .extf-ir .extf-container:after { clear: both }
.extf-il .extf-container .extf-body, .extf-il .extf-container .extf-image, .extf-ir .extf-container .extf-body, .extf-ir .extf-container .extf-image { text-align: left }

@media screen and (min-width:481px) {
.extf-il .extf-container .extf-body, .extf-il .extf-container .extf-image, .extf-ir .extf-container .extf-body, .extf-ir .extf-container .extf-image { margin: 0; max-width: none }
}

@media screen and (min-width:769px) {
.extf-il .extf-container .extf-body, .extf-il .extf-container .extf-image, .extf-ir .extf-container .extf-body, .extf-ir .extf-container .extf-image { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.extf-il .extf-container .extf-body:last-child, .extf-il .extf-container .extf-image:last-child, .extf-ir .extf-container .extf-body:last-child, .extf-ir .extf-container .extf-image:last-child { margin-right: 0 }
.extf-il .extf-container .extf-body, .extf-ir .extf-container .extf-body { margin-top: 1.2em }
}
.lt-ie9 .extf-il:after, .lt-ie9 .extf-il:before, .lt-ie9 .extf-ir:after, .lt-ie9 .extf-ir:before, .video-popup-container:after, .video-popup-container:before { content: " "; display: table }
.extf-il .extf-container .extf-body, .extf-ir .extf-container .extf-body { padding: 2.5em 2.5em 0 }
.extf-il .extf-container .extf-image, .extf-il .extf-cta, .extf-ir .extf-container .extf-image, .extf-ir .extf-cta { margin-top: 0 }
.cl-detail .extf-il .extf-container .extf-body .cl-description, .cl-detail .extf-il .extf-container .extf-body font, .cl-detail .extf-ir .extf-container .extf-body .cl-description, .cl-detail .extf-ir .extf-container .extf-body font, .extf-il .extf-container .extf-body .cl-detail .cl-description, .extf-il .extf-container .extf-body .cl-detail font, .extf-il .extf-container .extf-body .extf-content, .extf-il .extf-container .extf-body .story-carousel .story-content, .extf-il .extf-container .extf-body .support-area, .extf-il .extf-container .extf-body p, .extf-ir .extf-container .extf-body .cl-detail .cl-description, .extf-ir .extf-container .extf-body .cl-detail font, .extf-ir .extf-container .extf-body .extf-content, .extf-ir .extf-container .extf-body .story-carousel .story-content, .extf-ir .extf-container .extf-body .support-area, .extf-ir .extf-container .extf-body p, .story-carousel .extf-il .extf-container .extf-body .story-content, .story-carousel .extf-ir .extf-container .extf-body .story-content { margin-left: 0; margin-right: 0 }
.lt-ie9 .extf-il .extf-container .extf-body { margin-right: 0 }

@media screen and (min-width:769px) {
.extf-il .extf-container .extf-body { padding-top: 0; padding-right: 2.5em; padding-left: 0 }
.extf-ir .extf-container .extf-body { padding-top: 0; padding-right: 0; padding-left: 2.5em; float: left }
.extf-ir .extf-container .extf-image { float: right }
}

@media (min-width:84.125em) {
.extf-ir .extf-container .extf-body { padding-left: 0; padding-right: 0 }
}

@media screen and (min-width:0) and (max-width:481px) {
.extf-il+.extf .extf-body, .extf-ir+.extf .extf-body { text-align: left; padding-left: 2.5em; padding-right: 2.5em }
.cl-detail .extf-il+.extf .extf-body .cl-description, .cl-detail .extf-il+.extf .extf-body font, .cl-detail .extf-ir+.extf .extf-body .cl-description, .cl-detail .extf-ir+.extf .extf-body font, .extf-il+.extf .extf-body .cl-detail .cl-description, .extf-il+.extf .extf-body .cl-detail font, .extf-il+.extf .extf-body .extf-content, .extf-il+.extf .extf-body .story-carousel .story-content, .extf-il+.extf .extf-body .support-area, .extf-il+.extf .extf-body p, .extf-ir+.extf .extf-body .cl-detail .cl-description, .extf-ir+.extf .extf-body .cl-detail font, .extf-ir+.extf .extf-body .extf-content, .extf-ir+.extf .extf-body .story-carousel .story-content, .extf-ir+.extf .extf-body .support-area, .extf-ir+.extf .extf-body p, .story-carousel .extf-il+.extf .extf-body .story-content, .story-carousel .extf-ir+.extf .extf-body .story-content { margin-left: 0; margin-right: 0 }
}
.lt-ie9 .extf-il:after, .lt-ie9 .extf-ir:after { clear: both }

@media screen and (min-width:481px) {
.extf-ir .extf-container .extf-image { margin: 0 }
.lt-ie9 .extf-il .extf-container .extf-body, .lt-ie9 .extf-il .extf-container .extf-image, .lt-ie9 .extf-ir .extf-container .extf-body, .lt-ie9 .extf-ir .extf-container .extf-image { width: 46% }
.lt-ie9 .extf-il .extf-container .extf-image, .lt-ie9 .extf-ir .extf-container .extf-body { margin-right: 2% }
}
.video-popup-container { position: relative; background: 0 0; margin: 20px auto; max-width: 79.125em }
.video-popup-container:after { clear: both }
.mfp-close-btn-in button.mfp-close { color: #f3f3f3; font-size: 22px; top: -5px; right: -22px }
.video-popup-container .mfp-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 28px; letter-spacing: 1px; position: relative; top: 0; height: 47px; line-height: 55px }

@media screen and (min-width:481px) and (max-width:769px) {
.extf-heading { font-size: 40px!important }
.extf3-cta-link { margin-top: 0 }
}

@media screen and (min-width:0) and (max-width:481px) {
.extf-heading { font-size: 32px!important }
.extf3-cta-link { margin-top: 0 }
.extf3-body { padding-left: 30px!important }
}

@media screen and (min-width:769px) {
.specification-wrapper .extf-body h2 { font-size: 3.375em!important; line-height: 1.2em }
}
.background>img { width: 100%!important }
#volvo-xc60-specifications .extf-image { margin-top: 100px }
.specification-wrapper .extf-body h2 { font-size: 2em; line-height: 1.2em; margin-bottom: 17px }

@media (max-width:767px) {
.specification-wrapper #specifications-exterior-feature-one-1 { margin-top: 50px }
.background>img { top: 0 }
}

@media screen and (min-width:481px) {
.specification-wrapper .extf-body h2 { font-size: 2.5em; line-height: 1.2em }
}
.extf-image .grid li.image, .extf-image .grid li.video { margin-bottom: 0 }

@media (max-width:320px) {
.extf-image .grid li { width: 48% }
}

@media screen and (min-width:769px) {
.cl-list.eventcal .cl-list-item .cl-list-info>dt { float: left; display: block; margin-right: 4.69799%; width: 65.10067% }
.cl-list.eventcal .cl-list-item .cl-list-info>dt:last-child { margin-right: 0 }
.cl-list.eventcal .cl-list-item .cl-list-info>dd { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-list.eventcal .cl-list-item .cl-list-info>dd:last-child { margin-right: 0 }
}
.cl-container.eventcal, .eventcal.cl-list { max-width: 992px; margin-left: auto; margin-right: auto }
.cl-container.eventcal .cl-detail, .eventcal.cl-list .cl-detail { display: block }

@media screen and (min-width:769px) {
.cl-container.eventcal .cl-detail, .eventcal.cl-list .cl-detail { display: table-row; padding: 42px }
}
.cl-container.eventcal .cl-detail .date-time, .eventcal.cl-list .cl-detail .date-time { display: block; padding: 0; vertical-align: top }

@media screen and (min-width:769px) {
.cl-container.eventcal .cl-detail .date-time, .eventcal.cl-list .cl-detail .date-time { display: table-cell; padding: 14px 56px 0 11px }
}
.cl-container.eventcal .cl-detail .full-text, .eventcal.cl-list .cl-detail .full-text { display: block; padding: 10px 0 0; vertical-align: top }
.cl-container.eventcal .cl-detail .full-text .paragraph, .eventcal.cl-list .cl-detail .full-text .paragraph { margin-bottom: 40px }
.cl-container.eventcal .date-time .date-time-box, .eventcal.cl-list .date-time .date-time-box { border: 3px solid #003057; height: 187px; width: 154px; margin: 0 auto 15px; position: relative; text-align: center }

@media screen and (min-width:769px) {
.cl-container.eventcal .cl-detail .full-text, .eventcal.cl-list .cl-detail .full-text { display: table-cell }
.cl-container.eventcal .date-time .date-time-box, .eventcal.cl-list .date-time .date-time-box { margin: 0 }
}
.cl-container.eventcal .date-time .day, .eventcal.cl-list .date-time .day { background-color: #003057; color: #fefefe; font-size: 20px; height: 48px; line-height: 48px }
.cl-container.eventcal .date-time .date, .eventcal.cl-list .date-time .date { color: #003057; font-size: 38px; padding: 10px }
.cl-container.eventcal .date-time .date>span, .eventcal.cl-list .date-time .date>span { display: block; font-weight: 700; padding: 4px }
.cl-container.eventcal .date-time .date .month, .eventcal.cl-list .date-time .date .month { font-size: 20px; font-weight: 400 }
.cl-container.eventcal .date-time .date .year, .eventcal.cl-list .date-time .date .year { font-size: 16px; font-weight: 400 }
.cl-container.eventcal .date-time .time, .eventcal.cl-list .date-time .time { color: #9a9b9d; font-size: 17px; position: absolute; bottom: 0; left: 0; padding: 4px 5px; width: 100%; text-align: center }
.cl-container.eventcal .outlook-link, .eventcal.cl-list .outlook-link { text-align: center }
.cl-container.eventcal .outlook-link img, .eventcal.cl-list .outlook-link img { margin-right: 7px; height: 27px; width: 27px; vertical-align: middle }
.cl-container.eventcal .outlook-link a, .eventcal.cl-list .outlook-link a { border-bottom: 0 }
.cl-container.eventcal .outlook-link a:hover, .eventcal.cl-list .outlook-link a:hover { border-bottom: 1px solid #003057 }
.footer { background:url(../images/footbg.jpg); padding-top: 21px; color: #fff; position: relative }
.footer a { color: #fff; border: none }
.footer a:hover { border-bottom: none; color: #ccc }
.theme-dark+.footer { margin-top: 0; border-top: solid 3.75em #000 }

@media screen and (min-width:481px) {
.footer { padding-top: 42px }
.theme-dark+.footer { border-width: 5.625em }
}

@media screen and (min-width:769px) {
.theme-dark+.footer { border-width: 11.875em }
}
.dealer-locator+.footer, .extf-has-image+.footer, .fullscreen-hero+.footer, .innovations+.footer, .main-story-carousel+.footer, .video-player+.footer { margin-top: 0; border-top: 0 }
.footer-copyright { line-height: 1.4; padding-left: 1em; padding-right: 1em }
.footer-docked { position: absolute; bottom: 0; width: 100% }
.footer-row { text-align: center; padding-bottom: 14px }

@media screen and (min-width:481px) {
.footer-row { padding-bottom: 40px }
}
.footer-list-item>a { letter-spacing: 0; padding: 5px; display: block }
.footer-list-item.footer-list-item-row { padding-top: 14px; display: block; margin: 0 auto }

@media (min-width:1266px) {
.footer-list-item { display: inline-block }
}
.footer-list-legal { font-size: 0 }
.footer-list-legal .footer-list-item>a { display: inline-block; font-size: 16px }
.footer-list-legal .footer-list-item:before { content: '|'; display: inline-block; color: #bdd6e6; font-size: 12px; position: relative; top: -2px; margin: 0 5px }
.footer-list-legal .footer-list-item:first-child:before { display: none }
.footer-list-main>.footer-list-item { margin: 0 28px }
.footer-list-main>.footer-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .footer-list-main>.footer-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-HK] .footer-list-main>.footer-list-item>a, html[lang=zh-TW] .footer-list-main>.footer-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .footer-list-main>.footer-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .footer-list-main>.footer-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.footer-list-main>.footer-list-item.footer-list-item-row { padding-top: 40px }
}

@media screen and (min-width:769px) {
.footer-list-main>.footer-list-item { display: inline-block }
.footer-list-main>.footer-list-item.footer-list-item-row { padding-left: 10px; padding-right: 10px; width: auto; display: block }
}

@media screen and (min-width:79.125em) {
.footer-list-main>.footer-list-item.footer-list-item-row { padding-left: 0; padding-right: 0 }
}
.footer-list-sep>.footer-list-item { display: inline-block }
.footer-socials>a { padding-left: 10px; padding-right: 10px }
.footer-copyright { display: block; color: #bdd6e6 }
.footer-logo { max-height: 60px }
.footer-scroll { text-align: center; max-width: 100%; margin: 30px 0 0 }
.footer-scroll .button { border: 1px solid #fff; color: #fff }
.footer-scroll .button:hover { border-bottom: 1px solid #fff; color: #003057 }

@media screen and (min-width:1140px) {
.footer-scroll { display: none }
}
.footer-link-groups { display: block; padding: 0 14px }
.footer-link-groups:after, .footer-link-groups:before { content: " "; display: table }
.footer-link-groups:after { clear: both }
.footer-link-groups .link-groups { display: none }
.footer-link-groups .dropdown-wrapper { margin-bottom: 24px }
.footer-link-groups .dropdown-wrapper:last-of-type { margin-bottom: 0 }

@media screen and (min-width:481px) {
.footer-link-groups .link-groups.has-1-groups>li:nth-child(1n+1), .footer-link-groups .link-groups.has-2-groups>li:nth-child(2n+1), .footer-link-groups .link-groups.has-3-groups>li:nth-child(3n+1), .footer-link-groups .link-groups>li:nth-child(2n+1) { clear: left }
.footer-link-groups { padding: 0 42px }
.footer-link-groups .link-groups { display: block }
.footer-link-groups .dropdown-wrapper { display: none }
.footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #bdd6e6; margin-bottom: 5px }
html[lang=ja-JP] .footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .footer-link-groups h4, html[lang=zh-TW] .footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .footer-link-groups h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.footer-link-groups .link-groups>li { text-align: left; float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.footer-link-groups .link-groups>li:last-child, .footer-link-groups .link-groups>li:nth-child(2n) { margin-right: 0 }
.footer-link-groups .link-groups.has-1-groups>li { float: left; display: block; margin-right: 3.48259%; width: 100% }
.footer-link-groups .link-groups.has-1-groups>li:last-child, .footer-link-groups .link-groups.has-1-groups>li:nth-child(1n) { margin-right: 0 }
.footer-link-groups .link-groups.has-2-groups>li { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.footer-link-groups .link-groups.has-2-groups>li:last-child, .footer-link-groups .link-groups.has-2-groups>li:nth-child(2n) { margin-right: 0 }
.footer-link-groups .link-groups.has-3-groups>li { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.footer-link-groups .link-groups.has-3-groups>li:last-child, .footer-link-groups .link-groups.has-3-groups>li:nth-child(3n) { margin-right: 0 }
.footer-link-groups .link-groups .link-group-item { display: block; float: none; padding: 3px 0; margin-bottom: 0 }
.footer-link-groups .link-groups a { color: #fff }
}

@media screen and (min-width:769px) {
.footer-link-groups .link-groups>li { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.footer-link-groups .link-groups>li:last-child, .footer-link-groups .link-groups>li:nth-child(4n) { margin-right: 0 }
.footer-link-groups .link-groups>li:nth-child(4n+1) { clear: left }
.footer-link-groups .link-groups>li:nth-child(2n+1) { clear: none }
}
.hero-content-align:after, .hero-shortcuts .scroll ul:after, .interactive-timeline .vcc-timeline .clear, .items-list:after, .placeholder-hero .hero-data ul:after, .placeholder-hero .hero-data:after, .placeholder-hero .hero-text:after, .profile-wrapper:after { clear: both }
.footer-active-language, .footer-glob { font-weight: 700 }

@media screen and (min-width:481px) {
.footer-language-row .footer-list-item>a, .footer-language-row ul li { display: inline-block }
.footer-language-row ul li:first-child:after, .footer-language-row ul li:last-child:after { content: '' }
.footer-glob { padding-right: 10px }
.footer-language-seperator:after { content: '|'; display: inline-block; color: #bdd6e6; font-size: 12px; position: relative; top: -2px; margin: 0 5px }
}
@-webkit-keyframes fullscreen-hero {
0% {
-webkit-transform:translateY(-4px);
transform:translateY(-4px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes fullscreen-hero {
0% {
-webkit-transform:translateY(-4px);
transform:translateY(-4px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
filter:alpha(opacity=100)
}
}
.csstransforms3d .fullscreen-hero .hero-background img, .csstransforms3d .fullscreen-hero .hero-content img, .csstransforms3d .fullscreen-hero .hero-ctas img { opacity: 0; filter: alpha(opacity=0) }
.fullscreen-hero.hero-loaded .hero-content-box { -webkit-animation: content-slide-in 1.3s 0s ease-in-out both; animation: content-slide-in 1.3s 0s ease-in-out both }
.fullscreen-hero.hero-loaded .hero-background img { -webkit-animation: hero-opacity .5s 0s ease-in-out both, ken-burns 19s both; animation: hero-opacity .5s 0s ease-in-out both, ken-burns 19s both }
.fullscreen-hero .hero-background video.playing { -webkit-animation: hero-opacity .5s 0s ease-in-out both; animation: hero-opacity .5s 0s ease-in-out both }
.fullscreen-hero .hero-content-box .innovations-header h3, .fullscreen-hero .hero-content-box h1, .innovations-header .fullscreen-hero .hero-content-box h3 { line-height: 1em; margin-bottom: .15em }
.fullscreen-hero-nav { color: #003057; position: absolute; z-index: 4; width: 100%; bottom: 0 }
.hero, .hero-container { position: relative }
.fullscreen-hero-nav a { color: #003057; letter-spacing: 0 }
.fullscreen-hero-nav a:hover, .fullscreen-hero-nav a:visited { color: #003057 }
.fullscreen-hero-nav ul { background: #fff }
.fullscreen-hero-nav li { float: left; padding: 14px; border-right: solid 1px #ededed }
.fullscreen-hero-nav li:last-child { border-right: none }
.fullscreen-hero-nav-title { display: none; text-transform: uppercase }

@media screen and (min-width:481px) {
.fullscreen-hero-nav li { padding: 21px }
.fullscreen-hero-nav-title { display: block }
}

@media screen and (min-width:769px) {
.fullscreen-hero .hero-geo { bottom: 106px }
}

@media only screen and (max-device-width:767px) and (min-device-width:568px) {
.fullscreen-hero.hero { height: 37em!important }
}
.fullscreen-hero, .pdp-hero, .standard-hero { position: relative; color: #fff }
.nav+.fullscreen-hero .hero-content-box, .nav+.pdp-hero .hero-content-box, .nav+.standard-hero .hero-content-box, .nav-drop+.fullscreen-hero .hero-content-box, .nav-drop+.pdp-hero .hero-content-box, .nav-drop+.standard-hero .hero-content-box { padding-top: 50px }

@media screen and (min-width:540px) {
.nav+.fullscreen-hero .hero-content-box, .nav+.pdp-hero .hero-content-box, .nav+.standard-hero .hero-content-box, .nav-drop+.fullscreen-hero .hero-content-box, .nav-drop+.pdp-hero .hero-content-box, .nav-drop+.standard-hero .hero-content-box { padding-top: 70px }
}
.hero { height: 350px }
.hero .hero-content-bottom { position: absolute; bottom: 0; width: 100%; z-index: 3 }

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
.hero { height: 535px }
}

@media screen and (min-width:481px) {
.hero { height: 550px }
}

@media (min-width:481px) and (min-height:800px) {
.hero { height: 550px }
}

@media (min-width:79.125em) and (min-height:740px) {
.hero { height: 740px }
}

@media screen and (min-width:769px) and (min-height:800px) {
.hero { height: 750px }
}

@media screen and (min-width:79.125em) and (min-height:800px) {
.hero { height: 800px }
}

@media screen and (min-width:2000px) and (min-height:800px) {
.hero { height: 1100px }
}

@media (min-width:769px) {
html:not(.is-page-editor) .hero-group { height: 590px }
}

@media screen and (min-width:769px) and (min-height:800px) {
html:not(.is-page-editor) .hero-group { height: 750px }
}

@media screen and (min-width:79.125em) and (min-height:800px) {
html:not(.is-page-editor) .hero-group { height: 800px }
}

@media screen and (min-width:2000px) and (min-height:800px) {
html:not(.is-page-editor) .hero-group { height: 1100px }
}

@media screen and (min-width:1024px) and (max-width:1366px) {
html:not(.is-page-editor) .hero-group { height: 666px!important }
}
.hero-background { position: absolute; z-index: 1; width: 100%; max-width: none; top: 0; left: 0; background-color: #000 }
.hero-background .darkfilter { opacity: .65!important; filter: alpha(opacity=65)!important }
.hero-background .nodarkfilter { opacity: 1!important; filter: alpha(opacity=100)!important }
.hero-background img { position: absolute; max-width: none; width: 100%; left: 0; bottom: 0 }
.hero-background img.hide-img { display: none }
.hero-background video { -webkit-transition: opacity .3s; transition: opacity .3s; position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); background: #000 }
.no-csstransitions .hero-background video { opacity: 1; filter: alpha(opacity=100) }
@-webkit-keyframes content-slide-in {
0% {
-webkit-transform:translateY(-60px);
transform:translateY(-60px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes content-slide-in {
0% {
-webkit-transform:translateY(-60px);
transform:translateY(-60px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes content-pop-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes content-pop-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
.fullscreen-hero .innovations-header h3, .fullscreen-hero h1, .innovations-header .fullscreen-hero h3, .innovations-header .pdp-hero h3, .innovations-header .standard-hero h3, .pdp-hero .innovations-header h3, .pdp-hero h1, .standard-hero .innovations-header h3, .standard-hero h1 { line-height: 1.5em; text-align: center; display: inline-block; max-width: 18em; margin-bottom: .15em }
.cl-detail .fullscreen-hero .cl-description, .cl-detail .fullscreen-hero font, .cl-detail .pdp-hero .cl-description, .cl-detail .pdp-hero font, .cl-detail .standard-hero .cl-description, .cl-detail .standard-hero font, .fullscreen-hero .cl-detail .cl-description, .fullscreen-hero .cl-detail font, .fullscreen-hero .extf-content, .fullscreen-hero .story-carousel .story-content, .fullscreen-hero .support-area, .fullscreen-hero p, .pdp-hero .cl-detail .cl-description, .pdp-hero .cl-detail font, .pdp-hero .extf-content, .pdp-hero .story-carousel .story-content, .pdp-hero .support-area, .pdp-hero p, .standard-hero .cl-detail .cl-description, .standard-hero .cl-detail font, .standard-hero .extf-content, .standard-hero .story-carousel .story-content, .standard-hero .support-area, .standard-hero p, .story-carousel .fullscreen-hero .story-content, .story-carousel .pdp-hero .story-content, .story-carousel .standard-hero .story-content { font-size: 1.125em }
.hero-content-box-text { display: none }
.hero-ctas { list-style: none; padding: 0; margin: 20px 0 0 }
.hero-ctas .button-light, .hero-ctas .subnav-dark .subnav-cta, .hero-ctas .theme-dark .button, .subnav-dark .hero-ctas .subnav-cta, .theme-dark .hero-ctas .button { background: rgba(255,255,255,.1) }
.hero-ctas .button-light:hover, .hero-ctas .subnav-dark .subnav-cta:hover, .hero-ctas .theme-dark .button:hover, .subnav-dark .hero-ctas .subnav-cta:hover, .theme-dark .hero-ctas .button:hover { background: #FFF }

@media screen and (min-width:0) and (max-width:481px) {
.hero-ctas { margin: 10px 0 0 }
}
.hero-ctas li { display: block }
.hero-link { color: #fff; display: none; border-color: #fff; border-color: rgba(255,255,255,.5) }
.hero-link:active, .hero-link:hover, .hero-link:visited { color: #fff; border-color: #fff }
.onboarding .hero-ctas li { margin-top: 14px }
.onboarding .hero-link { display: inline-block }
.hero-bg-align { position: relative; width: 0; margin: 0 auto }
.hero-content { position: absolute; display: table; width: 100%; height: 100%; z-index: 3 }
.csstransitions .hero-content-box { opacity: 0; filter: alpha(opacity=0) }
.hero-loaded .hero-content-box { -webkit-animation: content-pop-in 1s .2s ease-out both; animation: content-pop-in 1s .2s ease-out both }
.hero-content-align { max-width: 79.125em; margin-left: auto; margin-right: auto; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.hero-content-align:after, .hero-content-align:before { content: " "; display: table }
.hero-content-box { float: left; display: block; margin-right: 3.48259%; width: 100%; padding: 0 20px; text-align: center }
.hero-content-box:last-child { margin-right: 0 }
.cl-detail .hero-content-box .cl-description, .cl-detail .hero-content-box font, .hero-content-box .cl-detail .cl-description, .hero-content-box .cl-detail font, .hero-content-box .extf-content, .hero-content-box .story-carousel .story-content, .hero-content-box .support-area, .hero-content-box p, .story-carousel .hero-content-box .story-content { margin: 0 auto }
.hero-geo, .hero-social { display: none; z-index: 3 }
.hero-geo { display: none }

@media screen and (min-width:481px) {
.hero-content-box { padding: 0 80px }
.hero-ctas li { display: inline-block; margin: 0 21px }
.hero-content-box-text, .hero-link { display: block }
.hero-ctas a { margin-right: 0px }
.hero-link { position: relative; top: 2px }
}

@media screen and (min-width:769px) {
.hero-geo, .hero-social a { border-bottom: 0; color: #fff }
.hero-geo, .hero-geo:hover, .hero-geo:visited { color: #fff }
.mfp-video .mfp-counter .hero-social { display: block; position: absolute; overflow: hidden; right: 20px; bottom: 0 }
.mfp-counter .hero-social { display: block; position: absolute; overflow: hidden; right: 20px; bottom: 15px }
.hero-geo, .hero-social { position: absolute; bottom: 21px; overflow: hidden; display: block }
.hero-social { right: 40px }
.hero-social a { font-size: 1em; line-height: 1; opacity: .8; filter: alpha(opacity=80); letter-spacing: 0 }
.hero-social a:hover { opacity: 1; filter: alpha(opacity=100) }
.hero-social .icon { margin-right: .3125em; font-size: 1em }
.hero-social li { float: left; margin-left: 20px }
.hero-social li:first-child { margin-left: 0 }
.hero-geo { right: 42px }
.hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: .75em; text-transform: uppercase; font-weight: 400; line-height: 35px; float: left }
html[lang=ja-JP] .hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .hero-geo strong, html[lang=zh-TW] .hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .hero-geo strong { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.hero-geo .icon { font-size: 2.1875em; margin: 0 14px; float: left }
.hero-geo .hero-geo-coordinates { float: left; margin-top: 3px }
.hero-geo .hero-geo-coordinates>span { display: block; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 16px }
html[lang=ja-JP] .hero-geo .hero-geo-coordinates>span { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .hero-geo .hero-geo-coordinates>span { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .hero-geo .hero-geo-coordinates>span, html[lang=zh-TW] .hero-geo .hero-geo-coordinates>span { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .hero-geo .hero-geo-coordinates>span { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .hero-geo .hero-geo-coordinates>span { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
}
@-webkit-keyframes hero-opacity {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:.65;
filter:alpha(opacity=65)
}
}
@keyframes hero-opacity {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:.65;
filter:alpha(opacity=65)
}
}
@-webkit-keyframes ken-burns {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.15);
transform:scale(1.15)
}
}
@keyframes ken-burns {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(1.15);
transform:scale(1.15)
}
}
.csstransitions .fullscreen-hero .hero-background img, .csstransitions .pdp-hero .hero-background img, .csstransitions .standard-hero .hero-background img { opacity: 0; filter: alpha(opacity=0) }
.hero-loaded.fullscreen-hero .hero-background img, .hero-loaded.pdp-hero .hero-background img, .standard-hero.hero-loaded .hero-background img { -webkit-transition: opacity 1s ease-out .2s; transition: opacity 1s ease-out .2s; opacity: .65; filter: alpha(opacity=65) }
.hero-loaded.fullscreen-hero .hero-background img.hide-img, .hero-loaded.pdp-hero .hero-background img.hide-img, .standard-hero.hero-loaded .hero-background img.hide-img { display: none; opacity: 0; filter: alpha(opacity=0) }
.hero-loaded.hero-visible.fullscreen-hero .hero-background img, .hero-loaded.hero-visible.pdp-hero .hero-background img, .standard-hero.hero-loaded.hero-visible .hero-background img { -webkit-animation: hero-opacity 1s .2s ease-out both, ken-burns 35s both; animation: hero-opacity 1s .2s ease-out both, ken-burns 35s both }
.lt-ie9 .hero-background img { opacity: .65; filter: alpha(opacity=65) }
.fullscreen-hero .hero-background video.playing, .pdp-hero .hero-background video.playing, .standard-hero .hero-background video.playing {
-webkit-transition:opacity 1s ease-out .2ss;
transition:opacity 1s ease-out .2ss; opacity: .65; filter: alpha(opacity=65) }
.fullscreen-hero .cta-button, .pdp-hero .cta-button, .standard-hero .cta-button { webkit-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; display: block; display: inline-block; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 2px solid #fff; color: #fff; background: rgba(255,255,255,.1); letter-spacing: .125em; -webkit-user-select: none; vertical-align: middle; padding: 13px 30px 11px; line-height: 1.5; margin: .4375em; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; outline: 0 }
.fullscreen-hero .cta-button:hover, .pdp-hero .cta-button:hover, .standard-hero .cta-button:hover { background: #FFF; color: #003057; border-color: #fff }
.hero-popup { position: relative; background: #FFF; width: auto; max-width: 80%; height: 700px; margin: 20px auto }
.hero-popup iframe { width: 100%; height: 100% }
.narrow-hero { background: #003057; color: #fff; height: 600px }

@media screen and (min-width:769px) {
.hero.hero-half-height.fullscreen-hero .hero-content-align, .hero.hero-half-height.pdp-hero .hero-content-align, .standard-hero.hero.hero-half-height .hero-content-align { display: block }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-box, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box { position: relative; top: 40px }
}

@media screen and (max-width:769px) and (min-width:481px) {
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box { width: 500px }
}

@media (max-width:767px) {
.innovations-header h3, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, h1, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 48px!important }
}

@media only screen and (min-width:481px) and (max-width:767px) {
.footer .slideIndexWrapper { top: -40px!important }
.hero-content-box { padding: 0 40px }
html:not(.is-page-editor) .pdp-hero-group { position: relative; background-color: #000; height: 34em!important }
}

@media only screen and (max-device-width:768px) and (orientation:portrait) {
.pdp-hero-group .pdp-hero .hero-content-box.left-align, .pdp-hero-group .pdp-hero .hero-content-box.right-align { padding: 0 3.7%!important }
}

@media screen and (min-width:560px) and (max-width:767px) {
.pdp-hero .hero-content-box.left-align, .pdp-hero .hero-content-box.right-align { vertical-align: top }
.pdp-hero .hero-content-box.right-align { float: right!important }
.pdp-hero-group .pdp-hero .hero-content-box.left-align { text-align: left; float: left!important; top: 192px!important; z-index: 11; display: table; position: relative; height: 410px; width: 100% }
.pdp-hero-group .pdp-hero .hero-content-box.right-align { text-align: right; vertical-align: middle; max-width: none; -webkit-transition: -webkit-transform .5s; transition: transform .5s; top: 192px!important; z-index: 11; display: table; position: relative; height: 410px; width: 100% }
}

@media only screen and (max-device-width:568px) and (orientation:landscape) {
.fullscreen-hero.hero { height: 600px!important }
}

@media screen and (max-width:560px) and (min-width:481px) {
.pdp-hero-group .pdp-hero .hero-content-box.left-align, .pdp-hero-group .pdp-hero .hero-content-box.right-align { vertical-align: middle; max-width: none; -webkit-transition: -webkit-transform .5s; transition: transform .5s; top: 140px; z-index: 11; display: table; position: absolute; height: 410px; width: 100% }
.pdp-hero-group .pdp-hero .hero-content-box.right-align { float: right }
}

@media only screen and (max-width:481px) {
.fullscreen-hero.hero-loaded .hero-content-box h3, .hero-loaded.fullscreen-hero .hero-content-box h3, .hero-loaded.pdp-hero .hero-content-box h3, .standard-hero.hero-loaded .hero-content-box h3 { margin-bottom: 10px }
.pdp-hero .hero-content-box.left-align:after, .pdp-hero .hero-content-box.right-align:after { content: ""; height: 30px; top: 270px; right: 0; position: absolute; left: 0; background: -webkit-linear-gradient(top, transparent 0, #000 52%); background: linear-gradient(to bottom, transparent 0, #000 52%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 )
}
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .story-content { min-height: 20px; overflow: hidden; max-height: 45px }
.innovations-header h3, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, h1, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 40px!important }
.innovations-header .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box .hero-title-box h1 { line-height: 40px!important }
.hero-background { height: 100%!important }
.pdp-hero .hero-background { height: 300px!important }
.footer .slideIndexWrapper { top: -40px!important }
.hero-ctas { margin: 10px 0 0 }
html:not(.is-page-editor) .pdp-hero-group { position: relative; background-color: #000; height: 37em!important }
}

@media only screen and (min-device-width:320px) and (max-device-width:481px) and (orientation:landscape) {
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { height: inherit!important }
}

@media only screen and (max-device-width:320px) and (orientation:portrait) {
.hero.fullscreen-hero, .hero.pdp-hero, .standard-hero.hero { height: 37em!important }
}

@media only screen and (min-device-width:320px) and (max-device-width:481px) and (orientation:portrait) {
.hero.fullscreen-hero, .hero.pdp-hero, .standard-hero.hero { height: 37em!important }
}

@media screen and (min-width:0) and (max-width:769px) {
.hero-group { padding: 0!important }
.hero-group .hero-background { opacity: 1!important; filter: alpha(opacity=100)!important }
}

@media screen and (min-width:769px) {
html:not(.is-page-editor) .hero-group { position: relative; background-color: #000 }
html:not(.is-page-editor) .hero-group:hover .fullscreen-hero:first-child .hero-background, html:not(.is-page-editor) .hero-group:hover .fullscreen-hero:first-child .hero-content, html:not(.is-page-editor) .hero-group:hover .pdp-hero:first-child .hero-background, html:not(.is-page-editor) .hero-group:hover .pdp-hero:first-child .hero-content, html:not(.is-page-editor) .hero-group:hover .standard-hero:first-child .hero-background, html:not(.is-page-editor) .hero-group:hover .standard-hero:first-child .hero-content { opacity: 0; filter: alpha(opacity=0) }
html:not(.is-page-editor) .hero-group .fullscreen-hero, html:not(.is-page-editor) .hero-group .pdp-hero, html:not(.is-page-editor) .hero-group .standard-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
html:not(.is-page-editor) .hero-group .fullscreen-hero .hero-background, html:not(.is-page-editor) .hero-group .pdp-hero .hero-background, html:not(.is-page-editor) .hero-group .standard-hero .hero-background { -webkit-transition: opacity .5s; transition: opacity .5s }
html:not(.is-page-editor) .hero-group .fullscreen-hero:first-child .hero-background, html:not(.is-page-editor) .hero-group .pdp-hero:first-child .hero-background, html:not(.is-page-editor) .hero-group .standard-hero:first-child .hero-background { opacity: 1; filter: alpha(opacity=100) }
html:not(.is-page-editor) .hero-group .fullscreen-hero:first-child .hero-content, html:not(.is-page-editor) .hero-group .pdp-hero:first-child .hero-content, html:not(.is-page-editor) .hero-group .standard-hero:first-child .hero-content { -webkit-transition: opacity .5s; transition: opacity .5s; opacity: 1; filter: alpha(opacity=100) }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-background, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-background, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-background { opacity: 0; filter: alpha(opacity=0) }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content { -webkit-transition: border-color .5s, background-color .5s; transition: border-color .5s, background-color .5s; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; z-index: 10; background-color: rgba(255,255,255,0); border-bottom: solid 4px #212121 }
.innovations-header html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h3, .innovations-header html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h3, .innovations-header html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h1, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h1, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h1 { font-size: 38px }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h3 { font-size: 14px }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content .hero-content-box, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content .hero-content-box, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content .hero-content-box { padding: 0 }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content .hero-content-align, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content .hero-content-align, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; -webkit-transform: translateY(100%); transform: translateY(100%); display: block; position: absolute; bottom: 30px; height: auto }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content:hover, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content:hover, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content:hover { border-color: #fff; background-color: rgba(255,255,255,.05) }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content:hover .hero-content-align, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content:hover .hero-content-align, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content:hover .hero-content-align { -webkit-transform: translateY(0); transform: translateY(0) }
html:not(.is-page-editor) .hero-group-has-3 .fullscreen-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .pdp-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .standard-hero:not(:first-child) .hero-content { width: 50% }
html:not(.is-page-editor) .hero-group-has-3 .fullscreen-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .pdp-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .standard-hero:nth-child(2) .hero-content { left: 0 }
html:not(.is-page-editor) .hero-group-has-3 .fullscreen-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .pdp-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-3 .standard-hero:nth-child(3) .hero-content { left: 50% }
html:not(.is-page-editor) .hero-group-has-4 .fullscreen-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .pdp-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .standard-hero:not(:first-child) .hero-content { width: 33.33333% }
html:not(.is-page-editor) .hero-group-has-4 .fullscreen-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .pdp-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .standard-hero:nth-child(2) .hero-content { left: 0 }
html:not(.is-page-editor) .hero-group-has-4 .fullscreen-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .pdp-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .standard-hero:nth-child(3) .hero-content { left: 33.33333% }
html:not(.is-page-editor) .hero-group-has-4 .fullscreen-hero:nth-child(4) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .pdp-hero:nth-child(4) .hero-content, html:not(.is-page-editor) .hero-group-has-4 .standard-hero:nth-child(4) .hero-content { left: 66.66667% }
html:not(.is-page-editor) .hero-group-has-5 .fullscreen-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .pdp-hero:not(:first-child) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .standard-hero:not(:first-child) .hero-content { width: 25% }
html:not(.is-page-editor) .hero-group-has-5 .fullscreen-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .pdp-hero:nth-child(2) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .standard-hero:nth-child(2) .hero-content { left: 0 }
html:not(.is-page-editor) .hero-group-has-5 .fullscreen-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .pdp-hero:nth-child(3) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .standard-hero:nth-child(3) .hero-content { left: 25% }
html:not(.is-page-editor) .hero-group-has-5 .fullscreen-hero:nth-child(4) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .pdp-hero:nth-child(4) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .standard-hero:nth-child(4) .hero-content { left: 50% }
html:not(.is-page-editor) .hero-group-has-5 .fullscreen-hero:nth-child(5) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .pdp-hero:nth-child(5) .hero-content, html:not(.is-page-editor) .hero-group-has-5 .standard-hero:nth-child(5) .hero-content { left: 75% }
}

@media screen and (min-width:79.125em) {
.innovations-header html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h3, .innovations-header html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h3, .innovations-header html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h1, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h1, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h1 { font-size: 50px }
html:not(.is-page-editor) .hero-group .fullscreen-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .pdp-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .hero-group .standard-hero:not(:first-child) .hero-content h3 { font-size: 18px }
}
.nav-drop+.placeholder-hero, .placeholder-hero { height: auto; padding: 0; position: relative }
.placeholder-hero .hero-content-top { position: relative; z-index: 3; width: 100%; padding-top: 50px }
.placeholder-hero .hero-content-bottom { position: relative }
.placeholder-hero .hero-background img { opacity: .8; filter: alpha(opacity=80) }

@media screen and (min-width:540px) {
.placeholder-hero .hero-content-top { padding-top: 70px }
}
.is-content-after-nav .placeholder-hero .hero-content-top { padding-top: 0 }
.is-page-editor .placeholder-hero .hero-content-top { min-height: 200px }
.placeholder-hero .hero-text { max-width: 79.125em; padding-left: 13px; padding-right: 13px; color: #fff; min-height: 251px; margin: 166px auto 42px }
.placeholder-hero .hero-text:after, .placeholder-hero .hero-text:before { content: " "; display: table }

@media screen and (min-width:481px) {
.placeholder-hero .hero-text { padding-left: 42px; padding-right: 42px }
}
.cl-detail .placeholder-hero .hero-text .cl-description, .cl-detail .placeholder-hero .hero-text font, .placeholder-hero .hero-text .cl-detail .cl-description, .placeholder-hero .hero-text .cl-detail font, .placeholder-hero .hero-text .extf-content, .placeholder-hero .hero-text .story-carousel .story-content, .placeholder-hero .hero-text .support-area, .placeholder-hero .hero-text p, .story-carousel .placeholder-hero .hero-text .story-content { font-family: "Volvo Serif Regular"; margin-top: 25px; font-size: 1.25em; max-width: 570px }
.hero-shortcuts .scroll li a strong, .placeholder-hero .hero-data a, .placeholder-hero .hero-data dd { font-family: "Volvo Sans Medium" }

@media screen and (min-width:0) and (max-width:481px) {
.placeholder-hero .hero-text { margin-top: 80px; margin-bottom: 82px; min-height: 0 }
.innovations-header .placeholder-hero .hero-text h3, .placeholder-hero .hero-text .innovations-header h3, .placeholder-hero .hero-text h1 { text-align: center }
.cl-detail .placeholder-hero .hero-text .cl-description, .cl-detail .placeholder-hero .hero-text font, .placeholder-hero .hero-text .cl-detail .cl-description, .placeholder-hero .hero-text .cl-detail font, .placeholder-hero .hero-text .extf-content, .placeholder-hero .hero-text .story-carousel .story-content, .placeholder-hero .hero-text .support-area, .placeholder-hero .hero-text p, .story-carousel .placeholder-hero .hero-text .story-content { display: none }
}
.hero-blog { height: 140px; margin-top: 50px }
.hero-blog.blue { background-color: #003057; color: #fff; margin-bottom: 3% }
.hero-blog.withBg { background-size: cover; background-position: center center; color: #fff; margin-bottom: 3% }
.hero-blog .innovations-header h3, .hero-blog h1, .innovations-header .hero-blog h3 { margin-bottom: .2em; max-height: 140px; overflow-y: hidden }

@media screen and (max-width:769px) {
.hero-blog.hero { height: 210px }
}
.hero-blog .hero-content-box { padding: 0 }
.hero-blog .hero-content-box .hero-content-box-text { display: block; max-height: 50px; overflow-y: hidden }

@media screen and (min-width:0) and (max-width:481px) {
.hero-blog .hero-content-box .hero-content-box-text { display: none }
}
.placeholder-hero .hero-data ul:after, .placeholder-hero .hero-data ul:before, .placeholder-hero .hero-data:after, .placeholder-hero .hero-data:before { display: table; content: " " }

@media screen and (min-width:481px) {
.hero-blog { height: 200px; top: 0; margin-top: 70px }
}

@media screen and (min-width:769px) {
.hero-blog { height: 370px }
}
.hero-blog .hero-content .hero-content-box { opacity: 1 }
.hero-blog .hero-content-align { padding: .9375em }
.placeholder-hero .hero-data { max-width: 79.125em; padding-left: 13px; padding-right: 13px; color: #fff; min-height: 251px; margin: 166px auto 42px }

@media screen and (min-width:481px) {
.placeholder-hero .hero-data { padding-left: 42px; padding-right: 42px }
}
.innovations-header .placeholder-hero .hero-data h3, .placeholder-hero .hero-data .innovations-header h3, .placeholder-hero .hero-data h1 { margin-bottom: 14px }
.placeholder-hero .hero-data ul { max-width: 36em; margin-bottom: 24px }
.placeholder-hero .hero-data li { float: left; display: block; margin-right: 7.21649%; width: 28.52234% }
.placeholder-hero .hero-data li:last-child { margin-right: 0 }
.placeholder-hero .hero-data dt { font-weight: 400 }
.placeholder-hero .hero-data dd { font-size: 1.75em; line-height: 1.1em }
.placeholder-hero .hero-data a { color: #fff; border-bottom-color: #fff }

@media screen and (min-width:0) and (max-width:481px) {
.placeholder-hero .hero-data { margin-top: 80px; margin-bottom: 82px; min-height: 0 }
.innovations-header .placeholder-hero .hero-data h3, .placeholder-hero .hero-data .innovations-header h3, .placeholder-hero .hero-data h1 { text-align: center }
.placeholder-hero .hero-data a, .placeholder-hero .hero-data ul { display: none }
}
.hero-shortcuts { position: relative; padding-bottom: 35px }
.hero-shortcuts .scroll { overflow-x: hidden; box-sizing: border-box }
.touch .hero-shortcuts .scroll { -webkit-overflow-scrolling: touch; overflow-x: auto }
.hero-shortcuts .scroll ul { width: 806px; box-sizing: border-box }
.hero-shortcuts .scroll ul:after, .hero-shortcuts .scroll ul:before { content: " "; display: table }
.hero-shortcuts .scroll li { float: left; width: 250px; height: 70px; margin-left: 14px; box-sizing: border-box }
.hero-shortcuts .scroll li a { box-sizing: border-box; position: relative; display: block; border: 1px solid #fff; color: #fff; padding: 10px; height: 100%; -webkit-transition: all .15s linear; transition: all .15s linear }
.hero-shortcuts .scroll li a:hover { background-color: rgba(255,255,255,.2) }
.hero-shortcuts .scroll li a strong { font-size: 1.375em; line-height: 1em; letter-spacing: 0; display: inline-block; margin-right: 48px }
.hero-shortcuts .scroll li a span { display: none }
.hero-shortcuts .scroll li a .icon { font-size: 15px; position: absolute; right: 10px; bottom: 3px }
.hero-shortcuts .dots { position: absolute; bottom: 14px; width: 100%; text-align: center; height: 7px }
.hero-shortcuts .dots a { width: 7px; height: 7px; margin: 0 3px; background-color: #7a7c7c; vertical-align: top }
.hero-shortcuts .dots a.active { background-color: #fff }

@media screen and (min-width:481px) {
.hero-shortcuts .scroll ul { width: 900px }
.hero-shortcuts .scroll li { width: 244px; margin-left: 42px }
}
.pdp-hero .hero-content-box h3 { margin-bottom: 10px }

@media screen and (min-width:769px) {
.hero-shortcuts { padding-bottom: 21px }
.hero-shortcuts .scroll { overflow: none }
.hero-shortcuts .scroll ul { max-width: 79.125em; margin-left: auto; margin-right: auto; width: auto; padding-left: 42px; padding-right: 42px }
.hero-shortcuts .scroll ul:after, .hero-shortcuts .scroll ul:before { content: " "; display: table }
.hero-shortcuts .scroll ul:after { clear: both }
.hero-shortcuts .scroll li { float: left; display: block; margin-right: 3.48259%; width: 31.01161%; margin-left: 0; height: 100px }
.hero-shortcuts .scroll li:last-child { margin-right: 0 }
.hero-shortcuts .scroll li a { padding: 14px 21px }
.hero-shortcuts .scroll li a strong { font-size: 1.5em; margin-right: 0; display: inline }
.hero-shortcuts .scroll li a span { position: absolute; display: block; font-family: "Volvo Sans Medium"; font-size: .8125em; left: 20px; bottom: 6px; right: 20px }
.hero-shortcuts .scroll li a .icon { right: 21px; bottom: 7px }
.hero-shortcuts .dots { display: none }
.pdp-hero .hero-content-align { max-width: none; -webkit-transition: -webkit-transform .5s; transition: transform .5s; top: 140px; z-index: 11; display: table; position: absolute; height: 410px; width: 100% }
.pdp-hero .hero-content-box { padding: 0 5% }
.pdp-hero .hero-content-box .hero-title-box { width: 400px }
.innovations-header .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad"; margin-bottom: 15px; font-size: 80px; line-height: 70px }
.pdp-hero .hero-content-box .hero-title-box h2 { font-family: "Volvo Sans Regular"; margin-bottom: 10px }
.pdp-hero .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular"; margin-bottom: 15px; font-size: 18px }
.pdp-hero .hero-content-box .hero-ctas { width: 100%; overflow: hidden }
.pdp-hero .hero-content-box .hero-ctas .button { font-family: "Volvo Sans Medium"; font-size: 14px; text-transform: uppercase; line-height: 24px }
.pdp-hero .hero-content-box .hero-ctas li { margin: 0 }
.cl-detail .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero .hero-content-box .hero-content-box-text .story-content { font-family: "Volvo Sans Regular"; font-size: 18px; width: 380px; line-height: 27px }
.pdp-hero .hero-content-box .hero-link { display: none }
.pdp-hero .hero-content-box.left-align { text-align: left; display: table-cell; vertical-align: middle; float: none; padding-left: 50px; padding-right: 50px }
.innovations-header .pdp-hero .hero-content-box.left-align .hero-title-box h3, .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.left-align .hero-title-box h1 { text-align: left }
.cl-detail .pdp-hero .hero-content-box.left-align .cl-description, .cl-detail .pdp-hero .hero-content-box.left-align font, .pdp-hero .hero-content-box.left-align .cl-detail .cl-description, .pdp-hero .hero-content-box.left-align .cl-detail font, .pdp-hero .hero-content-box.left-align .extf-content, .pdp-hero .hero-content-box.left-align .story-carousel .story-content, .pdp-hero .hero-content-box.left-align .support-area, .pdp-hero .hero-content-box.left-align p, .story-carousel .pdp-hero .hero-content-box.left-align .story-content { margin-left: 0 }
.pdp-hero .hero-content-box.left-align .button { margin: 0 8px 0 0; background-color: rgba(255,255,255,.2) }
.cl-detail .pdp-hero .hero-content-box.center-align .cl-description, .cl-detail .pdp-hero .hero-content-box.center-align font, .cl-detail .pdp-hero .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero .hero-content-box.right-align font, .pdp-hero .hero-content-box.center-align .cl-detail .cl-description, .pdp-hero .hero-content-box.center-align .cl-detail font, .pdp-hero .hero-content-box.center-align .extf-content, .pdp-hero .hero-content-box.center-align .story-carousel .story-content, .pdp-hero .hero-content-box.center-align .support-area, .pdp-hero .hero-content-box.center-align p, .pdp-hero .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero .hero-content-box.right-align .cl-detail font, .pdp-hero .hero-content-box.right-align .extf-content, .pdp-hero .hero-content-box.right-align .story-carousel .story-content, .pdp-hero .hero-content-box.right-align .support-area, .pdp-hero .hero-content-box.right-align p, .story-carousel .pdp-hero .hero-content-box.center-align .story-content, .story-carousel .pdp-hero .hero-content-box.right-align .story-content { margin-right: 0 }
.pdp-hero .hero-content-box.left-align .button:hover { background-color: #fff }
.pdp-hero .hero-content-box.left-align .review-points { margin-top: 15px; overflow: hidden }
.pdp-hero .hero-content-box.left-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left }
.pdp-hero .hero-content-box.right-align { text-align: right; display: table-cell; vertical-align: middle; float: none }
.pdp-hero .hero-content-box.center-align .hero-title-box, .pdp-hero .hero-content-box.right-align .hero-title-box { float: right }
.innovations-header .pdp-hero .hero-content-box.right-align .hero-title-box h3, .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.right-align .hero-title-box h1 { text-align: right }
.pdp-hero .hero-content-box.right-align .button { margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero .hero-content-box.right-align .button:hover { background-color: #fff }
.pdp-hero .hero-content-box.right-align .review-points { margin-top: 15px; overflow: hidden; position: relative; left: 1px }
.pdp-hero .hero-content-box.right-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: right }
.pdp-hero .hero-content-box.center-align { text-align: center }
.pdp-hero .hero-content-box.center-align .button { padding-left: 20px; margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero .hero-content-box.center-align .button:hover { background-color: #fff }
}

@media screen and (min-width:481px) and (max-width:769px) {
.pdp-hero .hero-content-align { max-width: none; -webkit-transition: -webkit-transform .5s; transition: transform .5s; top: 140px; z-index: 11; display: table; position: absolute; height: 410px; width: 100% }
.pdp-hero .hero-content-box { padding: 0 5% }
.pdp-hero .hero-content-box .hero-title-box { width: 400px }
.innovations-header .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad"; margin-bottom: 15px; font-size: 70px; line-height: 70px }
.pdp-hero .hero-content-box .hero-title-box h2 { font-family: "Volvo Sans Regular"; margin-bottom: 10px }
.pdp-hero .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular"; margin-bottom: 15px; font-size: 18px }
.pdp-hero .hero-content-box .hero-ctas { width: 100%; overflow: hidden }
.pdp-hero .hero-content-box .hero-ctas .button { font-family: "Volvo Sans Medium"; font-size: 14px; text-transform: uppercase; line-height: 24px }
.pdp-hero .hero-content-box .hero-ctas li { margin: 0 }
.cl-detail .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero .hero-content-box .hero-content-box-text .story-content { font-family: "Volvo Sans Regular"; font-size: 16px; width: 380px; line-height: 24px }
.pdp-hero .hero-content-box .hero-link { display: none }
.pdp-hero .hero-content-box.left-align { text-align: left; display: table-cell; vertical-align: middle; float: none; padding-left: 50px; padding-right: 50px }
.innovations-header .pdp-hero .hero-content-box.left-align .hero-title-box h3, .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.left-align .hero-title-box h1 { text-align: left }
.cl-detail .pdp-hero .hero-content-box.left-align .cl-description, .cl-detail .pdp-hero .hero-content-box.left-align font, .pdp-hero .hero-content-box.left-align .cl-detail .cl-description, .pdp-hero .hero-content-box.left-align .cl-detail font, .pdp-hero .hero-content-box.left-align .extf-content, .pdp-hero .hero-content-box.left-align .story-carousel .story-content, .pdp-hero .hero-content-box.left-align .support-area, .pdp-hero .hero-content-box.left-align p, .story-carousel .pdp-hero .hero-content-box.left-align .story-content { margin-left: 0 }
.pdp-hero .hero-content-box.left-align .button { margin: 0 8px 0 0; background-color: rgba(255,255,255,.2); display: block }
.pdp-hero .hero-content-box.left-align .review-points, .pdp-hero .hero-content-box.right-align .review-points { margin-top: 15px; overflow: hidden }
.cl-detail .pdp-hero .hero-content-box.center-align .cl-description, .cl-detail .pdp-hero .hero-content-box.center-align font, .cl-detail .pdp-hero .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero .hero-content-box.right-align font, .pdp-hero .hero-content-box.center-align .cl-detail .cl-description, .pdp-hero .hero-content-box.center-align .cl-detail font, .pdp-hero .hero-content-box.center-align .extf-content, .pdp-hero .hero-content-box.center-align .story-carousel .story-content, .pdp-hero .hero-content-box.center-align .support-area, .pdp-hero .hero-content-box.center-align p, .pdp-hero .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero .hero-content-box.right-align .cl-detail font, .pdp-hero .hero-content-box.right-align .extf-content, .pdp-hero .hero-content-box.right-align .story-carousel .story-content, .pdp-hero .hero-content-box.right-align .support-area, .pdp-hero .hero-content-box.right-align p, .story-carousel .pdp-hero .hero-content-box.center-align .story-content, .story-carousel .pdp-hero .hero-content-box.right-align .story-content { margin-right: 0 }
.pdp-hero .hero-content-box.left-align .button:hover { background-color: #fff }
.pdp-hero .hero-content-box.left-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left }
.pdp-hero .hero-content-box.right-align { text-align: right; display: table-cell; vertical-align: middle; float: none }
.pdp-hero .hero-content-box.center-align .hero-title-box, .pdp-hero .hero-content-box.right-align .hero-title-box { float: right }
.innovations-header .pdp-hero .hero-content-box.right-align .hero-title-box h3, .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.right-align .hero-title-box h1 { text-align: right!important }
.pdp-hero .hero-content-box.right-align .button { margin-left: 10px; background-color: rgba(255,255,255,.2); display: block }
.pdp-hero .hero-content-box.right-align .button:hover { background-color: #fff }
.pdp-hero .hero-content-box.right-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: right }
.pdp-hero .hero-content-box.center-align { text-align: center }
.pdp-hero .hero-content-box.center-align .button { padding-left: 20px; margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero .hero-content-box.center-align .button:hover { background-color: #fff }
}

@media screen and (min-width:0) and (max-width:481px) {
.pdp-hero .hero-background { height: 300px }
.pdp-hero .hero-content-box { text-align: left; padding-bottom: 88px; background-color: #000; margin-top: 300px }
.pdp-hero .hero-content-box .hero-ctas { font-family: Volvo Sans Regular; font-size: 16px; line-height: 24px; width: 100%; overflow: hidden }
.pdp-hero .hero-content-box .hero-ctas .icon { font-family: icomoon!important }
.pdp-hero .hero-content-box .hero-title-box { padding-top: 10px }
.innovations-header .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad"; margin-bottom: 10px; font-size: 48px; text-align: left; line-height: 43px; width: 5em }
.pdp-hero .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular"; font-size: 16px }
.pdp-hero .hero-content-box .hero-title-box h2 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin-bottom: 10px }
.pdp-hero .hero-content-box .hero-link { margin-bottom: 10px; display: none!important }
.pdp-hero .hero-content-box .hero-link a { border-bottom: None; color: #fff; font-family: Volvo Sans Regular }
.pdp-hero .hero-content-box .button { display: none }
.pdp-hero .hero-content-box .hero-content-box-text { display: block; font-size: .8em }
.cl-detail .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero .hero-content-box .hero-content-box-text .story-content { font-family: "Volvo Sans Regular"; font-size: 16px; line-height: 24px; max-width: 33em }
.pdp-hero .hero-content-box .review-points { margin-top: 15px; overflow: hidden; width: 100% }
.pdp-hero .hero-content-box .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left }
.pdp-hero .hero-content-box .review-points .reviews { font-family: "Volvo Sans Regular"; font-size: 14px }
.nav-drop+.pdp-hero .hero-content-box { padding-top: 10px }
}

@media only screen and (min-width:320px) and (max-width:740px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
.innovations-header .pdp-hero .hero-content-box.left-align .hero-title-box h3, .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.left-align .hero-title-box h1 { font-size: 3em!important }
.pdp-hero .hero-content-box.left-align .button, .pdp-hero .hero-content-box.right-align .button { background: 0 0!important; border: none; padding: 0; text-transform: none }
.pdp-hero .hero-content-box .hero-ctas { margin-top: 10px }
.pdp-hero .hero-content-box .hero-ctas a { margin-right: 10px }
.landscape { margin-left: -9px; margin-right: 5px; top: 4px }
.pdp-hero .hero-content-box .right-align { float: left }
}

@media only screen and (min-width:320px) and (max-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:Portrait) {
.pdp-hero .hero-content { z-index: 1 }
}

@media only screen and (min-width:320px) and (max-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:Portrait) {
.pdp-hero .hero-content { z-index: 1 }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.pdp-hero .hero-content-box.right-align { float: right }
}

@media screen and (max-width:767px) {
.pdp-hero-group .pdp-hero .hero-content-box.right-align .button { margin-left: 10px; background-color: transparent!important; border: none; background: 0 0; padding-right: 5px }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .button { margin: 0 7px 0 0; background-color: transparent!important; border: none; padding: 0 }
.pdp-hero .hero-content-box .hero-ctas .button { text-transform: none; font-size: 16px; display: block; border: none; padding: 0; margin-left: 0; background-color: transparent }
}

@media only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:Portrait) {
.hero { height: 600px }
.pdp-hero .hero-content { z-index: 1 }
.pdp-hero .hero-content-box .hero-ctas { font-family: Volvo Sans Regular; font-size: 16px }
.pdp-hero .hero-content-box .hero-ctas .icon { font-family: icomoon!important }
.pdp-hero .hero-content-box .hero-title-box { padding-top: 0 }
.innovations-header .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad"; margin-bottom: 10px; font-size: 48px; text-align: left; line-height: 43px; width: 5em }
.pdp-hero .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular"; font-size: 16px }
.pdp-hero .hero-content-box .hero-title-box h2 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin-bottom: 10px }
.pdp-hero .hero-content-box .hero-link { display: inline-block; margin-bottom: 10px }
.pdp-hero .hero-content-box .hero-link a { border-bottom: None; color: #fff; display: none; font-family: Volvo Sans Regular }
.pdp-hero .hero-content-box .button { display: block; background-color: transparent!important; border: block; background: 0 0 }
.pdp-hero .hero-content-box .hero-content-box-text { display: block; font-size: .8em }
.cl-detail .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero .hero-content-box .hero-content-box-text .story-content { font-family: "Volvo Sans Regular"; font-size: 16px; line-height: 25px; max-width: 33em }
}
.darkfilter { opacity: .65!important; filter: alpha(opacity=65)!important }
.nodarkfilter { opacity: 1!important; filter: alpha(opacity=100)!important }

@media screen and (min-width:769px) {
.pdp-hero.hero.hero-half-height { height: 300px }
.pdp-hero.hero.hero-half-height .hero-content-align { max-width: none; -webkit-transition: -webkit-transform .5s; transition: transform .5s; top: 87px; z-index: 11; display: table; position: absolute; height: 410px; width: 100% }
.pdp-hero.hero.hero-half-height .hero-content-box { padding: 0 5% }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box { width: 400px }
.innovations-header .pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box h3, .pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad"; margin-bottom: 15px; font-size: 40px; line-height: 35px }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box h2 { font-family: "Volvo Sans Regular"; margin-bottom: 10px }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular"; margin-bottom: 15px; font-size: 18px }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-ctas { width: 100%; overflow: hidden }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-ctas .button { font-family: "Volvo Sans Medium"; font-size: 14px; text-transform: uppercase; line-height: 24px }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-ctas li { margin: 0 }
.cl-detail .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text font, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .extf-content, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .support-area, .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero.hero.hero-half-height .hero-content-box .hero-content-box-text .story-content { font-family: "Volvo Sans Regular"; font-size: 18px; width: 380px; line-height: 27px }
.pdp-hero.hero.hero-half-height .hero-content-box .hero-link { display: none }
.pdp-hero.hero.hero-half-height .hero-content-box.left-align { text-align: left; display: table-cell; vertical-align: middle; float: none; padding-left: 50px; padding-right: 50px }
.innovations-header .pdp-hero.hero.hero-half-height .hero-content-box.left-align .hero-title-box h3, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .hero-title-box h1 { text-align: left }
.cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.left-align .cl-description, .cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.left-align font, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .cl-detail .cl-description, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .cl-detail font, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .extf-content, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .story-carousel .story-content, .pdp-hero.hero.hero-half-height .hero-content-box.left-align .support-area, .pdp-hero.hero.hero-half-height .hero-content-box.left-align p, .story-carousel .pdp-hero.hero.hero-half-height .hero-content-box.left-align .story-content { margin-left: 0 }
.pdp-hero.hero.hero-half-height .hero-content-box.left-align .button { margin: 0 8px 0 0; background-color: rgba(255,255,255,.2) }
.cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.center-align .cl-description, .cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.center-align font, .cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero.hero.hero-half-height .hero-content-box.right-align font, .pdp-hero.hero.hero-half-height .hero-content-box.center-align .cl-detail .cl-description, .pdp-hero.hero.hero-half-height .hero-content-box.center-align .cl-detail font, .pdp-hero.hero.hero-half-height .hero-content-box.center-align .extf-content, .pdp-hero.hero.hero-half-height .hero-content-box.center-align .story-carousel .story-content, .pdp-hero.hero.hero-half-height .hero-content-box.center-align .support-area, .pdp-hero.hero.hero-half-height .hero-content-box.center-align p, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .cl-detail font, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .extf-content, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .story-carousel .story-content, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .support-area, .pdp-hero.hero.hero-half-height .hero-content-box.right-align p, .story-carousel .pdp-hero.hero.hero-half-height .hero-content-box.center-align .story-content, .story-carousel .pdp-hero.hero.hero-half-height .hero-content-box.right-align .story-content { margin-right: 0 }
.pdp-hero.hero.hero-half-height .hero-content-box.left-align .button:hover { background-color: #fff }
.pdp-hero.hero.hero-half-height .hero-content-box.left-align .review-points { margin-top: 10px; overflow: hidden }
.pdp-hero.hero.hero-half-height .hero-content-box.left-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left }
.pdp-hero.hero.hero-half-height .hero-content-box.right-align { text-align: right; display: table-cell; vertical-align: middle; float: none }
.pdp-hero.hero.hero-half-height .hero-content-box.center-align .hero-title-box, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .hero-title-box { float: right }
.innovations-header .pdp-hero.hero.hero-half-height .hero-content-box.right-align .hero-title-box h3, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero.hero.hero-half-height .hero-content-box.right-align .hero-title-box h1 { text-align: right }
.pdp-hero.hero.hero-half-height .hero-content-box.right-align .button { margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero.hero.hero-half-height .hero-content-box.right-align .button:hover { background-color: #fff }
.pdp-hero.hero.hero-half-height .hero-content-box.right-align .review-points { margin-top: 15px; overflow: hidden; position: relative; left: 1px }
.pdp-hero.hero.hero-half-height .hero-content-box.right-align .review-points ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: right }
.pdp-hero.hero.hero-half-height .hero-content-box.center-align { text-align: center }
.pdp-hero.hero.hero-half-height .hero-content-box.center-align .button { padding-left: 20px; margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero.hero.hero-half-height .hero-content-box.center-align .button:hover { background-color: #fff }
.innovations-header html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h1 { font-size: 4em; margin-bottom: .15em; line-height: initial }
.cl-detail html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text font, .story-carousel html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .story-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .extf-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .support-area, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text p { font-size: 1.125em; line-height: 1.5em }
}

@media screen and (max-width:769px) and (min-width:481px) {
.pdp-hero-group .pdp-hero .hero-content-box .hero-link { margin-right: 10px!important }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .button { display: block!important }
}

@media screen and (max-width:481px) {
.pdp-hero .hero-content-box .button { display: block!important; text-align: left }
.pdp-hero .hero-content-box .hero-ctas .button { font-size: 14px }
}

@media screen and (min-width:481px) {
.innovations-header html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h1 { font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
}
.cl-detail html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text font, .story-carousel html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .story-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .extf-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text .support-area, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-content-box-text p, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, sans-serif!important }
html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item, html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item, html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item a, html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name span, html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-price, html[lang=zh-CN] .primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title, html[lang=zh-CN] .primary-navigation-bar .right-menu-block .right-menu-title a, html[lang=zh-CN] .v2new-about-wrap .v2nav-list .list-disc, html[lang=zh-CN] .v2new-about-wrap .v2nav-list .list-disc-tilte, html[lang=zh-CN] .v2new-about-wrap .v2navtitle, html[lang=zh-CN] .v2new-navigation .v2nav-list .build-explore, html[lang=zh-CN] .v2new-navigation .v2nav-list .car-class, html[lang=zh-CN] .v2new-navigation .v2nav-list .car-price, html[lang=zh-CN] .v2new-navigation .v2nav-list .v2nav-car-title a .sub-text, html[lang=zh-CN] .v2new-navigation .v2nav-list .v2nav-car-title a .sup-text, html[lang=zh-CN] .v2new-navigation .v2nav-nav-drop-body .v2nav-nav-drop-item-title, html[lang=zh-CN] .v2new-navigation .v2nav-nav-drop-body-row li, html[lang=zh-CN] .v2new-navigation .v2nav-nav-drop-body-row li a, html[lang=zh-CN] .v2new-subnav .v2newnav-list li a { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, sans-serif!important }
.innovations-header html[lang=zh-CN] h3, html[lang=zh-CN] .button, html[lang=zh-CN] .cta-link, html[lang=zh-CN] .footer-list-main>.footer-list-item>a, html[lang=zh-CN] .fullscreen-hero .cta-button, html[lang=zh-CN] .innovations-header h3, html[lang=zh-CN] .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a, html[lang=zh-CN] .pdp-hero .cta-button, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-ctas .button, html[lang=zh-CN] .standard-hero .cta-button, html[lang=zh-CN] .subnav-title, html[lang=zh-CN] h1, html[lang=zh-CN] h2, html[lang=zh-CN] h3, html[lang=zh-CN] h4, html[lang=zh-CN] h5, html[lang=zh-CN] h6 { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, sans-serif!important }
.innovations-header html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h3, .innovations-header html[lang=zh-CN] html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h3, html[lang=zh-CN] .innovations-header .pdp-hero .hero-content-box .hero-title-box h3, html[lang=zh-CN] .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, html[lang=zh-CN] .pdp-hero .hero-content-box .hero-title-box h1, html[lang=zh-CN] .v2new-navigation .v2nav-list .v2nav-car-title, html[lang=zh-CN] .v2new-navigation .v2nav-list .v2nav-car-title a, html[lang=zh-CN] html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, html[lang=zh-CN] html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h1 { font-family: "Volvo Broad", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, sans-serif!important }

@media screen and (min-width:769px) and (min-height:800px) {
html:not(.is-page-editor) .pdp-hero-group { height: 750px }
.pdp-hero-group+.hero-content { width: 50% }
.pdp-hero-group+.footer { margin-top: 0 }
}

@media screen and (min-width:79.125em) and (min-height:800px) {
html:not(.is-page-editor) .pdp-hero-group { height: 800px }
.pdp-hero-group+.hero-content { width: 50% }
.pdp-hero-group+.footer { margin-top: 0 }
}

@media screen and (min-width:2000px) and (min-height:800px) {
html:not(.is-page-editor) .pdp-hero-group { height: 1100px }
.pdp-hero-group+.hero-content { width: 50% }
.pdp-hero-group+.footer { margin-top: 0 }
}

@media screen and (min-width:0) and (max-width:769px) {
.pdp-hero-group+.footer { margin-top: 0 }
.cta-link { text-transform: none }
html:not(.is-page-editor) .pdp-hero-group { position: relative; background-color: #000 }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-background { -webkit-transition: opacity .5s; transition: opacity .5s }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-background { opacity: 1; filter: alpha(opacity=100) }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: none; position: absolute; bottom: 0; height: 100%; z-index: 10; top: auto }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align.selected { display: block }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .selected { border-color: #fff }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h1 { font-size: 70px; text-align: left }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box .innovations-header h3 { font-size: 3em; text-align: left }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { font-size: 70px; text-align: right }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3 { font-size: 3em; text-align: right }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-background { opacity: 0; filter: alpha(opacity=0) }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: none; position: absolute; bottom: 0; height: 100%; z-index: 11; top: auto }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .selected, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align.selected { display: block }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content { width: 50% }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:nth-child(2) .hero-content { left: 50%; width: 50% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content { left: 33.33333% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content { left: 66.66667% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:not(:first-child) .hero-content:hover { cursor: pointer }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h3 { font-size: 3em; text-align: left }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3 { font-size: 5em; text-align: right }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 38px; font-size: 43px }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h1, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 43px }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-size: 18px }
}

@media screen and (min-width:769px) {
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .selected, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:nth-child(2) .selected, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:nth-child(3) .selected { border-color: #fff }
.pdp-hero-group+.footer { margin-top: 0 }
.pdp-hero-group .pdp-hero .hero-content-pagination-hover h3 { cursor: pointer; font-family: Volvo Sans Medium; text-align: center; font-size: 1em }
.pdp-hero-group+.hero-content { width: 50% }
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-family: Volvo Sans Regular; margin-bottom: 20px; font-size: 18px; letter-spacing: 1px; line-height: 22px; text-transform: uppercase }
html:not(.is-page-editor) .pdp-hero-group { position: relative; background-color: #000; height: 45em }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h1 { font-family: Volvo Broad; margin-bottom: 10px; font-size: 80px; text-transform: uppercase }
.cl-detail html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .cl-description, .cl-detail html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text font, .story-carousel html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .story-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .cl-detail .cl-description, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .cl-detail font, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .extf-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .story-carousel .story-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text .support-area, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-content-box-text p { margin-right: 0; font-size: 18px; font-family: Volvo Sans Regular; line-height: 27px }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-link a { font-family: Volvo Sans Medium; font-size: 14px; line-height: 24px }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h1 { font-family: Volvo Broad; margin-bottom: 10px; font-size: 80px; text-transform: uppercase }
.cl-detail html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .cl-description, .cl-detail html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text font, .story-carousel html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .story-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .cl-detail .cl-description, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .cl-detail font, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .extf-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .story-carousel .story-content, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text .support-area, html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-content-box-text p { margin-right: 0; font-size: 18px; font-family: Volvo Sans Regular; line-height: 27px }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-link a { font-family: Volvo Sans Medium; font-size: 14px; line-height: 24px }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-background { -webkit-transition: opacity .5s; transition: opacity .5s }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-background { opacity: 1; filter: alpha(opacity=100) }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content { -webkit-transition: border-color .5s, background-color .5s; transition: border-color .5s, background-color .5s; display: block; z-index: 10; background-color: rgba(255,255,255,0) }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content .selected { display: block }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: none; position: absolute; bottom: 30px; height: auto; z-index: 11; top: 0 }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align.selected { display: table; position: absolute; height: 100%; width: 100% }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-box, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box { display: table-cell; vertical-align: middle; padding: 0 3.7%; float: none }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h1 { text-align: left; line-height: 70px; font-family: Volvo Broad; margin-bottom: 10px; font-size: 80px; text-transform: uppercase }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { text-align: right; line-height: 70px; font-family: Volvo Broad; margin-bottom: 10px; font-size: 80px; text-transform: uppercase }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-background { opacity: 0; filter: alpha(opacity=0) }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content { -webkit-transition: border-color .5s, background-color .5s; transition: border-color .5s, background-color .5s; display: block; z-index: 10; background-color: rgba(255,255,255,0) }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h1 { font-size: 5em }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 1em }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .selected { display: block }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3 { font-size: 38px }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: none; position: absolute; bottom: 30px; height: auto; z-index: 11; top: 0 }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align.selected { display: table; position: absolute; height: 100%; width: 100% }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 46%; left: 50%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content { width: 50% }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:nth-child(2) .hero-content { left: 50%; width: 50% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; margin-left: 3.7%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content:hover { cursor: pointer }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 34.8%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content { left: 33.33333% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px rgba(255,255,255,.2) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-selected { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px #fff }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-hover { cursor: pointer; background-color: transparent; height: 47px; z-index: 100; position: absolute; bottom: 7.3%; width: 30.6%; left: 65.8%; border-bottom: solid 5px rgba(255,255,255,.5) }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content { left: 66.66667% }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:not(:first-child) .hero-content:hover { cursor: pointer }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-size: 18px }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 38px; font-size: 43px }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h1, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 43px }
.icon-forward-round { display: none }
}

@media screen and (min-width:79.125em) {
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h1 { font-size: 5em }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content h3 { font-size: 1em }
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content .innovations-header h3 { font-size: 50px }
.pdp-hero-group+.hero-content { width: 50% }
.pdp-hero-group+.footer { margin-top: 0 }
}

@media screen and (min-width:481px) and (max-width:769px) {
.innovations-header .pdp-hero-group .pdp-hero h3, .pdp-hero-group .pdp-hero .innovations-header h3, .pdp-hero-group .pdp-hero h1 { font-size: 3em }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box.right-align .extf-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .support-area, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box.center-align .story-content, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-content { margin-right: 0 }
.pdp-hero-group .pdp-hero .hero-content-align { top: 0 }
.pdp-hero-group+.footer { margin-top: 0 }
.story-carousel.pdp-hero-group .pdp-hero .hero-content-box .story-content { width: 380px }
.story-carousel .pdp-hero-group .pdp-hero .hero-content-box.left-align .story-content { margin-left: 0 }
.innovations-header .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-family: Volvo Broad; margin-bottom: 10px }
.pdp-hero-group .pdp-hero .hero-content-box.right-align { text-align: right; float: right }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box { float: right }
.innovations-header .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h3, .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box h1 { font-family: Volvo Broad; margin-bottom: 10px; font-size: 70px; text-align: right; text-transform: uppercase }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-link a { font-family: Volvo Sans Medium; font-size: 14px; line-height: 24px }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align font, .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box.right-align .extf-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .support-area, .pdp-hero-group .pdp-hero .hero-content-box.right-align p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-content { margin-right: 0; font-size: 16px; font-family: Volvo Sans Regular; line-height: 24px }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .button { margin-left: 10px; background-color: rgba(255,255,255,.2) }
.pdp-hero-group .pdp-hero .hero-content-box.right-align .button:hover { background-color: #fff }
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box { width: 400px }
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h2 { font-family: Volvo Sans Medium; margin-bottom: 10px }
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-family: Volvo Sans Regular; margin-bottom: 20px; font-size: 16px; letter-spacing: 1px; line-height: 20px }
.pdp-hero-group .pdp-hero .hero-content-box.left-align { text-align: left; float: left }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-link a { font-family: Volvo Sans Medium; font-size: 14px; line-height: 24px }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box.left-align .extf-content, .pdp-hero-group .pdp-hero .hero-content-box.left-align .support-area { margin-left: 0 }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.left-align font, .pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box.left-align .extf-content, .pdp-hero-group .pdp-hero .hero-content-box.left-align .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box.left-align .support-area, .pdp-hero-group .pdp-hero .hero-content-box.left-align p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box.left-align .story-content { margin-left: 0; font-size: 16px; font-family: Volvo Sans Regular; line-height: 24px }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .button { background-color: rgba(255,255,255,.2); margin: 0 7px 0 0 }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box.left-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.left-align font, .pdp-hero-group .pdp-hero .hero-content-box.left-align .story-carousel .story-content { margin-left: 0 }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .button:hover { background-color: #fff }
.innovations-header .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h3, .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h1 { font-family: Volvo Broad; margin-bottom: 10px; font-size: 70px; text-align: left; text-transform: uppercase }
.pdp-hero-group .pdp-hero .hero-content-box .hero-ctas { margin-top: 10px }
.pdp-hero-group .pdp-hero .hero-content-box .hero-ctas li { margin: 0 }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box font, .pdp-hero-group .pdp-hero .hero-content-box .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box .extf-content, .pdp-hero-group .pdp-hero .hero-content-box .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box .support-area, .pdp-hero-group .pdp-hero .hero-content-box p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box .story-content { width: 17em }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box font, .pdp-hero-group .pdp-hero .hero-content-box .story-carousel .story-content { width: 380px }
.pdp-hero-group .pdp-hero .hero-content-box .hero-link { display: none }
.pdp-hero-group .pdp-hero .innovations-header h3 { font-size: 3em }
.innovations-header .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box h3, .innovations-header .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box h1, .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { text-align: left; font-family: Volvo Broad; font-size: 70px }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box.center-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.center-align font, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align font { margin-right: 0 }
}

@media screen and (min-width:0) and (max-width:481px) {
.pdp-hero-group+.footer { margin-top: 0 }
.innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box h3, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h3, .innovations-header html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-box.right-align .hero-title-box h1, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.left-align .hero-title-box h1, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box .innovations-header h3, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-box.right-align .hero-title-box h1 { text-align: left; font-family: Volvo Broad; font-size: 48px }
.pdp-hero-group .pdp-hero:first-child .hero-content-align, .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: none; position: absolute; bottom: 4%; height: auto; z-index: 1 }
.pdp-hero .hero-content-align { -webkit-transition: -webkit-transform .5s; transition: transform .5s; display: block; position: absolute; bottom: 0; height: 100%; z-index: 1 }
.pdp-hero .hero-content-align .hero-content-box .hero-ctas li { display: inline-block }
.pdp-hero .hero-content-align .hero-content-box .hero-ctas .cta-link { border-bottom: none }
.pdp-hero .hero-content-align .hero-content-box .hero-ctas .icon { font-family: icomoon!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; speak: none; text-transform: none }
.pdp-hero-group .pdp-hero .hero-content-box .hero-link a { border-bottom: None; color: #fff }
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-family: Volvo Sans Medium; font-size: 16px; letter-spacing: 1px; line-height: 20px; text-transform: uppercase }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text p, .pdp-hero-group .pdp-hero .hero-content-box .hero-link a, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box .hero-content-box-text .story-content { font-family: Volvo Sans Regular; font-size: 16px; line-height: 24px }
}

@media only screen and (min-width:320px) and (max-width:740px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
.innovations-header .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h3, .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero .hero-content-box.left-align .hero-title-box h1 { font-size: 3em!important; line-height: 1 }
.pdp-hero-group .pdp-hero .hero-content-box.left-align .button { background: 0 0!important; border: none; padding: 0; text-transform: none }
.pdp-hero-group .pdp-hero .hero-content-box .hero-ctas { margin-top: 10px }
.landscape { margin-left: -9px; margin-right: 5px; top: 4px }
.pdp-hero-group .pdp-hero .hero-content-box .right-align { float: left }
.pdp-hero-group+.footer { margin-top: 0 }
}

@media only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { height: inherit }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
html:not(.is-page-editor) .pdp-hero-group .pdp-hero:first-child .hero-content-align, html:not(.is-page-editor) .pdp-hero-group .pdp-hero:not(:first-child) .hero-content-align { height: auto; bottom: 25% }
}

@media only screen and (min-width:375px) and (max-width:627px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
.pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3 { font-family: Volvo Sans Regular; font-size: 16px }
.innovations-header .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h3, .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box .innovations-header h3, .pdp-hero-group .pdp-hero .hero-content-box .hero-title-box h1 { font-family: Volvo Broad; font-size: 48px; line-height: 43px; text-transform: uppercase }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box font, .pdp-hero-group .pdp-hero .hero-content-box .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box .extf-content, .pdp-hero-group .pdp-hero .hero-content-box .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box .support-area, .pdp-hero-group .pdp-hero .hero-content-box p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box .story-content { font-family: Volvo Sans Regular; font-size: 16px; line-height: 25px }
.pdp-hero-group .pdp-hero .hero-content-box .hero-link a { font-family: Volvo Sans Regular; font-size: 16px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.2); margin-left: 20px; width: 165px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-selected { bottom: 20px; border-bottom: solid 2px #fff; margin-left: 20px; width: 165px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:first-child .hero-content-pagination-hover { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.5); margin-left: 20px; width: 165px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.2); width: 165px; left: 190px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-selected { bottom: 20px; border-bottom: solid 2px #fff; width: 165px; left: 190px }
html:not(.is-page-editor) .pdp-hero-group-has-2 .pdp-hero:not(:first-child) .hero-content-pagination-hover { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.5); width: 165px; left: 190px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.2); margin-left: 20px; width: 108.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-selected { bottom: 20px; border-bottom: solid 2px #fff; margin-left: 20px; width: 108.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:first-child .hero-content-pagination-hover { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.5); margin-left: 20px; width: 108.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.2); width: 108.3px; left: 133.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-selected { bottom: 20px; border-bottom: solid 2px #fff; width: 108.3px; left: 133.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(2) .hero-content-pagination-hover { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.5); width: 108.3px; left: 133.3px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.2); width: 108.3px; left: 246.6px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-selected { bottom: 20px; border-bottom: solid 2px #fff; width: 108.3px; left: 246.6px }
html:not(.is-page-editor) .pdp-hero-group-has-3 .pdp-hero:nth-child(3) .hero-content-pagination-hover { bottom: 20px; border-bottom: solid 2px rgba(255,255,255,.5); width: 108.3px; left: 246.6px }
}
.pdp-hero-group .pdp-hero .hero-content-align { max-width: 100%; margin-left: auto; margin-right: auto; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.pdp-hero .hero-content-align .hero-content-box .hero-ctas .icon { font-family: icomoon!important; font-weight: 400; text-transform: none }
.icon-forward-round:before { content: ""; font-family: icomoon!important; background: url(../images/pdp-arrow.png) no-repeat; width: 17px; background-size: 100%; display: inline-block; position: relative; height: 17px }
.icon-forward-round { font-family: icomoon; position: relative; top: 3px }
@font-face { font-family: icomoon!important; src: url(../static/fonts/volvo-icons/volvo-icons.eot?fdv48v); src: url(../static/fonts/volvo-icons/volvo-icons.eot?#iefixfdv48v) format("embedded-opentype"), url(../static/fonts/volvo-icons/volvo-icons.woff?fdv48v) format("woff"), url(../static/fonts/volvo-icons/volvo-icons.ttf?fdv48v) format("truetype"), url(../static/fonts/volvo-icons/volvo-icons.svg?fdv48v#icomoon) format("svg"); font-weight: 400; font-style: normal }

@media screen and (min-width:769px) {
.innovations-header .pdp-hero-group .pdp-hero.hero.hero-half-height h3, .pdp-hero-group .pdp-hero.hero.hero-half-height .innovations-header h3, .pdp-hero-group .pdp-hero.hero.hero-half-height h1 { font-size: 40px!important; line-height: 35px!important }
html:not(.is-page-editor) .hero-group .fullscreen-hero, html:not(.is-page-editor) .hero-group .pdp-hero, html:not(.is-page-editor) .hero-group .standard-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.fullscreen-hero, .pdp-hero, .standard-hero { position: relative; color: #fff }
}

@media screen and (max-width:481px) {
.pdp-hero .hero-content-box .hero-ctas .button { margin-right: 0 }
.pdp-hero-group .pdp-hero .hero-content-box.left-align, .pdp-hero-group .pdp-hero .hero-content-box.right-align { top: 0; height: inherit }
.pdp-hero-group .pdp-hero .hero-content-box .hero-ctas { margin-top: 15px; float: left }
.innovations-header .pdp-hero .hero-content-box.right-align .hero-title-box h3, .pdp-hero .hero-content-box.right-align .hero-title-box .innovations-header h3, .pdp-hero .hero-content-box.right-align .hero-title-box h1, .pdp-hero-group .pdp-hero .hero-content-box.right-align, .pdp-hero-group .pdp-hero .hero-content-box.right-align .hero-title-box { text-align: left!important; float: left!important }
.cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-description, .cl-detail .pdp-hero-group .pdp-hero .hero-content-box.right-align font, .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail .cl-description, .pdp-hero-group .pdp-hero .hero-content-box.right-align .cl-detail font, .pdp-hero-group .pdp-hero .hero-content-box.right-align .extf-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-carousel .story-content, .pdp-hero-group .pdp-hero .hero-content-box.right-align .support-area, .pdp-hero-group .pdp-hero .hero-content-box.right-align p, .story-carousel .pdp-hero-group .pdp-hero .hero-content-box.right-align .story-content { width: 100%; text-align: left; float: left }
.cl-detail .pdp-hero .hero-content-box .hero-content-box-text .cl-description, .cl-detail .pdp-hero .hero-content-box .hero-content-box-text font, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail .cl-description, .pdp-hero .hero-content-box .hero-content-box-text .cl-detail font, .pdp-hero .hero-content-box .hero-content-box-text .extf-content, .pdp-hero .hero-content-box .hero-content-box-text .story-carousel .story-content, .pdp-hero .hero-content-box .hero-content-box-text .support-area, .pdp-hero .hero-content-box .hero-content-box-text p, .story-carousel .pdp-hero .hero-content-box .hero-content-box-text .story-content { float: left; width: 100% }
}
.video-hero .hero-background, .video-hero .hero-content-align, .video-hero .video-hero-bottom, .video-hero video { opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s }
.video-hero .active.hero-background, .video-hero .active.hero-content-align, .video-hero .active.video-hero-bottom, .video-hero video.active { opacity: 1!important; visibility: visible; z-index: 4 }
.video-hero { background-color: #000 }
.video-hero .loading { -webkit-transition: all .3s; transition: all .3s; content: ''; width: 100%; height: 100%; position: absolute; z-index: 1000; background: #000 }
.video-hero.loaded .loading { opacity: 0; visibility: hidden }

@media only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:Portrait) {
.video-hero.hero { height: 300px }
}
.video-hero .video-hero-inner { height: 100%; position: relative }
.video-hero .video-player { padding-bottom: 0; position: absolute; height: 100%; width: 100%; background: tranparent }
.video-hero .video-player.has-cta .mejs-overlay-button { background-position: center 80%!important }
.video-hero .video-player video { cursor: pointer }
.video-hero iframe { opacity: 0 }
.video-hero .mejs-container { background: 0 0; position: static }
.video-hero .content-play-button { background: url(/Static/mediaelement/bigplay.png) center no-repeat; display: block; padding-top: 5px; width: 67px; height: 67px; margin: 5px auto 0 }
.video-hero .mejs-overlay-button { background: 0 0 }
.video-hero video { -o-object-fit: cover; object-fit: cover; opacity: 0; height: 100%!important; width: 100%!important; -webkit-transition: opacity 3s; transition: opacity 3s }
.video-hero .hero-background { pointer-events: none; z-index: 1!important; background: #000 }
.video-hero .hero-background img { opacity: .65 }
.video-hero .hero-content-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; cursor: pointer }
.video-hero .hero-content-box h3 { margin-bottom: 1em }
.video-hero .hero-content-box .hero-content-box-text { display: block }
.video-hero .hero-content-box.left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left }
.video-hero .hero-content-box.center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center }
.video-hero .hero-content-box.right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right }

@media (max-width:677px) {
.video-hero .content-play-button { position: relative; top: -24px }
.video-hero .content-play-button.active, .video-hero .content-play-button.played { visibility: hidden }
.video-hero .hero-content-box .hero-content-box-inner { top: -40px; position: relative }
.video-hero .hero-content-box .hero-content-box-text { display: none }
.video-hero .hero-content-box { text-align: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important }
}
.video-hero .hero-content-box-mobile { display: none; position: absolute; bottom: 0; color: #fff; background: #000; padding: 20px; text-align: center; width: 100% }

@media (max-width:677px) {
.video-hero .hero-content-box-mobile { display: block }
}
.video-hero .hero-content-box-mobile .hero-content-box-text { display: block }
.cl-detail .video-hero .hero-content-box-mobile .cl-description, .cl-detail .video-hero .hero-content-box-mobile font, .story-carousel .video-hero .hero-content-box-mobile .story-content, .video-hero .hero-content-box-mobile .cl-detail .cl-description, .video-hero .hero-content-box-mobile .cl-detail font, .video-hero .hero-content-box-mobile .extf-content, .video-hero .hero-content-box-mobile .story-carousel .story-content, .video-hero .hero-content-box-mobile .support-area, .video-hero .hero-content-box-mobile p { margin: 0 auto }
.video-hero .hero-content-align { max-width: 100%; width: 100%; height: 100%; visibility: visible; -webkit-transition: all 3s; transition: all 3s; position: absolute; display: block }
.video-hero .hero-content-align.active { -webkit-transition: all 1.5s; transition: all 1.5s }
.video-hero .video-hero-bottom { display: block; position: absolute; width: 100%; overflow: hidden; left: 0; bottom: 24px; padding-bottom: 2px }

@media (max-width:768px) {
.video-hero .video-hero-bottom { bottom: 20px; padding-right: 0; max-width: 100% }
}
.video-hero .video-hero-bottom.youtube { bottom: 50px }
.video-hero .hero-ctas { position: initial; padding-right: 92px; width: 100%; margin-top: 0; text-align: center; display: none }

@media (min-width:677px) {
.video-hero .hero-ctas { display: block }
}
.video-hero .hero-ctas a { display: block }
.video-hero .hero-ctas.mobile { padding-left: 0; margin-top: 10px }

@media (max-width:677px) {
.video-hero .hero-ctas.mobile { display: block }
}
.video-hero .hero-ctas.mobile li { display: inline-block; margin-right: 10px }
.video-hero .hero-social { display: inline-block; float: left; position: relative; left: 20px; bottom: -6px }
.video-hero .hero-social a { color: #fff; border-bottom-color: #fff }

@media (max-width:768px) {
.video-hero .hero-social { display: block; float: none; position: relative; padding-left: 60px; max-width: 100%; left: 0; text-align: center }
.video-hero .hero-social li { display: inline-block; padding-right: 5px; max-width: 100px }
}

@media (max-width:677px) {
.video-hero .hero-social { padding-left: 0; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around }
.video-hero .hero-social li { width: auto }
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.interactive-timeline .vcc-timeline { background-color: #e8e8e8; font-family: 'Volvo Sans Regular', sans-serif; min-width: 290px; position: relative; overflow: hidden; font-size: 1em }
.interactive-timeline .vcc-timeline a:link, .interactive-timeline .vcc-timeline a:visited { text-decoration: none; border: 0 }
.interactive-timeline .vcc-timeline a:active, .interactive-timeline .vcc-timeline a:hover { text-decoration: none }
.interactive-timeline .vcc-timeline h2 { font-size: 30px; line-height: 33px; font-family: 'Volvo Sans Medium', sans-serif; font-weight: 400; margin-bottom: .1em }
.interactive-timeline .vcc-timeline h3 { font-family: 'Volvo Sans Regular', sans-serif; font-weight: lighter; font-size: 18px; line-height: 27px; letter-spacing: .05em; margin-bottom: .1em }
.interactive-timeline .vcc-timeline h3.item-data-head.none, .interactive-timeline .vcc-timeline h3.item-data-head.year .TLI-mount { display: none }
.interactive-timeline .vcc-timeline h4 { font-weight: 400; text-transform: none; letter-spacing: normal; margin-bottom: 0; font-family: 'Volvo Sans Regular', sans-serif }
.interactive-timeline .vcc-timeline .slider-wrapper { background-color: transparent!important }
.interactive-timeline .vcc-timeline .noSelect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.interactive-timeline .vcc-timeline .big-cover { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #222; z-index: 1 }
.interactive-timeline .vcc-timeline .video-play-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; left: -9999px; opacity: 0; position: relative; width: 60px; height: 60px; background-image: url(../icons/bigplay.png); background-repeat: no-repeat; display: inline-block; background-size: 100% }
.interactive-timeline .vcc-timeline .display-block-important { display: block!important }
.interactive-timeline .vcc-timeline .display-none-important { display: none!important }
.interactive-timeline .vcc-timeline .nibs-scroller { overflow: hidden; outline: 0 }
.interactive-timeline .vcc-timeline .nibs-scroller .nibs-innerScroll { padding: 0; margin: 0 }
.interactive-timeline .vcc-timeline .nibs-scroller .nibs-innerScroll.active { padding-right: 2em }
.interactive-timeline .vcc-timeline .nibs-trackbar { -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; opacity: .3 }
.interactive-timeline .vcc-timeline .nibs-trackbar:hover { opacity: 1 }
.interactive-timeline .vcc-timeline .nibs-trackbar-y { width: 7px }
.interactive-timeline .vcc-timeline .nibs-trackbar-thumb { -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; background-color: #373737; background-color: rgba(10,10,10,.5); border-radius: 10px }
.interactive-timeline .vcc-timeline .nibs-trackbar-thumb:hover { background-color: rgba(10,10,10,.7) }
.interactive-timeline .vcc-timeline.articleVisible .article .article-content { z-index: 1 }
.interactive-timeline .vcc-timeline.articleVisible .timline-control-wrapper .prev-next-btn { background-color: #afafaf; border-right: 1px solid #fff; color: #fff }
.interactive-timeline .vcc-timeline.articleVisible .blockGrid .gridBox { cursor: default }
.interactive-timeline .vcc-timeline.articleVisible .blockGrid .gridBox .video-play-button { z-index: 1 }
.interactive-timeline .vcc-timeline.expanded .article { display: block }
.interactive-timeline .vcc-timeline .closeArticle:link, .interactive-timeline .vcc-timeline .closeArticle:visited { color: #eee; text-decoration: none; position: absolute; left: 15px; top: 15px; font-size: calc(14px + .5vw); box-sizing: border-box; z-index: 1; -webkit-transition: color .5s ease-in-out; transition: color .5s ease-in-out }
.interactive-timeline .vcc-timeline .closeArticle:hover, .interactive-timeline .vcc-timeline .closeArticles:active { color: #fff; text-decoration: none }
.interactive-timeline .vcc-timeline .closeArticle.bluer:hover, .interactive-timeline .vcc-timeline .closeArticle.bluer:link, .interactive-timeline .vcc-timeline .closeArticle.bluer:visited, .interactive-timeline .vcc-timeline .closeArticle.bluers:active { color: #003057 }
.interactive-timeline .vcc-timeline .article { position: absolute; background-color: #4d4f53; color: #fff; width: 100%; top: 0; bottom: 100px; display: none }
.interactive-timeline .vcc-timeline .article.darker { background-color: #181819 }
.interactive-timeline .vcc-timeline .article.darker .nibs-trackbar-thumb { background-color: #fff; background-color: rgba(255,255,255,.5) }
.interactive-timeline .vcc-timeline .article.darker .nibs-trackbar-thumb:hover { background-color: rgba(255,255,255,.7) }
.interactive-timeline .vcc-timeline .article.lighter { background-color: #ececec; color: #003057 }
.interactive-timeline .vcc-timeline .article.lighter .nibs-trackbar-thumb { background-color: #fff; background-color: rgba(0,48,87,.5) }
.interactive-timeline .vcc-timeline .article.lighter .nibs-trackbar-thumb:hover { background-color: rgba(0,48,87,.7) }
.interactive-timeline .vcc-timeline .article .article-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content { text-align: center; color: inherit; margin: 0 4em; max-width: 640px }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content h2 { margin-bottom: .5em }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc { font-size: 16px; line-height: 24px; font-family: 'Volvo Sans Regular', sans-serif }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc .link-block { margin-top: 2em }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc .link-block a:link, .interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc .link-block a:visited { color: inherit; text-decoration: underline; text-transform: uppercase; display: block; margin-bottom: .2em; font-size: 12px; letter-spacing: .05em }
.interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc .link-block a:active, .interactive-timeline .vcc-timeline .article .article-content-wrapper .article-content .desc .link-block a:hover { color: inherit; text-decoration: underline }
.interactive-timeline .vcc-timeline .next-prev-articles .next-prev-article-wrapper { position: absolute; z-index: 1; left: 100%; top: 0; width: 100%; bottom: 100px; height: auto }
.interactive-timeline .vcc-timeline .next-prev-articles .next-prev-article-wrapper.prev-placed { left: -100% }
.interactive-timeline .vcc-timeline .next-prev-articles .next-prev-article-wrapper .gridBoxBg { position: absolute; right: 0; top: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.charts-v2, .interactive-timeline .vcc-timeline .blockGrid { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal }
.interactive-timeline .vcc-timeline .blockGrid { padding: 0; flex-direction: column }
.interactive-timeline .vcc-timeline .blockGrid .gridBox { width: 25%; float: left; box-sizing: border-box; position: absolute; cursor: pointer; overflow: hidden; background-color: #000 }
.interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxBg { background-color: #000; opacity: .7 }
.interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxSizeHelper { display: block; width: 100%; height: auto }
.interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxBg, .interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxInner { box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxBg .blockText, .interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxInner .blockText { margin-top: -2em; max-width: 85% }
.interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxBg .blockText .short_text, .interactive-timeline .vcc-timeline .blockGrid .gridBox .gridBoxInner .blockText .short_text { display: none; font-family: 'Volvo Sans Light', sans-serif; font-size: 16px; margin: 0 2vw; padding-top: 1em }
.interactive-timeline .vcc-timeline .timline-control-wrapper { background-color: #FFF; position: absolute; bottom: 0; left: 0; right: 0; height: 100px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .prev-next-btn { background-color: #fff; border-right: 1px solid #e8e8e8; color: #333; width: 55px; position: absolute; left: 0; height: 100%; cursor: pointer; font-size: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.interactive-timeline .vcc-timeline .timline-control-wrapper .prev-next-btn .fa-angle-right { margin-right: -2px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .prev-next-btn .fa-angle-left { margin-left: -2px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .prev-next-btn:hover { background-color: #676767; color: #fff }
.interactive-timeline .vcc-timeline .timline-control-wrapper .prev-next-btn.next-btn { left: auto; right: 0; border-left: 1px solid #e8e8e8; border-right: 0 }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content { height: 100%!important; position: absolute; left: 55px; right: 55px; width: auto; overflow: visible; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control .slider-handle, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .slider-handle { background-color: transparent }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control .slider-handle .play-head, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .slider-handle .play-head { width: 40px; height: 110px; background-image: url(../icons/playheadUp.png); background-repeat: no-repeat; display: inline-block; background-size: 100%; top: 50%; margin-top: -50px; margin-left: -5px; z-index: 1; position: absolute; background-position-y: -42px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control .slider-handle .play-head.down, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .slider-handle .play-head.down { background-image: url(../icons/playhead.png); background-position-y: 13px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control { left: 114px; right: 114px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner { width: 100%; height: 100%; overflow: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline { width: 100%; height: 100%; position: absolute }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .yearLine .dot, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .yearLine .dot { background-color: #d9d9d9; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-top: 6px; margin-left: 65px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .yearLine .dot.dot2, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .yearLine .dot.dot2 { float: right; margin-left: auto; margin-right: 65px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .yearLine .line, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .yearLine .line { background-color: #d9d9d9; display: block; height: 1px; position: absolute; left: 71px; top: 11px; right: 72px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label { height: 100%; color: inherit; margin-left: 1.2em; margin-right: 1.2em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50%; font-size: 16px; position: absolute; top: 50%; margin-top: -47px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label.right-label, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label.right-label { right: 0; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label .dirName, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label .labelText, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label .dirName, .interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label .labelText { font-size: 16px; font-weight: 400; margin-bottom: .2em }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline { margin-top: 100px; padding-top: 20px; background-color: #AFAFAF; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline { top: 50%; margin-top: -10px }
.interactive-timeline .vcc-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label { top: 50%; margin-top: -90px }

@media (max-height:800px) {
.interactive-timeline h2 { font-size: 30px!important; line-height: 33px!important }
.interactive-timeline h3 { font-size: 13px }
}

@media (max-height:400px) {
.interactive-timeline h2 { font-size: 22px!important; line-height: 27px!important }
.interactive-timeline h3 { font-size: 13px!important }
}

@media (max-width:735px) {
.interactive-timeline .article, .interactive-timeline .next-prev-articles .next-prev-article-wrapper { bottom: 80px }
.interactive-timeline h2 { font-size: 17px!important; line-height: 20px!important }
.interactive-timeline h3 { font-size: 13px!important }
.interactive-timeline .nibs-innerScroll.active { padding-right: 1.3em!important; margin-left: 1.3em!important }
.interactive-timeline .nibs-trackbar-y { width: 5px }
.interactive-timeline .article .article-content-wrapper { width: 100% }
.interactive-timeline .article .article-content-wrapper .article-content { max-width: 75vw!important; margin: 0 .5em }
.interactive-timeline .article .article-content-wrapper .article-content.desc { font-size: 14px!important; line-height: 21px!important }
.interactive-timeline .next-prev-articles .next-prev-article-wrapper .gridBoxBg { display: none!important }
.interactive-timeline .timline-control-wrapper { height: 80px }
.interactive-timeline .timline-control-wrapper .prev-next-btn { width: 47px }
.interactive-timeline .timline-control-wrapper .timline-control, .interactive-timeline .timline-control-wrapper .timline-control-content { left: 47px; right: 47px }
.interactive-timeline .timline-control-wrapper .timline-control .slider-handle .play-head, .interactive-timeline .timline-control-wrapper .timline-control-content .slider-handle .play-head { width: 30px; margin-top: -49px }
.interactive-timeline .timline-control-wrapper .timline-control { left: 107px; right: 97px }
.interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .yearLine .line, .interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .yearLine .line { top: 11px; left: 70px; right: 70px }
.interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label, .interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label { font-size: 13px; width: 48%; margin-top: -40px; box-sizing: border-box }
.interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline { margin-top: 80px; padding-top: 20px }
.interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .article-timeline .timeline-label { left: -9999px }
.interactive-timeline .timline-control-wrapper .timline-control-content .timline-control-content-inner .grid-timeline .timeline-label { margin-top: -70px }
}

@media (max-width:640px) {
.interactive-timeline .article .article-content-wrapper .article-content .desc { font-size: 14px!important; line-height: 21px!important }
.interactive-timeline .timline-control-content .timline-control-content-inner .timeline-label .dirName, .interactive-timeline .timline-control-content .timline-control-content-inner .timeline-label .labelText { font-size: 14px!important; margin-bottom: .2em!important }
}
@font-face { font-family: volvo-icons; src: url(../static/fonts/volvo-icons/volvo-icons.eot?v=220); src: url(../static/fonts/volvo-icons/volvo-icons.eot?v=220#iefix) format("eot"), url(../static/fonts/volvo-icons/volvo-icons.woff?v=220) format("woff"), url(../static/fonts/volvo-icons/volvo-icons.ttf?v=220) format("truetype"), url(../static/fonts/volvo-icons/volvo-icons.svg?v=220#volvo-icons) format("svg") }
.icon { font-family: volvo-icons!important; font-weight: 400; text-decoration: none; text-transform: none }
.icon-angle-down:before { content: "" }
.icon-angle-left:before { content: "" }
.icon-angle-right:before { content: "" }
.icon-angle-up:before { content: "" }
.icon-angle_down:before { content: "" }
.icon-angle_left:before { content: "" }
.icon-angle_right:before { content: "" }
.icon-angle_up:before { content: "" }
.icon-arrow:before { content: "" }
.icon-blog:before { content: "" }
.icon-blogger:before { content: "" }
.icon-buildyourown:before { content: "" }
.icon-buildyourown_large:before { content: "" }
.icon-calendar:before { content: "" }
.icon-car:before, .icon-new_car_inventory:before { content: "" }
.icon-checkmark:before { content: "" }
.icon-circle-open:before { content: "" }
.icon-circle:before { content: "" }
.icon-clock:before, .icon-schedule_service:before { content: "" }
.icon-close:before { content: "" }
.icon-cloud:before { content: "" }
.icon-companycar_large:before { content: "" }
.icon-compass:before { content: "" }
.icon-dajie:before { content: "" }
.icon-dashboard:before { content: "" }
.icon-deleteinput:before { content: "" }
.icon-douban:before { content: "" }
.icon-email-alt:before { content: "" }
.icon-email:before { content: "" }
.icon-email_large:before { content: "" }
.icon-emergencyhelp:before { content: "" }
.icon-emission:before { content: "" }
.icon-emission_large:before { content: "" }
.icon-excellenthandling:before { content: "" }
.icon-excellenthandling_large:before { content: "" }
.icon-facebook-alt:before { content: "" }
.icon-facebook:before { content: "" }
.icon-filter:before { content: "" }
.icon-finance:before { content: "" }
.icon-finance_large:before { content: "" }
.icon-fleetservice:before { content: "" }
.icon-fleetservice_large:before { content: "" }
.icon-fullscreen:before { content: "" }
.icon-getdirections:before { content: "" }
.icon-globe-blue:before, .icon-globe:before { content: "" }
.icon-googleplus:before { content: "" }
.icon-instagram:before { content: "" }
.icon-insurance:before { content: "" }
.icon-insurance_large:before { content: "" }
.icon-interior:before { content: "" }
.icon-interior_seat:before { content: "" }
.icon-linkedin:before { content: "" }
.icon-list:before { content: "" }
.icon-listview:before { content: "" }
.icon-login:before { content: "" }
.icon-mail:before { content: "" }
.icon-map-alt:before { content: "" }
.icon-map-alternate:before { content: "" }
.icon-map:before { content: "" }
.icon-mappin:before { content: "" }
.icon-mappin_checkmark:before { content: "" }
.icon-mappin_filled:before { content: "" }
.icon-mappin_fullyfilled:before { content: "" }
.icon-marker:before { content: "" }
.icon-marketselector:before { content: "" }
.icon-menu:before { content: "" }
.icon-minus:before { content: "" }
.icon-myvolvo:before { content: "" }
.icon-newsletter:before { content: "" }
.icon-newsletter_large:before { content: "" }
.icon-notebook:before { content: "" }
.icon-offer:before { content: "" }
.icon-offers_large:before { content: "" }
.icon-overlay:before { content: "" }
.icon-ownersmanual:before { content: "" }
.icon-ownersmanual_large:before { content: "" }
.icon-pinterest:before { content: "" }
.icon-plus:before { content: "" }
.icon-plus_circle:before { content: "" }
.icon-print:before { content: "" }
.icon-print_large:before { content: "" }
.icon-rain:before { content: "" }
.icon-reload:before { content: "" }
.icon-requestaquote:before { content: "" }
.icon-requestaquote_large:before { content: "" }
.icon-local_offers:before, .icon-requestquote-alt:before { content: "" }
.icon-requestquote:before { content: "" }
.icon-road:before { content: "" }
.icon-roadsideassistance:before { content: "" }
.icon-roadsideassistance_large:before { content: "" }
.icon-search:before { content: "" }
.icon-security:before { content: "" }
.icon-security_large:before { content: "" }
.icon-settings:before { content: "" }
.icon-smartphone:before { content: "" }
.icon-smartphone_large:before { content: "" }
.icon-snow:before { content: "" }
.icon-star:before { content: "" }
.icon-df:before, .icon-steeringwheel:before { content: "" }
.icon-sunshine:before { content: "" }
.icon-support:before { content: "" }
.icon-support_large:before { content: "" }
.icon-twitter:before { content: "" }
.icon-viewwebsite:before { content: "" }
.icon-vkontakte:before { content: "" }
.icon-warningtriangle:before { content: "" }
.icon-website:before { content: "" }
.icon-wechat:before { content: "" }
.icon-qqsp:before { content: "\f1d6" }
.icon-weibo:before { content: "" }
.icon-wifi:before { content: "" }
.icon-wifi_large:before { content: "" }
.icon-youku:before { content: "" }
.icon-youtube:before { content: "" }
.icon-z_download:before { content: "" }
.icon-z__acc-checkmark-circle:before { content: "" }
.icon-z__acc-chevron-down:before { content: "" }
.icon-z__acc-grid-view:before { content: "" }
.icon-z__acc-list-view:before { content: "" }
.icon-z__acc-pin-marker-transparent:before { content: "" }
.icon-z__acc-shopping-basket:before { content: "" }
.icon-z__acc-warning-triangle:before { content: "" }
.icon-globe-blue:before { position: relative; bottom: -2px; color: #bdd6e6 }
.icon-youku { font-size: 13px }
.inline-car { text-align: center }
.inline-car-suptitle { font-size: 16px; margin: 0 0 5px }
.inline-car-subtitle { margin: 0; font-size: 16px }
.inline-car-title { font-size: 32px }

@media screen and (min-width:481px) {
.inline-car-title { font-size: 40px }
}

@media screen and (min-width:769px) {
.inline-car-title { font-size: 54px }
}
.inline-car-actions { margin: 0 0 10px }
.inline-car-button { font-size: 16px }
.inline-car-button-link { font-size: 16px; margin: 0 0 0 10px }
.inline-car-widget { display: none }

@media screen and (min-width:481px) {
.inline-car-widget { display: inline-block; width: 100% }
}

@media screen and (min-width:769px) {
.inline-car-widget { width: 80%; margin-top: 14px }
}
.inline-car-widget-col { float: left; width: 33.333%; font-size: 18px; text-align: center }
.cl-detail .inline-car-widget-col .cl-description, .cl-detail .inline-car-widget-col font, .inline-car-widget-col .cl-detail .cl-description, .inline-car-widget-col .cl-detail font, .inline-car-widget-col .extf-content, .inline-car-widget-col .story-carousel .story-content, .inline-car-widget-col .support-area, .inline-car-widget-col p, .story-carousel .inline-car-widget-col .story-content { margin: 0 }
.inline-car-button-link { display: inline-block }
.inline-car-button-link a { border: 0 }

@media screen and (min-width:481px) and (max-width:769px) {
.inline-car-button-link { display: block }
}
.profile-header { margin-top: 8em; margin-bottom: 21px; text-align: center }
.is-content-after-nav .profile-header { margin-top: 0 }
.profile-header h4 { color: #5b7f95; margin: 14px }
.profile-header h2 { margin-bottom: 42px; padding: 0 14px }
.profile-back-button-container { text-align: center; margin-top: 1.3125em }
.profile-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto; border-top: 1px solid #bdd6e6; padding: 14px }
.profile-wrapper:after, .profile-wrapper:before { content: " "; display: table }
.profile { float: left; display: block; margin-right: 3.48259%; width: 100%; text-align: left; padding-bottom: 84px }
.profile:last-child { margin-right: 0 }
.profile h3 { margin-top: 42px; margin-bottom: 14px }

@media screen and (min-width:481px) {
.cl-detail .inline-car-widget-col .cl-description, .cl-detail .inline-car-widget-col font, .inline-car-widget-col .cl-detail .cl-description, .inline-car-widget-col .cl-detail font, .inline-car-widget-col .extf-content, .inline-car-widget-col .story-carousel .story-content, .inline-car-widget-col .support-area, .inline-car-widget-col p, .story-carousel .inline-car-widget-col .story-content { font-size: 14px }
.profile-wrapper { padding: 42px }
.profile { float: left; display: block; margin-right: 3.48259%; width: 82.7529% }
.profile:last-child { margin-right: 0 }
}

@media screen and (min-width:769px) {
.cl-detail .inline-car-widget-col .cl-description, .cl-detail .inline-car-widget-col font, .inline-car-widget-col .cl-detail .cl-description, .inline-car-widget-col .cl-detail font, .inline-car-widget-col .extf-content, .inline-car-widget-col .story-carousel .story-content, .inline-car-widget-col .support-area, .inline-car-widget-col p, .story-carousel .inline-car-widget-col .story-content { font-size: 18px }
.profile { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471%; padding-top: 42px }
.profile:last-child { margin-right: 0 }
}
#heritage-list { text-align: center }
#heritage-list h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#heritage-list .heritage-thumb { border: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb img { height: auto!important; margin: 5px 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta { padding: 0 }
.cl-list.heritage-news .cl-list-item .cl-list-info>li a { border-bottom: 0 }
.cl-list.heritage-news .cl-list-item .cl-list-info>li a:hover { border-bottom: 1px solid #003057 }
.cl-list.heritage-news .cl-list-item .cl-list-info>li span { display: inline-block; margin-top: .6em }
div[id^=heritage-news-] { padding-bottom: 0 }

@media screen and (min-width:481px) {
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb img { margin: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(1) { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(1):last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(2) { float: left; display: block; margin-right: 4.69799%; width: 65.10067% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(2):last-child { margin-right: 0 }
}

@media screen and (min-width:481px) and (max-width:769px) {
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item { padding: 14px }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info { float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info:last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(1) { float: left; display: block; margin-right: 3.48259%; width: 39.63516%; min-height: 30px }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(1):last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(2) { float: left; display: block; margin-right: 3.48259%; width: 56.88226% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li:nth-child(2):last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 56.88226%; margin-left: 43.11774%; text-align: left }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-cta:last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-cta a { margin: .5em 0 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-info>li span { display: inline-block; margin-bottom: 68px }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta { margin-top: -53px }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta a { margin: 0 }
}

@media screen and (min-width:769px) {
.cl-list.heritage-news .cl-list-item .cl-list-info>dt { float: left; display: block; margin-right: 4.69799%; width: 65.10067% }
.cl-list.heritage-news .cl-list-item .cl-list-info>dt:last-child { margin-right: 0 }
.cl-list.heritage-news .cl-list-item .cl-list-info>dd { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-list.heritage-news .cl-list-item .cl-list-info>dd:last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news { max-width: 60em; padding: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item { border-bottom: 0; padding: 20px 22px; position: relative }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item:last-child { border-bottom: 1px solid #bdd6e6 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info { float: left; display: block; margin-right: 3.48259%; width: 74.12935% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info:last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li { float: left; min-height: 50px }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-info>li>img { float: left; max-width: 100% }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item .cl-list-cta { padding: 0 10px 0 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-info>li:nth-child(2) { padding: 10px 0 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 22.38806%; padding-left: 3.48259%; position: absolute; top: 50%; right: 32px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta:last-child { margin-right: 0 }
.cl-wrapper.thumbs-on .cl-list.heritage-news .cl-list-item.has-thumb .cl-list-cta a { margin-left: 0 }
}
#itemList .items-list, #itemList .items-list .il-small, .innovations, .innovations .thumbnails a, .items-list, .items-list .il-medium, .items-list .il-small, .items-list .il-small .cta-button { position: relative }
.heritage-news-detail .cl-container, .heritage-news-detail .cl-list { max-width: 60em; padding: 40px }
.heritage-news-detail .cl-container .cl-detail .pubdate, .heritage-news-detail .cl-list .cl-detail .pubdate { margin-bottom: 1.5em }
.heritage-news-detail .cl-container .cl-detail img, .heritage-news-detail .cl-list .cl-detail img { height: auto }
.heritage-news-detail .cl-container .cl-detail .main-image, .heritage-news-detail .cl-list .cl-detail .main-image { max-width: 50%; margin-bottom: 1em }
.heritage-news-detail .cl-container .cl-detail .main-image.left, .heritage-news-detail .cl-list .cl-detail .main-image.left { float: left; margin-right: 2em }
.heritage-news-detail .cl-container .cl-detail .main-image.right, .heritage-news-detail .cl-list .cl-detail .main-image.right { float: right; margin-left: 2em }
.heritage-news-detail .cl-container .cl-detail .image-text, .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, serif; font-size: .9em; font-style: italic; line-height: 1.2em }
html[lang=ja-JP] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=ja-JP] .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", serif }
html[lang=zh-CN] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=zh-CN] .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, serif }
html[lang=zh-HK] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=zh-HK] .heritage-news-detail .cl-list .cl-detail .image-text, html[lang=zh-TW] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=zh-TW] .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "MHei 200", MHei, serif }
html[lang=th-TH] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=th-TH] .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, "Sukhumvit Set 200", "Sukhumvit Set", serif }
html[lang=ru-RU] .heritage-news-detail .cl-container .cl-detail .image-text, html[lang=ru-RU] .heritage-news-detail .cl-list .cl-detail .image-text { font-family: "Volvo Serif Regular", Georgia, Cambria, "Times New Roman", Times, Arial, Helvetica, serif }
.innovations .thumbnails .text-align span, .items-list .il-item .cta-button, .items-list .il-large .cta-button, .items-list .il-medium .cta-button, .items-list .il-small .cta-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; vertical-align: middle }

@media screen and (max-width:769px) {
.heritage-news-detail .cl-container, .heritage-news-detail .cl-list { max-width: 100%; padding: 40px 10px }
.heritage-news-detail .cl-container .cl-detail .main-image, .heritage-news-detail .cl-list .cl-detail .main-image { float: none; max-width: 100% }
.heritage-news-detail .cl-container .cl-detail .main-image.left, .heritage-news-detail .cl-list .cl-detail .main-image.left { margin-right: 0 }
.heritage-news-detail .cl-container .cl-detail .main-image.right, .heritage-news-detail .cl-list .cl-detail .main-image.right { margin-left: 0 }
}
.container, .items-list, .lt-regions { max-width: 79.125em }
.items-list { margin-left: auto; margin-right: auto; text-align: center }
.items-list:after, .items-list:before { content: " "; display: table }
.items-list .il-item, .items-list .il-large, .items-list .il-medium, .items-list .il-small { margin-bottom: 2em }
.items-list .il-item img, .items-list .il-large img, .items-list .il-medium img, .items-list .il-small img { width: 100%; height: auto; margin-bottom: 14px }
.items-list .il-item img.il-imagedefault, .items-list .il-large img.il-imagedefault, .items-list .il-medium img.il-imagedefault, .items-list .il-small img.il-imagedefault { width: auto!important; display: block; margin: 0 auto 14px }
.items-list .il-item h4, .items-list .il-large h4, .items-list .il-medium h4, .items-list .il-small h4 { margin-bottom: 14px }
.items-list .il-item h3, .items-list .il-large h3, .items-list .il-medium h3, .items-list .il-small h3 { text-transform: none; margin-bottom: 7px; font-size: 2em; letter-spacing: 0; line-height: 1.2em }

@media screen and (min-width:0) and (max-width:481px) {
.items-list .il-item h3, .items-list .il-large h3, .items-list .il-medium h3, .items-list .il-small h3 { font-size: 1.375em; line-height: 1em }
}

@media screen and (min-width:481px) and (max-width:769px) {
.items-list .il-item h3, .items-list .il-large h3, .items-list .il-medium h3, .items-list .il-small h3 { font-size: 1.375em; line-height: 1em }
}
.items-list .il-item .button, .items-list .il-large .button, .items-list .il-medium .button, .items-list .il-small .button { margin-left: 0; margin-right: 0; padding-left: 11%; padding-right: 11% }
.items-list .il-item .cta-button, .items-list .il-large .cta-button, .items-list .il-medium .cta-button, .items-list .il-small .cta-button { display: inline-block; border: 1px solid #003057; letter-spacing: .125em; -moz-user-select: none; padding: 13px 10px 11px; line-height: 1.5; margin: .4375em; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; outline: 0; word-wrap: break-word!important }
.support-area, .v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-colmid:first-child { word-wrap: break-word }
.items-list .il-item .cta-button:hover, .items-list .il-large .cta-button:hover, .items-list .il-medium .cta-button:hover, .items-list .il-small .cta-button:hover { color: #fff; border-color: #003057; background-color: #003057 }
.items-list .il-left { text-align: left }
.items-list .il-center { text-align: center }
.items-list .il-right { text-align: right }

@media screen and (min-width:0) and (max-width:481px) {
.items-list .il-medium:last-child, .items-list .il-medium:nth-child(2n), .items-list .il-small:last-child, .items-list .il-small:nth-child(2n) { margin-right: 0 }
.items-list .il-medium:nth-child(2n+1), .items-list .il-small:nth-child(2n+1) { clear: left }
.items-list-wrapper { padding-left: .875em; padding-right: .875em; padding-bottom: 1.25em }
.items-list .il-item:last-child, .items-list .il-large:last-child, .items-list .il-medium:last-child, .items-list .il-small:last-child { margin-bottom: 1.875em }
.items-list .il-item, .items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 100% }
.items-list .il-item:last-child, .items-list .il-large:last-child { margin-right: 0 }
.cl-detail .items-list .cl-description, .cl-detail .items-list font, .items-list .cl-detail .cl-description, .items-list .cl-detail font, .items-list .extf-content, .items-list .story-carousel .story-content, .items-list .support-area, .items-list p, .story-carousel .items-list .story-content { line-height: 1.2em; font-size: 14px }
.items-list .il-medium, .items-list .il-small { float: left; display: block; margin-right: 0; width: 100% }
}

@media screen and (min-width:481px) and (max-width:769px) {
.items-list-wrapper { padding-left: 2.625em; padding-right: 2.625em; padding-bottom: 2.5em }
.items-list .il-item:last-child, .items-list .il-large:last-child, .items-list .il-medium:last-child, .items-list .il-small:last-child { margin-bottom: 2.8125em }
.items-list .il-medium, .items-list .il-small { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.items-list .il-medium:last-child, .items-list .il-medium:nth-child(3n), .items-list .il-small:last-child, .items-list .il-small:nth-child(3n) { margin-right: 0 }
.items-list .il-medium:nth-child(3n+1), .items-list .il-small:nth-child(3n+1) { clear: left }
.items-list .il-item, .items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.items-list .il-item:last-child, .items-list .il-large:last-child { margin-right: 0 }
.items-list .il-item:nth-child(odd), .items-list .il-large:nth-child(odd) { margin-left: 17.2471% }
}

@media screen and (min-width:769px) {
.items-list .il-medium:nth-child(3n+1), .items-list .il-small:nth-child(4n+1) {  }
.items-list-wrapper { padding-left: 2.625em; padding-right: 2.625em; padding-bottom: 3.75em }
.items-list .il-item:last-child, .items-list .il-large:last-child, .items-list .il-medium:last-child, .items-list .il-small:last-child { margin-bottom: 5.9375em }
.items-list .il-small { float: left; margin-right:1%; width: 24% }
.items-list .il-small:last-child, .items-list .il-small:nth-child(4n) { margin-right: 0 }
.items-list .il-medium { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.items-list .il-medium:last-child, .items-list .il-medium:nth-child(3n) { margin-right: 0 }
.items-list .il-item, .items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.items-list .il-item:last-child, .items-list .il-large:last-child { margin-right: 0 }
.items-list .il-item:nth-child(odd), .items-list .il-large:nth-child(odd) { margin-left: 17.2471% }
}
.innovations-header:after, .lt-ie9 .items-list-wrapper, .lt-regions:after { clear: both }
.lt-ie9 .items-list .il-large, .lt-ie9 .items-list .il-medium, .lt-ie9 .items-list .il-small { margin-right: 2% }
.items-list .il-small .cta-button { bottom: 0; left: 0 }
.items-list .il-medium h4 { word-break: break-word }
.items-list .il-medium .cta-button { position: relative; bottom: 0; left: 0 }
.items-list-wrapper ul li:last-child { margin-bottom: 0!important }
.items-list-wrapper .items-list .il-medium .cta-button { word-break: break-word!important }

@media screen and (min-width:768px) {
.items-list-wrapper.theme-light.component .extf-body { padding-top: 3em }
}

@media screen and (max-width:767px) {
.items-list-wrapper .extf-body { padding-top: 3em }
.items-list-wrapper.theme-light.component .extf-body { padding-top: 6em }
}
#co2-exterior-feature-one-1 .extf-body { padding-top: 3em }

@media screen and (min-width:481px) {
.extf-body h2 { font-size: 2.5em!important; line-height: 1.2em }
}

@media screen and (min-width:768px) {
.extf-body h2 { font-size: 3.375em!important; line-height: 1.2em }
}

@media screen and (max-width:480px) {
.extf-body h2 { font-size: 2em!important; line-height: 1.2em; margin-bottom: 17px }
}
#itemList .items-list { width: 100% }
.innovations { overflow: hidden; padding-bottom: 0 }
.innovations .thumbnails li { display: block; width: 33.33333%; float: left }
.innovations .thumbnails a { width: 101%; height: 0; padding-bottom: 56.25%; overflow: hidden; display: block }
html.no-scroll, html.no-scroll body { overflow: hidden!important }
.innovations .thumbnails a .mask { opacity: .5; filter: alpha(opacity=50) }
.innovations .thumbnails img { position: absolute; top: 0; left: 0; width: 100%; height: 101% }
.innovations .thumbnails .text { position: absolute; width: 100%; height: 100%; z-index: 500 }
.innovations .thumbnails .text-align { display: table; height: 100%; width: 100% }
.innovations .thumbnails .text-align span { display: table-cell; font-size: 12px; color: #fff; text-align: center; text-transform: uppercase }
html[lang=ja-JP] .innovations .thumbnails .text-align span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .innovations .thumbnails .text-align span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .innovations .thumbnails .text-align span, html[lang=zh-TW] .innovations .thumbnails .text-align span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .innovations .thumbnails .text-align span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .innovations .thumbnails .text-align span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.innovations .thumbnails .text-align span { font-size: 16px }
}
.innovations.theme-dark { padding-bottom: 0 }
.innovations-header { max-width: 79.125em; margin-left: auto; margin-right: auto; padding: 0 14px 1.25em }
.innovations-header:after, .innovations-header:before { content: " "; display: table }
.cl-detail .innovations-header .cl-description, .cl-detail .innovations-header font, .innovations-header .cl-detail .cl-description, .innovations-header .cl-detail font, .innovations-header .extf-content, .innovations-header .story-carousel .story-content, .innovations-header .support-area, .innovations-header p, .story-carousel .innovations-header .story-content { text-align: center; margin-left: auto; margin-right: auto }
.innovations-header h3 { font-size: 3em; line-height: .9em; text-align: center; float: left; display: block; margin-right: 3.48259%; width: 100% }
.innovations-header h3:last-child { margin-right: 0 }

@media screen and (min-width:481px) {
.innovations-header { padding-bottom: 1.875em }
.innovations-header h3 { float: left; display: block; margin-right: 3.48259%; width: 100%; font-size: 4.375em }
.innovations-header h3:last-child { margin-right: 0 }
}

@media screen and (min-width:769px) {
.innovations-header { padding-bottom: 3.95833em }
.innovations-header h3 { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471%; font-size: 5em }
.innovations-header h3:last-child { margin-right: 0 }
html[lang=ja-JP] .innovations-header h3 { font-size: 3em }
}
.is-page-editor .innovations .thumbnails .mask, .lt-background-container { display: none }
.is-page-editor .innovations .thumbnails li { min-height: 80px }
.is-page-editor .innovations .thumbnails img.scEmptyImage { width: auto; height: auto; top: 50%; left: 50% }
.nav, .nav-logo { left: 0; right: 0 }
.lt-language-wrapper, .lt-regions-wrapper { text-align: center; padding: 14px }
.lt-background { position: absolute; min-width: 100%; bottom: 0; z-index: -1 }
.container, .content { position: relative }
.lt-header { margin-bottom: 70px }
.lt-title { line-height: 1em; margin: 30px 0 10px }
.lt-region, .lt-region-name h4 { margin-bottom: 1.3125em }
.lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0; margin-top: 1em }
html[lang=ja-JP] .lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .lt-subtitle, html[lang=zh-TW] .lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .lt-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.lt-back-link, .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.lt-logo { display: inline-block; border: 0 }
.lt-ie9 .lt-logo { display: inline }
.lt-regions { margin-left: auto; margin-right: auto; text-align: left }
.lt-regions:after, .lt-regions:before { content: " "; display: table }
.lt-region-name h4 { font-size: 1em }
.lt-region-name .icon { margin-top: 6px; float: right; line-height: 1 }
a.lt-region-name:active { color: #003057 }
.nav-list-item:focus, .nav-list-item:hover, .subnav-item:focus, .subnav-item:hover { color: #fff }
.lt-country-link { border: 0; letter-spacing: 0 }
.lt-language-link { display: block; height: 100% }
.lt-back-link { text-transform: uppercase }
html[lang=ja-JP] .lt-back-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .lt-back-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .lt-back-link, html[lang=zh-TW] .lt-back-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .lt-back-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .lt-back-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.tabs-small { font-size: 0; margin-bottom: 42px }
.tab-small { display: block; white-space: nowrap; font-size: 18px; margin-left: -1px }
.tab-small .button { margin: -1px 0 0 }

@media screen and (min-width:481px) {
.lt-language-wrapper, .lt-regions-wrapper { padding: 42px }
.lt-region-toggle .icon { display: none }
.lt-region { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.lt-region:last-child, .lt-region:nth-child(4n) { margin-right: 0 }
.lt-region:nth-child(4n+1) { clear: left }
.lt-countries>li { margin: 0 0 4px }
.tab-small { display: inline-block }
.tab-small .button { margin: 0 }
}

@media screen and (min-width:769px) {
.lt-region { float: left; display: block; margin-right: 3.48259%; width: 13.76451% }
.lt-region:last-child, .lt-region:nth-child(4n) { margin-right: 0 }
.lt-region:nth-child(4n+1) { clear: left }
.lt-region.lt-region-wide { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.lt-region.lt-region-wide:last-child { margin-right: 0 }
.lt-region.lt-region-wide .lt-countries { float: left; display: block; margin-right: 7.21649%; width: 28.52234% }
.lt-region.lt-region-wide .lt-countries:last-child { margin-right: 0 }
}
.container:after, .container:before, .nav:after, .nav:before { content: " "; display: table }
.lt-ie9 .lt-region { margin-right: 2.3%!important }
.lt-ie9 .lt-region-wide.lt-region .lt-countries { margin-right: 4.5%!important }
html.no-scroll { height: 100%; width: 100% }
body { background-color: #ECECEC }
.lt-ie9 .nav, .nav { background-color:#EF7B16 }
.container { margin-left: auto; margin-right: auto }
.container:after { clear: both }
.content-area { padding: 40px }
html.is-page-editor .scInsertionHandle, html.is-page-editor .scInsertionHandle * { box-sizing: content-box }
.icon-nav .scroll li, .lt-ie9 .story-accordion * { box-sizing: border-box }
html.is-page-editor .scChromeControls a { border: none }
#volvo { -webkit-transition: padding-top, .3s; transition: padding-top, .3s }
.is-content-after-nav #volvo { padding-top: 50px }

@media screen and (min-width:481px) {
html.no-scroll body { height: auto; width: auto; overflow: visible }
.is-content-after-nav #volvo { padding-top: 70px }
}
.has-notifications #volvo { padding-top: 95px }
.scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px }
.nav { position: fixed; top: 0; height: 50px; bottom: auto; z-index: 1000; -webkit-transition: background-color 150ms ease-in; transition: background-color 150ms ease-in; font-size: 16px }
.nav:after { clear: both }
.lt-ie9 .nav { height: 70px }
.nav-logo { position: absolute; display: inline-block; top: 7px; bottom: 7px; text-align: center; border-bottom: none; height: 36px }
.nav-logo>img { max-height: 100%; max-width: none }
.nav-list-prim { float: left; visibility: hidden }
.nav-list-sec { float: right }
.nav-list-item, .subnav-item { position: relative; height: 50px; padding-left: 15px; padding-right: 15px; line-height: 50px; color: #fff; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in; text-transform: uppercase; border-bottom: 0; display: none }
.nav-list-icon.subnav-item, .nav-list-item.nav-list-icon { padding-right: 42px }
.nav-list-icon.subnav-item>.icon, .nav-list-item.nav-list-icon>.icon { position: absolute; right: 5px; font-size: 30px }
.nav-list-item.on:after, .nav-list-item:hover:after, .on.subnav-item:after, .subnav-item:hover:after { position: absolute; height: 2px; left: 15px; right: 15px; bottom: 0; content: "" }
.nav-list-item-search { display: block }
.is-icon.subnav-item, .is-icon.subnav-item .icon-menu, .nav-list-item.is-icon, .nav-list-item.is-icon .icon-menu { display: inline-block }
.nav-list-item:hover:after, .subnav-item:hover:after { background-color: #fff }
.nav-list-item.on, .on.subnav-item { color: #003057 }
.nav-list-item.on:after, .on.subnav-item:after { background-color: #003057 }
.is-icon.subnav-item:after, .nav-list-item.is-icon:after { background: 0 0!important }
.is-icon.subnav-item .icon-close, .is-icon.subnav-item .menu-nav, .nav-list-item.is-icon .icon-close, .nav-list-item.is-icon .menu-nav { display: none }
.lt-ie9 .nav-list-item, .lt-ie9 .subnav-item { height: 70px; line-height: 70px; display: inline-block }
.lt-ie9 .is-menu.subnav-item, .lt-ie9 .nav-list-item.is-menu { display: none }

@media screen and (min-width:540px) {
.nav { height: 70px }
.nav-logo { top: 10px; bottom: 9px; height: 51px }
.nav-list-item, .subnav-item { height: 70px; line-height: 70px; padding-left: 42px; padding-right: 42px }
}

@media screen and (min-width:960px) {
.nav-drop-on body>.content { position: relative; top: 0; bottom: 0; left: 0; right: 0; overflow-y: hidden }
.nav-drop-on .nav, .nav-drop-on .nav-logo { padding-right: 17px }
.nav-list-item, .subnav-item { padding-left: 15px; padding-right: 15px; display: inline-block }
.is-menu.subnav-item, .nav-list-item.is-menu { display: none }
}

@media screen and (min-width:79.125em) {
.nav-list-sec .nav-list-item:last-child, .nav-list-sec .subnav-item:last-child { padding-right: 40px }
.nav-list-sec .nav-list-item:last-child:hover:after, .nav-list-sec .subnav-item:last-child:hover:after { right: 40px }
.nav-list-item, .subnav-item { float: left }
.nav-list-item-first { padding-left: 40px }
}
.is-nav-transparent .nav { background-color: transparent!important }
.is-car-config .nav { position: absolute; left: 0; top: 0 }
.nav.force-sticky-nav { position: fixed; top: 0; bottom: 0; left: 0; right: 0 }

@media screen and (max-width:960px) {
.nav-drop-on { overflow: hidden }
}
.nav-drop-on .nav { background-color: #f6f6f6!important; -webkit-transition: background-color 150ms ease-in; transition: background-color 150ms ease-in }
.nav-drop-on .nav-list-item.on:after, .nav-drop-on .nav-list-item:hover:after, .nav-drop-on .on.subnav-item:after, .nav-drop-on .subnav-item:hover:after { height: 2px; left: 15px; right: 15px; bottom: 0; content: ""; background-color: #003057; position: absolute }
.nav-drop-on .nav-list-item, .nav-drop-on .subnav-item { color:#EF7B16; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in }
.nav-drop-on .nav-list-item.on, .nav-drop-on .nav-list-item:hover, .nav-drop-on .on.subnav-item, .nav-drop-on .subnav-item:hover { color:#EF7B16}

@media screen and (min-width:0) and (max-width:481px) {
.is-icon.subnav-item .icon-close, .is-icon.subnav-item .icon-menu, .nav-list-item.is-icon .icon-close, .nav-list-item.is-icon .icon-menu { display: none }
.is-icon.subnav-item .menu-nav, .nav-list-item.is-icon .menu-nav { display: inline-block; font-style: normal; font-family: "Volvo Sans Light"; font-size: 17px; text-transform: none }
}
.force-mobile .nav .nav-list-item, .force-mobile .nav .subnav-item { display: none!important }
.force-mobile .nav .is-icon.subnav-item, .force-mobile .nav .nav-list-item.is-icon { display: inline-block!important }
.force-mobile.nav-drop-on .content { position: absolute }

@media screen and (min-width:540px) {
.is-subnav-fixed .nav { position: absolute }
.nav-drop-on .nav { position: fixed }
}
.is-subnav-fixed.is-subnav-fixed-on .subnav { position: fixed; top: 0 }

@media screen and (min-width:1140px) {
.is-subnav-fixed.is-subnav-fixed-on.has-notifications .subnav { top: 95px }
}
.is-subnav-fixed.is-subnav-fixed-on.lt-ie9 .subnav { background-color: #161618 }

@media screen and (min-width:0) and (max-width:540px) {
.is-subnav-fixed.is-subnav-fixed-on .subnav { display: none }
.notification-dropdown { display: block; position: absolute; right: 0; float: right }
}

@media screen and (min-width:540px) and (max-width:960px) {
.notification-dropdown { display: block; position: absolute; right: 0; float: right }
}
#instantSearch .icon-search { left: 19px }
.content.menuopen { position: fixed }

@media screen and (min-width:1025px) {
#New-Main-Navigation { display: block }
#Main-Navigation #nav { display: none }
#Main-Navigation #instantSearch .separator { right: 54px }
#Main-Navigation #instantSearch .icon-search { left: 14px }
#Main-Navigation #instantSearch form input { font-family: "Volvo Sans Light"; font-size: 18px; color: #414146; letter-spacing: .05em }
}
.is-subnav-fixed-on .primary-navigation-bar { position: absolute }
@-webkit-keyframes build {
16.65% {
-webkit-transform:translateX(6px);
transform:translateX(6px)
}
33.3% {
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
49.95% {
-webkit-transform:translateX(4px);
transform:translateX(4px)
}
66.6% {
-webkit-transform:translateX(-2px);
transform:translateX(-2px)
}
83.25% {
-webkit-transform:translateX(1px);
transform:translateX(1px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes arrow-shake {
16.65% {
-webkit-transform:translateX(6px);
transform:translateX(6px)
}
33.3% {
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
49.95% {
-webkit-transform:translateX(4px);
transform:translateX(4px)
}
66.6% {
-webkit-transform:translateX(-2px);
transform:translateX(-2px)
}
83.25% {
-webkit-transform:translateX(1px);
transform:translateX(1px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes arrow-shake {
16.65% {
-webkit-transform:translateX(6px);
transform:translateX(6px)
}
33.3% {
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
49.95% {
-webkit-transform:translateX(4px);
transform:translateX(4px)
}
66.6% {
-webkit-transform:translateX(-2px);
transform:translateX(-2px)
}
83.25% {
-webkit-transform:translateX(1px);
transform:translateX(1px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes build-explore {
50% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes build-explore {
50% {
-webkit-transform:scale(.8);
transform:scale(.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.new-main-menu-overflow { overflow-x: hidden; overflow-y: scroll }
.new-main-menu-overflow .shop-separator { left: 74%!important }
.primary-navigation-bar { width: 100%; height: 80px; display: block; background-color: #fff; position: fixed; z-index: 999; top: 0 }
.primary-navigation-bar .left-menu-block { float: left; text-align: left; padding: 25px 0 0 30px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title { padding: 0 0 25px; color: #161618; line-height: 27px; font-family: "Volvo Sans Light"; display: inline-block; width: 100%; letter-spacing: .05em; text-transform: capitalize; margin-right: 5px; cursor: pointer; position: relative; text-align: center }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title span { position: absolute; bottom: -4px; left: 0; width: 0; height: 3px; -webkit-transition: all .6s; transition: all .6s; background: #2b7bcd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title:hover span { width: 100%; margin: 0 auto }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content { width: 100%; height: auto; position: absolute; padding: 0; background-color: #fafafa; display: none; left: 0; top: 80px; z-index: 99999 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap { display: block; margin: 0 auto; width: 85% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop { padding: 0 0 30px; float: left; width: 20% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .cars-drop-down-titles { width: 100%; padding: 0 7% 0 0; height: 36px; margin-bottom: 1.3125em }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .cars-drop-down-titles .car-class { font-family: "Volvo Sans Light"; font-size: 20px; text-transform: capitalize; color: #000; letter-spacing: .05em }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .cars-drop-down-titles .car-subtext { font-family: "Volvo Sans Light"; font-size: 16px; text-transform: capitalize; color: #414146; letter-spacing: .025em; line-height: 25px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec { padding: 20px 0 0; width: 100%; margin-bottom: 67px; height: 122px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-title { position: relative }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-title a { font-family: Volvo Broad; font-size: 36px; letter-spacing: .025em; line-height: 25px; color: #161618; border-bottom: none }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-title .sub-text { font-family: "Volvo Sans Light"; font-size: 14px; color: #414146; letter-spacing: .024em; text-transform: uppercase; width: 70px; line-height: .94em; position: absolute; margin-left: 5px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-title .sup-text { font-family: "Volvo Sans Light"; font-size: 14px; color: #414146; letter-spacing: .024em; text-transform: uppercase; width: 33px; line-height: .94em; margin-right: 5px; float: left }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-image { width: 100%; overflow: hidden; padding: 15px 0 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-price { font-family: "Volvo Sans Light"; font-size: 14px; text-transform: capitalize; color: #414146; letter-spacing: .024em; line-height: 27px; margin-top: 12px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .car-price .car-price-color { color: #007bcd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore { font-family: "Volvo Sans Light"; font-size: 14px; color: #414146; letter-spacing: .024em; line-height: 27px; display: none; margin-top: 12px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore .build-explore-title { display: inline-block; -webkit-transition-duration: .3s; transition-duration: .3s; margin: 0 0 0 20px; cursor: pointer; position: relative; padding-right: 10px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore .build-explore-title a { text-decoration: none; color: #414146; border-bottom: none }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore .build-explore-title:after { font-family: volvo-icons; font-size: 18px; content: '\E003'; color: #2b7bcd; vertical-align: -4px; position: absolute; -webkit-transform: translateZ(0); transform: translateZ(0); margin-left: 10px; margin-top: -1px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore .build-explore-title:active { -webkit-animation-name: build-explore; animation-name: build-explore; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop .car-spec .build-explore .build-explore-title:hover:after { -webkit-animation-name: arrow-shake; animation-name: arrow-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop:first-child { padding: 0 0 30px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .car-wrap .cars-drop:nth-last-child(3) { border-bottom: 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group { float: left; padding: 0 0 30px 1.5%; width: 20% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right { width: 100%; margin-bottom: 22px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-title { font-family: "Volvo Sans Light"; font-size: 22px; letter-spacing: 0; margin-bottom: 20px; color: #161618 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-menu-item { font-family: "Volvo Sans Light"; font-size: 18px; letter-spacing: 0; line-height: 40px; color: #161618; cursor: pointer }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-menu-item a { text-decoration: none; color: #000; font-size: 16px; border-bottom: none }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-menu-item:after { font-family: volvo-icons; font-size: 18px; content: '\E003'; color: #2b7bcd; vertical-align: -3px; margin-left: 2px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-menu-item:hover:after { margin-left: 10px; -webkit-transition: ease-in .3s; transition: ease-in .3s }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .select-menu-right-group .select-menu-right .right-tools-menu-item:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap { float: left; width: 78% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap { width: 100%; margin-bottom: 3% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-title { font-family: "Volvo Sans Light"; font-size: 22px; letter-spacing: .05em; color: #000; padding: 0 0 20px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap { width: 31%; float: left; margin-right: 2.3% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-image img { width: 100% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-desc { font-size: 18px; letter-spacing: 0; color: #161618; font-family: "Volvo Sans Light"; padding: 10px 0 0; -webkit-transition-duration: .3s; transition-duration: .3s; display: inline-block }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-desc a { text-decoration: none; color: #161618; float: left; border: 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-desc:after { font-family: volvo-icons; font-size: 18px; content: '\E003'; color: #2b7bcd; vertical-align: -2px; margin-left: 10px; position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0) }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-desc:hover:after { -webkit-animation-name: arrow-shake; animation-name: arrow-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-desc:active { -webkit-animation-name: build-explore; animation-name: build-explore; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap .own-about-wrap .own-about-info-block .own-about-info-text { font-family: "Volvo Sans Light"; font-size: 13px; letter-spacing: 0; color: #161618; padding: 10px 0 0; clear: both }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four { width: 100%; margin-bottom: 3% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-title-four { font-family: "Volvo Sans Light"; font-size: 22px; letter-spacing: 50; color: #000; padding: 0 0 20px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four { width: 23%; float: left; margin-right: 2% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-image-four img { width: 100% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-desc-four { font-size: 18px; letter-spacing: 0; color: #161618; font-family: "Volvo Sans Light"; padding: 10px 0 0; -webkit-transition-duration: .3s; transition-duration: .3s; display: inline-block }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-desc-four a { text-decoration: none; color: #161618; float: left; border: 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-desc-four:after { font-family: volvo-icons; font-size: 18px; content: '\E003'; color: #2b7bcd; vertical-align: -2px; margin-left: 10px; position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0) }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-desc-four:hover:after { -webkit-animation-name: arrow-shake; animation-name: arrow-shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-desc-four:active { -webkit-animation-name: build-explore; animation-name: build-explore; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .main-own-about-wrap .own-about-content-wrap-four .own-about-wrap-four .own-about-info-block-four .own-about-info-text-four { font-family: "Volvo Sans Light"; font-size: 13px; letter-spacing: 0; color: #161618; padding: 10px 0 0; clear: both }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .shop-separator { float: left; background: #e7e7e7; width: 1px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-down { display: inline-block; cursor: pointer; position: relative }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-down:before { font-size: 18px; content: '\E001'; font-family: volvo-icons; vertical-align: -7px; color: #2b7bcd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-up { display: inline-block; cursor: pointer; position: relative }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-up:before { font-size: 18px; content: '\E004'; font-family: volvo-icons; vertical-align: -7px; color: #2b7bcd }
.primary-navigation-bar .right-menu-block .nav-search a, .primary-navigation-bar .right-menu-block .right-menu-title a { color: #161618; font-family: "Volvo Sans Light"; border-bottom: 0; text-decoration: none }
.primary-navigation-bar .left-menu-block .primary-nav-wrap:first-child { margin-left: 0 }
.primary-navigation-bar .logo-block { width: 100%; left: 0; right: 0; position: absolute; display: inline-block; text-align: center }
.primary-navigation-bar .logo-block .logo-container { width: 81px; height: 81px; margin: 0 auto; padding: 12px }
.primary-navigation-bar .logo-block .logo-container a { border-bottom: 0 }
.primary-navigation-bar .right-menu-block { float: right; text-align: right }
.primary-navigation-bar .right-menu-block .right-menu-title { padding: 25px 0; display: inline-block; line-height: 27px; cursor: pointer; position: relative; margin-right: 30px }
.primary-navigation-bar .right-menu-block .right-menu-title span { position: absolute; bottom: -5px; left: 0; width: 0; height: 3px; -webkit-transition: all .6s; transition: all .6s; background: #007bcd }
.primary-navigation-bar .right-menu-block .right-menu-title:hover span { width: 100%; margin: 0 auto }
.primary-navigation-bar .right-menu-block .nav-search { display: block; position: relative; padding: 0 30px; height: 80px; cursor: pointer; float: left; border-left: 1px solid #e7e7e7 }
.primary-navigation-bar .right-menu-block .nav-search a { font-size: 18px; vertical-align: -4px }
.primary-navigation-bar .nav-active-class { border-bottom: 3px solid #007bcd; color: #7c7b7b!important }
.primary-navigation-bar .nav-active-class span { display: inherit }
#Main-Navigation.v2nav-mob, .linkExtra-sub-cat, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title span, .primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title span, .primary-navigation-bar .right-menu-block .right-menu-title span { display: none }
.primary-navigation-bar .close-drop-down { right: 30px; top: 20px; position: absolute; cursor: pointer }
.primary-navigation-bar .close-drop-down:before { font-size: 18px; content: '\E014'; font-family: volvo-icons; color: #161618 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title, .primary-navigation-bar .right-menu-block .right-menu-title { font-size: 16px }
.V2nav-search #instantSearch, .v2new-navigation .v2nav-list .car-class { font-family: "Volvo Sans Light" }
html[lang=fr-ca] .v2new-navigation .v2nav-list .build-explore { width: 100% }
.is-icon.subnav-item .icon-menu, .nav-list-item.is-icon .icon-menu { padding-left: 15px }
.primary-navigation-bar { border-bottom: 1px solid #ddd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap:hover, .primary-navigation-bar .right-menu-block .right-menu-title:hover { border-bottom: 3px solid #2b7bcd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap { margin-left: 0; margin-right: 20px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content { padding: 55px 80px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content.v2newnav { background-color: #fff }
.primary-navigation-bar .v2newnav .close-drop-down { top: 60px }
.dealer-locator .dealer-locator-form .form-content { padding-top: 20px }
.V2nav-search #instantSearch .inner form .button-customsearch { width: inherit }
.V2nav-search .separator { right: 54px }
.new-subnav-bar .sub-nav-wrap .cta-right-menu { margin-left: 20px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation { padding-right: 12px; margin-right: 0 }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation:last-child { border-bottom: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation:hover, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation:last-child:hover { border-bottom: 3px solid #fff }
.gssb_a { padding: 0!important }
.v2new-navigation .v2nav-container:after, .v2new-navigation .v2nav-container:before, .v2new-navigation .v2nav-inner:after, .v2new-navigation .v2nav-inner:before { display: table; content: " " }
.v2nav-inner .v2nav-left-mid { width: 100%; overflow: hidden; float: left }
.v2nav-left-mid .v2nav-title { float: left; width: 14%; overflow: hidden; margin-right: 20px; word-wrap: break-word }
.v2nav-left-fullWth .v2nav-left-mid .v2nav-left-midcont { float: left; width: 84% }
.v2nav-cont-left .v2nav-left-mid .v2nav-left-midcont { float: left; width: 83% }
.v2new-navigation.v2new-about-wrap { padding-top: 20px }
.v2new-navigation.v2new-about-wrap .v2nav-list { border-bottom: none; margin-bottom: 39px }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left { margin-right: 40px }
.v2nav-border-off { border-bottom: none!important }
.v2nav-inner.cars-drop.v2nav-left-mid { border-bottom: 1px solid #ddd; margin-bottom: 28px }
.v2nav-inner.cars-drop.v2nav-left-mid:last-child, .v2new-navigation .v2nav-list:last-child { border-bottom: none }
.v2new-navigation .v2nav-list .car-class { font-size: 20px; text-transform: capitalize; color: #161618; letter-spacing: 0 }
.v2new-navigation .v2nav-list .v2nav-car-title { font-family: Volvo Broad; font-size: 30px; letter-spacing: 0; line-height: 25px; color: #161618; border-bottom: none; float: left }
.v2new-navigation .v2nav-list .v2nav-car-title a { font-family: Volvo Broad; font-size: 30px; letter-spacing: 0; line-height: 25px; color: #161618; border-bottom: none }
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text, .v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { font-size: 12px; text-transform: uppercase; line-height: 12.5px; font-family: "Volvo Sans Light"; color: #161618; letter-spacing: 0 }
.v2new-navigation .v2nav-list .v2nav-car-title a:hover { text-decoration: none }
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { width: 70px; margin-left: 5px; float: right; position: relative }
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { margin-right: 5px; float: left }
.v2new-navigation .v2nav-list .v2nav-car-image { width: 100%; overflow: hidden; padding: 15px 0 3px }
.v2new-navigation .v2nav-list .build-explore, .v2new-navigation .v2nav-list .car-price { width: 95%; font-family: "Volvo Sans Light"; font-size: 14px; text-transform: capitalize; color: #161618 }
.v2new-navigation .v2nav-list .build-explore .build-explore-title { float: left; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer; position: relative; min-width: 40%; max-width: 100% }
.v2new-navigation .v2nav-list .build-explore .build-explore-title:hover:after { margin-left: 10px; -webkit-transition: ease-in .3s; transition: ease-in .3s }
.v2new-navigation .v2nav-list .build-explore .build-explore-title:after { font-family: volvo-icons; font-size: 18px; content: '\E003'; color: #2b7bcd; vertical-align: -4px; margin-left: 5px }
.v2new-navigation .v2nav-list .build-explore .build-explore-title.v2nav-offer-title { margin-left: 20px }
.v2new-navigation img { max-width: 100%; height: auto }
.v2new-navigation .v2nav-car-title a { float: left }
.v2new-navigation .build-explore-title a { color: #161618 }
.v2new-navigation .v2nav-nav-drop-body { width: 100% }
.v2new-navigation .v2nav-nav-drop-body .v2nav-nav-drop-item-title { font-size: 22px; color: #161618; border-bottom: 1px solid #ddd; padding-bottom: 21px; margin-bottom: 18px; font-family: "Volvo Sans Light"; text-transform: none }
.v2nav-list a, .v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-colmid:last-child, .v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-colmid:last-child { border-bottom: none }
.v2new-navigation ul.v2nav-nav-drop-body-row { padding-left: 0; padding-bottom: 40px; margin-bottom: 50px }
.v2new-navigation .v2nav-nav-drop-body-row li, .v2new-navigation .v2nav-nav-drop-body-row li a { width: 100%; list-style-type: none; color: #161618; font-family: "Volvo Sans Light"; line-height: 36px; border-bottom: none; font-size: 15px }
.v2new-navigation .v2nav-nav-drop-body-row li a:after { font-family: volvo-icons; font-size: 15px; content: '\E003'; color: #2b7bcd; vertical-align: -3px; margin-left: 5px }
.v2new-navigation .v2nav-nav-drop-body-row li a:hover:after { margin-left: 10px; -webkit-transition: ease-in .3s; transition: ease-in .3s }
.v2new-navigation .v2nav-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.v2new-navigation .v2nav-container:after { clear: both }
.v2new-navigation .v2nav-inner:after { clear: both }
.v2new-navigation .v2nav-colmid, .v2new-navigation .v2nav-cont-left, .v2new-navigation .v2nav-fullwidth { position: relative }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid:last-child { margin-right: 0 }
.v2new-navigation .v2nav-left-fullWth { position: relative }
.v2new-navigation .v2nav-cont-rgt { position: relative }
.v2new-about-wrap .v2nav-left-fullWth .v2nav-colmid { width: 16.66666667%; margin: 0 18px }
.v2new-about-wrap .v2nav-list { padding: 0 }
.v2new-about-wrap .v2nav-list .v2nav-about-info-img { height: auto }
.v2new-about-wrap .v2nav-list .list-disc-tilte { font-size: 18px; color: #161618; font-family: "Volvo Sans Light"; padding: 13px 0 0; -webkit-transition-duration: .3s; transition-duration: .3s; display: inline-block; margin-bottom: 13px }
.v2new-about-wrap .v2nav-list .list-disc-tilte:hover:after { margin-left: 10px; -webkit-transition: ease-in .3s; transition: ease-in .3s }
.v2new-about-wrap .v2nav-list .list-disc-tilte:after { font-family: volvo-icons; font-size: 15px; content: '\E003'; color: #2b7bcd; vertical-align: -3px; width: 5px; height: 9px }
.v2new-about-wrap .v2nav-list .list-disc { font-family: "Volvo Sans Light"; font-size: 15px; text-transform: none; color: #999; letter-spacing: 0; line-height: 20px }
.v2new-about-wrap .v2navtitle { font-size: 22px; color: #161618; border-bottom: 1px solid #ddd; padding-bottom: 21px; margin: 0 0 30px; font-family: "Volvo Sans Light" }
.v2new-about-wrap .right-tools-menu-item, .v2new-about-wrap .right-tools-menu-item a { list-style-type: none; color: #161618; font-family: "Volvo Sans Light"; border-bottom: none; font-size: 15px; width: 100% }
.v2new-about-wrap .right-tools-menu-item { line-height: 35px }
.v2new-about-wrap .right-tools-menu-item a { line-height: 28px }
.v2new-about-wrap .right-tools-menu-item:after { font-family: volvo-icons; font-size: 15px; content: '\E003'; color: #2b7bcd; vertical-align: -4px; margin-left: 2px }
.v2new-about-wrap .right-tools-menu-item:hover:after { margin-left: 10px; -webkit-transition: ease-in .3s; transition: ease-in .3s }
.v2new-subnav { background: #fbfbfb; width: 100%; height: 50px; display: none; border-bottom: 1px solid #ddd }
.v2new-subnav .v2newnav-list li, .v2new-subnav .v2newnav-list li a { color: #161618; display: inline-block; text-align: center; height: 50px; font-family: "Volvo Sans Light"; letter-spacing: .05em; text-transform: capitalize; cursor: pointer }
.v2new-subnav .v2newnav-list { overflow: hidden; text-align: center }
.v2new-subnav .v2newnav-list li { padding: 0 8px; font-size: 18px; line-height: 27px; margin-right: 15px; position: relative }
.v2new-subnav .v2newnav-list li a { text-decoration: none; border-bottom: none; float: left; font-size: 15px; width: 100%; line-height: 50px }
.v2new-subnav .v2newnav-list li:hover { border-bottom: 3px solid #007bcd }
.v2new-subnav .v2newnav-list li:hover span { width: 100%; margin: 0 auto }
.v2new-subnav .v2newnav-list li span { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #2b7bcd }
.v2new-subnav .v2newnav-list li:last-child { margin-right: 0 }
.v2new-subnav .v2newnav-list li.tab-active-list:hover span { background: #fbfbfb; display: none }
.v2new-subnav .tab-active-list { border-bottom: 3px solid #007bcd!important; color: #7c7b7b!important }
#New-Main-Navigation { display: block!important }
.subnav-build-hide-dsk, .v2nav-list.current, .v2new-subnav.on { display: block }
#Main-Navigation #nav, .subnav-build-hide-mbl, .v2nav-desktop-hide, .v2newn-nav-display { display: none }
.v2nav-force-mob .primary-navigation-bar { display: block; height: 65px }
.v2nav-force-mob .primary-navigation-bar .logo-block { display: block }
.v2nav-force-mob .primary-navigation-bar .logo-block .logo-container { width: 72px; height: 64px; margin: 0 auto; padding: 12px }
.v2nav-force-mob .primary-navigation-bar .right-menu-block { float: left; text-align: left; width: 100%; background: #fff; padding: 0 20px; border-top: 0 }
.v2nav-force-mob .primary-navigation-bar .right-menu-block .nav-search { display: block; position: absolute; top: 0; text-align: right; right: 0; border-left: none; height: 65px; line-height: 65px; padding: 0 20px }
.v2nav-force-mob .primary-navigation-bar .right-menu-block .right-menu-title { padding: 14px 0; display: inline-block; font-size: 20px; line-height: 27px; cursor: pointer; position: relative; margin-right: 30px; width: 100%; border-bottom: 1px solid #ddd }
.v2nav-force-mob .primary-navigation-bar .left-menu-block { background: #fff; float: left; text-align: left; width: 100%; outline: 0; padding: 0 20px }
.v2nav-force-mob .primary-navigation-bar .left-menu-block .primary-nav-wrap { margin-left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left; width: 100%; text-align: left; border-bottom: 1px solid #ddd }
.v2nav-force-mob .primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title { padding: 14px 0; font-size: 20px; color: #161618; line-height: 27px; font-family: "Volvo Sans Light"; display: inline-block; width: 100%; letter-spacing: .05em; text-transform: capitalize; position: relative; text-align: left }
.v2nav-force-mob .primary-navigation-bar .left-menu-block .primary-nav-wrap .icon-angle-right { padding-top: 9px; display: block }
.v2nav-force-mob .primary-navigation-bar .left-menu-block .primary-nav-wrap .icon-angle-right:before { font-size: 10px; content: '\E007'; font-family: volvo-icons; vertical-align: -7px; color: #2b7bcd; font-weight: 700 }
.v2nav-force-mob .primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content { top: 65px }
.v2nav-force-mob .nav-list.nav-list-prim { visibility: visible; float: left }
.v2nav-force-mob a.is-icon.is-menu.js-drop.subnav-item, .v2nav-force-mob a.nav-list-item.is-icon.is-menu.js-drop { position: absolute; top: 0; padding: 0; display: block }
.v2nav-force-mob .is-icon.subnav-item .menu-nav, .v2nav-force-mob .nav-list-item.is-icon .menu-nav { display: block; height: 65px; font-style: normal; color: #161618; font-family: "Volvo Sans Light"; font-size: 16px; text-transform: none; width: 42px; line-height: 65px }
.v2nav-force-mob .v2nav-mob .nav { height: 65px }
.v2nav-force-mob .is-menu.subnav-item, .v2nav-force-mob .is-menu.subnav-subtitle, .v2nav-force-mob .is-menu.subnav-title, .v2nav-force-mob .nav-list-item.is-menu { display: none }
.v2nav-force-mob .v2new-subnav { border-bottom: 1px solid #ddd; height: 55px; display: block }
.v2nav-force-mob .v2new-subnav .v2newnav-list { overflow: hidden; position: relative }
.v2nav-force-mob .v2new-subnav .v2newnav-list li { padding: 0 8px; margin-right: 8px; height: 54px }
.v2nav-force-mob .v2new-subnav .v2newnav-list li a { color: #999 }
.v2nav-force-mob .v2new-subnav .v2newnav-list li.tab-active-list a { color: #161618 }
.v2nav-force-mob .V2nav-search #instantSearch { border-bottom: 1px solid #ddd; border-top: none; height: 55px; line-height: 55px; position: fixed; display: none; font-family: "Volvo Sans Light" }
.v2nav-force-mob .V2nav-search #instantSearch .inner form input { color: #999; padding-left: 20px; height: 55px; font-family: "Volvo Sans Light"; border: none; font-size: 20px!important }
.v2nav-force-mob .new-subnav-bar { top: 65px }
.v2nav-force-mob .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title { height: 47px; line-height: 27px }
.v2nav-force-mob #v2nav-mob-angle { display: block!important; border-bottom: none; height: 50px; line-height: 50px; position: absolute; left: 20px; z-index: 99999; color: #007bcd; width: 32px; font-size: 12px }
.v2nav-force-mob .close-drop-down, .v2nav-force-mob .other-sub-cat-title, .v2nav-force-mob.V2nav-search .separator { display: none }
.v2nav-force-mob #instantSearch .inner form input { font-size: 20px!important }
.v2nav-force-mob .v2new-navigation .v2nav-list .build-explore .build-explore-title { min-width: inherit; width: 34%; float: left }
.v2nav-force-mob.V2nav-search #instantSearch .inner form input { color: #999; padding-left: 20px; height: 55px; font-family: "Volvo Sans Light" }
table.gstl_50.gssb_c.search-top.v2nav-force-mob { top: 107px!important }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide { display: none; border-top: 1px solid #414146; background-color: #000; position: absolute; left: 0; right: 0; top: 54px; opacity: 1 }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .cta-right-menu { float: left; text-align: left; border-left: none; padding: 0 20px; width: 100%; margin-left: 0 }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .cta-right-menu .cta-right-menu-item { padding-left: 0; border-top: 1px solid #414146; width: 100%; padding-top: 15px }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .new-right-menu { text-align: left; float: left; width: 100%; padding: 0 20px!important }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .new-right-menu .new-right-menu-item { border-bottom: 1px solid #414146; position: relative; text-align: left; width: 100%; padding: 15px 0; margin-left: 0; height: auto; line-height: normal }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .new-right-menu .new-right-menu-item:last-child { border-bottom: none }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .subnav-build-hide-mbl { display: block }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide .subnav-build-hide-dsk { display: none }
#new-secondary-navigation.collide .new-subnav-bar { height: 55px }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name { float: left; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-transform: none; padding: 15px 0 }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name .subnav-toggle-icon { display: block; float: right; font-size: 10px }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a { display: inline-block; letter-spacing: .02em; width: 100%; float: left; position: relative; font-size: 15px }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name .subnav-toggle span, #new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-price { display: none }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.pdp-show { display: block }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-right, #new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title span, #new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item:hover span { display: none }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation { padding: 0; border-bottom: 1px solid #414146; margin-left: 0; width: 100% }
#new-secondary-navigation.collide .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title { padding: 15px 0; height: auto; line-height: normal }
#new-secondary-navigation.collide .pdp-model-wrap { position: relative; width: 100% }
#new-secondary-navigation.collide .v2nav-icon-angle-down:before { content: "\E001"; font-size: 18px }
#new-secondary-navigation.collide .v2nav-icon-angle-up:before { content: "\E004"; font-size: 18px }

@media screen and (min-width:540px) {
.is-icon.subnav-item .icon-menu, .nav-list-item.is-icon .icon-menu { height: 70px; line-height: 70px; padding-left: 42px; padding-right: 42px }
}

@media (min-width:992px) {
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-colmid:nth-child(5n) { margin-right: 0!important }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid { width: 29%; margin: 0 20px 0 0 }
.v2new-navigation .v2nav-fullwidth { float: left; width: 100% }
.v2new-navigation .v2nav-colmid { float: left }
.v2new-navigation .v2nav-left-fullWth .v2nav-colmid { width: 16% }
.v2new-navigation.v2new-about-wrap a:nth-child(5) .v2Nav-list-item.v2nav-colmid { margin-right: 0!important }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left .v2nav-list .v2nav-colmid { width: 22.666667%; margin-right: 3%; height: auto; margin-bottom: 40px!important }
}

@media (min-width:1025px) {
.v2new-navigation .v2nav-list .build-explore .build-explore-title, .v2new-navigation .v2nav-list .car-price { line-height: 20px }
.custom-search-view table.gstl_50.gssb_c.search-top { top: 163px!important }
table.gstl_50.gssb_c.search-top { top: 137px!important }
.v2nav-force-mob table.gstl_50.gssb_c.search-top { top: 107px!important }
.v2new-navigation .v2nav-list .build-explore .build-explore-title.v2nav-offer-title { float: left }
.v2new-navigation .v2nav-list .v2nav-car-image img { max-width: 100%; height: auto }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-colmid, .v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-colmid.v2nav-offer, .v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-colmid.v2nav-offer { height: 165px }
.v2new-navigation .v2nav-cont-left { float: left; width: 78.33333333%; margin-right: 35px }
.v2new-navigation .v2nav-left-fullWth { float: left; width: 100% }
.v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-colmid { width: 22.9%; height: 165px; margin-right: 2% }
.v2new-navigation .v2nav-cont-rgt { width: 17.66666667%; float: left; padding: 0 }
#v2nav-mob-angle, .OtherItem, .extraLink-mobile, .v2nav-container .v2newnav-list .mob-display-sec { display: none }
.v2nav-left-fullWth .v2nav-left-mid .v2nav-left-midcont { width: 83% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content { padding: 40px!important }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left { width: 75.333333%; margin-right: 20px }
.V2nav-search #instantSearch .inner form input { font-size: 16px }
.v2nav-desktop-hide { display: block }
}

@media screen and (min-width:1269px) {
html[lang=fr-ca] .v2new-navigation .v2nav-list .build-explore .build-explore-title { min-width: 50% }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid { width: 23% }
.v2new-navigation .v2nav-list .v2nav-car-image img { height: auto }
.v2new-navigation .v2nav-list .build-explore .build-explore-title { min-width: 34%; max-width: 100% }
.v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-colmid { width: 18.5%; margin-right: 1.5% }
.v2new-navigation .v2nav-cont-rgt { width: 15.666667%; float: left }
.v2nav-left-fullWth .v2nav-left-mid .v2nav-left-midcont { width: 84% }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content { padding: 30px 70px }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left { margin-right: 40px; width: 80.333333% }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left .v2nav-list .v2nav-colmid { margin-right: 3%; width: 22.7% }
}

@media screen and (max-width:1024px) {
.primary-navigation-bar a.is-icon.is-menu.js-drop.subnav-item, .primary-navigation-bar a.nav-list-item.is-icon.is-menu.js-drop { padding: 0; display: block; position: absolute; top: 0 }
#New-Main-Navigation .is-icon.subnav-item .icon-close, #New-Main-Navigation .is-icon.subnav-item .menu-nav, #New-Main-Navigation .nav-list-item.is-icon .icon-close, #New-Main-Navigation .nav-list-item.is-icon .menu-nav { padding-left: 0; color: #161618; line-height: 65px }
.v2new-navigation .v2nav-list { padding: 0 }
.v2new-navigation .v2nav-list .build-explore { margin: 8px 0 0; display: block!important }
.v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-colmid.car-class, .v2new-navigation .v2nav-list .car-class { display: none }
.v2new-navigation .v2nav-list .build-explore .build-explore-title { min-width: inherit; float: left; width: initial; margin-right: 14px; -webkit-transition-duration: inherit; transition-duration: inherit }
.v2new-navigation .v2nav-list .v2nav-car-title, .v2new-navigation .v2nav-list .v2nav-car-title a { font-size: 50px; line-height: 37px; max-height: 37px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { font-size: 20px; line-height: 19.5px; width: 106px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { font-size: 20px; line-height: 19.5px }
.v2new-navigation .v2nav-list .v2nav-car-image { height: auto }
.v2new-navigation .v2nav-list .v2nav-car-image img { max-width: 100%; height: auto; width: 274px }
.v2new-navigation .v2nav-nav-drop-body-row li { border-bottom: 1px solid #ddd; padding: 9px 0 }
.v2new-navigation .v2nav-nav-drop-body-row li a { font-size: 16px }
.v2new-navigation .v2nav-nav-drop-body-row li a:after { font-size: 15px; vertical-align: -3px; margin-left: 10px }
.v2new-navigation .v2nav-nav-drop-body-row li:first-child { padding-top: 0; margin-top: -12px }
.v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-left-midcont .v2nav-colmid { margin: 0 20px 22px 0; width: 31%; float: left; padding-left: 0; padding-right: 0 }
.v2new-navigation .v2nav-cont-left { width: 100%; margin-right: 0 }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid { margin: 0 20px 22px 0; width: 31%; float: left; padding-left: 0; padding-right: 0 }
.v2new-navigation .v2nav-nav-drop-body .v2nav-nav-drop-item-title { padding-bottom: 24px; margin-bottom: 16px }
.v2new-navigation .v2nav-inner { margin-right: 0; margin-left: 0 }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title { height: 52px; line-height: 29px; padding: 13px 0 }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name { padding: 15px 0 }
.dealer-locator .dealer-locator-form .form-content { padding-top: 0 }
.v2nav-force-mob .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title { padding: 13px 0 }
.v2new-subnav { height: 55px; display: block; border-bottom: 1px solid #ddd }
.v2new-subnav .v2newnav-list { overflow: hidden; position: relative }
.v2new-subnav .v2newnav-list li { height: 54px; margin-right: 8px; cursor: pointer; padding: 0 8px }
.v2new-subnav .v2newnav-list li:hover { border-bottom: none }
.v2new-subnav .v2newnav-list li a { color: #999 }
.v2new-subnav .v2newnav-list li.tab-active-list a { color: #161618 }
.v2new-subnav .left-gradient { background: url(/Static/images/grad-left-bg.png) repeat-y; width: 36px; height: 51px; background-size: 100%; position: absolute; z-index: 200; left: 16px; display: none }
.v2new-subnav .right-gradient { background: url(/Static/images/grad-right-bg.png) repeat-y; width: 21px; height: 51px; background-size: 100%; position: absolute; z-index: 200; right: 9px }
.v2new-subnav .v2nav-container .icon-angle-left:before { color: #007bcd; font-size: 10px }
#v2nav-mob-angle { position: relative; z-index: 201 }
#v2nav-mob-angle .icon-angle-left { position: absolute; line-height: 51px; z-index: 99999; height: 55px; width: 50px; text-align: center }
.is-icon.subnav-item .icon-close, .nav-list-item.is-icon .icon-close { color: #161618; height: 65px; line-height: 65px }
.v2new-navigation.v2new-about-wrap { padding-top: 6px }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left .v2nav-list .v2nav-colmid { margin-bottom: 30px; width: 23%; margin-right: 2.5% }
.v2new-navigation.v2new-about-wrap .item.v2nav-inner.v2nav-list.extraLink-mobile { margin-top: -11px }
.primary-navigation-bar { width: 100%; height: 65px; background-color: #fff; position: fixed; z-index: 99999; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease-in-out 150ms, opacity .1s; transition: transform .4s ease-in-out 150ms, opacity .1s; filter: alpha(opacity=100); border-bottom: 1px solid #e9e9e9; padding-right: 0!important; display: block }
.primary-navigation-bar .v2-nav-scroll { margin-top: -200%; overflow-y: scroll; overflow-x: hidden }
.primary-navigation-bar .v2-nav-scroll.on { margin-top: 0 }
.primary-navigation-bar #right.discover { display: block }
.primary-navigation-bar .left-menu-block { float: left; text-align: left; width: 100%; background: #fff; outline: 0; padding: 0 20px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left; width: 100%; text-align: left; border-bottom: 1px solid #ddd; margin-left: 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap:hover { border-bottom: 1px solid #ddd }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title { padding: 14px 0; font-size: 20px; color: #161618; line-height: 27px; font-family: "Volvo Sans Light"; display: inline-block; width: 100%; letter-spacing: .05em; text-transform: capitalize; position: relative; text-align: left }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .icon-angle-down, .primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-title:hover span { display: none }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-down, .primary-navigation-bar .left-menu-block .primary-nav-wrap .nav-arrow-up { padding-top: 30px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .icon-angle-right { padding-top: 9px; display: block }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .icon-angle-right:before { font-size: 10px; content: '\E007'; font-family: volvo-icons; vertical-align: -7px; color: #2b7bcd; font-weight: 700 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content { top: 65px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content { padding: 35px 40px 60px!important }
.primary-navigation-bar .right-menu-block { float: left; text-align: left; width: 100%; background: #fff; padding: 0 20px; border-top: 0 }
.primary-navigation-bar .right-menu-block .right-menu-title { padding: 14px 0; display: inline-block; font-size: 20px; line-height: 27px; cursor: pointer; position: relative; margin-right: 30px; width: 100%; border-bottom: 1px solid #ddd }
.primary-navigation-bar .right-menu-block .right-menu-title:hover { border-bottom: 1px solid #ddd }
.primary-navigation-bar .right-menu-block .right-menu-title:hover span { display: none }
.primary-navigation-bar .right-menu-block .right-menu-title:last-child { border-bottom: none }
.primary-navigation-bar .right-menu-block .nav-search { display: block; position: absolute; top: 0; text-align: right; right: 0; border-left: none; height: 65px; line-height: 65px; padding: 0 20px }
}

@media screen and (max-width:1024px) and (max-width:1024px) {
.primary-navigation-bar .right-menu-block .nav-search { position: static; height: 60px }
}

@media screen and (max-width:1024px) {
.primary-navigation-bar #right, .primary-navigation-bar .v2newnav .close-drop-down { display: none }
.primary-navigation-bar .logo-block { display: none; display: block }
.primary-navigation-bar .logo-block .logo-container { width: 67px; height: auto }
.left-menu-block { margin-top: 0 }
.left-menu-block .primary-nav-wrap .left-menu-opened { margin-left: 100% }
.v2new-about-wrap .right-tools-menu-item { border-bottom: 1px solid #ddd; padding: 10px 0 }
.v2new-about-wrap .right-tools-menu-item a { font-size: 16px }
.v2new-about-wrap .right-tools-menu-item:after { margin-left: 5px }
.v2new-about-wrap .right-tools-menu-item:last-child { border-bottom: none }
.v2new-about-wrap .right-tools-menu-item:first-child { padding-top: 0 }
.v2new-about-wrap .v2navtitle { display: none!important }
.v2new-about-wrap .v2nav-list .list-disc-tilte { padding: 13px 0; margin-bottom: 0 }
#Main-Navigation.v2nav-mob, .linkExtra-sub-cat { display: block }
.V2nav-search #instantSearch { border-bottom: 1px solid #ddd; border-top: none; height: 55px; line-height: 55px; position: absolute; display: none; font-family: "Volvo Sans Light" }
.V2nav-search #instantSearch .inner form input { font-size: 20px!important; border: none; font-family: "Volvo Sans Light"; color: #999; padding-left: 20px; height: 55px }
.V2nav-search #instantSearch .inner form .button-customsearch { height: 55px; width: inherit }
.v2nav-cont-left .v2nav-left-mid .v2nav-left-midcont, .v2nav-left-fullWth .v2nav-left-mid .v2nav-left-midcont { width: 100%; margin-right: 0 }
.V2nav-search .separator { display: none }
.v2nav-cont-left .v2new-navigation .v2nav-list { padding: 28px 0 26px }
.v2nav-left-fullWth .v2new-navigation .v2nav-list { padding: 28px 0 0!important }
.nav-drop { opacity: 1 }
.new-subnav-bar.subnav-subpage .sub-nav-wrap { padding: 0 20px 0 35px }
.is-subnav-fixed .nav { position: absolute; top: 0 }
.v2nav-mob .is-icon.subnav-item, .v2nav-mob .nav-list-item.is-icon { display: inline-block; height: 70px; line-height: 70px; padding: 0 0 0 20px }
.v2nav-mob .is-icon.subnav-item .icon-close, .v2nav-mob .nav-list-item.is-icon .icon-close { color: #161618; width: 17px; display: none }
.v2nav-mob .is-icon.subnav-item .menu-nav, .v2nav-mob .nav-list-item.is-icon .menu-nav { color: #161618; display: block; font-style: normal; font-family: "Volvo Sans Light"; font-size: 16px; text-transform: none; width: 42px }
.v2nav-mob #nav, .v2nav-mob .nav-drop-on .nav { background-color: #fff!important }
.v2nav-mob .nav-list-item, .v2nav-mob .subnav-item { position: relative; height: 65px; padding-left: 20px; padding-right: 20px; line-height: 65px; color: #161618; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in; text-transform: uppercase; border-bottom: 0; display: block }
.v2nav-mob .customesearch-icon { float: right; color: #161618; display: block; width: auto }
.v2nav-mob .nav { height: 65px }
.v2nav-mob-hide { display: none!important }
.v2nav-mobtab-position1 { top: 0 }
.v2nav.mobtab-position2 { top: 50px }
.nav { top: 0 }
#Main-Navigation #nav { display: block!important; border-bottom: 1px solid #ddd }
.nav-list-prim { float: left }
.nav-list.nav-list-prim { visibility: visible; overflow: initial!important }
a.is-icon.is-menu.js-drop.subnav-item, a.nav-list-item.is-icon.is-menu.js-drop { padding: 0 }
.v2nav-mob-menu .is-icon.subnav-item .menu-nav, .v2nav-mob-menu .nav-list-item.is-icon .menu-nav { height: 65px; color: #161618; display: block; font-style: normal; font-family: "Volvo Sans Light"; font-size: 16px; text-transform: none; width: 42px; line-height: 65px }
}

@media screen and (max-width:991px) {
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid, .v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-left-midcont .v2nav-colmid { width: 48%; float: left; margin-right: 2% }
.v2new-navigation .v2nav-nav-drop-body-row li:last-child { border-bottom: none }
.v2new-navigation .v2nav-list .v2nav-car-image img { max-width: 100%; height: auto; width: 285px }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left { margin-right: 0; width: 100% }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left .v2nav-list .v2nav-colmid, .v2new-navigation.v2new-about-wrap .v2nav-left-fullWth .v2nav-list .v2nav-colmid { width: 47%; float: left; margin-right: 6% }
.v2new-navigation.v2new-about-wrap a:nth-child(3) .v2Nav-list-item.v2nav-colmid, .v2new-navigation.v2new-about-wrap a:nth-child(5) .v2Nav-list-item.v2nav-colmid { margin-right: 0!important }
.new-subnav-bar.subnav-subpage .sub-nav-wrap { padding: 0 20px }
.v2nav-icon-angle-up:before { content: "\E004"; font-size: 18px }
.v2nav-icon-angle-down:before { content: "\E001"; font-size: 18px }
.others-all, .subnav-build-hide-dsk { display: none }
.subnav-build-hide-mbl { display: block }
.is-subnav-fixed.is-subnav-fixed-on .new-subnav-bar { z-index: 99999 }
.pdp-model-wrap { position: relative }
}

@media (max-width:767px) {
.v2new-navigation .v2nav-list .build-explore .build-explore-title.v2nav-offer-title { margin-left: 0; width: 80px }
.v2new-navigation .v2nav-list .v2nav-car-image { padding: 20px 0 10px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { width: 104px; line-height: 19.5px; font-size: 20px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { position: relative; line-height: 19.5px; font-size: 20px }
.v2new-navigation .v2nav-container { padding-right: 0; padding-left: 0; margin-right: 25px; margin-left: 25px }
.v2new-navigation .v2nav-cont-left { overflow: hidden }
.v2new-navigation .v2nav-list.currentSlide { left: 0 }
.v2new-subnav { display: block }
.v2new-subnav .v2newnav-list { height: 60px; text-align: left }
.v2new-subnav .v2newnav-list li { margin-right: 18px; padding: 0 }
.v2new-subnav .v2newnav-list li a { color: #999; cursor: pointer }
.v2new-subnav .v2newnav-list li.tab-active-list a { color: #161618 }
.v2new-about-wrap .v2nav-list .list-disc, .v2new-about-wrap .v2nav-list .v2nav-about-info-img { display: none }
.v2new-about-wrap .v2nav-list .list-disc-tilte { font-size: 16px; padding: 15px 0 }
.v2new-about-wrap .right-tools-menu-item:first-child { padding-top: 20px }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content { padding: 30px 0 40px!important }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content .navigation-bar-content .v2new-navigation.v2new-about-wrap { margin-top: -20px!important }
.v2new-navigation.v2new-about-wrap { padding-top: 0 }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left { margin-right: 0; border-bottom: none }
.v2new-navigation.v2new-about-wrap .v2nav-cont-left .v2nav-list .v2nav-colmid { margin-right: 0; margin-bottom: 0; width: 100%; float: left }
.v2new-navigation.v2new-about-wrap a.others-subcat-link { border-bottom: 1px solid #ddd; width: 100%; float: left }
.v2new-navigation.v2new-about-wrap a.others-subcat-link:last-child { border-bottom: none }
.V2nav-search #instantSearch .inner form input { color: #999; font-family: "Volvo Sans Light" }
.v2_nav_sub_menu_out { margin: 0 20px 0 40px; overflow: hidden; overflow-x: scroll; height: 54px; background: #fbfbfb; -webkit-overflow-scrolling: touch }
.v2_nav_sub_menu_out::-webkit-scrollbar {
display:none
}
#Main-Navigation #nav { display: block!important; border-bottom: 1px solid #ddd }
}

@media (max-width:568px) {
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text, .v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { line-height: 20px; font-size: 18px }
}

@media (min-width:415px) and (max-width:567px) {
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { line-height: 20px; font-size: 14px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { width: 85px; line-height: 20px; font-size: 14px }
}

@media screen and (max-width:481px) and (min-width:0) {
.v2-nav-sticky-off { position: fixed!important }
.is-icon.subnav-item .icon-close, .is-icon.subnav-item .menu-nav, .nav-list-item.is-icon .icon-close, .nav-list-item.is-icon .menu-nav { line-height: 50px; padding-left: 15px }
#New-Main-Navigation .is-icon.subnav-item .icon-close, #New-Main-Navigation .is-icon.subnav-item .menu-nav, #New-Main-Navigation .nav-list-item.is-icon .icon-close, #New-Main-Navigation .nav-list-item.is-icon .menu-nav { padding-left: 0 }
}

@media (max-width:480px) {
.v2nav-mob .customesearch-icon { width: auto; padding-right: 0 }
.V2nav-search #instantSearch .inner form .button-customsearch { height: 55px; width: 30px!important }
.v2new-navigation .v2nav-list .v2nav-car-image img { height: 66px }
}

@media (min-width:581px) and (max-width:480px) {
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { line-height: 20px; font-size: 14px; width: 90px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { line-height: 20px; font-size: 14px }
}

@media (min-width:415px) and (max-width:479px) {
.v2new-navigation .v2nav-list .v2nav-car-title a .sub-text { width: 67px; font-size: 12px }
.v2new-navigation .v2nav-list .v2nav-car-title a .sup-text { font-size: 12px }
.v2nav-colmid.v2nav-offer { height: 230px }
}

@media (max-width:414px) {
.v2new-navigation .v2nav-cont-left { padding-bottom: 0 }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid { width: 100%; float: left; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 24px; padding-top: 10px }
.v2new-navigation .v2nav-cont-left .v2nav-list .v2nav-left-midcont .v2nav-colmid:last-child { border-bottom: none; margin-bottom: 0 }
.v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-left-midcont .v2nav-colmid { width: 100%; float: left; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 24px; padding-top: 10px }
.v2nav-inner.cars-drop.v2nav-left-mid, .v2new-navigation .v2nav-left-fullWth .v2nav-list .v2nav-left-midcont .v2nav-colmid:last-child { border-bottom: none; margin-bottom: 0 }
.v2new-navigation .v2nav-list .v2nav-car-image { text-align: center }
.v2new-navigation .v2nav-list .v2nav-car-image img { max-width: 100%; height: auto; width: 270px; text-align: center }
.v2new-navigation .v2nav-nav-drop-body-row li:first-child, .v2new-navigation ul.v2nav-nav-drop-body-row { margin-top: 0 }
.v2nav-cont-left .v2nav-left-mid .v2nav-left-midcont, .v2nav-left-fullWth .v2nav-left-mid .v2nav-left-midcont { padding-bottom: 0 }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content #navigation-bar-content { padding: 20px 0 40px!important; overflow-y: scroll; -webkit-overflow-scrolling: touch }
.primary-navigation-bar .left-menu-block .primary-nav-wrap .left-menu-content #navigation-bar-content .v2new-navigation.v2new-about-wrap { margin-top: -10px!important }
}
.nav-rightItems { display: block; float: right; position: relative; cursor: pointer; text-align: right; height: 80px; line-height: 80px }

@media screen and (max-width:1024px) {
.nav-rightItems { position: absolute; top: 0; right: 0; height: 65px; line-height: 65px }
}
.lt-ie9 .nav-drop-body-item-links { display: none!important }
.lt-ie9 .nav-drop { overflow: auto }
.icon-nav .scroll, .nav-drop { overflow-x: hidden }
html[lang=en-US] .nav-drop-body-item-link, html[lang=en-US] .nav-drop-item-title { font-size: 16px }
.nav-drop { position: fixed; bottom: 0; left: 0; right: 0; top: 50px; width: 100%; z-index: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); -webkit-transition: -webkit-transform .4s ease-in-out .1s, opacity .1s .4s, z-index .4s .4s; transition: transform .4s ease-in-out .1s, opacity .1s .4s, z-index .4s .4s; overflow-y: auto; display: inline-block }
.nav-drop.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease-in-out 150ms, opacity .1s; transition: transform .4s ease-in-out 150ms, opacity .1s; opacity: 1; filter: alpha(opacity=100); z-index: 901 }
.no-cssanimations .nav-drop { z-index: -1 }
.no-cssanimations .nav-drop.on { z-index: 901 }
.nav-drop-hotzone { position: relative; width: 100%; background-color: transparent; display: none; top: -8px }
.lt-ie9 .nav-drop-container, .nav-drop-container { background-color: #ECECEC }
.nav-drop-close { position: absolute; top: 5px; right: 25px; padding: 15px; border-bottom: none; font-size: 20px; color: #003057; z-index: 901; display: none }
.nav-drop-close:hover { color: #5b7f95 }

@media screen and (min-width:960px) {
.nav-drop-close { display: block }
}
.nav-drop-container { z-index: 900; overflow: hidden; height: 100%; width: 100%; display: block; position: absolute }
.nav-drop-items { background-color: #ececec; padding: 14px }
.lt-ie9 .nav-drop-items, .nav-drop-item { background-color: #ECECEC }

@media screen and (max-width:960px) {
.nav-drop-items { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 900; overflow: hidden; -webkit-transform: translate(120%, 0); transform: translate(120%, 0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out }
.nav-drop-items.on { -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.nav-drop-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch }
}
.nav-drop-item { z-index: 900; height: 100%; padding: 14px; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out }
.nav-drop-item.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.nav-drop-item-back { position: relative; padding: 0 18px; font-size: 24px; border-bottom: none; display: block; color: #003057; line-height: 60px; -webkit-transition: background-color .7s ease-out; transition: background-color .7s ease-out }
.nav-drop-item-title, .nav-drop-item-title:hover { border-bottom: 1px solid rgba(0,48,87,.3); color: #5b7f95 }
html[lang=ja-JP] .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-item-back, html[lang=zh-TW] .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-item-back { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.nav-drop-item-back>.icon { position: absolute; width: 14px; z-index: 1; line-height: 59px; font-size: 28px; left: 0 }
.nav-drop-item.nav-drop-cars.filter-active .nav-drop-car .nav-drop-body-item { display: none }
.nav-drop-item.nav-drop-cars.filter-active .nav-drop-car .nav-drop-body-item.filter-active { display: block }
.nav-drop-item-title { display: block; padding-bottom: 5px; font-size: .875em; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase; line-height: 1.5em; letter-spacing: 1px; margin-bottom: 1.3125em }
html[lang=ja-JP] .nav-drop-item-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-item-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-item-title, html[lang=zh-TW] .nav-drop-item-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-item-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-item-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.nav-drop-item-title>.icon { float: right; font-size: 1.75em }
.nav-drop-item-title>.icon:hover { color: #5b7f95 }
.lt-ie9 .nav-drop-item-title, .nav-drop-item-toggle { color: #003057 }
.nav-drop-header { margin-top: 1.875em }
.nav-drop-filter { text-align: left }
.nav-drop-filter:after, .nav-drop-filter:before { content: " "; display: table }
.nav-drop-filter:after { clear: both }
.nav-drop-filter-title { margin-bottom: 0; text-transform: none }
.nav-drop-filter-item, .nav-drop-filter-title { display: inline-block; max-width: auto; margin-right: .875em }
.nav-drop-filter-items { display: none }
.nav-drop-filter-item:active, .nav-drop-filter-item:focus { color: #003057; -webkit-tap-highlight-color: transparent }
.nav-drop-filter-item.filter-active { font-weight: 700 }
.nav-drop-list { display: block; overflow: hidden auto; -webkit-overflow-scrolling: touch; background-color: #ececec }
.lt-ie9 .nav-drop-list { display: none }
.nav-drop-list-item { z-index: 900; border-bottom: none; display: block; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 20px; line-height: 1.2; color: #003057; letter-spacing: 0; padding: 14px }

@media screen and (max-width:960px) {
.nav-drop-list { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 900; overflow: hidden }
.nav-drop-list-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch }
}
html[lang=ja-JP] .nav-drop-list-item { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-list-item { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-list-item, html[lang=zh-TW] .nav-drop-list-item { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-list-item { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-list-item { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.nav-drop-list-item>a { display: table; position: relative; color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 30px; line-height: 32px; border-bottom: none; margin-bottom: 30px; -webkit-transition: background-color .7s ease-out; transition: background-color .7s ease-out; width: 100% }
html[lang=ja-JP] .nav-drop-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-list-item>a, html[lang=zh-TW] .nav-drop-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-list-item>a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.nav-drop-list-item>a:first-child { margin-top: 30px }
.nav-drop-list-item>a:hover { color: #5b7f95 }
.nav-drop-list-item>a>.icon { width: 14px; z-index: 1; font-size: 34px; right: 0; line-height: 1em; position: relative; vertical-align: middle; display: table-cell; padding-left: 14px }
.nav-drop-body-item, .nav-drop-body-item-img--default, .nav-drop-body-item>span { display: block }
.nav-drop-body { margin-bottom: 1.25em }
.nav-drop-body-item>span { font-size: .8125em; clear: both }
.nav-drop-body-item-img-link { display: block; border: none }
.nav-drop-body-item-img-link img { float: left }
.nav-drop-body-item-img--hover { display: none ; transform:scale(1.2,1.2);transition: transform 2s; }
.nav-drop-body-item-links { display: none; clear: both; font-size: 13px }
.nav-drop-body-item-links:after, .nav-drop-body-item-links:before, .nav-drop-body-item-title:after, .nav-drop-body-item-title:before { content: " "; display: table }
.nav-drop-body-item-links:after { clear: both }
.nav-drop-body-item-links .sep, .nav-drop-body-item-links>a { font-size: 13px }
.nav-drop-body-item-links>.sep { width: 1px; border-left: 1px solid #999; margin: 0 7px 0 4px }
.nav-drop-body-item-title { border-bottom: none; text-decoration: none }
.nav-drop-body-item-title:after { clear: both }
.nav-drop-body-item-title.small-before small { text-align: right; float: left; margin-right: 5px }
.nav-drop-body-item-title.small-before small.edition { margin-left: 5px }

@media screen and (max-width:79.125em) {
.nav-drop-body-item-title.small-before small.edition { display: none }
}
.nav-drop-body-item-title.small-after small { text-align: left }
.nav-drop-body-item-title.small-after h3 { float: left; margin-right: 5px }
.nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; display: block; line-height: 7px; font-size: 7px; position: relative; top: 4px; overflow: hidden; vertical-align: top; text-transform: uppercase; -webkit-font-smoothing: subpixel-antialiased; float: left }
html[lang=ja-JP] .nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-body-item-title small, html[lang=zh-TW] .nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-body-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
html[lang=el-GR] .nav-drop-body-item-title small { font-size: 13px; font-family: Arial, Sans-Serif }
html[lang=uk-UA] .nav-drop-body-item-title small { font-family: "Arial Narrow" }
.nav-drop-body-item-title h3 { display: block; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left }
.nav-drop-body-item-link { padding: 5px 0; border-bottom: none; display: block; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 24px; line-height: 1.2; color: #003057; letter-spacing: 0 }
html[lang=ja-JP] .nav-drop-body-item-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .nav-drop-body-item-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .nav-drop-body-item-link, html[lang=zh-TW] .nav-drop-body-item-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .nav-drop-body-item-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .nav-drop-body-item-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.nav-drop-body-item-link:hover { color: #5b7f95 }

@media screen and (min-width:0) and (max-width:540px) {
.nav-drop-car .nav-drop-body-row { float: left; margin-right: 3.48259%; width: 100%; display: none }
.nav-drop-car .nav-drop-body-row:last-child { margin-right: 0 }
.nav-drop-car .nav-drop-body-row.on { display: block }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-bottom: 1.3125em }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item:last-child, .nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(2n) { margin-right: 0 }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(2n+1) { clear: left }
}

@media screen and (min-width:540px) and (max-width:960px) {
.nav-drop-car .nav-drop-body-row { float: left; margin-right: 3.48259%; width: 100%; display: none }
.nav-drop-car .nav-drop-body-row:last-child { margin-right: 0 }
.nav-drop-car .nav-drop-body-row.on { display: block }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item { float: left; display: block; margin-right: 3.48259%; width: 31.01161%; margin-bottom: 2.625em }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item:last-child, .nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(3n) { margin-right: 0 }
.nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(3n+1) { clear: left }
}

@media screen and (min-width:540px) {
.nav-drop { top: 70px }
.nav-drop-filter { margin-bottom: 1.875em }
.nav-drop-filter-dropdown { display: none!important }
.nav-drop-filter-items { display: block }
.nav-drop-item, .nav-drop-items, .nav-drop-list { padding: 30px 42px }
.nav-drop-item-back { padding: 0 21px; font-size: 24px }
.nav-drop-item-back>.icon { font-size: 30px }
.nav-drop-list-item { padding: 30px 42px }
}

@media screen and (min-width:960px) {
.nav-drop { overflow-y: scroll }
.nav-drop-container { height: auto; display: none }
.nav-drop-container-wrapper { position: absolute; width: 100%; height: 100% }
.nav-drop-container.on { display: inline-block; position: relative }
.nav-drop-close, .nav-drop-hotzone { display: block }
.nav-drop-item { padding: 0 }
.nav-drop-item-title { height: 48px; position: relative }
.nav-drop-item-title span { position: absolute; bottom: 0 }
.nav-drop-items { max-width: 79.125em; margin-left: auto; margin-right: auto; display: block; height: auto; padding: 30px 42px 42px }
.nav-drop-items:after, .nav-drop-items:before { content: " "; display: table }
.nav-drop-items:after { clear: both }
.nav-drop-item { float: left; margin-right: 3.48259%; width: 100%; display: none }
.nav-drop-item:last-child { margin-right: 0 }
.nav-drop-item.on { display: block }
.nav-drop-item-back, .nav-drop-item-title>.icon, .nav-drop-list { display: none }
.nav-drop-item-back>.icon { left: 14px }
.nav-drop-item-toggle { pointer-events: none; color: #EF7B16red }
.nav-drop-list-item>a { padding: 0 42px }
.nav-drop-body { float: left; display: block; margin-right: 3.48259%; width: 31.01161%; margin-bottom: 0 }
.nav-drop-body:last-child { margin-right: 0 }
.no-touch .nav-drop-body-item:hover .nav-drop-body-item-img--default { display: none }
.no-touch .nav-drop-body-item:hover .nav-drop-body-item-img--hover { display: block }
.no-touch .nav-drop-body-item:hover .nav-drop-body-item-subtitle { display: none }
.no-touch .nav-drop-body-item:hover .nav-drop-body-item-links { display: block }
.nav-drop-car .nav-drop-body-item { margin-bottom: 2.625em }
.nav-fallback .nav-drop-car .nav-drop-body-item { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.nav-fallback .nav-drop-car .nav-drop-body-item:last-child, .nav-fallback .nav-drop-car .nav-drop-body-item:nth-child(4n) { margin-right: 0 }
.nav-fallback .nav-drop-car .nav-drop-body-item:nth-child(4n+1) { clear: left }
.nav-drop-cars .nav-drop-body { float: left; display: block; margin-right: 4.20842%; width: 16.63327% }
.nav-drop-cars .nav-drop-body:last-child { margin-right: 0 }
.nav-fallback .nav-drop-body.nav-drop-car { float: left; display: block; margin-right: 3.48259%; width: 74.12935% }
.nav-fallback .nav-drop-body.nav-drop-car:last-child { margin-right: 0 }
}

@media screen and (min-width:79.125em) {
.nav-drop-close { top: 20px }
}
.lt-ie9 .nav-drop-items { margin-left: 120% }
.lt-ie9 .nav-drop-items.on { margin-left: 0 }
.lt-ie9 .nav-drop-item { margin-left: 100% }
.lt-ie9 .nav-drop-item.on { margin-left: 0 }
.lt-ie9 .nav-drop-body-row { clear: both }
.lt-ie9 .nav-drop ul { padding-bottom: 60px }
.lt-ie9 .nav-drop-car .nav-drop-body-item { min-height: 132px }
.lt-ie9 .nav-drop-body-item { margin-right: 2%!important }
.lt-ie9 .nav-drop-body-item:hover .nav-drop-body-item-subtitle { display: block!important; margin-top: 1px }
.lt-ie9 .nav-drop-body-side { margin-right: 0!important }
.lt-ie9 .nav-drop-group { margin-right: 0; width: 26% }
.lt-ie9.force-mobile .nav-drop-body { width: 95%!important }

@media screen and (min-width:960px) {
.force-mobile .nav-drop-item, .force-mobile .nav-drop-items { position: absolute; top: 0; bottom: 0; right: 0; overflow: hidden; left: 0 }
.force-mobile .nav-drop-container { display: block; height: 100% }
.force-mobile .nav-drop-container.on { position: absolute }
.force-mobile .nav-drop-close { display: none }
.force-mobile .nav-drop-items { z-index: 900; -webkit-transform: translate(120%, 0); transform: translate(120%, 0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; padding-top: 42px }
.force-mobile .nav-drop-items.on { -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.force-mobile .nav-drop-body { margin-bottom: 1.25em!important; float: left; display: block; margin-right: 3.48259%; width: 100% }
.force-mobile .nav-drop-item { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 30px 42px }
.force-mobile .nav-drop-item-back { display: block }
.force-mobile .nav-drop-item-back>.icon { left: 0 }
.force-mobile .nav-drop-item-title { height: auto }
.force-mobile .nav-drop-item-title span { position: relative }
.force-mobile .nav-drop-list, .force-mobile .nav-drop-list-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden }
.force-mobile .nav-drop-item-title>.icon { display: block }
.force-mobile .nav-drop-item-toggle { color: #003057; pointer-events: all }
.force-mobile .nav-drop-list { display: block; z-index: 900 }
.force-mobile .nav-drop-list-item { overflow-y: auto; -webkit-overflow-scrolling: touch }
.force-mobile .nav-drop-body:last-child { margin-right: 0 }
.force-mobile .nav-drop-body.nav-drop-car { float: left; display: block; margin-right: 3.48259%; width: 100% }
.force-mobile .nav-drop-body.nav-drop-car:last-child { margin-right: 0 }
.force-mobile .nav-drop-car .nav-drop-body-row { float: left; margin-right: 3.48259%; width: 100%; display: none }
.force-mobile .nav-drop-car .nav-drop-body-row:last-child { margin-right: 0 }
.force-mobile .nav-drop-car .nav-drop-body-row.on { display: block }
.force-mobile .nav-drop-car .nav-drop-body-row .nav-drop-body-item { float: left; display: block; margin-right: 3.48259%; width: 22.38806%; margin-bottom: 2.625em }
.force-mobile .nav-drop-car .nav-drop-body-row .nav-drop-body-item:last-child, .force-mobile .nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(4n) { margin-right: 0 }
.force-mobile .nav-drop-car .nav-drop-body-row .nav-drop-body-item:nth-child(4n+1) { clear: left }
}
.subnav-cta, .subnav-hero { display: none }
#offers-model-anchors:after, .icon-nav .scroll ul.has-1:after, .icon-nav .scroll ul.has-2:after, .icon-nav .scroll ul.has-3:after, .icon-nav .scroll ul.has-4:after, .new-subnav-bar .sub-nav-wrap .new-right-menu .clear, .offer-model-detail .offers:after, .offer-model-detail header:after, .offer-model-section:after { clear: both }

@media screen and (min-width:0) and (max-width:481px) {
.nav-drop-container-wrapper .nav-drop-container .nav-drop-list-item .nav-list-mobile { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4 }
.nav-drop-container-wrapper .nav-drop-container .nav-drop-list-item .nav-list-mobile:last-child { border-bottom: none }
.nav-drop-container-wrapper .nav-drop-container .nav-drop-list-item .nav-title-mobile { font-size: 20px }
.nav-drop-container-wrapper .nav-drop-container .nav-drop-list-item .icon-angle-right.icon-right-mobile { font-size: 20px; color: #003057; font-weight: 700 }
}
.subnav { position: absolute; top: 50px; left: 0; right: 0; z-index: 800; height: 50px; overflow-y: hidden }
.has-notifications .subnav { top: 165px }
.subnav-leftheader { height: 56px; font-size: 26px }
.subnav-header { height: 50px; line-height: 50px; z-index: 802; -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px) }
.scroll-top~.subnav-header { margin-left: 40px }
.subnav-header ul li:first-child { height: 73px }
.subnav-item-wrapper { padding-left: 15px; padding-right: 15px }
.subnav-dark .subnav-item-active:after { position: absolute; height: 2px; left: 15px; right: 15px; bottom: 0; content: ""; background-color: #fff }
.subnav-white .subnav-item-active:after, .subnav-white .subnav-item:hover:after { position: absolute; height: 2px; left: 15px; right: 15px; bottom: 0; content: ""; background-color: #003057 }
.subnav-white .subnav-item { color: #003057 }
.subnav-items { text-align: center; z-index: 801; padding-bottom: 15px }
.subnav-back-sep { width: 80%; height: 1px; margin: 20px auto; background-color: #003057 }
.subnav-dark .subnav-back-sep { background-color: #fff }
.subnav-hero { position: absolute; bottom: 0; height: 88px; width: 100%; z-index: 900 }
.subnav-hero-button { display: block }
.subnav-hero--left, .subnav-hero--right { position: absolute; bottom: 0; padding: 24px }
.subnav-hero--left>a, .subnav-hero--right>a { display: block; border: 0; color: #fff }
.subnav-white .subnav-hero--left>a, .subnav-white .subnav-hero--right>a { color: #003057 }
.subnav-hero--left { left: 0 }
.subnav-hero--right { right: 0 }
.subnav-subtitle, .subnav-title { position: relative; height: 50px; padding-left: 15px; padding-right: 15px; line-height: 50px; color: #fff; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in; text-transform: uppercase; border-bottom: 0 }
.subnav-subtitle:hover, .subnav-title:hover { color: #fff }

@media screen and (max-width:1140px) {
.subnav-leftheader { font-size: 20px }
.subnav-subtitle, .subnav-title { position: relative; height: 50px; padding-left: 15px; padding-right: 15px; line-height: 50px; color: #fff; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in; text-transform: uppercase; border-bottom: 0; display: block; text-align: center }
.subnav-subtitle .icon, .subnav-title .icon { position: absolute; font-size: 20px; margin-left: 5px }
.subnav-item { display: inline-table }
.subnav-item:hover:after { position: absolute; height: 2px; left: 15px; right: 15px; bottom: 0; content: ""; background-color: #fff }
.subnav-header { -webkit-transition: background-color .3s; transition: background-color .3s; background-color: rgba(0,0,0,.7); text-align: center }
.scroll-top~.subnav-header { margin-left: 0 }
.is-subnav-fixed-on .subnav-header { background-color: rgba(0,0,0,.9) }
.subnav-white .subnav-header { background-color: #fff; background-color: rgba(255,255,255,.9); color: #003057 }
.is-subnav-fixed-on .subnav-white .subnav-header { background-color: rgba(255,255,255,.9) }
.subnav-header .subnav-back-icon, .subnav-header .subnav-subtitle { display: none }
.subnav-items { background-color: rgba(0,0,0,.7) }
.subnav-white .subnav-items { background-color: #fff; background-color: rgba(255,255,255,.9); color: #003057 }
.subnav.on { height: auto; bottom: 0; overflow-y: auto }
.subnav.on .subnav-header, .subnav.on .subnav-items { background-color: #000 }
.subnav.on.subnav-white .subnav-header, .subnav.on.subnav-white .subnav-items { background-color: #fff }
}

@media screen and (min-width:540px) {
.subnav, .subnav-header { height: 70px }
.subnav, .subnav-subtitle, .subnav-title { line-height: 70px }
.subnav { top: 70px }
.subnav-back-sep { display: none }
.subnav-cta { display: inline-block; background-color: transparent }
}

@media screen and (min-width:1140px) {
.subnav { padding-left: 15px; padding-right: 15px; -webkit-transition: background-color .3s; transition: background-color .3s; background-color: rgba(0,0,0,.7) }
.subnav-back { display: none }
.is-subnav-fixed-on .subnav { background-color: rgba(0,0,0,.9) }
.is-subnav-fixed-on .subnav.subnav-white { background-color: #fff; background-color: rgba(255,255,255,.9) }
.subnav.subnav-white { background-color: #fff; background-color: rgba(255,255,255,.7); color: #003057 }
.subnav-hero { display: block }
.subnav-header { height: 70px; float: left }
.subnav-header .subnav-back-icon { line-height: 70px; position: relative; top: -1px; font-size: 24px; right: 10px; float: left; display: none }
.subnav-subpage .subnav-header .subnav-back-icon { display: block }
.subnav-header .sep { font-size: .875em; width: 1px; border-left: 1px solid #fff; margin: 0 14px 0 8px; line-height: 70px }
.subnav-white .subnav-header .sep { border-left: 1px solid #003057 }
.subnav-subpage .subnav-title, .subnav-title { padding-left: 10px; font-weight: 700 }
.subnav-subtitle, .subnav-title { padding: 0; font-size: 26px; float: none }
.subnav-subpage .subnav-subtitle, .subnav-subpage .subnav-title { font-size: 26px; float: none }
.subnav-subtitle:hover:after, .subnav-title:hover:after { background: 0 0!important }
.subnav-subtitle .subnav-toggle-icon, .subnav-title .subnav-toggle-icon { display: none }
.subnav-title { text-transform: none; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.subnav-items { height: 70px; display: block; float: right }
.subnav-item-wrapper { display: inline-block; padding: 0 }
.subnav-cta { float: right; margin-top: 11px }
}
.card table tr, .icon-nav .scroll li a { -webkit-transition: background-color .3s }
.navScroll .scroll-bttm, .scroll-top { background-position: 0 0; text-indent: -9999px }
.scroll-top { display: none; background-image: url(/Static/images/btn-top.png); background-repeat: no-repeat; width: 32px; height: 32px; border-bottom: none; position: absolute; top: 19px; left: 15px; opacity: .5; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) progid:alpha(opacity=50)" }
.scroll-top:hover { opacity: 1; filter: alpha(opacity=100) }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.scroll-top { background-image: url(/Static/images/btn-top.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.scroll-top { background-image: url(/Static/images/btn-top.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.scroll-top { background-image: url(/Static/images/btn-top.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}

@media screen and (min-width:79.125em) {
.subnav { padding-left: 40px; padding-right: 40px }
.scroll-top { left: 35px }
}
.subnav-pricing-white { color: #003057 }
.subnav-pricing-dark { color: #fff }

@media screen and (min-width:1140px) {
.scroll-top { display: block }
.subnav-enumerated-small, .subnav-mobile-header { display: none }
.subnav-pricing-header { margin-top: -28px }
.subnav-pricing-subpage { padding-left: 22px }
}

@media screen and (max-width:1140px) {
.subnav-desktop-header, .subnav-enumerated-large, .subnav-pricing-subpage { display: none }
.subnav-pricing-header { Display: none }
}
.subnav-item-mobile, .subnav-leftheader-mobile { display: none }

@media screen and (min-width:0) and (max-width:481px) {
.nav.force-sticky-nav { position: fixed; top: 0; bottom: 0; left: 0; right: 0 }
.navbar-fixed, .navbar-fixed-top-nav { position: fixed; top: 0 }
.navbar-fixed-top { position: fixed }
.nav-bar-absolute { position: absolute }
.subnav { width: 100%; z-index: 1000 }
.subnav .subnav-inner .subnav-header { background-color: #f6f6f6 }
.subnav .subnav-inner .subnav-header ul li .subnav-leftheader-mobile { display: block; padding:0 13px 15px 12px; float: left; width: 90%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-transform: uppercase }
.subnav .subnav-inner .subnav-header ul li .subnav-leftheader-mobile .subnav-title-mobile { text-align: left; color: #003057; width: 100%; border-bottom: none }
.subnav .subnav-inner .subnav-header ul li .subnav-leftheader-mobile .subnav-title-mobile .icon { position: absolute; font-size: 20px; right: 15px }
.subnav .subnav-inner .subnav-header ul li .subnav-leftheader-mobile .subnav-title-mobile:hover { color: #003057 }
.subnav .subnav-inner .subnav-header ul li .subnav-leftheader-mobile .subnav-title-mobile:hover:after { background: 0 0; height: 0 }
.subnav .subnav-inner .subnav-items { background-color: #fff; padding: 0 10px 20px }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl { text-align: left; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d4d4d4 }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl .subnav-item-mobile { display: block; border-bottom: 0; text-transform: none; color: #003057; width: 100%; padding: 15px 0; cursor: pointer }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl .subnav-item-mobile h5.subnav-item-title-mobile { font-size: 16px; font-family: "Volvo Sans Regular", "Volvo Sans Medium", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; cursor: pointer }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl .subnav-item-mobile.subnav-item-active { border-bottom: 2px solid #003057!important }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl .subnav-item-mobile.subnav-item-active h5.subnav-item-title-mobile { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important }
.subnav .subnav-inner .subnav-items .subnav-item-wrapper.subnav-wrap-mbl .subnav-item-mobile.subnav-item-active:after { background: 0 0 }
.subnav .subnav-inner .subnav-items .subnav-back-sep { display: none }
.subnav .subnav-inner .subnav-items:hover { color: #003057; border-bottom: 1px solid #DDD }
.subnav.on .subnav-header { background-color: #fff }
.subnav-toggle.subnav-toggle-mobile { float: right; padding-right: 20px; text-decoration: none; border: none; max-width: 10% }
.subnav-item, .subnav-leftheader { display: none }
.nav-drop.on { z-index: 1000000 }
.is-subnav-fixed.is-subnav-fixed-on .subnav { display: block; z-index: 99999; top: 0!important }
.nav { z-index: 99999 }
#instantSearch { z-index: 9999!important }
}

@media (min-width:481px) {
.subnav-toggle.subnav-toggle-mobile .icon.subnav-toggle-icon.icon-angle-up { display: none }
}

@media (max-width:480px) {
.subnav-toggle.subnav-toggle-mobile .icon.subnav-toggle-icon.icon-angle-up { display: block }
}
.icon-nav { padding-top: 0; padding-bottom: 0; margin-bottom: 0; position: relative }
.icon-nav a.next, .icon-nav a.prev { display: none; position: absolute; width: 40px; height: 100%; border: none; color: #000 }
.icon-nav .scroll li, .icon-nav .scroll ul.has-1, .icon-nav .scroll ul.has-1 li, .icon-nav .scroll ul.has-2 { width: 100% }
.icon-nav a.next .icon, .icon-nav a.prev .icon { position: absolute; width: 100%; top: 50%; text-align: center; font-size: 30px; line-height: normal; margin-top: -15px }
.icon-nav a.next { right: 0 }
.no-touch .icon-nav-overflow a.next, .no-touch .icon-nav-overflow a.prev { display: block }
.icon-nav .scroll li { text-align: center; border-right: 1px solid #e7e7e7; float: left; overflow: hidden }
.icon-nav .scroll li:first-child { border-left: 1px solid #e7e7e7 }
.icon-nav .scroll li a { transition: background-color .3s; display: block; letter-spacing: normal; padding: 29px 5px 28px; text-decoration: none; border: none; height: 100% }
.icon-nav .scroll li a strong { text-transform: uppercase; display: block; font-family: "Volvo Sans Medium"; letter-spacing: 1px; font-size: .8125em; line-height: 1.3em }
.icon-nav .scroll li a span { display: none; max-width: 200px; margin: 0 auto }
.icon-nav .scroll ul.has-1, .icon-nav .scroll ul.has-2, .icon-nav .scroll ul.has-3, .icon-nav .scroll ul.has-4, .icon-nav .scroll ul.has-5 { max-width: 1182px; margin-left: auto; margin-right: auto }
.icon-nav .scroll li a .icon { font-size: 36px; height: 36px; margin-bottom: 16px; display: block; line-height: normal }
.icon-nav .scroll ul.has-1:after, .icon-nav .scroll ul.has-1:before, .icon-nav .scroll ul.has-2:after, .icon-nav .scroll ul.has-2:before, .icon-nav .scroll ul.has-3:after, .icon-nav .scroll ul.has-3:before, .icon-nav .scroll ul.has-4:after, .icon-nav .scroll ul.has-4:before, .icon-nav .scroll ul.has-5:after, .icon-nav .scroll ul.has-5:before { content: " "; display: table }
.icon-nav .scroll ul.has-2 li { width: 50% }
.icon-nav .scroll ul.has-3 { width: 120% }
.icon-nav .scroll ul.has-3 li { width: 33.33333% }
.icon-nav .scroll ul.has-4 { width: 160% }
.icon-nav .scroll ul.has-4 li { width: 25% }
.icon-nav .scroll ul.has-5 { width: 200% }
.navScroll, .support-search-footer .icon-nav .scroll li a .icon { display: none }
.icon-nav .scroll ul.has-5:after { clear: both }
.icon-nav .scroll ul.has-5 li { width: 20% }
.icon-nav .scroll ul.has-6 { width: 240% }
.icon-nav .scroll ul.has-6 li { width: 16.66667% }
.icon-nav .scroll ul.has-7 { width: 280% }
.icon-nav .scroll ul.has-7 li { width: 14.28571% }
.icon-nav .scroll ul.has-8 { width: 320% }
.icon-nav .scroll ul.has-8 li { width: 12.5% }
.icon-nav .scroll ul.has-9 { width: 360% }
.icon-nav .scroll ul.has-9 li { width: 11.11111% }
.touch .icon-nav .scroll { -webkit-overflow-scrolling: touch; overflow-x: auto }
.icon-nav.theme-teal li a { color: #000; background-color: #fff }
.icon-nav.theme-teal li a.active { background-color: #d6d2c4 }
.no-touch .icon-nav.theme-teal li a:hover { background-color: #E5E2D8 }
.icon-nav.theme-dark li a { color: #000; background-color: #fff }
.icon-nav.theme-dark li a.active { background-color: #d6d2c4 }
.no-touch .icon-nav.theme-dark li a:hover { background-color: #E5E2D8 }
.hero .icon-nav { padding: 0; background-color: transparent }
.support-search-footer .icon-nav { background-color: transparent; margin-top: -1.875em; margin-bottom: 1.875em }

@media screen and (min-width:481px) {
.component.icon-nav { padding-top: 0 }
.icon-nav .scroll li a strong { font-size: 1em }
.icon-nav .scroll ul.has-1, .icon-nav .scroll ul.has-1 li, .icon-nav .scroll ul.has-2 { width: 100% }
.icon-nav .scroll ul.has-2 li { width: 50% }
.icon-nav .scroll ul.has-3 { width: 100% }
.icon-nav .scroll ul.has-3 li { width: 33.33333% }
.icon-nav .scroll ul.has-4 { width: 769px }
.icon-nav .scroll ul.has-4 li { width: 192.25px }
.icon-nav .scroll ul.has-5 { width: 961.25px }
.icon-nav .scroll ul.has-5 li { width: 192.25px }
.icon-nav .scroll ul.has-6 { width: 1153.5px }
.icon-nav .scroll ul.has-6 li { width: 192.25px }
.icon-nav .scroll ul.has-7 { width: 1345.75px }
.icon-nav .scroll ul.has-7 li { width: 192.25px }
.icon-nav .scroll ul.has-8 { width: 1538px }
.icon-nav .scroll ul.has-8 li { width: 192.25px }
.icon-nav .scroll ul.has-9 { width: 1730.25px }
.icon-nav .scroll ul.has-9 li { width: 192.25px }
.support-search-footer .icon-nav { margin-top: -2.8125em; margin-bottom: 2.8125em }
}

@media screen and (min-width:769px) {
.icon-nav .scroll ul.has-1, .icon-nav .scroll ul.has-1 li, .icon-nav .scroll ul.has-2 { width: 100% }
.icon-nav .scroll ul.has-2 li { width: 50% }
.icon-nav .scroll ul.has-3 { width: 100% }
.icon-nav .scroll ul.has-3 li { width: 33.33333% }
.icon-nav .scroll ul.has-4 { width: 100% }
.icon-nav .scroll ul.has-4 li { width: 25% }
.icon-nav .scroll ul.has-5 { width: 100% }
.icon-nav .scroll ul.has-5 li { width: 20% }
.icon-nav .scroll ul.has-6 { width: 100% }
.icon-nav .scroll ul.has-6 li { width: 16.66667% }
.icon-nav .scroll ul.has-7 { width: 100% }
.icon-nav .scroll ul.has-7 li { width: 14.28571% }
.icon-nav .scroll ul.has-8 { width: 100% }
.icon-nav .scroll ul.has-8 li { width: 12.5% }
.icon-nav .scroll ul.has-9 { width: 100% }
.icon-nav .scroll ul.has-9 li { width: 11.11111% }
.support-search-footer .icon-nav { margin-top: -5.9375em; margin-bottom: 5.9375em }
}
.support-search-footer .icon-nav .scroll li a { padding: 23px 5px }
.navScroll { height: 0; width: 0 }

@media screen and (min-width:1024px) {
.navScroll { height: 50px; width: 50px; z-index: 800; position: fixed; right: 50%; margin-right: -25px; top: 525px }
}

@media screen and (min-width:769px) and (min-height:800px) {
.navScroll { top: 725px }
}

@media screen and (min-width:79.125em) and (min-height:800px) {
.navScroll { top: 775px }
}

@media screen and (min-width:2000px) and (min-height:800px) {
.navScroll { top: 1075px }
}
.navScroll .scroll-bttm { display: block; background-image: url(/Static/images/btn-bttm.png); background-repeat: no-repeat; width: 50px; height: 50px; border-bottom: none }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.navScroll .scroll-bttm { background-image: url(/Static/images/btn-bttm.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.navScroll .scroll-bttm { background-image: url(/Static/images/btn-bttm.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.navScroll .scroll-bttm { background-image: url(/Static/images/btn-bttm.png); width: 64px; height: 64px; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}
.navScroll .scrolltop { background-image: url(/Static/images/btn-top-new.png); width: 50px; height: 50px; display: none; left: 0 }
.navScroll.right { left: auto; top: auto; right: 42px; bottom: 42px }
.navScroll.backtotop .scrolltop { display: block }
.navScroll.backtotop .scroll-bttm { display: none }
html.nav-drop-on .navScroll { display: none!important }

@media screen and (min-width:1025px) {
#new-secondary-navigation { display: block }
#secondary-navigation { display: none }
}
@-webkit-keyframes hvr-pop {
50% {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
}
@keyframes hvr-pop {
50% {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
}
#notification-bar, .hvr-pop { -webkit-transform: translateZ(0) }
.hvr-pop { display: inline-block; vertical-align: middle; transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale }
.new-subnav-bar .fourth-level-right-menu-title.active-subnav-menu span, .new-subnav-bar .new-right-menu-item.active-subnav-menu span { display: none }
.mfp-wrap, .scroll-nav .owl-item { -webkit-backface-visibility: hidden }
.active-subnav-menu { border-bottom: 3px solid #fff!important; padding-bottom: 0!important }
.new-subnav-bar.subnav-subpage .new-right-menu-item { bottom: 0!important }
.is-subnav-fixed.is-subnav-fixed-on .new-subnav-bar { position: fixed; top: 0; width: 100%; z-index: 999; margin: 0 }
.new-subnav-bar { background-color: #000; border-bottom: 1px solid #333; height: 50px; position: absolute; left: 0; right: 0; z-index: 800; top: 80px }
.new-subnav-bar.subnav-subpage .sub-nav-wrap .pdp-model-wrap .pdp-model-name a:before { content: '\E002'; font-size: 16px; font-family: volvo-icons; margin-left: -15px; position: absolute; color: #2b7bcd }
.new-subnav-bar.subnav-subpage .sub-nav-wrap .pdp-model-wrap .fourth-level-title a:before { content: '\E002'; font-size: 18px; font-family: volvo-icons; margin-left: -15px; position: absolute; margin-top: -2px; color: #2b7bcd }
.new-subnav-bar .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item:hover a { font-family: "Volvo Sans Medium" }
.new-subnav-bar .new-right-menu.menu-no-cta { border-right: none!important }
.new-subnav-bar a { border-bottom: none }
.new-subnav-bar .sub-nav-wrap { padding: 0 30px; display: inline-block; width: 100%; height: 100% }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu .fourth-level-title, .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu .fourth-level-title a { color: #fff; padding: 22px 0; font-family: "Volvo Sans Light"; display: inline-block }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap, .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu { float: left }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu .fourth-level-title a { text-decoration: none; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu .fourth-level-title .word-style, .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name, .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a { font-family: "Volvo Sans Medium"; font-size: 16px; color: #fff }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .fourth-level-left-menu .fourth-level-title a:hover:before { margin-left: -20px; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name { display: inline-block; padding: 13px 0 }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a { display: inline-block; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a:hover:before { margin-left: -20px; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name span { font-size: 16px; font-family: "Volvo Sans Light" }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name .subnav-toggle-icon { display: none }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-price { font-family: "Volvo Sans Light"; color: #fff; font-size: 16px; display: inline-block }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-price span { font-family: "Volvo Sans Light"; color: #fff; font-size: 16px!important; display: inline-block; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap { display: inline-block; float: right }
.new-subnav-bar .sub-nav-wrap .new-right-menu { text-align: right; padding: 0 0 0 20px; float: right }
.new-subnav-bar .sub-nav-wrap .new-right-menu .subnav-enumerated-small { display: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 15px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu { float: right; text-align: center }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title { color: #fff; padding: 11px 0; display: inline-block; font-family: "Volvo Sans Light"; cursor: pointer; position: relative }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title a { color: #fff; display: inline-block; font-family: "Volvo Sans Light"; cursor: pointer; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title span { position: absolute; bottom: -1px; left: 0; width: 0; height: 3px; -webkit-transition: all .6s; transition: all .6s; background: #fff }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title:hover span { width: 100%; margin: 0 auto }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-right, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-top { display: inline-block; position: relative; top: 4px; width: 10px; color: #2b7bcd; cursor: pointer }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-right:before { content: '\E001'; font-size: 18px; font-family: volvo-icons; margin-left: 10px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-top:before { content: '\E004'; font-size: 18px; font-family: volvo-icons; margin-left: 10px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop { display: none; position: absolute; background-color: #000; z-index: 999; width: 17em; text-align: left; margin-left: -41px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item { color: #fff; font-family: "Volvo Sans Light"; font-size: 16px; padding: 15px 0 41px 40px; border-bottom: 1px solid #414146 }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item a { text-decoration: none; color: #fff; position: absolute; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item a:after { content: '\E003'; font-size: 18px; font-family: volvo-icons; margin-left: 10px; vertical-align: -3px; position: relative; margin-top: -1px; color: #2b7bcd }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item a:hover:after { margin-left: 15px; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop .fourth-level-right-menu-drop-item:active a { -webkit-animation-name: dsc-select; animation-name: dsc-select; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .active-subnav-menu { border-bottom: 3px solid #fff; position: relative; z-index: 999; padding: 14px 0 9px!important }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item { display: inline-block; font-family: "Volvo Sans Light"; color: #fff; font-size: 16px; padding: 0; margin-left: 15px; position: relative; text-align: center; line-height: 50px; height: 51px; top: 0 }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item a { text-decoration: none; color: #fff; font-family: "Volvo Sans Light"; font-size: 16px; letter-spacing: .02em }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item span { position: absolute; bottom: 1px; left: 0; width: 0; height: 3px; background: #fff }
#new-secondary-navigation.collide.new-subnav-bar .sub-nav-wrap .pdp-model-wrap, .offer-sticky .sticky-content, .offer-sticky a { width: 100% }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item:hover span { width: 100%; margin: 0 auto }
.new-subnav-bar .sub-nav-wrap .cta-right-menu { float: right; text-align: right; border-left: 1px solid #414146 }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item { display: inline-block; font-family: "Volvo Sans Light"; color: #fff; font-size: 16px; padding: 13px 20px; text-transform: capitalize }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item a { text-decoration: none; color: #fff }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item:after { content: '\E003'; font-size: 16px; font-family: volvo-icons; margin-left: 10px; position: absolute; color: #2b7bcd }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item:hover:after { margin-left: 15px; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s }
.new-subnav-bar .sub-nav-wrap .cta-right-menu:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }

@media (min-width:1025px) {
#new-secondary-navigation { display: block!important }
}

@media screen and (max-width:991px) {
.new-subnav-bar .sub-nav-wrap { padding: 0 20px }
.new-subnav-bar .sub-nav-wrap .new-right-menu { text-align: left; float: left; width: 100%; padding: 0 20px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation { padding: 4px 0; border-bottom: 1px solid #414146; margin-left: 0; width: 100% }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation:hover, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation:last-child:hover { border-bottom: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-right, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .arrow-top, .new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .sec-right-menu-wrap .fourth-level-right-menu-title span { display: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .fourth-level-right-menu .fourth-level-right-menu-drop { display: none!important }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item span, .new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name .subnav-toggle span { display: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .fourth-level-navigation .active-subnav-menu { font-weight: 700; border-bottom: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item { border-bottom: 1px solid #414146; position: relative; text-align: left; width: 100%; padding: 15px 0; margin-left: 0; height: auto; line-height: normal }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item:last-child { border-bottom: none }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item a { font-size: 15px }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap { width: 100% }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name { float: left; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-transform: none }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name .subnav-toggle-icon { font-size: 10px; display: block; float: right }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-name a { display: inline-block; letter-spacing: .02em; width: 100%; float: left; position: relative; font-size: 15px }
.new-subnav-bar .sub-nav-wrap .pdp-model-wrap .pdp-model-price { display: none }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap { display: none; background-color: #000; position: absolute; left: 0; right: 0; top: 54px }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.collide { opacity: inherit; border-top: 1px solid #414146 }
.new-subnav-bar .sub-nav-wrap .cta-right-menu { float: left; text-align: left; border-left: none; padding: 0 20px; width: 100%; margin-left: 0 }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item { padding-left: 0; border-top: 1px solid #414146; width: 100%; padding-top: 15px; font-size: 15px }
.new-subnav-bar .sub-nav-wrap .pdp-model-right-wrap.pdp-show { display: block; border-top: 1px solid #414146 }
.new-subnav-bar .pdp-model-right-wrap .new-right-menu-item.active-subnav-menu { font-weight: 700; padding-bottom: 15px!important; border-bottom: 2px solid #fff!important }
}
.offer-model-detail footer, .offer-sticky a { text-align: center }

@media screen and (max-width:1024px) {
.new-subnav-bar { top: 65px; z-index: 99; height: 55px }
.new-subnav-bar .sub-nav-wrap { padding: 0 20px }
.new-subnav-bar .sub-nav-wrap .new-right-menu .new-right-menu-item { height: 56px; line-height: 56px; padding: 0 }
.new-subnav-bar .sub-nav-wrap .cta-right-menu .cta-right-menu-item { padding: 15px 20px }
}
.offers-wrapper .search-form-wrap { font-size: 1em }
.cl-detail .offers-wrapper .disclaimer .cl-description, .cl-detail .offers-wrapper .disclaimer font, .offers-wrapper .disclaimer, .offers-wrapper .disclaimer .cl-detail .cl-description, .offers-wrapper .disclaimer .cl-detail font, .offers-wrapper .disclaimer .extf-content, .offers-wrapper .disclaimer .story-carousel .story-content, .offers-wrapper .disclaimer .support-area, .offers-wrapper .disclaimer p, .offers-wrapper .disclaimer-link, .story-carousel .offers-wrapper .disclaimer .story-content { display: inline-block; font-size: 14px }
.offers-wrapper .disclaimer-link { margin-top: 1em }
.offers-wrapper figure { margin: 0 }
.offers-wrapper .extf { padding-top: 120px }
.offers-wrapper .extf-header { padding-bottom: 0; margin-bottom: .9375em }
.offers-wrapper .zip-search-wrap { margin-top: 3.125em; padding-top: 0 }
.offers-wrapper .zip-search-wrap small { font-size: 85%; margin: 1.25em auto 0; display: block }

@media screen and (min-width:769px) {
.offers-wrapper .zip-search-wrap { margin-top: 6.25em }
}
.offers-wrapper .interest-wrapper { margin-top: 3.125em }

@media screen and (min-width:769px) {
.offers-wrapper .interest-wrapper { margin-top: 6.25em }
}
.offers-wrapper .il-medium { margin-bottom: 6.25em }
.offer-sticky { margin-top: 30px }
.offer-sticky a { border: none; display: block; padding: 15px; background-color: #fff }
.offer-sticky h4 { margin-bottom: 0 }
.offer-sticky .icon { display: none; font-size: 1.5em }
.offer-sticky.sticky-docked a { background-color: transparent }
.offers-wrapper.offer-main { max-width: none; padding: 0 }
#offers-model-anchors { max-width: 79.125em; margin-left: auto; margin-right: auto }
#offers-model-anchors:after, #offers-model-anchors:before { content: " "; display: table }
#offers-model-anchors h5 { margin-bottom: 24px }
#offers-model-anchors li { float: left; width: auto; margin-top: 1em }
#offers-model-anchors li a { border: none; display: block }
#offers-model-anchors li a:hover figcaption { text-decoration: underline }
#offers-model-anchors li figure { margin: 0; width: 100% }
#offers-model-anchors li img { max-width: 275px; display: block }
#offers-model-anchors li figcaption { margin-top: .625em }
#offers-model-anchors .anchor-select { margin: 0 .875em }
#offers-model-anchors .anchor-select select { display: block }
#offers-model-anchors .anchor-list { display: none; padding: 0 1.25em }

@media screen and (min-width:481px) {
#offers-model-anchors h5 { margin-bottom: 3.75em }
#offers-model-anchors .anchor-select { display: none }
#offers-model-anchors .anchor-list { display: inline-block }
}
.offer-model-section { position: relative; max-width: 79.125em; margin-left: auto; margin-right: auto; margin-top: 3.75em; padding: 0 .875em }
.offer-model-section:after, .offer-model-section:before { content: " "; display: table }
.offer-model-section:first-child { margin-top: 0 }
.offer-model-anchor { position: absolute; top: -40px }
.offer-model-detail { float: left; display: block; width: 100%; margin-right: 0; margin-top: 3.75em }
.offer-model-detail:last-child { margin-right: 0 }
.offer-model-detail:first-child { margin-top: 0 }
.offer-model-detail .accordion>li { list-style: none }
.offer-model-detail .accordion .accordion-panel-toggle { position: absolute; width: 100%; height: 98px; border-color: #999 }
.offer-model-detail .accordion .accordion-panel-toggle i { color: #fff; right: 20px; top: 20px; position: absolute }
.offer-model-detail header { position: relative; display: block }
.offer-model-detail header:after, .offer-model-detail header:before { content: " "; display: table }
.offer-model-detail header .offer-heading, .offer-model-detail header figure { float: left; display: block; margin-right: 3.48259%; width: 100% }
.offer-model-detail header .offer-heading:last-child, .offer-model-detail header figure:last-child { margin-right: 0 }
.offer-model-detail header figure img { width: 100% }
.offer-model-detail header .offer-heading { margin-top: 1.25em }
.cl-detail .offer-model-detail header .cl-description, .cl-detail .offer-model-detail header font, .offer-model-detail header .cl-detail .cl-description, .offer-model-detail header .cl-detail font, .offer-model-detail header .extf-content, .offer-model-detail header .story-carousel .story-content, .offer-model-detail header .support-area, .offer-model-detail header p, .story-carousel .offer-model-detail header .story-content { font-size: .875em }
.offer-model-detail li { list-style-type: disc; list-style-position: inside }
.offer-model-detail .offers { display: block; background-color: #fff; margin-top: 2.5em }
.offer-model-detail .offers:after, .offer-model-detail .offers:before { content: " "; display: table }
.offer-model-detail .offers .offer { float: left; display: block; margin-right: 3.48259%; width: 100% }
.offer-model-detail .offers .offer:last-child { margin-right: 0 }
.offer-model-detail .offers .offer header { color: #fff; background-color: #000; padding: 1.25em }
.offer-model-detail .offers .offer header h3 { margin-bottom: 0; text-transform: none }
.offer-model-detail .offers .offer header h4:first-child { font-size: .75em; margin-bottom: .2em }
.cl-detail .offer-model-detail .offers .offer header .cl-description:after, .cl-detail .offer-model-detail .offers .offer header font:after, .offer-model-detail .offers .offer header .cl-detail .cl-description:after, .offer-model-detail .offers .offer header .cl-detail font:after, .offer-model-detail .offers .offer header .extf-content:after, .offer-model-detail .offers .offer header .story-carousel .story-content:after, .offer-model-detail .offers .offer header .support-area:after, .offer-model-detail .offers .offer header p:after, .story-carousel .offer-model-detail .offers .offer header .story-content:after { display: inline; margin-left: 2px }
.cl-detail .offer-model-detail .offers .offer header .cl-description, .cl-detail .offer-model-detail .offers .offer header font, .offer-model-detail .offers .offer header .cl-detail .cl-description, .offer-model-detail .offers .offer header .cl-detail font, .offer-model-detail .offers .offer header .extf-content, .offer-model-detail .offers .offer header .story-carousel .story-content, .offer-model-detail .offers .offer header .support-area, .offer-model-detail .offers .offer header p, .story-carousel .offer-model-detail .offers .offer header .story-content { color: #ccc }
.cl-detail .offer-model-detail .offers .offer:first-child header .cl-description:after, .cl-detail .offer-model-detail .offers .offer:first-child header font:after, .offer-model-detail .offers .offer:first-child header .cl-detail .cl-description:after, .offer-model-detail .offers .offer:first-child header .cl-detail font:after, .offer-model-detail .offers .offer:first-child header .extf-content:after, .offer-model-detail .offers .offer:first-child header .story-carousel .story-content:after, .offer-model-detail .offers .offer:first-child header .support-area:after, .offer-model-detail .offers .offer:first-child header p:after, .story-carousel .offer-model-detail .offers .offer:first-child header .story-content:after { content: '*' }
.cl-detail .offer-model-detail .offers .offer:nth-child(2) header .cl-description:after, .cl-detail .offer-model-detail .offers .offer:nth-child(2) header font:after, .offer-model-detail .offers .offer:nth-child(2) header .cl-detail .cl-description:after, .offer-model-detail .offers .offer:nth-child(2) header .cl-detail font:after, .offer-model-detail .offers .offer:nth-child(2) header .extf-content:after, .offer-model-detail .offers .offer:nth-child(2) header .story-carousel .story-content:after, .offer-model-detail .offers .offer:nth-child(2) header .support-area:after, .offer-model-detail .offers .offer:nth-child(2) header p:after, .story-carousel .offer-model-detail .offers .offer:nth-child(2) header .story-content:after { content: '**' }
.cl-detail .offer-model-detail .offers .offer:nth-child(3) header .cl-description:after, .cl-detail .offer-model-detail .offers .offer:nth-child(3) header font:after, .offer-model-detail .offers .offer:nth-child(3) header .cl-detail .cl-description:after, .offer-model-detail .offers .offer:nth-child(3) header .cl-detail font:after, .offer-model-detail .offers .offer:nth-child(3) header .extf-content:after, .offer-model-detail .offers .offer:nth-child(3) header .story-carousel .story-content:after, .offer-model-detail .offers .offer:nth-child(3) header .support-area:after, .offer-model-detail .offers .offer:nth-child(3) header p:after, .story-carousel .offer-model-detail .offers .offer:nth-child(3) header .story-content:after { content: '***' }
.offer-model-detail .offers .offer .offer-details { padding: 1.25em }
.cl-detail .offer-model-detail .offers .offer .offer-details .cl-description, .cl-detail .offer-model-detail .offers .offer .offer-details font, .offer-model-detail .offers .offer .offer-details .cl-detail .cl-description, .offer-model-detail .offers .offer .offer-details .cl-detail font, .offer-model-detail .offers .offer .offer-details .extf-content, .offer-model-detail .offers .offer .offer-details .story-carousel .story-content, .offer-model-detail .offers .offer .offer-details .support-area, .offer-model-detail .offers .offer .offer-details p, .story-carousel .offer-model-detail .offers .offer .offer-details .story-content { font-size: 1em }
.offer-model-detail .offers .offer .disclaimer { padding-top: 1.875em }
.offer-model-detail .offers-cta-wrapper { text-transform: uppercase; padding-top: 30px }

@media screen and (min-width:0) and (max-width:481px) {
.offer-model-detail .offers-cta-wrapper .il-small { text-decoration: none; float: none; margin-bottom: 5px; font-size: .875em; width: 100% }
.offer-model-detail .offers-cta-wrapper .il-small img { display: none }
.offer-model-detail .offers-cta-wrapper .il-small a { display: block; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; background-color: #003057; padding: 20px; line-height: 1em; color: #fff }
html[lang=ja-JP] .offer-model-detail .offers-cta-wrapper .il-small a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .offer-model-detail .offers-cta-wrapper .il-small a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .offer-model-detail .offers-cta-wrapper .il-small a, html[lang=zh-TW] .offer-model-detail .offers-cta-wrapper .il-small a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .offer-model-detail .offers-cta-wrapper .il-small a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .offer-model-detail .offers-cta-wrapper .il-small a { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
}
.offer-model-detail footer .offers { margin-top: 0; margin-bottom: 30px; background-color: transparent }
.offer-model-detail footer .offers .offer { border: none; padding: .875em 0 0; text-align: left }
.offer-model-detail footer .offers .offer .disclaimer { margin-right: 2px; padding-top: 0; display: block; float: left; color: #999; font-size: .6875em }
.offer-model-detail footer .offers .offer:first-child { padding-left: 0 }
.offer-model-detail footer .offers .offer:first-child:before { content: "*" }
.offer-model-detail footer .offers .offer:last-child { padding-right: 0 }
.offer-model-detail footer .offers .offer:nth-child(2):before { content: "**" }
.offer-model-detail footer .offers .offer:nth-child(3):before { content: "***" }
.cl-detail .purchase-offer .offer-heading .disclaimer.cl-description, .cl-detail .purchase-offer .offer-heading font.disclaimer, .purchase-offer .offer-heading .cl-detail .disclaimer.cl-description, .purchase-offer .offer-heading .cl-detail font.disclaimer, .purchase-offer .offer-heading .disclaimer.extf-content, .purchase-offer .offer-heading .disclaimer.support-area, .purchase-offer .offer-heading .story-carousel .disclaimer.story-content, .purchase-offer .offer-heading p.disclaimer, .story-carousel .purchase-offer .offer-heading .disclaimer.story-content { float: left }
.cl-detail .purchase-offer .offer-heading .disclaimer.cl-description:before, .cl-detail .purchase-offer .offer-heading font.disclaimer:before, .purchase-offer .offer-heading .cl-detail .disclaimer.cl-description:before, .purchase-offer .offer-heading .cl-detail font.disclaimer:before, .purchase-offer .offer-heading .disclaimer.extf-content:before, .purchase-offer .offer-heading .disclaimer.support-area:before, .purchase-offer .offer-heading .story-carousel .disclaimer.story-content:before, .purchase-offer .offer-heading p.disclaimer:before, .story-carousel .purchase-offer .offer-heading .disclaimer.story-content:before { display: block; content: "*"; margin-right: 2px; float: left }
.purchase-offer header { margin: 1.25em }
.regional-offer { position: relative; width: 100%; background-color: #fff; padding: .875em; margin-top: 1.25em }
.regional-offer .disclaimer { display: block }
.regional-offer .box { margin-bottom: 0 }
.regional-offer .il-medium { text-align: left }

@media screen and (min-width:0) and (max-width:481px) {
.regional-offer .il-medium { width: 100%; margin-bottom: 15px }
}

@media screen and (min-width:481px) {
.regional-offer { padding: 2.5em; margin-top: 2.5em }
.regional-offer .il-medium { margin-bottom: 0 }
.offer-model-section { padding: 0 1.25em }
.offer-model-anchor { top: -80px }
.offers-wrapper .extf { padding-top: 150px }
.offer-model-detail .accordion .accordion-panel-toggle { display: none }
.offer-model-detail .accordion .accordion-panel-on { display: table-cell!important; height: 100%!important }
.offer-model-detail>header { display: table }
.offer-model-detail>header figure { display: table-cell; width: 50%; float: none; vertical-align: middle }
.offer-model-detail>header .offer-heading { margin-top: 0; float: none; margin-left: 8.62355%; display: table-cell; width: 50%; padding-left: 2.5em }
.cl-detail .offer-model-detail>header .cl-description, .cl-detail .offer-model-detail>header font, .offer-model-detail>header .cl-detail .cl-description, .offer-model-detail>header .cl-detail font, .offer-model-detail>header .extf-content, .offer-model-detail>header .story-carousel .story-content, .offer-model-detail>header .support-area, .offer-model-detail>header p, .story-carousel .offer-model-detail>header .story-content { font-size: 1em }
.offer-model-detail footer .offers .offer .disclaimer, .offers-cta-wrapper .items-list li { font-size: .875em }
.offer-model-detail .offers { margin-top: 2.5em; display: table; width: 100% }
.offer-model-detail .offers .offer { border-left: 1px solid #ececec; float: none }
.offer-model-detail .offers .offer:first-child { border-left: none }
.offer-model-detail .offers .offer header { min-height: 155px }
.offer-model-detail .offers.offers-col-3 .offer { display: table-cell; width: 33.33333%; margin-right: 0 }
.offer-model-detail .offers.offers-col-2 .offer { display: table-cell; width: 50%; margin-right: 0 }
.offer-model-detail .offers .offer-details { padding: 2.1875em 2.5em }
.offer-model-detail footer .offers { margin-top: 30px }
.offer-model-detail footer .offers .offer { padding: 0 1.25em }
.purchase-offer header { margin: 2.5em 0 }
.offer-sticky .icon { display: block }
.offers-cta-wrapper { background-color: #fff; border-top: 1px solid #ececec }
}

@media screen and (min-width:769px) {
.offers-cta-wrapper .items-list li { margin-bottom: 0; font-size: 1em }
}

@media screen and (min-width:79.125em) {
.offer-model-detail .offers .offer header { min-height: inherit }
}
.cl-detail .lt-ie9 .offers-wrapper .disclaimer .cl-description, .cl-detail .lt-ie9 .offers-wrapper .disclaimer font, .lt-ie9 .offers-wrapper .disclaimer .cl-detail .cl-description, .lt-ie9 .offers-wrapper .disclaimer .cl-detail font, .lt-ie9 .offers-wrapper .disclaimer .extf-content, .lt-ie9 .offers-wrapper .disclaimer .story-carousel .story-content, .lt-ie9 .offers-wrapper .disclaimer .support-area, .lt-ie9 .offers-wrapper .disclaimer p, .story-carousel .lt-ie9 .offers-wrapper .disclaimer .story-content { width: 100% }
#offers-model-anchors.offers-model-v2 .anchor-list { display: block; height: 300px }

@media screen and (min-width:481px) {
#offers-model-anchors.offers-model-v2 .anchor-list { max-width: 79.125em; margin-left: auto; margin-right: auto; height: auto }
#offers-model-anchors.offers-model-v2 .anchor-list:after, #offers-model-anchors.offers-model-v2 .anchor-list:before { content: " "; display: table }
#offers-model-anchors.offers-model-v2 .anchor-list:after { clear: both }
}
#offers-model-anchors.offers-model-v2 .anchor-list>li { position: absolute; top: 0; left: 0; z-index: 100; float: none; width: 100%; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 13px }
html[lang=ja-JP] #offers-model-anchors.offers-model-v2 .anchor-list>li { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] #offers-model-anchors.offers-model-v2 .anchor-list>li { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] #offers-model-anchors.offers-model-v2 .anchor-list>li, html[lang=zh-TW] #offers-model-anchors.offers-model-v2 .anchor-list>li { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] #offers-model-anchors.offers-model-v2 .anchor-list>li { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] #offers-model-anchors.offers-model-v2 .anchor-list>li { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
#offers-model-anchors.offers-model-v2 .anchor-list>li>a { padding: 20px 15px 0; margin-right: 15px; margin-left: 15px; background-color: #fff }

@media screen and (min-width:481px) {
#offers-model-anchors.offers-model-v2 .anchor-list>li>a { margin-left: 0; margin-right: 0 }
}
#offers-model-anchors.offers-model-v2 .anchor-list>li>a:hover figcaption { text-decoration: none }

@media screen and (min-width:481px) and (max-width:769px) {
#offers-model-anchors.offers-model-v2 .anchor-list>li { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; -webkit-transform: inherit!important; transform: inherit!important; position: static }
#offers-model-anchors.offers-model-v2 .anchor-list>li:last-child, #offers-model-anchors.offers-model-v2 .anchor-list>li:nth-child(2n) { margin-right: 0 }
#offers-model-anchors.offers-model-v2 .anchor-list>li:nth-child(2n+1) { clear: left }
}

@media screen and (min-width:769px) {
#offers-model-anchors.offers-model-v2 .anchor-list>li { float: left; display: block; margin-right: 3.48259%; width: 22.38806%; -webkit-transform: inherit!important; transform: inherit!important; position: static }
#offers-model-anchors.offers-model-v2 .anchor-list>li:last-child, #offers-model-anchors.offers-model-v2 .anchor-list>li:nth-child(4n) { margin-right: 0 }
#offers-model-anchors.offers-model-v2 .anchor-list>li:nth-child(4n+1) { clear: left }
}

@media screen and (min-width:481px) {
#offers-model-anchors.offers-model-v2 .anchor-list>li { display: block!important; opacity: 1!important }
}
#offers-model-anchors.offers-model-v2 .offers-model-anchors-container img { max-width: 100%; height: 100px; margin: 0 auto }
#offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { width: 100%; border-bottom: 1px solid #DDD; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.53846em; text-align: left }
html[lang=ja-JP] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption, html[lang=zh-TW] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] #offers-model-anchors.offers-model-v2 .offers-model-anchors-container figcaption { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
#offers-model-anchors.offers-model-v2 .offers-model-anchors-details { padding: 20px 0 }
#offers-model-anchors.offers-model-v2 .offers-model-anchors-details .cl-detail .cl-description, #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .cl-detail font, #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .extf-content, #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .story-carousel .story-content, #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .support-area, #offers-model-anchors.offers-model-v2 .offers-model-anchors-details p, .cl-detail #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .cl-description, .cl-detail #offers-model-anchors.offers-model-v2 .offers-model-anchors-details font, .story-carousel #offers-model-anchors.offers-model-v2 .offers-model-anchors-details .story-content { font-size: 1em; line-height: 1em; max-width: 100% }
#offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 2.30769em }
html[lang=ja-JP] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span, html[lang=zh-TW] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] #offers-model-anchors.offers-model-v2 .offers-model-anchors-details span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
#offers-model-anchors.offers-model-v2 .offers-model-anchors-details hr { width: 90px; margin: 10px auto }
#offers-model-anchors.offers-model-v2 .offer-dots { display: inline-block }

@media screen and (min-width:481px) {
#offers-model-anchors.offers-model-v2 .offer-dots { display: none }
}
.bp-col:after, .bp-col:before, .business-pack-wrapper:after, .business-pack-wrapper:before { display: table; content: " " }
.business-pack-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center; padding: 0 14px; margin-bottom: 3em }
.business-pack-wrapper:after { clear: both }
.bp-one-col .bp-col { padding: 14px }
.bp-col { background-color: #fff; text-align: left; font-size: 14px }
.bp-col:after { clear: both }
.bp-col:hover { cursor: pointer; color: #5b7f95 }
.bp-col .accordion-panel-toggle { border: 0; padding: 14px }
.bp-col .icon-angle-down, .bp-col .icon-angle-up { position: absolute; font-size: 18px!important; top: 20px!important; right: 14px!important }
.bp-col .icon-steeringwheel { margin-top: 3px; margin-right: 7px; float: left; line-height: 1 }
.bp-col .bp-footer-price { margin: 2em 0 }
.bp-col .bp-footer-price .cl-detail .cl-description, .bp-col .bp-footer-price .cl-detail font, .bp-col .bp-footer-price .extf-content, .bp-col .bp-footer-price .story-carousel .story-content, .bp-col .bp-footer-price .support-area, .bp-col .bp-footer-price p, .cl-detail .bp-col .bp-footer-price .cl-description, .cl-detail .bp-col .bp-footer-price font, .story-carousel .bp-col .bp-footer-price .story-content { margin: 0 }

@media screen and (min-width:0) and (max-width:481px) {
.bp-one-col { float: left; display: block; margin-right: 3.48259%; width: 100% }
.bp-one-col:last-child { margin-right: 0 }
.bp-one-col .icon-angle-down, .bp-one-col .icon-angle-up { display: none }
.bp-three-col, .bp-two-col { float: left; display: block; margin-right: 3.48259%; width: 100% }
.bp-three-col .bp-col, .bp-two-col .bp-col { margin-bottom: 2px }
.bp-three-col .bp-col:last-child, .bp-two-col .bp-col:last-child { border: 0 }
.bp-three-col .bp-col .accordion-content, .bp-two-col .bp-col .accordion-content { width: 100% }
.bp-three-col .bp-col-title, .bp-two-col .bp-col-title { float: left; display: block; margin-right: 5.31646%; width: 60.50633% }
.bp-three-col .bp-col-title:last-child, .bp-two-col .bp-col-title:last-child { margin-right: 0 }
.bp-three-col .bp-col.expanded .bp-col-title, .bp-two-col .bp-col.expanded .bp-col-title { float: left; display: block; margin-right: 5.31646%; width: 100% }
.bp-three-col .bp-col.expanded .bp-col-title:last-child, .bp-two-col .bp-col.expanded .bp-col-title:last-child { margin-right: 0 }
.bp-three-col .bp-col.expanded .bp-col-price, .bp-two-col .bp-col.expanded .bp-col-price { display: none }
.bp-three-col .bp-col-price, .bp-two-col .bp-col-price { float: left; display: block; margin-right: 5.31646%; width: 21.01266% }
.bp-three-col .bp-col-price:last-child, .bp-three-col:last-child, .bp-two-col .bp-col-price:last-child, .bp-two-col:last-child { margin-right: 0 }
.bp-three-col .bp-toggle-area, .bp-two-col .bp-toggle-area { padding: 0 14px }
}

@media screen and (min-width:481px) and (max-width:769px) {
.bp-one-col, .bp-three-col, .bp-two-col { width: 65.5058%; margin-left: 17.2471%; float: left }
.bp-one-col { display: block; margin-right: 3.48259% }
.bp-one-col:last-child { margin-right: 0 }
.bp-one-col .icon-angle-down, .bp-one-col .icon-angle-up { display: none }
.bp-three-col, .bp-two-col { display: block; margin-right: 3.48259% }
.bp-three-col .bp-col, .bp-two-col .bp-col { margin-bottom: 2px }
.bp-three-col .bp-col:last-child, .bp-two-col .bp-col:last-child { border: 0 }
.bp-three-col .bp-col.expanded .bp-col-title, .bp-two-col .bp-col.expanded .bp-col-title { float: left; display: block; margin-right: 5.31646%; width: 100% }
.bp-three-col .bp-col.expanded .bp-col-title:last-child, .bp-two-col .bp-col.expanded .bp-col-title:last-child { margin-right: 0 }
.bp-three-col .bp-col.expanded .bp-col-price, .bp-two-col .bp-col.expanded .bp-col-price { display: none }
.bp-three-col .bp-col-title, .bp-two-col .bp-col-title { float: left; display: block; margin-right: 5.31646%; width: 60.50633% }
.bp-three-col .bp-col-title:last-child, .bp-two-col .bp-col-title:last-child { margin-right: 0 }
.bp-three-col .bp-col-price, .bp-two-col .bp-col-price { float: left; display: block; margin-right: 5.31646%; width: 21.01266%; padding-right: 14px }
.bp-three-col .bp-col-price:last-child, .bp-three-col:last-child, .bp-two-col .bp-col-price:last-child, .bp-two-col:last-child { margin-right: 0 }
.bp-three-col .bp-toggle-area, .bp-two-col .bp-toggle-area { padding: 0 14px }
}

@media screen and (min-width:769px) {
.business-pack-wrapper { padding: 0 42px }
.business-pack { background-color: #fff; padding: 14px }
.business-pack.accordion .accordion-content { display: block }
.bp-col { border-right: 1px solid #bdd6e6; padding: 0 14px 0 0 }
.bp-col:hover { cursor: default; color: inherit }
.bp-col:last-child { border: 0 }
.bp-col .accordion-panel-toggle { padding: 0 }
.bp-col .bp-col-price, .bp-col .icon-angle-down, .bp-col .icon-angle-up { display: none }
.bp-one-col, .bp-three-col, .bp-three-col li, .bp-two-col, .bp-two-col li { float: left; display: block }
.bp-col-price, .bp-col-title { float: left; display: block; margin-right: 5.31646%; width: 100% }
.bp-col-price:last-child, .bp-col-title:last-child { margin-right: 0 }
.bp-one-col { padding: 0; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065% }
.bp-one-col:last-child { margin-right: 0 }
.bp-two-col { margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.bp-two-col:last-child { margin-right: 0 }
.bp-two-col li { margin-right: 5.31646%; width: 47.34177% }
.bp-two-col li:last-child { margin-right: 0 }
.bp-three-col { margin-right: 3.48259%; width: 100% }
.bp-three-col:last-child { margin-right: 0 }
.bp-three-col li { margin-right: 3.48259%; width: 31.01161% }
.bp-three-col li:last-child { margin-right: 0 }
}
.carousel { position: relative; overflow: hidden }
.carousel .carousel-item { display: none; position: absolute; top: 0; left: 0; z-index: 100; width: 100% }
.carousel .carousel-item.active, .carousel .carousel-item.carousel-item-active { display: block }
.no-csstransforms .carousel .carousel-item { left: 100% }
.story-carousel { position: relative; overflow: hidden; text-align: center }
.story-carousel .shared-content-container { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px }
.story-carousel .shared-content-container:after, .story-carousel .shared-content-container:before { content: " "; display: table }
.story-carousel .shared-content-container:after { clear: both }
.story-carousel .shared-content { float: left; display: block; margin-right: 3.48259%; width: 100% }
.story-carousel .shared-content:last-child { margin-right: 0 }
.cl-detail .story-carousel .shared-content .cl-description, .cl-detail .story-carousel .shared-content font, .story-carousel .shared-content .cl-detail .cl-description, .story-carousel .shared-content .cl-detail font, .story-carousel .shared-content .extf-content, .story-carousel .shared-content .story-content, .story-carousel .shared-content .support-area, .story-carousel .shared-content p { margin-left: auto; margin-right: auto; margin-bottom: .75em }
.story-carousel .cta-link { display: inline-block }
.story-carousel .carousel, .story-carousel .carousel>li { width: 100% }
.story-carousel .story-content-container { position: absolute; width: 100%; background-color: transparent; background-color: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
zoom: 1; overflow: hidden; padding: 1.5em; z-index: 800; bottom: 0 }
.story-carousel .story-content { font-size: 1em; line-height: 1.2em; color: #fff; margin-left: auto; margin-right: auto }
.story-carousel .story-nav { margin: 1.5em 0 }
.story-carousel .story-buttons { display: none }
.story-carousel .story-dots { overflow: hidden }
.story-carousel .story-dots>li { display: inline-block }

@media screen and (min-width:481px) {
.story-carousel .cta-link { margin-top: 1em }
.story-carousel .shared-content-container { padding-left: 20px; padding-right: 20px }
.story-carousel .shared-content { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.story-carousel .shared-content:last-child { margin-right: 0 }
.story-carousel .story-content-container { background-position: top left }
.story-carousel .story-content { line-height: 1.5em }
}

@media screen and (min-width:769px) {
.story-carousel .shared-content-container { padding-left: 30px; padding-right: 30px }
.cl-detail .story-carousel .shared-content .cl-description:last-child, .cl-detail .story-carousel .shared-content font:last-child, .story-carousel .shared-content .cl-detail .cl-description:last-child, .story-carousel .shared-content .cl-detail font:last-child, .story-carousel .shared-content .extf-content:last-child, .story-carousel .shared-content .story-content:last-child, .story-carousel .shared-content .support-area:last-child, .story-carousel .shared-content h3, .story-carousel .shared-content p:last-child { margin-bottom: 0 }
.story-carousel .story-content-container { padding: 2em }
.story-carousel .shared-content { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065% }
.story-carousel .shared-content:last-child { margin-right: 0 }
.story-carousel .carousel-content-container .carousel-content { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.story-carousel .carousel-content-container .carousel-content:last-child { margin-right: 0 }
.story-carousel .story-dots { display: none }
.story-carousel .story-buttons { display: inline-block; margin: 1.5em 0 }
.story-carousel .story-buttons>li { float: left; margin: 0; border-left: solid 1px #bdd6e6 }
.story-carousel .story-buttons>li:first-child { border: none }
.story-carousel .story-buttons>li .button { margin: 0 }
}
.story-carousel-boxed .carousel { height: 0; padding-bottom: 56.25% }
.story-carousel-boxed .carousel-content-container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.story-carousel-boxed .carousel-content-container:after, .story-carousel-boxed .carousel-content-container:before { content: " "; display: table }
.story-carousel-boxed .carousel-content-container:after { clear: both }
.story-carousel-boxed .carousel-content-container .carousel-content { float: left; display: block; margin-right: 3.48259%; width: 100%; overflow: hidden }
.story-carousel-boxed .carousel-content-container .carousel-content:last-child { margin-right: 0 }
.story-carousel-boxed .story-carousel-boxed.theme-dark { padding-bottom: 1.25em }

@media screen and (min-width:769px) {
.story-carousel-boxed .carousel-content-container .carousel-content { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.story-carousel-boxed .carousel-content-container .carousel-content:last-child { margin-right: 0 }
.story-carousel-boxed .story-carousel-boxed.theme-dark { padding-bottom: 1.875em }
}
.story-carousel-single .story-nav { display: none }

@media screen and (min-width:481px) {
.story-carousel-boxed .story-carousel-boxed.theme-dark { padding-bottom: 1.875em }
.story-carousel.story-carousel-overlapping { padding-top: 0 }
.story-carousel-overlapping { margin-top: 5.625em }
.story-carousel-overlapping .shared-content { position: absolute; left: 0; top: 42px; color: #fff; z-index: 110 }
.story-carousel-overlapping .story-buttons-container { position: absolute; top: 98px; width: 100%; z-index: 110 }
.story-carousel-overlapping .story-buttons-container li { border: none }
}
.story-carousel-boxed.theme-dark { padding-bottom: 1.25em }
.pagination { float: left; display: block; margin-right: 3.48259%; width: 100%; text-align: center }
.pagination:after, .pagination:before { content: " "; display: table }
.pagination:after { clear: both }
.pagination:last-child { margin-right: 0 }
.pagination li { display: inline }

@media screen and (min-width:481px) {
.story-carousel-boxed.theme-dark { padding-bottom: 1.875em }
.pagination { float: left; display: block; width: 100%; margin: 0 0 1.5em }
.pagination:last-child { margin-right: 0 }
}

@media screen and (min-width:769px) {
.pagination { float: left; display: block; margin-right: 3.48259%; width: 82.7529%; margin-left: 8.62355% }
.pagination:last-child { margin-right: 0 }
.blog .pagination-mobile { display: none }
}

@media screen and (min-width:0) and (max-width:481px) {
.blog .pagination-mobile .button { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.875em }
.blog .blog-info-left { padding-bottom: 0 }
}
.privacy-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto }
.privacy-wrapper:after, .privacy-wrapper:before { content: " "; display: table }
.privacy-wrapper:after { clear: both }
.privacy { padding: 60px 14px }
.privacy-heading { text-align: center; margin: 53px 0 37px }

@media screen and (min-width:481px) {
.privacy-heading { margin: 82px 0 73px }
}
.privacy-subheader { margin: 20px 0 }

@media screen and (min-width:481px) {
.privacy { padding: 80px 42px; float: left; display: block; margin-right: 3.48259%; width: 82.7529%; margin-left: 8.62355% }
.privacy:last-child { margin-right: 0 }
.support-area { font-size: 16px; line-height: 1.5em }
}

@media screen and (min-width:769px) {
.privacy { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.privacy:last-child { margin-right: 0 }
}
.support-area-wrapper:after, .support-area-wrapper:before, .support-area:after, .support-area:before { content: " "; display: table }
.support-area-wrapper { padding-left: 14px; padding-right: 14px; padding-top: 5em }
.support-area-wrapper:after { clear: both }
.support-area { margin-left: auto; margin-right: auto; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; max-width: none }
.support-area:after { clear: both }
html[lang=ja-JP] .support-area { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .support-area { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .support-area, html[lang=zh-TW] .support-area { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .support-area { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .support-area { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:769px) {
.support-area { font-size: 18px }
}
.support-area h2 { max-width: 11em }
.sa-img-link { border: 0; margin-top: 1.2em; margin-right: .8em; display: inline-block }
.support-area-cta .button { margin-left: 0 }

@media screen and (min-width:481px) {
.support-area-wrapper { padding-left: 14px; padding-right: 14px }
.support-area { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.support-area:last-child { margin-right: 0 }
}
.seach-form .button-search, .seach-form .search-input { height: 50px; margin: 0; font-size: 16px; width: 100% }
.search-header-wrap { padding-top: 110px }
.search-result-wrap { background-color: rgba(153,153,153,.1) }
.seach-form { display: inline-block; position: relative; max-width: 620px; width: 100% }
.search-header:after, .search-header:before, .search-result-list:after, .search-result-list:before, .search-result:after, .search-result:before { display: table; content: " " }
.seach-form .button-search { line-height: 50px; background: #003057; color: #FFF; padding: 0 }
.search-header, .search-result-list { padding-left: 20px; padding-right: 20px; max-width: 79.125em }
.seach-form .button-search:hover { background: #5b7f95; border-color: #5b7f95; color: #fff }
.cl-detail .search-header-body .cl-description, .cl-detail .search-header-body font, .search-header, .search-header-body .cl-detail .cl-description, .search-header-body .cl-detail font, .search-header-body .extf-content, .search-header-body .story-carousel .story-content, .search-header-body .support-area, .search-header-body p, .search-result-list, .story-carousel .search-header-body .story-content, .zip-search-wrap h4 { margin-left: auto; margin-right: auto }
.search-header { color: #003057; text-align: center }
.search-header:after { clear: both }
.search-header-body { padding-top: 40px; padding-bottom: 40px; text-align: center }

@media screen and (min-width:481px) {
.search-header-body { padding-bottom: 80px }
.search-header-body--user-input { padding-bottom: 120px }
}
.search-header-title--large { margin-bottom: 14px }

@media screen and (min-width:769px) {
.search-header-title--large { font-size: 4.5em }
}
.search-result-list:after { clear: both }
.search-result { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #bdd6e6; color: #003057 }
.search-result:after { clear: both }
.search-result.no-image>.search-result-image { display: none }
.search-result.no-image>.search-result-content { width: 100% }
.search-result-content { float: left; width: 65%; max-width: 700px }
.search-result-image { float: right; width: 35%; padding-left: 5% }
.search-result-title { padding-bottom: 8px; font-size: 1.25em; margin-bottom: 0 }
.search-result-title>a { color: inherit }
.search-result-title>a:hover { border-bottom: 1px solid }

@media screen and (min-width:481px) {
.search-header-wrap { padding-top: 150px }
.seach-form .button-search { width: 140px; position: absolute; top: 0; right: 0; line-height: 1 }
.seach-form .search-input { display: inline-block; padding-right: 147px }
.search-header-body { padding-bottom: 80px }
.search-result.no-image>.search-result-content { width: 65% }
.search-result-title { font-size: 1.625em }
}

@media screen and (min-width:769px) {
.search-result-title { font-size: 2em }
.story-accordion { max-height: 600px }
}
.zip-search-wrap h4 { max-width: 31.25em }
.zip-search-wrap .search-form-headline { text-transform: none; max-width: 600px; margin: 0 auto 36px; font-size: 1.375em }

@media screen and (min-width:481px) {
.zip-search-wrap .search-form-headline { font-size: 2.25em }
}
.social>i { margin-left: 12px }
.social>i:first-child { margin-left: 0 }
.social-media { background-color: #003057; color: #fff; padding: 3.5em auto }
.social-media h2 { font-size: 1.725em }
.cl-detail .social-media .cl-description, .cl-detail .social-media font, .social-media .cl-detail .cl-description, .social-media .cl-detail font, .social-media .extf-content, .social-media .story-carousel .story-content, .social-media .support-area, .social-media p, .story-carousel .social-media .story-content { margin-bottom: 20px }
.social-media .extf-body { max-width: none }
.social-media .extf-content { margin-bottom: 0 }
.social-media .social-media-list { margin-top: 30px }
.social-media .social-media-list:after, .social-media .social-media-list:before { content: " "; display: table }
.social-media .social-media-list:after { clear: both }
.social-media .social-media-list li { display: inline-block; margin-left: 15px }
.social-media .social-media-list li a { border-bottom: none; color: #fff; text-align: center; text-decoration: none }
.social-media .social-media-list li a:hover { border-bottom: none; color: #5b7f95 }
.social-media .social-media-list li a i { font-family: volvo-icons; font-size: 26px; font-weight: 400 }
.social-media .social-media-list li a span { display: inline-block; text-indent: -9999px }
.social-media .social-media-list+.social-media-list { margin-top: 15px }

@media screen and (min-width:0) and (max-width:481px) {
.social-media .social-media-list li { margin-left: 4px }
.social-media .social-media-list li a i { font-size: 16px }
}

@media screen and (min-width:481px) and (max-width:769px) {
.social-media .social-media-list li { margin-left: 8px }
.social-media .social-media-list li a i { font-size: 22px }
}
.time-saver-calc-wrapper { background-color: #003057; margin: 5em 0 }
.time-saver-calc { color: #fff; margin: 0 auto; padding: 5em; max-width: 992px; text-align: center }
.time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 36px; margin-bottom: 1.5em }
html[lang=ja-JP] .time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .time-saver-calc h2, html[lang=zh-TW] .time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .time-saver-calc h2 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (max-width:769px) {
.time-saver-calc { padding: 1em }
.time-saver-calc h2 { margin-bottom: .5em }
}
.cl-detail .time-saver-calc .cl-description, .cl-detail .time-saver-calc font, .story-carousel .time-saver-calc .story-content, .time-saver-calc .cl-detail .cl-description, .time-saver-calc .cl-detail font, .time-saver-calc .extf-content, .time-saver-calc .story-carousel .story-content, .time-saver-calc .support-area, .time-saver-calc p { line-height: 1.4; margin-bottom: 2.5em; max-width: none }
.time-saver-calc .calc-box { background-color: #ececec; padding: 50px 60px; text-align: left }

@media screen and (max-width:769px) {
.time-saver-calc .calc-box { padding: 20px }
}
.time-saver-calc .calc-box h3 { color: #192f55; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 30px; margin-bottom: .5em; text-transform: none }
html[lang=ja-JP] .time-saver-calc .calc-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .time-saver-calc .calc-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .time-saver-calc .calc-box h3, html[lang=zh-TW] .time-saver-calc .calc-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .time-saver-calc .calc-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .time-saver-calc .calc-box h3 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.time-saver-calc .calc-box .calc-input { background-color: #fff; padding: 8px; position: relative; border-radius: 3px }

@media screen and (max-width:769px) {
.time-saver-calc .calc-box .calc-input { margin-bottom: 100px }
}
.time-saver-calc .calc-box .calc-input input[type=text] { border: 0; color: #525254; font-size: 46px; height: 64px; line-height: 64px; margin-bottom: 0; padding: 0 155px 0 30px }
.time-saver-calc .calc-box .calc-input input[type=text]:focus::-webkit-input-placeholder {
color:transparent
}
.time-saver-calc .calc-box .calc-input input[type=text]:focus:-moz-placeholder {
color:transparent
}
.time-saver-calc .calc-box .calc-input input[type=text]:focus::-moz-placeholder {
color:transparent
}
.time-saver-calc .calc-box .calc-input input[type=text]:focus:-ms-input-placeholder {
color:transparent
}

@media screen and (max-width:769px) {
.time-saver-calc .calc-box .calc-input input[type=text] { padding: 0 10px }
.time-saver-calc .calc-box .calc-input input[type=text]::-webkit-input-placeholder {
font-size:24px
}
.time-saver-calc .calc-box .calc-input input[type=text]:-moz-placeholder {
font-size:24px
}
.time-saver-calc .calc-box .calc-input input[type=text]::-moz-placeholder {
font-size:24px
}
.time-saver-calc .calc-box .calc-input input[type=text]:-ms-input-placeholder {
font-size:24px
}
}
.time-saver-calc .calc-box .calc-input a { background-color: #192f55; color: #fff; display: inline-block; height: 64px; line-height: 64px; padding: 2px 30px 0; position: absolute; top: 8px; right: 8px; text-align: center; border-radius: 5px }
.time-saver-calc .calc-box .calc-result { color: #192f55; height: 0; overflow-y: hidden; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease }
.time-saver-calc .calc-box .calc-result.show { height: 260px }
.time-saver-calc .calc-box .calc-result .result-time { margin: 20px 0 }
.cl-detail .time-saver-calc .calc-box .calc-result .result-time .cl-description, .cl-detail .time-saver-calc .calc-box .calc-result .result-time font, .story-carousel .time-saver-calc .calc-box .calc-result .result-time .story-content, .time-saver-calc .calc-box .calc-result .result-time .cl-detail .cl-description, .time-saver-calc .calc-box .calc-result .result-time .cl-detail font, .time-saver-calc .calc-box .calc-result .result-time .extf-content, .time-saver-calc .calc-box .calc-result .result-time .story-carousel .story-content, .time-saver-calc .calc-box .calc-result .result-time .support-area, .time-saver-calc .calc-box .calc-result .result-time p { font-size: 80px; margin-bottom: 0 }

@media screen and (max-width:769px) {
.time-saver-calc .calc-box .calc-input a { top: 100px; left: 0; right: 0 }
.cl-detail .time-saver-calc .calc-box .calc-result .result-time .cl-description, .cl-detail .time-saver-calc .calc-box .calc-result .result-time font, .story-carousel .time-saver-calc .calc-box .calc-result .result-time .story-content, .time-saver-calc .calc-box .calc-result .result-time .cl-detail .cl-description, .time-saver-calc .calc-box .calc-result .result-time .cl-detail font, .time-saver-calc .calc-box .calc-result .result-time .extf-content, .time-saver-calc .calc-box .calc-result .result-time .story-carousel .story-content, .time-saver-calc .calc-box .calc-result .result-time .support-area, .time-saver-calc .calc-box .calc-result .result-time p { font-size: 32px }
}
.cl-detail .time-saver-calc .calc-box .calc-result .result-text .cl-description, .cl-detail .time-saver-calc .calc-box .calc-result .result-text font, .story-carousel .time-saver-calc .calc-box .calc-result .result-text .story-content, .time-saver-calc .calc-box .calc-result .result-text .cl-detail .cl-description, .time-saver-calc .calc-box .calc-result .result-text .cl-detail font, .time-saver-calc .calc-box .calc-result .result-text .extf-content, .time-saver-calc .calc-box .calc-result .result-text .story-carousel .story-content, .time-saver-calc .calc-box .calc-result .result-text .support-area, .time-saver-calc .calc-box .calc-result .result-text p { margin-bottom: 0; padding: 0 15px }
.accordion { position: relative }
.accordion>li { margin-top: -1px; overflow: hidden }
.accordion>li.expanded .accordion-content { display: block; height: auto!important }
.accordion .accordion-panel-toggle { position: relative; display: block; width: 100%; z-index: 1; cursor: pointer }
.accordion .accordion-panel-toggle:hover { z-index: 5 }
.accordion .accordion-panel-toggle .text { height: 100%; float: left; display: block; margin-right: 4.20842%; width: 89.57916%; overflow: hidden; white-space: nowrap; letter-spacing: 0; text-overflow: ellipsis }
.accordion .accordion-panel-toggle .text:last-child { margin-right: 0 }
.accordion .accordion-content { display: none; overflow: hidden }
.accordion-table .accordion-panel-toggle { background-color: #fff; height: 42px; padding: 0 14px; line-height: 40px; border: 1px solid #bdd6e6; font-weight: 700 }
.accordion-table .accordion-content { background-color: #f6f6f6 }
.accordion-table .accordion-content>li { line-height: 50px; border: 1px solid #e7e7e7; border-top: 0; padding: 14px 14px 14px 36px }
.accordion-table .accordion-content>li:after, .accordion-table .accordion-content>li:before { content: " "; display: table }
.accordion-table .accordion-content>li:after { clear: both }
.accordion-table .accordion-content>li:nth-child(odd) { background-color: #f0f0f0 }
.accordion-table .accordion-content>li:nth-child(even) { background-color: #f6f6f6 }
.accordion-table .accordion-content .accordion-col { line-height: 1.3125em }
.accordion-table .accordion-arrow { font-size: 22px; line-height: 40px; float: left; display: block; margin-right: 4.20842%; width: 6.21242% }
.accordion-table .accordion-arrow:last-child { margin-right: 0 }

@media screen and (min-width:481px) {
.accordion-table .accordion-panel-toggle { height: 70px; padding: 0 21px; line-height: 68px }
.accordion-table .accordion-content>li { padding: 21px 21px 21px 36px }
.accordion-table .accordion-content .grandchild { padding-left: 50px }
.accordion-table .accordion-arrow { font-size: 28px; line-height: 68px }
}
.accordion-filter { margin-bottom: 1.25em }
.accordion-filter .accordion-panel-toggle { text-transform: uppercase; line-height: 40px; border-bottom: 0 }
.accordion-filter .accordion-content { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: left }
.accordion-filter .accordion-content:after, .accordion-filter .accordion-content:before { content: " "; display: table }
.accordion-filter .accordion-content:after { clear: both }
.accordion-filter .accordion-content>div { padding-bottom: 1.25em }

@media screen and (min-width:481px) {
.accordion-filter .accordion-panel-toggle { line-height: 68px }
}
.story-accordion { max-width: 79.125em; margin: 0 auto }

@media screen and (max-width:769px) {
.story-accordion { height: auto!important }
}
.story-accordion>li { margin: 0 }

@media screen and (min-width:769px) {
.story-accordion>li { height: 16.48% }
}
.story-accordion .accordion-panel-toggle { height: 65px; padding: 20px 25px; font-size: .875em; border-color: #ECECEC; background-color: #fff; z-index: 2 }
.story-accordion .accordion-panel-toggle .text { height: auto; float: none; text-transform: uppercase; white-space: normal; line-height: normal; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.story-accordion .expanded>.accordion-panel-toggle { background-color: #003057; color: #fff; border: 0 }

@media screen and (min-width:769px) {
.story-accordion .accordion-panel-toggle .text { height: inherit; position: static; top: auto; -webkit-transform: none; transform: none }
.story-accordion .accordion-panel-toggle .text .spec-title-col { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.2em }
.story-accordion .accordion-panel-toggle { width: 200px; height: 100%; line-height: 100%; padding: 0 25px }
.story-accordion .expanded .accordion-content { height: auto!important; opacity: 1 }
}

@media screen and (max-width:769px) {
.story-accordion .expanded .accordion-content { height: auto!important }
.story-accordion .accordion-content { background: #000 }
}

@media screen and (min-width:769px) {
.story-accordion .accordion-content { position: absolute; width: 100%; padding-left: 200px; top: 0; right: 0; height: 0!important; -webkit-transition: .5s opacity!important; transition: .5s opacity!important; opacity: 0 }
}
.story-accordion .accordion-content-text { padding: 25px 30px; max-width: none; color: #fff; background: #000; text-align: center }
.story-accordion .accordion-content-media { overflow: hidden; background: #000; text-align: center }
.story-accordion .accordion-content-media video { max-width: 100% }
.story-accordion .accordion-content-media img { width: 100% }
.story-accordion .hide-video-image img { display: none }

@media screen and (min-width:769px) {
.story-accordion .accordion-content-media { height: auto; padding-top: 56.25% }
.story-accordion .accordion-content-video, .story-accordion .me-plugin { position: absolute; top: 0; width: 100%; padding-left: 200px; margin-left: -200px }
}

@media (min-width:1024px) {
.main-story-carousel { min-height: 800px }
}
.specs-accordion-col-1 { float: left; display: block; margin-right: 4.20842%; width: 47.89579% }
.specs-accordion-col-1:last-child { margin-right: 0 }
.specs-accordion-col-2 { float: left; display: block; margin-right: 4.20842%; width: 47.89579% }
.specs-accordion-col-2:last-child { margin-right: 0 }
.features-accordion-col:nth-child(odd) { float: left; display: block; margin-right: 4.20842%; width: 100% }
.features-accordion-col:nth-child(odd):last-child { margin-right: 0 }
.features-accordion-col:nth-child(even) { display: none }
.features-accordion-image-mobile { display: block; margin: 0 auto 14px; width: 100% }
.features-accordion-image-large { display: none }

@media screen and (min-width:769px) {
.features-accordion-image-mobile { display: none }
.features-accordion-image-large { display: block; width: 100% }
.features-accordion-col:nth-child(odd) { float: left; display: block; margin-right: 4.20842%; width: 47.89579% }
.features-accordion-col:nth-child(odd):last-child { margin-right: 0 }
.features-accordion-col:nth-child(even) { float: left; display: block; margin-right: 4.20842%; width: 47.89579% }
.features-accordion-col:nth-child(even):last-child { margin-right: 0 }
}
.dealer-locator { position: relative; height: 700px; overflow: hidden; padding-top: 65px }
.dealer-locator .dealer-locator-map, .dealer-locator .map-container { width: 100%; height: 100% }
.dealer-locator .dealer-locator-map img { max-width: none }
.dealer-locator .dealer-locator-list-scroller { position: absolute;  display: block; margin-top:0; height:380px; bottom:0;background-color: #e7e7e7;  width: 100%; overflow: hidden;}
.dealer-locator .dealer-locator-list-scroller.active { display: block }
.dealer-locator .accordion { height: 100%; overflow-y: auto; overflow-x: hidden; background-image: url(/Static/images/preloader_ececec.gif); background-repeat: no-repeat; background-position: center 40px }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.dealer-locator .accordion { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.dealer-locator .accordion { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.dealer-locator .accordion { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}
.dealer-locator .accordion.loaded { background: 0 0 }
.dealer-locator .accordion .accordion-panel-toggle { padding-left: 84px; height: auto; overflow: hidden; min-height: 60px }

@media (max-width:1024px) {
.dealer-locator .accordion .accordion-panel-toggle { padding-left: 60px }
.dealer-locator .accordion .accordion-arrow { right: 15px }
}
.dealer-locator .accordion .accordion-panel-toggle .text { width: 80%; height: auto; padding: 5px 0 }
.dealer-locator .accordion .accordion-panel-toggle .text strong { font-size: 1.1em; line-height: 1.2em }
html[lang=zh-CN] .dealer-locator .accordion .accordion-panel-toggle .text strong { font-size: .8em }
html[lang=el-GR] .dealer-locator .accordion .accordion-panel-toggle .text strong { font-family: Arial, Sans-Serif; letter-spacing: 1px }
html[lang=uk-UA] .dealer-locator .accordion .accordion-panel-toggle .text strong { font-size: 16px; font-family: Arial; letter-spacing: 1px }
.dealer-locator .accordion .accordion-panel-toggle .text .dealer-distance { position: static; margin-top: -10px }

@media screen and (min-width:481px) {
.dealer-locator .accordion .accordion-panel-toggle .text { padding: 0 }
.dealer-locator .accordion .accordion-panel-toggle .text .dealer-distance { position: absolute; margin-top: 0 }
}
.dealer-locator .accordion .accordion-content { padding: 0 25px 0 42px }
.cl-detail .dealer-locator .accordion .accordion-content .cl-description, .cl-detail .dealer-locator .accordion .accordion-content font, .dealer-locator .accordion .accordion-content .cl-detail .cl-description, .dealer-locator .accordion .accordion-content .cl-detail font, .dealer-locator .accordion .accordion-content .extf-content, .dealer-locator .accordion .accordion-content .story-carousel .story-content, .dealer-locator .accordion .accordion-content .support-area, .dealer-locator .accordion .accordion-content p, .story-carousel .dealer-locator .accordion .accordion-content .story-content { margin: 0; line-height: normal }
.dealer-locator .accordion .accordion-content ul.dealer-overlay-links { margin: 1em 0 }
.dealer-locator .accordion .accordion-content ul.dealer-overlay-links .icon-link { line-height: 2.5em; margin: .0625em 0 0; display: block }
.dealer-locator .dealer-locator-form .inner-search-icon, .dealer-locator .dealer-locator-form .no-results, .dealer-locator .dealer-locator-form .search-result-hint-down, .dealer-locator .dealer-locator-form .search-spec-head { display: none }
.dealer-locator .accordion .accordion-content ul.dealer-overlay-links .icon-link .icon { width: 40px; text-align: center }
.dealer-locator .accordion h6 { margin-top: .875em }
.dealer-locator .accordion h6 a { border-bottom: none }
.dealer-locator .accordion .accordion-arrow { padding-top: 5px }
.dealer-locator .accordion .dealer-marker { left: 42px; top: 11px }
.dealer-locator .accordion .dealer-marker span { top: 8px }

@media screen and (min-width:481px) {
.dealer-locator .accordion .accordion-arrow { padding-top: 3px }
.dealer-locator .accordion .dealer-marker { top: 20px }
}

@media (max-width:1024px) {
.dealer-locator .accordion .dealer-marker { left: 15px }
}
.dealer-locator .accordion .icon-marker { font-size: 35px }
.dealer-locator .dealer-locator-form { position: absolute; left: 0; top: 0; padding: 13px 14px 14px 33px; width: 100% }

@media screen and (min-width:481px) {
.dealer-locator .dealer-locator-form { padding: 13px 14px 14px 34px; top: 70px }
}
.dealer-locator .dealer-locator-form h3 { display: none; margin-bottom: 10px }
.dealer-locator .dealer-locator-form .form-content { position: relative; margin: 0 auto; width: 100% }
.dealer-locator .dealer-locator-form .toggle-list { position: absolute; background-color: #fff; top: 0; right: 0; width: 50px; height: 50px; text-align: center; border: 1px solid #e7e7e7 }
.dealer-locator .dealer-locator-form .toggle-list .icon { font-size: 1.125em; line-height: 50px }
.dealer-locator .map-container form { padding-top: 14px; width: 100%; position: absolute; z-index: 9 }
.dealer-locator .map-container form input { width: 80%; margin: 0 auto }
.dealer-locator .dealer-marker-label { -webkit-transition: all .2s; transition: all .2s; background: 0 0; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.45455em; color: #fff; width: 33px; height: 41px; line-height: 38px; text-align: center; position: absolute; margin-top: 0 }
.dealer-distance, .dealer-marker { line-height: 1; position: absolute }
html[lang=ja-JP] .dealer-locator .dealer-marker-label { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .dealer-locator .dealer-marker-label { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .dealer-locator .dealer-marker-label, html[lang=zh-TW] .dealer-locator .dealer-marker-label { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .dealer-locator .dealer-marker-label { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .dealer-locator .dealer-marker-label { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.dealer-locator .dealer-marker-label.active { font-size: 1.81818em; margin-top: -17px }
.dealer-locator .dealer-marker-label img { width: 100%; height: 100% }

@media (min-width:1024px) {
.dealer-locator .map-container { float: right; margin-left: -390px }
.dealer-locator .dealer-locator-form { padding: 42px; width: 390px }
.dealer-locator .dealer-locator-form .toggle-list { display: none }
.dealer-locator .dealer-locator-form h3 { display: block; font-size: 1.25em }
.dealer-locator .dealer-locator-map { width: auto; margin-left: 390px }
.dealer-locator .dealer-locator-list-scroller { position: static; height:100%; display: block; background: #fff; float: left; width: 390px; left: 0; opacity: 1; filter: alpha(opacity=100); padding-top: 109px }
}

@media (max-width:1024px) {
.dealer-locator h3 { display: none!important }
.dealer-locator #dealer-locator-search { margin-bottom: 0 }
.cl-detail .dealer-locator .no-results.cl-description, .cl-detail .dealer-locator font.no-results, .dealer-locator .cl-detail .no-results.cl-description, .dealer-locator .cl-detail font.no-results, .dealer-locator .no-results.extf-content, .dealer-locator .no-results.support-area, .dealer-locator .story-carousel .no-results.story-content, .dealer-locator p.no-results, .story-carousel .dealer-locator .no-results.story-content { background: #f6f6f6; padding: .5em; border: 1px solid #e7e7e7; border-top: none; font-size: 1em; max-width: none; float: left; width: 100% }
}
.dealer-distance { display: block; top: 45px; color: #9a9b9d }
#dealer-service-values, html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-form .toggle-list { display: none }
.dealer-overlay header { padding: 25px 7px; min-height: 80px }
.dealer-overlay .overlay-close { top: 20px }
.dealer-marker { top: 13px; left: 14px }

@media screen and (min-width:481px) {
.dealer-marker { top: 25px }
}
.dealer-marker .icon-marker { font-size: 40px }
.dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 12px; letter-spacing: 0; color: #fff; position: absolute; top: 0; left: 0; width: 29px; height: 30px; text-align: center }
html[lang=ja-JP] .dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .dealer-marker span, html[lang=zh-TW] .dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .dealer-marker span { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.baidu-cluster-text { position: relative; top: 10px; font-family: "Volvo Sans Regular"; color: #fff }

@media (min-width:1025px) {
.baidu-cluster-text { top: 17px }
}
html.lt-ie9.no-csstransforms .dealer-locator .map-container { float: right; margin-left: -390px }
html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-form { padding: 42px; width: 306px }
html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-form h3 { display: block; font-size: 1.25em }
html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-form h3.no-results { display: none }
html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-map { width: auto; margin-left: 390px }
html.lt-ie9.no-csstransforms .dealer-locator .dealer-locator-list-scroller { position: static; display: block; background-image: url(/static/images/bg.png); padding-top: 175px; float: left; width: 390px; left: 0; opacity: 1; filter: alpha(opacity=100) }
.dealer-locator-map .dealer-marker-label { -webkit-transition: all .2s; transition: all .2s; background: 0 0; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.45455em; color: #fff; width: 33px; height: 41px; line-height: 38px; text-align: center; position: absolute; margin-top: 0 }

@media (min-width:1024px) {
.dealer-locator-search-button #dealer-locator-search { width: 80%; float: left }
.dealer-locator-search-button .search-field-button { width: 20%; float: right }
.dealer-locator-search-button button { margin: 0; height: 50px; padding: 13px 10px 11px; background-color: #003057; border-style: none }
.dealer-locator-search-button button i { Color: #fff }
.cl-detail .no-results.cl-description, .cl-detail font.no-results, .no-results.extf-content, .no-results.support-area, .story-carousel .no-results.story-content, p.no-results { float: left }
}

@media (max-width:1024px) {
.dealer-locator-search-button .search-field-button, .dealer-locator-search-button button, .dealer-locator-search-button button i { display: none }
}
html[lang=en-US] .dealer-locator .dealer-locator-form { background-color: #003057 }
html[lang=en-US] .dealer-locator .dealer-locator-form input { margin-top: -28px; padding-left: 30px; width: 100% }

@media (min-width:1024px) {
html[lang=en-US] .dealer-locator .dealer-locator-form input { width: 85% }
}
html[lang=en-US] .dealer-locator .dealer-locator-form .search-spec-head { display: block; font-size: 32px; text-transform: none; color: #fff }
html[lang=en-US] .dealer-locator .dealer-locator-form .search-result-hint-up { display: none }
html[lang=en-US] .dealer-locator .dealer-locator-form .search-result-hint-down { display: block }
html[lang=en-US] .dealer-locator .dealer-locator-form .search-result-hint-down h3 { text-transform: none; color: #e7e7e7 }
html[lang=en-US] .dealer-locator .dealer-locator-form .inner-search-icon { display: inline-block; color: #c3c3c3; position: relative; top: 16px; left: 5px; font-size: 20px }
.dealer-locator .accordion .accordion-content .dealer-incentives button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-locator .accordion .accordion-content .dealer-incentives button:hover { background-color: #003057; color: #fff }
.dealer-locator .accordion .accordion-content .view-usedcars button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-locator .accordion .accordion-content .view-usedcars button:hover { background-color: #003057; color: #fff }

@media screen and (min-width:481px) and (max-width:1024px) {
.dealer-locator .dealer-locator-list-scroller { padding-top: 0}
}

@media screen and (max-width:540px) {
.dealer-locator .dealer-locator-form { padding: 13px 14px 14px 34px; top: 65px }
.dealer-locator .dealer-locator-list-scroller { padding-top: 0px!important }
}

@media screen and (max-width:481px) {
.dealer-locator { padding-top: 50px }
}
.dealer-locator .accordion .accordion-content .view-inventory button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-locator .accordion .accordion-content .view-inventory button:hover { background-color: #003057; color: #fff }
html[lang=en-US] .dealer-locator .dealer-locator-form .toggle-list { top: 1px }

@media screen and (min-width:481px) {
.dealer-locator .dealer-locator-form { padding: 13px 0px 14px 24px; top: 65px }
}

@media (min-width:1024px) {
.dealer-locator .dealer-locator-form .select-head, .dealer-locator-form .selectDealer h3 { font-size: 22px; text-transform: none }
.dealer-locator-form .selectDealer h4, .dealer-locator-form .selectDealer h5 { font-family: "Volvo Sans Regular", "Volvo Sans Medium", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.dealer-locator .accordion .accordion-content .services-name { margin-bottom: 10px }
.dealer-locator .accordion .accordion-content ul.dealer-overlay-links .service-icon-link { line-height: 1.7em }
.dealer-locator-form.selectDealer-form { padding: 42px 42px 24px }
.dealer-locator-form .selectDealer { width: 100%; overflow: hidden; margin: 0 0 15px }
.dealer-locator-form .selectDealer h4 { letter-spacing: 0; font-size: 1em }
.dealer-locator-form .selectDealer h5 { font-size: 18px; margin-bottom: 7px }
}
.dealer-overlay ul.dealer-overlay-links .icon-link { display: block }
.dealer-overlay ul.dealer-overlay-links .icon-link .icon { width: 45px; text-align: center }
.dealer-overlay .dealer-marker { top: 21px }
.dealer-overlay .dealer-marker span { top: 9px; width: 33px }
.dealer-overlay .dealer-name { padding: 0 3.125em }
.dealer-overlay .dealer-name h5 { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal }
.dealer-overlay .dealer-distance { top: 50px }

@media screen and (min-width:481px) {
.dealer-overlay .dealer-name { padding: 0 3.75em }
.dealer-overlay { max-width: 600px }
.dealer-overlay .dealer-marker { top: 22px; left: 27px }
}
.dealer-overlay .overlay-content { padding: 0 .875em .875em }
.dealer-overlay .dealer-information { float: left; display: block; margin-right: 3.48259%; width: 100% }
.dealer-overlay .dealer-information:last-child { margin-right: 0 }
.cl-detail .dealer-overlay .dealer-information .cl-description, .cl-detail .dealer-overlay .dealer-information font, .dealer-overlay .dealer-information .cl-detail .cl-description, .dealer-overlay .dealer-information .cl-detail font, .dealer-overlay .dealer-information .extf-content, .dealer-overlay .dealer-information .story-carousel .story-content, .dealer-overlay .dealer-information .support-area, .dealer-overlay .dealer-information p, .story-carousel .dealer-overlay .dealer-information .story-content { margin: 0 }
.dealer-overlay .dealer-overlay-links { float: left; display: block; margin-right: 3.48259%; width: 100% }
.dealer-overlay .dealer-overlay-links:last-child { margin-right: 0 }
.dealer-overlay .dealer-information, .dealer-overlay .dealer-overlay-links, .dealer-overlay h6 { margin-top: .875em; margin-bottom: 14px }
.dealer-overlay h6:first-child { margin-top: 0 }

@media screen and (min-width:481px) {
.dealer-overlay .dealer-information, .dealer-overlay .dealer-overlay-links { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.dealer-overlay .dealer-information:last-child, .dealer-overlay .dealer-overlay-links:last-child { margin-right: 0 }
.dealer-overlay .dealer-information, .dealer-overlay .dealer-overlay-links, .dealer-overlay h6 { margin-top: 1em; margin-bottom: 14px }
.dealer-overlay h6:first-child { margin-top: 0 }
.dealer-overlay .overlay-content { padding: 0 1.75em 1.75em }
}
.dealer-overlay .overlay-content .dealer-overlay-links { margin-bottom: 14px }
.dealer-overlay .overlay-content .view-inventory button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-overlay .overlay-content .view-inventory button:hover { background-color: #003057; color: #fff }
.dealer-overlay .overlay-content .dealer-incentives button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-overlay .overlay-content .dealer-incentives button:hover { background-color: #003057; color: #fff }
.dealer-overlay .overlay-content .view-usedcars button { text-transform: inherit; width: 100%; background-color: #fff; color: #003057; margin: 0 0 15px; border: 1px solid #003057 }
.dealer-overlay .overlay-content .view-usedcars button:hover { background-color: #003057; color: #fff }
.inline-dealer-locator { width: 100%; background-image: url(/Static/images/mini_dealer_locator_white_bg.jpg); background-size: cover; padding: 60px 14px }
.inline-dealer-locator>div { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center }
.inline-dealer-locator>div:after, .inline-dealer-locator>div:before { content: " "; display: table }
.inline-dealer-locator>div:after { clear: both }
.inline-dealer-locator>div>h2 { color: #003057; margin-bottom: 14px }
.idl-search-field>span { vertical-align: middle; display: none; color: #003057; margin: 0 5px; word-spacing: 5px }
.idl-search-field>span a { text-transform: uppercase; color: #003057; font-weight: 700; border: 0; font-family: "Volvo Sans Regular"; font-size: 16px; text-decoration: underline }
.idl-search-field>span a:hover { color: #5b7f95 }
.idl-search-field>form { vertical-align: middle; position: relative; height: 40px; text-align: center; width: 300px; display: inline-block!important }
.idl-search-field>form>input { height: 40px; margin: 0; font-size: 16px; color: #003057 }
.idl-search-field>form>input::-webkit-input-placeholder {
color:#5b7f95
}
.idl-search-field>form>input::-moz-placeholder {
color:#5b7f95
}
.idl-search-field>form>input:-moz-placeholder {
color:#5b7f95
}
.idl-search-field>form>input:-ms-input-placeholder {
color:#5b7f95
}
.idl-search-field>form .search-field-button { position: absolute; top: 0; right: 0; display: table-cell; background-color: #003057; width: 40px; line-height: 40px; height: 40px }
.idl-search-field>form .search-field-button button { height: auto; padding: 0; margin: 0; color: #fff; border: 0 }
.idl-search-field>form .search-field-button button:hover { color: #5b7f95; border: 0 }
.idl-search-field>form .search-field-button button:active { background-color: inherit }
.idl-search-field>form .search-field-button button i.icon { font-size: 18px; display: block; height: 20px; width: 20px; padding: 0; border: 0; letter-spacing: 0; line-height: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.tab-section .sales-content .sales-select .main-menu-selector:first-child .sales-menu, .tab-section .services-content .services-select .services-menu-selector:first-child .services-menu { border-top: 1px solid #ddd }

@media screen and (min-width:481px) {
.inline-dealer-locator { padding: 120px 42px }
.inline-dealer-locator span { display: inline-block }
.idl-search-field>form { width: 370px }
}
.tab-section { background: #fff }
.tab-section .locator-sales, .tab-section .locator-services { padding: 15px 0; background-color: #ddd; width: 50%; text-align: center; font-family: "Volvo Sans Medium"; font-size: 16px; float: left; color: #003057; display: inline-block; cursor: pointer; text-transform: uppercase }
.tab-section .active-locator { background-color: #fff }
.tab-section .sales-content { width: 100%; background-color: #fff }
.tab-section .sales-content .sales-block { border-bottom: 1px solid #ddd; width: 100%; padding: 20px 0 20px 42px; text-align: left; overflow: hidden }
.tab-section .sales-content .sales-block .sales-facilities { display: inline-block; font-size: 13px; color: #003057; font-family: "Volvo Sans Regular"; margin: 0 40px 0 0 }
.tab-section .sales-content .sales-block .sales-facilities:before { font-family: Volvo Icons; color: #003057; vertical-align: -2px; margin-right: 5px }
.tab-section .sales-content .sales-block .sales-facilities .icon.icon-marker { color: #003057; padding-right: 5px }
.tab-section .sales-content .sales-block .sales-servicing { font-size: 13px; display: inline-block; color: #003057; font-family: "Volvo Sans Regular" }
.tab-section .sales-content .sales-block .sales-servicing:before { font-family: Volvo Icons; color: #e87722; vertical-align: -2px; margin-right: 5px }
.tab-section .sales-content .sales-block .sales-servicing .icon.icon-marker { color: #e87722; padding-right: 5px }
.tab-section .sales-content .sales-select { margin: 20px 0 0 }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu { width: 100%; border-bottom: 1px solid #ddd }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue { width: 80%; margin: 0 auto; padding: 20px 0; position: relative }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue .menu-wrap { display: inline-block; padding: 0 0 0 11px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue .menu-wrap .menu-title { font-family: "Volvo Sans Medium"; color: #003057; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 98% }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue .menu-wrap .menu-distance { font-family: "Volvo Sans Medium"; color: #999; font-size: 18px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue:before { content: '\E03E'; color: #003057; font-family: Volvo Icons; font-size: 35px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue .sales-arrow-down:before { content: '\E001'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-blue .sales-arrow-up:before { content: '\E004'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 { width: 80%; margin: 0 auto; padding: 20px 0; position: relative }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 .menu-wrap { display: inline-block; padding: 0 0 0 11px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 .menu-wrap .menu-title { font-family: "Volvo Sans Medium"; color: #003057; font-size: 18px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 .menu-wrap .menu-distance { font-family: "Volvo Sans Medium"; color: #999; font-size: 18px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16:before { content: '\E03E'; color: #e87722; font-family: Volvo Icons; font-size: 35px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 .sales-arrow-down:before { content: '\E001'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu .sales-menu-top-#EF7B16 .sales-arrow-up:before { content: '\E004'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content { color: #003057; padding: 0 0 30px 40px; background-color: #f6f6f6; display: none; border-bottom: 1px solid #ddd }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-menu-inner .sales-menu-innerrgt { display: none }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-content-title { padding: 20px 0 10px; font-size: 18px; font-family: "Volvo Sans Medium"; line-height: 25px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-addres-main, .tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-addres-number, .tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-addres-parade, .tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-addres-road { font-size: 18px; line-height: 25px; font-family: "Volvo Sans Regular" }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .sales-addres-phone { font-size: 18px; line-height: 25px; font-family: "Volvo Sans Regular"; padding-bottom: 10px }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .dealer-website a { font-size: 16px; line-height: 38px; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Medium" }
.tab-section .sales-content .sales-select .main-menu-selector .sales-menu-content .get-diraction a { font-size: 16px; line-height: 25px; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Medium" }
.tab-section .services-content { display: none; width: 100%; background-color: #fff }
.tab-section .services-content .services-block { border-bottom: 1px solid #ddd; width: 100%; padding: 20px 0 20px 42px; text-align: left; overflow: hidden }
.tab-section .services-content .services-block .services-facilities { font-size: 13px; display: inline-block; color: #003057; font-family: "Volvo Sans Regular"; margin: 0 40px 0 0 }
.tab-section .services-content .services-block .services-facilities:before { font-family: Volvo Icons; color: #003057; vertical-align: -2px; margin-right: 5px }
.tab-section .services-content .services-block .services-facilities .icon.icon-marker { color: #ffcb00; padding-right: 5px }
.tab-section .services-content .services-block .services-servicing { font-size: 13px; display: inline-block; color: #003057; font-family: "Volvo Sans Regular" }
.tab-section .services-content .services-block .services-servicing:before { font-family: Volvo Icons; color: #e87722; vertical-align: -2px; margin-right: 5px }
.tab-section .services-content .services-block .services-servicing .icon.icon-marker { color: #e87722; padding-right: 5px }
.tab-section .services-content .services-select { margin: 20px 0 0 }
.tab-section .services-content .services-select .services-menu-selector .services-menu { width: 100%; border-bottom: 1px solid #ddd }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow { width: 80%; margin: 0 auto; padding: 20px 0; position: relative }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow .menu-wrap { display: inline-block; padding: 0 0 0 11px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow .menu-wrap .menu-title { font-family: "Volvo Sans Medium"; color: #003057; font-size: 18px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow .menu-wrap .menu-distance { font-family: "Volvo Sans Medium"; color: #999; font-size: 18px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow:before { content: '\E03E'; color: #ffcb00; font-family: Volvo Icons; font-size: 35px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow .services-arrow-down:before { content: '\E001'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-yellow .services-arrow-up:before { content: '\E004'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 { width: 80%; margin: 0 auto; padding: 20px 0; position: relative }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 .menu-wrap { display: inline-block; padding: 0 0 0 11px }
.dealer-locator .scroll-bar .accordion .accordion-content .dealer-overlay-links .icon-link .icon-compass, .dealer-locator .scroll-bar .accordion .accordion-content .dealer-overlay-links .icon-link .icon-website, .dealer-overlay .overlay-content .dealer-overlay-links.link-item-caps .icon-link .icon-compass, .dealer-overlay .overlay-content .dealer-overlay-links.link-item-caps .icon-link .icon-website, .tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-menu-inner .services-menu-innerrgt { display: none }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 .menu-wrap .menu-title { font-family: "Volvo Sans Medium"; color: #003057; font-size: 18px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 .menu-wrap .menu-distance { font-family: "Volvo Sans Medium"; color: #999; font-size: 18px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16:before { content: '\E03E'; color: #e87722; font-family: Volvo Icons; font-size: 35px }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 .services-arrow-down:before { content: '\E001'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .services-content .services-select .services-menu-selector .services-menu .services-menu-top-#EF7B16 .services-arrow-up:before { content: '\E004'; color: #003057; font-family: Volvo Icons; font-size: 35px; right: 0; cursor: pointer; float: right; position: absolute; top: 20px; clear: both }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content { color: #003057; padding: 0 0 30px 40px; background-color: #f6f6f6; display: none; border-bottom: 1px solid #ddd }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-content-title { padding: 20px 0 10px; font-size: 18px; font-family: "Volvo Sans Medium"; line-height: 25px }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-addres-main, .tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-addres-number, .tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-addres-parade, .tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-addres-road { font-size: 18px; line-height: 25px; font-family: "Volvo Sans Regular" }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content .services-addres-phone { font-size: 18px; line-height: 25px; font-family: "Volvo Sans Regular"; padding-bottom: 10px }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content .dealer-website a { font-size: 16px; line-height: 38px; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Medium" }
.tab-section .services-content .services-select .services-menu-selector .services-menu-content .get-diraction a { font-size: 16px; line-height: 25px; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Medium" }
.dealer-locator .scroll-bar { height: 100% }
.dealer-locator .scroll-bar .accordion { background-color: #fff }
.dealer-locator .scroll-bar .accordion li { width: 97% }
.dealer-locator .scroll-bar .accordion .icon-marker.Service:before { color: #ffcb00 }
.dealer-locator .scroll-bar .accordion .icon-marker.SalesAndService:before { color: #e87722 }
.dealer-locator .scroll-bar .accordion .icon-marker h6 { margin-top: 0; font-size: 18px; line-height: 25px; padding: 20px 0 10px }
.dealer-locator .scroll-bar .accordion .accordion-panel-toggle { border: 1px solid #ddd; border-right: none }
.dealer-locator .scroll-bar .accordion .accordion-content .dealer-overlay-links .icon-link { text-decoration: underline; text-transform: uppercase }
.dealer-overlay .dealer-marker .icon-marker.Service:before { color: #ffcb00 }
.dealer-overlay .dealer-marker .icon-marker.SalesAndService:before { color: #e87722 }
.dealer-overlay .overlay-content .dealer-overlay-links.link-item-caps .icon-link { text-decoration: underline; text-transform: uppercase }

@media (max-width:320px) {
.tab-section .sales-content .sales-block .sales-facilities, .tab-section .services-content .services-block .services-facilities { margin: 0 10px 0 0 }
.tab-section .sales-content .sales-block, .tab-section .services-content .services-block { padding: 20px 0 20px 20px }
}
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr }
.mCSB_container { overflow: hidden; width: auto; height: auto }
.mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px }
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 }
.mCSB_scrollTools { position: absolute; width: 12px; height: auto; left: auto; top: 0; right: 0; bottom: 0 }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; background: #fff; border: 1px solid #ccc }
.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 6px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; background-color: #999; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.background>img { position: absolute; z-index: -1 }
.thumbnails, .thumbnails li { position: relative; overflow: hidden }
.background-img { width: auto!important; left: auto!important }
.thumbnails { font-size: 0; margin: 0 auto; z-index: 9 }
.thumbnails li { display: inline-block }
.thumbnails li a:active .mask, .thumbnails li.active .mask { opacity: .7; filter: alpha(opacity=70) }
.thumbnails li a, .thumbnails li a:hover, .thumbnails li a:visited { border: none }
.thumbnails li img { width: 100%; display: block; border: none }
.thumbnails .mask { pointer-events: none; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #003057; opacity: 0; filter: alpha(opacity=0) }
.gallery, .gallery-tabs { position: relative; text-align: center }
.thumbnails a { display: block }
.no-touch .thumbnails a:hover .mask { opacity: .7; filter: alpha(opacity=70) }
.gallery { padding-top: 0 }
.gallery .hero { height: 350px }
.gallery .hero blockquote { float: left; margin-right: 3.48259%; width: 100%; display: none }
.gallery .hero blockquote:last-child { margin-right: 0 }
.gallery .thumbnails { margin-top: -40px; margin-bottom: 20px }
.gallery .thumbnails>li { width: 140px }
.gallery .thumbnails>li:nth-child(3) { display: none }
.gallery .extf-body+.hero { margin-top: 1.25em }
.gallery .extf-body { padding-top: 1.875em }
.gallery .extf-content { margin: 0 }

@media screen and (min-width:481px) {
.gallery .extf-body { padding-top: 2.8125em }
.gallery .extf-body+.hero { margin-top: 1.875em }
.gallery .hero { height: 400px }
.gallery .thumbnails { margin-top: -45px }
.gallery .thumbnails>li { width: 160px }
.gallery .thumbnails>li:nth-child(3) { display: inline-block }
}

@media screen and (min-width:481px) and (min-height:800px) {
.gallery .hero { height: 500px }
}

@media screen and (min-width:769px) {
.gallery .extf-body { padding-top: 5.9375em }
.gallery .extf-body+.hero { margin-top: 3.95833em }
.gallery .hero { height: 600px }
.gallery .hero blockquote { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065%; font-size: 1.875em }
.gallery .hero blockquote:last-child { margin-right: 0 }
.gallery .thumbnails { margin-top: -67px }
.gallery .thumbnails>li { width: 240px }
}

@media screen and (min-width:769px) and (min-height:800px) {
.gallery .hero { height: 700px }
}

@media screen and (min-width:1520px) and (min-height:1000px) {
.gallery .hero { height: 900px }
.gallery .thumbnails { margin-top: -91px }
.gallery .thumbnails>li { width: 325px }
}
.gallery-tabs { padding-top: 0 }
.gallery-tabs .hero { height: 350px }
.gallery-tabs .hero blockquote { float: left; margin-right: 3.48259%; width: 100%; display: none }
.gallery-tabs .hero blockquote:last-child { margin-right: 0 }
.gallery-tabs .thumbnails { margin-top: -40px; margin-bottom: 20px }
.gallery-tabs .thumbnails>li { width: 140px }
.gallery-tabs .thumbnails>li:nth-child(3) { display: none }
.gallery-tabs .extf-body+.hero { margin-top: 1.25em }
.gallery-tabs .extf-body { padding-top: 1.875em }
.gallery-tabs .extf-content { margin: 0 }
.gallery-tab { opacity: 0; filter: alpha(opacity=0); height: 0; overflow: hidden }
.gallery-tab.active { opacity: 1; filter: alpha(opacity=100); height: auto; overflow: visible }

@media screen and (min-width:481px) {
.gallery-tabs .extf-body { padding-top: 2.8125em }
.gallery-tabs .extf-body+.hero { margin-top: 1.875em }
.gallery-tabs .hero { height: 400px }
.gallery-tabs .thumbnails { margin-top: -45px }
.gallery-tabs .thumbnails>li { width: 160px }
.gallery-tabs .thumbnails>li:nth-child(3) { display: inline-block }
}

@media screen and (min-width:481px) and (min-height:800px) {
.gallery-tabs .hero { height: 500px }
}

@media screen and (min-width:769px) {
.gallery-tabs .extf-body { padding-top: 5.9375em }
.gallery-tabs .extf-body+.hero { margin-top: 3.95833em }
.gallery-tabs .hero { height: 600px }
.gallery-tabs .hero blockquote { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065%; font-size: 1.875em }
.gallery-tabs .hero blockquote:last-child { margin-right: 0 }
.gallery-tabs .thumbnails { margin-top: -67px }
.gallery-tabs .thumbnails>li { width: 240px }
}

@media screen and (min-width:769px) and (min-height:800px) {
.gallery-tabs .hero { height: 700px }
}

@media screen and (min-width:1520px) and (min-height:1000px) {
.gallery-tabs .hero { height: 900px }
.gallery-tabs .thumbnails { margin-top: -91px }
.gallery-tabs .thumbnails>li { width: 325px }
}
.gallery-tabs-buttons-container { width: 100%; text-align: center }
.overlay .gallery-tabs-buttons-container { position: absolute; top: -22px; left: 0 }
.overlay .gallery-tabs-buttons-container a { padding-top: 8px; padding-bottom: 8px }
.gallery-overlay .gallery-tabs-buttons-container+.overlay-close { right: -9px; top: 3px }
.gallery-tabs-buttons { display: inline-block; margin: 1.5em 0; list-style-type: none }
.gallery-tabs-buttons li { float: left; margin: 0 }
.gallery-tabs-buttons li>a { margin: 0 }
.gallery-overlay { padding: 42px 0; width: 100%; max-width: none; top: 0; background-color: transparent }
.gallery-overlay .detail { background-image: url(/Static/images/preloader.gif); background-color: #00010d; background-position: center center; background-repeat: no-repeat; height: 0; padding-bottom: 56.25%; overflow: hidden }
.gallery-overlay .detail img { width: 100%; height: 100%; max-width: none }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.gallery-overlay .detail { background-image: url(/Static/images/preloader@2x.gif) }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.gallery-overlay .detail { background-image: url(/Static/images/preloader@2x.gif) }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.gallery-overlay .detail { background-image: url(/Static/images/preloader@2x.gif) }
}
.gallery-overlay .overlay-close { color: #fff; right: 10px; top: 10px }
.gallery-overlay .overlay-close .icon { font-size: 14px }
.gallery-overlay .thumbnails-scroller { display: block; overflow: hidden }
.gallery-overlay .thumbnails { margin: 3px auto; height: 52px }
.gallery-overlay .thumbnails li { width: 92px }

@media screen and (min-width:0) and (max-width:540px) {
.gallery-overlay .thumbnails { width: 100%!important; text-align: center }
.gallery-overlay .thumbnails li { width: 20px }
.gallery-overlay .thumbnails li.active a { background-color: #003057 }
.gallery-overlay .thumbnails li.active .mask { opacity: 0; filter: alpha(opacity=0) }
.gallery-overlay .thumbnails a { -webkit-transition: all .1s linear; transition: all .1s linear; -webkit-appearance: none; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; color: #003057; line-height: 1.5; margin: .4375em; outline: 0; text-align: center; border-radius: 50%; width: 10px; height: 10px; padding: 0; border: none; background-color: #bdd6e6 }
.gallery-overlay .thumbnails a:hover { color: #fff; border-color: #003057; background-color: #003057 }
.gallery-overlay .thumbnails a:active { color: #fff; border-color: #5b7f95; background-color: #003057 }
.gallery-overlay .thumbnails a img { display: none }
}
.mfp-arrow, .owl-controls { -webkit-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent }

@media screen and (min-width:481px) {
.gallery-overlay { padding: 42px }
}
.is-content-after-nav .gallery-overlay .content { padding-top: 0 }
.touch .gallery-overlay .controls .next, .touch .gallery-overlay .controls .prev { display: none }
.touch .gallery-overlay .thumbnails-scroller { -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel, .owl-carousel .owl-wrapper { display: none; position: relative }
.owl-carousel { width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer }
.owl-controls { -khtml-user-select: none; -moz-user-select: none; user-select: none }
.mfp-arrow, .mfp-close { -moz-user-select: none }
.grabbing { cursor: url(/Static/images/grabbing.png) 8 8, move }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-theme .owl-controls { margin-top: 10px; text-align: center }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: .5 }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; background: #d1d1d8 }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #003057 }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px }
.owl-item.loading { min-height: 150px; background: url(/Static/images/AjaxLoader.gif) center center no-repeat }
.gallery-grid { overflow: hidden }
.gallery-grid.anchore-active { padding-top: 0 }
.gallery-grid.anchore-active a[name] { display: block; height: 100px }
.gallery-grid h2 { text-align: center; margin: 20px 0 0 }
.gallery-grid .gallery-tabs-buttons-container { position: relative; z-index: 1; line-height: normal }
.gallery-grid .gallery-tabs-buttons-container ul { margin: 20px 0 0 }
.gallery-grid a { border-bottom: 0 }
.gallery-grid .gallery-wrapper { position: relative; padding-top: 49px; margin-top: -29px }
.gallery-grid .owl-wrapper-outer .owl-wrapper { margin: 0 -.4% }
.gallery-grid .column { padding: 0 1.5% }
.gallery-grid .column li { margin-bottom: 3%; position: relative; width: 100% }
.gallery-grid .column li:last-child { margin-bottom: 0 }
.gallery-grid .column li:before { content: ""; display: block; padding-top: 56.25% }
.gallery-grid .column li a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden }
.gallery-grid .column li a img { height: auto; width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease }
.gallery-grid .column li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2) }
.gallery-grid .column li.large:before { content: ""; display: block; padding-top: 115.5% }
.gallery-grid .column li.large a { height: 100%; width: 100%; overflow: hidden }
.gallery-grid .column li.large a img { height: 100%; max-width: none; width: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.gallery-grid .column li.large a:hover img { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2) }
.gallery-grid .column li.large.left img { top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.gallery-grid .column li.large.left:hover img { -webkit-transform: translate(0, -50%) scale(1.2); transform: translate(0, -50%) scale(1.2) }
.gallery-grid .column li.large.right img { top: 50%; left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.gallery-grid .column li.large.right:hover img { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2) }
.gallery-grid .column li.video a::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: url(/Static/mediaelement/bigplay.png) center center no-repeat }
.gallery-grid .grid-angle:before, .gmg-magnific-active .icon-angle-left:before, .gmg-magnific-active .icon-angle-right:before, .gmg-magnific-active .mfp-gallery .mfp-content .mfp-close:before { background-color: #000; height: 40px; cursor: pointer; color: #fff; font-weight: 700; box-sizing: border-box }
.gallery-grid .next, .gallery-grid .prev { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; display: none; cursor: pointer }
.gallery-grid .prev { left: 40px }
.gallery-grid .next { right: 0 }
.gallery-grid .grid-angle:before { width: 40px; font-size: 16px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 7px 0 0 12px }
.gallery-grid .next.grid-angle:before { padding: 7px 0 0 15px }
.gallery-grid:hover .next, .gallery-grid:hover .prev { display: block }
.gallery-grid:hover .hide { display: none }
.gmg-magnific-active .mfp-figure { position: relative; width: auto; text-align: center }
.gmg-magnific-active .mfp-container.mfp-inline-holder { padding: 40px 66px }
.gmg-magnific-active .mfp-gallery .mfp-bottom-bar { margin-top: inherit }
.gmg-magnific-active .icon-angle-left, .gmg-magnific-active .icon-angle-right { color: #fff; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1100; cursor: pointer }
.gmg-magnific-active .icon-angle-left:before, .gmg-magnific-active .icon-angle-right:before { width: 40px; font-size: 16px; display: block; border-radius: 50%; border: 1px solid #727275 }
.gmg-magnific-active .icon-angle-left { left: 120px }
.gmg-magnific-active .icon-angle-left:before { padding: 7px 3px 0 0 }
.gmg-magnific-active .icon-angle-right { right: 80px }
.gmg-magnific-active .icon-angle-right:before { padding: 7px 0 0 3px }
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close { position: fixed; right: 100px!important; top: 15px; padding: 0; width: auto; z-index: 1100 }
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close:before { width: 40px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 12px 12px 0 0 }
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close:active { top: 15px }
.gmg-magnific-active .mfp-gallery .mfp-inline-holder .mfp-content .mfp-close:before { padding: 12px 0 0 }
.gmg-magnific-active .mfp-content { vertical-align: middle }
.gmg-magnific-active .mfp-content .mfp-figure:after { bottom: 50px }
.gmg-magnific-active .mfp-content .mfp-figure figure { position: relative }
.gmg-magnific-active .mfp-content .mfp-figure figure .image-map { position: absolute; left: 0; top: 40px }
.gmg-magnific-active .mfp-content .mfp-figure figure img { padding: 40px 0 50px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar { margin-top: -31px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter { font-size: 18px; vertical-align: top; text-align: left; width: 100% }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter span { font-size: 18px; margin-right: 3px; vertical-align: top; padding-left: 5px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter .hero-social.social span { font-size: 13px; margin-right: 3px; vertical-align: top; padding-left: 5px; line-height: 18px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter .mfp-contpage { float: left; width: 23%; font-size: 18px; padding-left: 20px; font-family: Volvo Sans Medium }
.gmg-magnific-active .mfp-content .hotspot { border-bottom: 1px solid transparent; color: #fff; font-family: "Volvo Sans"; font-size: 17px; font-weight: 700; height: 25px; line-height: 25px; width: 25px; position: absolute; text-decoration: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.gmg-magnific-active .mfp-content .hotspot:before { content: "\E011"; display: block; font-family: volvo-icons; font-size: 24px; position: absolute; z-index: -1 }
.gmg-magnific-active .mfp-content .hotspot:hover { color: #111 }
.gmg-magnific-active .mfp-content .hotspot:hover:before { color: #fff; content: "\E012" }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video { margin: 0 auto; position: relative }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter { position: relative; color: #fff; font-size: 18px; vertical-align: top; text-align: left; margin-top: -6px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .mfp-contpage { float: left; width: 23%; font-size: 18px; padding-left: 20px; font-family: Volvo Sans Medium }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter hero-social { display: block; position: static; overflow: hidden; right: 0; bottom: inherit; font-size: 13px; float: right; margin-right: 20px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .hero-social.social span { font-size: 13px; margin-right: 3px; vertical-align: top; padding-left: 5px; line-height: 18px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter span { vertical-align: top; font-size: 18px; padding-left: 0 }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .current-item { font-size: 18px; margin-right: 3px; vertical-align: top }
.gmg-magnific-active .gallery-grid:hover .next, .gmg-magnific-active .gallery-grid:hover .prev, .gmg-magnific-active .grid-angle, .gmg-magnific-active .mfp-inline-holder button.mfp-close, .mobile-moreButton { display: none }
.mfp-content, .mfp-content * { -ms-touch-action: none }
.mfp-counter .hero-social { display: block; position: static; overflow: hidden; right: 0; bottom: 0; float: right; margin-right: 20px; margin-top: 0 }
.social .icon-email { font-size: 21px }

@media (min-width:768px) and (max-width:1024px) {
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video { margin: 0 auto; width: 100%!important; height: 100%!important }
.gmg-magnific-active .mfp-container.mfp-inline-holder { padding: 0 }
}

@media (max-width:1024px) {
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar { margin-top: -23px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter { margin-top: 5px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter span { font-size: 18px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter { text-align: left; font-size: 18px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .current-item { font-size: 18px; margin-right: 3px }
}

@media (max-width:768px) {
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar { margin-top: -14px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter { margin-top: 11px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter .mfp-contpage, .gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter span, .gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .current-item, .gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .mfp-contpage, .gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter span { font-size: 16px }
}

@media screen and (min-width:768px) {
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter { margin-top: 0 }
}

@media screen and (max-width:767px) {
.mobile-grid ul li, .mobile-grid ul li a { line-height: normal; overflow: hidden; box-sizing: border-box }
.hero-social li { float: left; margin-left: 0; width: 33%; text-align: left }
.hero-social .icon { display: block; text-align: center; width: 100% }
.gmg-magnific-active .icon-angle-left, .gmg-magnific-active .icon-angle-right { display: none }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter .hero-social.social span { display: block; text-align: center; margin-top: 5px; color: #fff }
.gmg-magnific-active .mfp-content .mfp-figure figure img { max-height: 404px!important; width: 100%; background-size: 100% 100%; padding: 10px 0 50px }
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close { right: 20px!important; position: absolute; top: 27px }
.mfp-bg { opacity: 1!important; filter: alpha(opacity=100) }
.mfp-counter .hero-social { width: 100%; float: left; position: static; margin-top: 30px }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter { text-align: left; width: auto }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter .mfp-contpage, .gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .mfp-contpage { float: left; width: 100%!important; font-size: 16px; padding-left: 0; text-align: center; margin-bottom: 40px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .current-item { font-size: 16px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter .hero-social.social span { display: block; text-align: center; margin-top: 5px; font-size: 13px }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video { margin: 0 auto; width: 100%!important; height: 100%!important }
.gmg-magnific-active .mfp-container.mfp-inline-holder { padding: 0 }
.mfp-counter .hero-social, .mfp-video .mfp-counter .hero-social { margin-right: 0 }
.gmg-magnific-active .mfp-inline-holder .mfp-content .mfp-video .mfp-counter span { vertical-align: top; font-size: 16px }
.mfp-counter .hero-social.social li a, .mfp-video .mfp-counter .hero-social.social li a { color: #fff }
.gallery-grid:hover .next, .gallery-grid:hover .prev { display: none }
.mobile-grid ul li { width: 50%; margin: 0; float: left; position: relative }
.mobile-grid ul li a, .mobile-grid ul li.video a::after { position: absolute; left: 0; top: 0; width: 100%; display: block }
.mobile-grid ul li:before { content: ""; display: block; padding-top: 56.25% }
.mobile-grid ul li.video a::after { content: ""; height: 100%; background: url(/Static/mediaelement/bigplay.png) center center no-repeat }
.mobile-grid ul li a { margin: 0; padding: 6px 3px 0 6px; border: 0; bottom: 0; right: 0 }
.mobile-grid ul li a img { width: 100%; padding: 0; vertical-align: bottom }
.mobile-grid ul li:nth-child(3n+1) { width: 100%; margin: 0; box-sizing: border-box }
.mobile-grid ul li:nth-child(3n+1) a { padding: 6px 6px 0 }
.mobile-grid ul li:nth-child(3n+1) img { width: 100% }
.mobile-grid ul li:nth-child(3n) a { padding: 6px 6px 0 3px }
.mobile-grid ul li:first-child a { padding: 6px 6px 0 }
.mobile-moreButton { clear: both; text-align: center; display: block; margin: 20px 0 }
.mobile-moreButton .moreButton { margin: 0 }
}
.ie9 .hotspot::after, .webui-popover .arrow { display: none }
.webui-popover { background-color: #fff; border: 0; border-radius: 0; min-height: 32px; padding: 20px; max-width: 289px; box-sizing: border-box }
.webui-popover-title { background-color: transparent; border-bottom: 1px solid transparent; border-radius: 0; font-family: "Volvo Broad", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 22px; font-weight: 300; line-height: 1.15; margin-bottom: 3px; padding: 0 }
.webui-popover-content { line-height: 1.2; padding: 0 }
.webui-popover-backdrop { background-color: rgba(0,0,0,.4) }
.hotspot::after { content: ""; position: absolute; height: 40px; width: 40px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 12px solid rgba(255,255,255,.7); -webkit-animation: pulsejg1 2s linear infinite; animation: pulsejg1 2s linear infinite; box-shadow: inset 0 0 15px 10px rgba(0,0,0,.6); border-radius: 999px; margin: -8px 0 0 -24px }
.mfp-arrow .mfp-a, .mfp-container:before { content: '' }
@-webkit-keyframes pulsejg1 {
0% {
-webkit-transform:scale(.6);
transform:scale(.6);
opacity:0
}
40% {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:.05
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.1
}
60% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
opacity:.3
}
80% {
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:.1
}
100% {
-webkit-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
}
@keyframes pulsejg1 {
0% {
-webkit-transform:scale(.6);
transform:scale(.6);
opacity:0
}
40% {
-webkit-transform:scale(.8);
transform:scale(.8);
opacity:.05
}
50% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.1
}
60% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
opacity:.3
}
80% {
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:.1
}
100% {
-webkit-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
.mfp-video .mfp-counter .hero-social { display: block; position: static; overflow: hidden; right: 20px; bottom: 0 }
.hero-geo, .hero-social { position: absolute; bottom: 15px; overflow: hidden; display: block }
.hero-geo, .hero-social a { border-bottom: 0; color: #fff }
.hero-geo, .hero-geo:hover, .hero-geo:visited { color: #fff }
.hero-social { right: 20px }
.hero-social a { font-size: 1em; line-height: 1; opacity: .8; filter: alpha(opacity=80); letter-spacing: 0 }
.hero-social a:hover { opacity: 1; filter: alpha(opacity=100) }
.hero-social .icon { margin-right: .3125em; font-size: 1em }
.hero-social li { float: left; margin-left: 20px }
.hero-social li:first-child { margin-left: 0 }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar .mfp-counter span { font-size: 16px }
.gmg-magnific-active .icon-angle-left, .gmg-magnific-active .icon-angle-right { display: none }
.interactive-video-player .mfp-image-holder .mfp-content, .mfp-gallery .mfp-image-holder .mfp-content { max-width: 100% }
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close { position: fixed; right: 15px!important; top: 15px; padding: 0; width: auto; z-index: 1100 }
.mfp-gallery .mfp-bottom-bar .mfp-counter { color: #fefefe; font-weight: 400; left: 5px; text-align: left }
.gmg-magnific-active .mfp-content .mfp-figure figcaption .mfp-bottom-bar { margin-top: -30px }
}

@media (max-width:639px) {
.gmg-magnific-active .mfp-gallery .mfp-content .mfp-close { right: 20px!important; position: fixed; top: 15px }
}
.mfp-container, .mfp-wrap { top: 0; height: 100%; width: 100%; left: 0 }

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 1; filter: alpha(opacity=100) }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 1!important; filter: alpha(opacity=100) }
}

@media screen and (min-width:769px) {
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) }
}
.mfp-wrap { z-index: 1043; position: fixed; outline: 0!important }
.mfp-container { text-align: center; position: absolute; padding: 0 8px; box-sizing: border-box }
.mfp-container:before { display: inline-block; height: 100%; vertical-align: middle }
.mfp-align-top .mfp-container:before { display: none }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto }
.mfp-ajax-cur { cursor: progress }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out }
.mfp-auto-cursor .mfp-content { cursor: auto }
.mfp-arrow { user-select: none; position: absolute; opacity: .65; filter: alpha(opacity=65); margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px }
.mfp-arrow:active { margin-top: -54px }
.mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100) }
.mfp-arrow .mfp-a { display: block; width: 0; height: 0; position: absolute; left: 0; margin-top: 35px; margin-left: 35px; border: inset transparent; border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow .mfp-b, .mfp-arrow:after { border: inset transparent; display: block; width: 0; height: 0; position: absolute; left: 0; margin-top: 35px; margin-left: 35px; content: '' }
.mfp-arrow .mfp-b { top: 0; border-top-width: 21px; border-bottom-width: 21px; opacity: .7 }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px }
.mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent; border-top-width: 21px; border-bottom-width: 21px; opacity: .7 }
.mfp-close { -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace }
.mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; position: absolute }
.mfp-close:focus, .mfp-close:hover { opacity: 1; filter: alpha(opacity=100) }
.mfp-close:active { top: 1px }
.mfp-counter { -ms-user-select: none; user-select: none; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap }
.mfp-figure, img.mfp-img { line-height: 0 }
.mfp-preloader { -ms-user-select: none; user-select: none; color: #ccc; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 }
.mfp-preloader a { color: #ccc }
.mfp-preloader a:hover { color: #fff }
.mfp-loading.mfp-figure { display: none }
.mfp-hide { display: none!important }
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none }
button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none }
.mfp-figure:after, .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0,0,0,.6); position: absolute; left: 0 }
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close-btn-in .mfp-close { color: #333 }
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px }
.mfp-iframe-holder .mfp-close { top: -40px }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px }
.mfp-image-holder .mfp-content, img.mfp-img { max-width: 100% }
.mfp-arrow-left { left: 0 }
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px }
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f }
.mfp-arrow-right { right: 0 }
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px }
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before { border-left: 27px solid #3f3f3f }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% }
.mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000 }
.mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block }
img.mfp-img { box-sizing: border-box; padding: 40px 0; margin: 0 auto }
.interactive-video-player .extf-content, .video-player .extf-content { margin-bottom: 0 }
.mfp-figure:after { content: ''; top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444 }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px }
.mfp-figure figure { margin: 0 }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto }
.mfp-title { text-align: left; word-wrap: break-word; padding-right: 36px }
.mfp-ie7 .mfp-img { padding: 0 }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px }
.mfp-ie7 .mfp-container { padding: 0 }
.mfp-ie7 .mfp-content { padding-top: 44px }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 }

@media screen and (min-width:769px) {
.mfp-video .mfp-counter .hero-social { position: static!important }
}

@media screen and (max-width:800px) and (orientation:landscape) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 }
}

@media screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img { padding: 0 }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 }
}

@media all and (max-width:900px) {
.mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container { padding-left: 6px; padding-right: 6px }
}

@media screen and (max-width:481px) {
.mfp-bg, .mfp-wrap { z-index: 999999!important }
.stry-widget .stry-popup-item { z-index: 99999!important }
}
.image-grid { max-width: 992px; margin-left: auto; margin-right: auto; padding-bottom: 0 }
.interactive-video-player .mfp-image-holder .mfp-content, .mfp-gallery .mfp-image-holder .mfp-content, div[id^=sub-movie] img { max-width: 100% }
.image-grid .extf-container { padding-bottom: 5em }
.image-grid ul { width: 100% }
.image-grid ul:after, .image-grid ul:before { content: " "; display: table }
.image-grid ul:after { clear: both }
.image-grid li { background-color: #5b7f95; float: left; position: relative }
.image-grid li a, .image-grid li>span { border-bottom: 0; float: left }
.image-grid li a .overlay-box, .image-grid li>span .overlay-box { background-color: rgba(0,0,0,.15); position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.image-grid li a .overlay-text, .image-grid li>span .overlay-text { color: #fff; font-size: 14px; line-height: 1.25; left: 0; width: 100%; padding: 1em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-transform: uppercase; text-shadow: 1px 1px 3px rgba(0,0,0,.2); word-break: break-word; word-wrap: break-word }

@media screen and (min-width:481px) {
.image-grid li a .overlay-text, .image-grid li>span .overlay-text { font-size: 18px }
.jwplayer { margin-top: 1.875em!important }
}

@media screen and (min-width:769px) {
.image-grid li a .overlay-text, .image-grid li>span .overlay-text { font-size: 16px }
.image-grid.large li .overlay-text { font-size: 24px }
}

@media screen and (min-width:992px) {
.image-grid li a .overlay-text, .image-grid li>span .overlay-text { font-size: 24px }
}
.image-grid li a { cursor: pointer }
.image-grid li a:hover { border-bottom: 0 }
a[id^=spot], div[id^=sub-movie] { border: 2px solid #fefefe; box-sizing: border-box }
.image-grid li a:hover .overlay-box { background-color: rgba(0,48,87,.8) }
.image-grid li img { float: left; width: 100% }
.image-grid.large li, .image-grid.medium li { width: 50% }

@media screen and (min-width:769px) {
.image-grid.medium li { width: 33.33% }
.image-grid.medium li .overlay-text { font-size: 20px }
}
.image-grid.small li { width: 50% }

@media screen and (min-width:769px) {
.image-grid.small li { width: 25% }
}
.image-grid.image-grid-two li a .overlay-box-width-text, .image-grid.image-grid-two li>span .overlay-box-width-text { background-color: rgba(0,0,0,.8); padding: 9px .65em 0; position: absolute; right: 0; bottom: 0; left: 0; height: 55px; overflow: hidden; text-align: center; text-transform: none; text-shadow: 1px 1px 3px rgba(0,0,0,.2) }
.image-grid.image-grid-two li a .overlay-box-width-text span, .image-grid.image-grid-two li>span .overlay-box-width-text span { color: #fff; display: inline-block; font-size: 15px; line-height: 1.2; position: relative; height: 2.4em; overflow: hidden; width: 100% }
.interactive-video-player .extf-container:after, .interactive-video-player .extf-container:before, .interactive-video-player .interactive-video-player-container:after, .interactive-video-player .interactive-video-player-container:before, .video-player .extf-container:after, .video-player .extf-container:before { display: table; content: " " }

@media screen and (min-width:992px) {
.image-grid.image-grid-two li a .overlay-box-width-text span, .image-grid.image-grid-two li>span .overlay-box-width-text span { font-size: 18px; top: -2px }
}
.image-grid.image-grid-two li a:hover .overlay-box-width-text, .image-grid.image-grid-two li>span:hover .overlay-box-width-text { height: 100%; top: 0 }
.image-grid.image-grid-two li a:hover .overlay-box-width-text span, .image-grid.image-grid-two li>span:hover .overlay-box-width-text span { padding: 0 .65em; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); word-break: break-word; word-wrap: break-word }
.video-player { padding-bottom: 0 }
.video-player .extf-container { line-height: 0 }
.video-player .extf-container:after { clear: both }
html { margin-right: 0!important; overflow: auto!important }
.jwplayer { float: left!important }

@media screen and (min-width:769px) {
.jwplayer { margin-top: 3.95833em!important }
.interactive-video-player .galleries, .interactive-video-player .videos { display: block }
}
.interactive-video-player .extf-container:after { clear: both }
.interactive-video-player .interactive-video-player-container { position: relative }
.interactive-video-player .interactive-video-player-container:after { clear: both }
.interactive-video-player .interactive-video-player-container .jwplayer, .interactive-video-player .interactive-video-player-container div[id^=video-wrapper] { outline: 0; margin-top: 0!important }
.interactive-video-player .interactive-video-player-container div[id^=video-wrapper]:focus { outline: 0 }
.interactive-video-player .galleries, .interactive-video-player .videos { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.interactive-video-player .sub-movie { margin: 0 }
.interactive-video-player .sub-movie:after, .interactive-video-player .sub-movie:before { content: " "; display: table }
.interactive-video-player .sub-movie:after { clear: both }
.interactive-video-player .sub-movie .mobile-video-title { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; margin: 15px 0 0; line-height: 1.5em; text-align: center }
a[class^=video-preview] .preview-overlay, a[id^=spot]>figure figcaption { background-color: rgba(0,0,0,.7); color: #fefefe; font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1em; overflow: hidden }
.jwclick { display: none!important }
.jwcc { top: -65px; right: 20px; height: 50px!important; width: 50px; overflow: hidden }
a[id^=spot] { opacity: 0; position: absolute; outline: 0; z-index: 1 }
a[id^=spot]>figure { position: absolute; right: 0; top: 0; border-left: 2px solid #fefefe; margin: 0; height: 100%; width: 50%; overflow: hidden; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
a[id^=spot]>figure figcaption { line-height: 1.3em; padding: .6em 1em; position: absolute; left: 0; bottom: 0; min-height: 2.5em; max-height: 5.1em; width: 100% }

@media screen and (max-width:768px) {
a[id^=spot]>figure figcaption { display: none }
}
a[id^=spot]>figure figcaption span { max-height: 3.9em; min-height: 1.3em; overflow: hidden; width: 100%; display: inline-block; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
a[id^=spot]>figure img { max-height: 100%; max-width: 100% }
div[id^=sub-movie] { position: absolute; z-index: 10 }
a[class^=video-preview] { border-bottom: 0; display: inline-block; position: relative }
a[class^=video-preview]:after, a[class^=video-preview]:before { content: " "; display: table }
a[class^=video-preview]:after { clear: both }
a[class^=video-preview] .play-icon { background-image: url(/Static/jwplayer/volvo/display/playIcon.png); background-repeat: no-repeat; background-size: 50px 50px; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; height: 50px; width: 50px }
.mfp-gallery .mfp-close:active, div[id^=submovie-container-] .mfp-close:active { top: 0 }
a[class^=video-preview]>img { float: left }
a[class^=video-preview] .preview-overlay { padding: 10px 15px; position: absolute; left: 0; right: 0; bottom: 1px; max-height: 44px; width: 100%; text-overflow: ellipsis; white-space: nowrap }
div[id^=sub-movie] img { width: 100% }
.mfp-gallery .mfp-close, div[id^=submovie-container-] .mfp-close { background-color: transparent; font-size: 20px; line-height: normal; margin: 0; height: auto; width: auto; border-color: transparent; color: #fefefe }
div[id^=submovie-container-] .mfp-close { right: -40px }
.mfp-gallery img.mfp-img { padding: 0 }
.mfp-gallery .mfp-close { font-family: volvo-icons; right: -40px!important; padding-right: 0!important }
.mfp-gallery .mfp-bottom-bar .mfp-counter, .mfp-title, .tabs-button { font-size: 18px; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.mfp-gallery .mfp-bottom-bar { margin-top: 10px }
.mfp-gallery .mfp-bottom-bar .mfp-counter { color: #fefefe; font-weight: 400; left: 0; text-align: center }
.mfp-gallery button.mfp-arrow { background-color: #000; height: 100%; width: 42px; top: 0; margin: 0; opacity: .8; filter: alpha(opacity=80) }

@media screen and (max-width:900px) {
.mfp-gallery button.mfp-arrow { -webkit-transform: scale(1); transform: scale(1) }
}
.mfp-gallery button.mfp-arrow:hover { background-color: #000; background-image: none; border-color: transparent; opacity: .95; filter: alpha(opacity=95) }
.mfp-gallery button.mfp-arrow:after { border-bottom: 0; border-left: 0; border-right: 0; border-top: 0; margin: 0 }
.mfp-gallery .mfp-arrow-left:before, .mfp-gallery .mfp-arrow-right:before { left: 50%; top: 50%; height: 0; width: 0; position: absolute; border-width: 21px; margin-top: -21px; content: " " }
.mfp-gallery .mfp-arrow-left:before { border-color: transparent #fff transparent transparent; margin-left: -32px }
.mfp-gallery .mfp-arrow-right:before { border-color: transparent transparent transparent #fff; margin-left: -10px; margin-right: 0 }
.interactive-video-player .mfp-content div[id^=submovie-container-] { margin: 0 auto; position: relative; width: 85% }
.interactive-video-player .interactive-video-player-container .mfp-bg, .interactive-video-player .interactive-video-player-container .mfp-wrap, .mfp-title { position: absolute }
.interactive-video-player .mfp-content div[id^=submovie-container-]:after, .interactive-video-player .mfp-content div[id^=submovie-container-]:before { content: " "; display: table }
.interactive-video-player .mfp-content div[id^=submovie-container-]:after { clear: both }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: default!important }
.mfp-title { color: #fefefe; top: -30px; left: 0; height: 30px; line-height: 30px; overflow: hidden; padding: 0; text-overflow: ellipsis; width: 100%; white-space: nowrap }
body.mfp-zoom-out-cur { cursor: default }
body.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer }
body.mfp-zoom-out-cur .mfp-image-holder .mfp-close:active { top: 0 }
.mfp-zoom { cursor: default }
#main-movie-1 .jwdisplay #main-movie-1_display_button_play, #main-movie-1 .jwdisplay #main-movie-1_display_button_replay, #main-movie-1 .jwdisplay:hover #main-movie-1_display_button, .jw-tab-focus #main-movie-1_display_button { height: 67px!important }
span.jwcontrolbar .jwcenter { right: 0!important }
span.jwcontrolbar .jwright { bottom: 50px }
.jwfullscreen button, .jwmute button { margin: 0 25px 0 0; padding: 0; height: 26px!important; width: 26px!important }
.jwmute button { margin: 0 15px 0 0 }
.jwmute .jwoverlay { left: 0!important; width: 26px }
.jwmute .jwoverlay .jwarrow { display: none }
#main-movie-1_controlbar .jwvolume.jwvertical { width: 26px!important }
.jwrail .jwoverlay .jwarrow { bottom: 1px!important }
.jwrail .jwoverlay .jwcontents { background: #145081!important }
.jwcontrols .jwhd { display: none!important }
.tabs { margin-bottom: 42px }
.tabs-item { width: 100%; display: none; margin-top: 42px }
.tabs-item-active { display: inline-block }
.tabs-button { text-transform: none; margin: 4px!important; letter-spacing: 0; border: 1px solid #bdd6e6 }
html[lang=ja-JP] .tabs-button { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .tabs-button { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .tabs-button, html[lang=zh-TW] .tabs-button { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .tabs-button { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .tabs-button { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.tabs-button-active { background-color: #003057; color: #fff; border: 1px solid #003057 }

@media screen and (min-width:769px) {
.tabs-buttons { text-align: center }
}
.engine-picker-wrapper .picker-group.hidden { display: none }
.engine-picker-wrapper .picker-group { margin-bottom: 30px }
.engine-picker-wrapper .picker-group:after, .engine-picker-wrapper .picker-group:before { content: " "; display: table }
.engine-picker-wrapper .picker-group:after { clear: both }
.engine-picker-wrapper .picker-group .picker-title { border-bottom: 1px solid rgba(7,45,75,.2); text-align: left; padding: 10px 0; margin-bottom: 15px; font-size: 2em; text-transform: none }
.engine-picker-wrapper .picker-group .picker-list .picker-item { float: left; margin-right: 20px; margin-bottom: 20px }
.engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; text-align: left; background: #EFEFEF; display: block; padding: 15px 20px; text-decoration: none; line-height: 1; border-bottom: 0 }
html[lang=ja-JP] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link, html[lang=zh-TW] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .engine-picker-wrapper .picker-group .picker-list .picker-item .picker-link { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.engine-picker-wrapper .picker-group .picker-list .picker-item.active .picker-link, .engine-picker-wrapper .picker-group .picker-list .picker-item:hover .picker-link { background-color: #003057; color: #FFF }
.engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; text-transform: uppercase; padding: 15px 50px }
html[lang=ja-JP] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link, html[lang=zh-TW] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-size: 18px }
}

@media screen and (min-width:769px) {
.engine-picker-wrapper .picker-group.engine-picker .picker-list .picker-item { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; font-size: 18px }
.engine-picker-wrapper .picker-group.engine-picker .picker-list .picker-item:last-child, .engine-picker-wrapper .picker-group.engine-picker .picker-list .picker-item:nth-child(2n) { margin-right: 0 }
.engine-picker-wrapper .picker-group.engine-picker .picker-list .picker-item:nth-child(2n+1) { clear: left }
.engine-picker-wrapper .picker-group.fuel-picker .picker-list .picker-item .picker-link { font-size: 18px }
}
.car-package-details .car-package-content:after, .chart-doughnut-v2 .chart__legend-container .chart__table .legend-row:after, .charts-v2:after, .charts:after, .dct-form:after, .form-row:after, .form-wrapper:after, .iframe .iframe-container:after, .manuals-wrapper:after, .purchase-completed .purchase-order-details:after, .purchase-package .purchase-package-form .purchase-package-container:after, .quote-editorial:after, .recall-list-wrapper .recall-list .recall-item .recall-item-info:after, .recall-list-wrapper .recall-list .recall-item .recall-item-info>li:after, .recall-list-wrapper:after, .recall-search:after, .story-grid ul:after, .two-cols-wrapper:after { clear: both }
.quote { overflow: hidden }
.quote blockquote { float: left; display: block; margin-right: 3.48259%; width: 82.7529%; margin-left: 8.62355% }
.quote blockquote:last-child { margin-right: 0 }
.quote blockquote h4 { margin-bottom: 1em }
.quote-editorial-wrapper { padding-right: 14px; padding-left: 14px }
.quote-editorial { text-align: center; position: relative; max-width: 79.125em; margin-left: auto; margin-right: auto }
.quote-editorial:after, .quote-editorial:before { content: " "; display: table }
.quote-editorial-body { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.quote-editorial-body h6 { font-size: 1em }
.quote-editorial-body blockquote { margin: .5em 0 }
.quote-editorial-body:last-child { margin-right: 0 }
.quote-editorial-image { min-height: 200px; float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 51.74129% }
.quote-editorial-image img { border-radius: 50% }
.quote-editorial-image:last-child { margin-right: 0 }

@media (max-width:540px) {
.quote-editorial-image { float: none; float: left; display: block; margin-right: 3.48259%; width: 100%; margin-left: 0 }
.quote-editorial-image:last-child { margin-right: 0 }
.quote-editorial-body { line-height: 1; position: relative; top: auto; -webkit-transform: none; transform: none; float: left; display: block; margin-right: 3.48259%; width: 100% }
.quote-editorial-body:last-child { margin-right: 0 }
.quote-editorial-body .blockquote { font-size: 1.75em!important }
}

@media (min-width:541px) and (max-width:800px) {
.quote-editorial-body { line-height: 1 }
.quote-editorial-body .blockquote { font-size: 1.75em!important }
}

@media screen and (min-width:481px) {
.quote-editorial-wrapper { padding-right: 42px; padding-left: 42px }
}

@media screen and (min-width:769px) {
.quote blockquote { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065% }
.quote blockquote:last-child { margin-right: 0 }
}
.dct-form:after, .dct-form:before, .story-grid ul:after, .story-grid ul:before { display: table; content: " " }
.dct-form { max-width: 79.125em; margin-left: auto; margin-right: auto }
.story-grid { position: relative; margin: 0; overflow: hidden; padding-top: 0; padding-bottom: 0 }
.story-grid ul { max-width: 79.125em; margin-left: auto; margin-right: auto; overflow: hidden }
.story-grid li { float: left; width: 50% }
.story-grid li .story-grid-quote-align, .story-grid li img, .story-grid li video { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.story-grid li:first-child, .story-grid li:last-child { width: 100% }
.story-grid.bg-left li:nth-child(2) { float: right }
.story-grid.bg-left li:nth-child(3) { float: left }
.story-grid video { -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; filter: alpha(opacity=0) }
.story-grid video.playing { opacity: 1; filter: alpha(opacity=100) }
.story-grid .story-grid-content { position: relative; height: 0; padding-bottom: 75% }
.story-grid .button-container { position: absolute; width: 100%; text-align: center; bottom: 14px }
.story-grid .button-container .button { margin: 0 auto }
.story-grid .story-grid-background { display: none }
.story-grid .story-grid-background.bg-left { left: auto; right: 50%; margin-left: auto; margin-right: -42px }
.story-grid .story-grid-content-quote { padding-bottom: initial; height: auto }
.story-grid blockquote { display: table-cell; vertical-align: middle; padding: 30px 50px 0 }
.story-grid .story-grid-content-align { display: table; height: 100%; width: 100% }

@media screen and (min-width:481px) {
.story-grid .story-grid-quote blockquote { font-size: 1.25em; padding: 30px 84px 0 42px }
.story-grid .story-grid-quote blockquote cite { display: block }
}

@media screen and (min-width:769px) {
.story-grid .button-container { bottom: 21px }
.story-grid li:first-child, .story-grid li:last-child { width: 50% }
.story-grid li:nth-child(3) { float: right; padding-bottom: 42px }
.story-grid li .story-grid-quote { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.story-grid .story-grid-content-quote { padding-bottom: 75%; height: 0 }
}

@media screen and (min-width:1300px) {
.story-grid .story-grid-background { display: block; position: absolute; left: 50%; margin-left: -42px; bottom: 0; z-index: -1; width: 100% }
.story-grid blockquote { padding-right: 100px }
.story-grid.bg-left blockquote { padding-right: 50px; padding-left: 100px }
}

@media (min-width:900px) {
.story-grid .button-container { bottom: 42px }
.story-grid .story-grid-quote blockquote { font-size: 1.75em }
html[lang=zh-CN] .story-grid .story-grid-quote blockquote { font-size: 1.4em; font-family: "宋体 SongTi", "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei }
html[lang=el-GR] .story-grid .story-grid-quote blockquote { font-size: 28px; font-family: "Times New Roman", Sans-Serif-Italic }
html[lang=uk-UA] .story-grid .story-grid-quote blockquote { font-size: 28px; font-family: "Times New Roman" }
}
.two-cols-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto; padding: 14px 14px 0 }
.two-cols-wrapper:after, .two-cols-wrapper:before { content: " "; display: table }
.two-cols-wrapper .two-cols { float: left; display: block; margin-right: 3.48259%; width: 100% }
.two-cols-wrapper .two-cols:last-child { margin-right: 0 }
.two-cols-wrapper .two-cols:first-child { padding-bottom: 14px }

@media screen and (min-width:481px) {
.two-cols-wrapper { padding: 42px 42px 0 }
.two-cols-wrapper .two-cols { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.two-cols-wrapper .two-cols:last-child { margin-right: 0 }
.two-cols-wrapper .two-cols:first-child { padding-bottom: 0 }
}
.purchase-completed .purchase-order-details:after, .purchase-completed .purchase-order-details:before, .purchase-package .purchase-package-form .purchase-package-container:after, .purchase-package .purchase-package-form .purchase-package-container:before { display: table; content: " " }
.error-message { text-align: center; margin: 100px auto 0; max-width: 33em }
.error-message .lang { margin-bottom: 42px }
.cl-detail .error-message .cl-description, .cl-detail .error-message font, .error-message .cl-detail .cl-description, .error-message .cl-detail font, .error-message .extf-content, .error-message .story-carousel .story-content, .error-message .support-area, .error-message p, .story-carousel .error-message .story-content { width: 100% }
.hero-fixed { z-index: 0; background: #000 }

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
.hero-fixed>div { height: 535px }
}

@media screen and (min-width:481px) {
.hero-fixed>div { height: 550px }
}

@media (min-width:481px) and (min-height:800px) {
.hero-fixed>div { height: 550px }
}

@media (min-width:79.125em) and (min-height:740px) {
.hero-fixed>div { height: 740px }
}

@media screen and (min-width:769px) and (min-height:800px) {
.hero-fixed>div { height: 750px }
}

@media screen and (min-width:79.125em) and (min-height:800px) {
.hero-fixed>div { height: 800px }
}

@media screen and (min-width:2000px) and (min-height:800px) {
.hero-fixed>div { height: 1100px }
}

@media (min-width:1025px) {
.hero-fixed>div { position: fixed }
html.csstransitions .will-fade-in.innovations, html.csstransitions .will-fade-in.items-list-wrapper, html.csstransitions .will-fade-in.quote-editorial-wrapper { position: relative }
html.csstransitions .will-fade-in>* { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.enterInteractive>* { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
html.csstransitions .will-fade-in.hero-fixed.enterInteractive>* { opacity: 1; filter: alpha(opacity=100); -webkit-transition: none; transition: none }
html.csstransitions .will-fade-in.story-grid>* { opacity: 1; filter: alpha(opacity=100) }
html.csstransitions .will-fade-in.story-grid li { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.media-stream>*, html.csstransitions .will-fade-in.story-grid.enterInteractive li { opacity: 1; filter: alpha(opacity=100) }
html.csstransitions .will-fade-in.story-grid.enterInteractive li:nth-child(1) { -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
html.csstransitions .will-fade-in.story-grid.enterInteractive li:nth-child(2) { -webkit-transition: opacity 1.5s linear .25s; transition: opacity 1.5s linear .25s }
html.csstransitions .will-fade-in.story-grid.enterInteractive li:nth-child(3) { -webkit-transition: opacity 1.5s linear .5s; transition: opacity 1.5s linear .5s }
html.csstransitions .will-fade-in.story-grid.enterInteractive li:nth-child(4) { -webkit-transition: opacity 1.5s linear .75s; transition: opacity 1.5s linear .75s }
html.csstransitions .will-fade-in.media-stream .countdown, html.csstransitions .will-fade-in.media-stream h2 { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.media-stream.enterInteractive h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
html.csstransitions .will-fade-in.media-stream.enterInteractive .countdown { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear .25s; transition: opacity 1.5s linear .25s }
html.csstransitions .will-fade-in.media-stream .items>ul>li { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.media-stream .items>ul>li.enterInteractive { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
html.csstransitions .will-fade-in.quote-editorial-wrapper>* { opacity: 1; filter: alpha(opacity=100) }
html.csstransitions .will-fade-in.quote-editorial-wrapper blockquote, html.csstransitions .will-fade-in.quote-editorial-wrapper h6, html.csstransitions .will-fade-in.quote-editorial-wrapper img { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.quote-editorial-wrapper.enterInteractive h6 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
html.csstransitions .will-fade-in.quote-editorial-wrapper.enterInteractive blockquote { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear .25s; transition: opacity 1.5s linear .25s }
html.csstransitions .will-fade-in.quote-editorial-wrapper.enterInteractive img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear .5s; transition: opacity 1.5s linear .5s }
html.csstransitions .will-fade-in.innovations>* { opacity: 1; filter: alpha(opacity=100) }
.cl-detail html.csstransitions .will-fade-in.innovations .innovations-header .cl-description, .cl-detail html.csstransitions .will-fade-in.innovations .innovations-header font, .story-carousel html.csstransitions .will-fade-in.innovations .innovations-header .story-content, html.csstransitions .will-fade-in.innovations .innovations-header .cl-detail .cl-description, html.csstransitions .will-fade-in.innovations .innovations-header .cl-detail font, html.csstransitions .will-fade-in.innovations .innovations-header .extf-content, html.csstransitions .will-fade-in.innovations .innovations-header .story-carousel .story-content, html.csstransitions .will-fade-in.innovations .innovations-header .support-area, html.csstransitions .will-fade-in.innovations .innovations-header p, html.csstransitions .will-fade-in.innovations .thumbnails, html.csstransitions .will-fade-in.innovations h3 { opacity: 0; filter: alpha(opacity=0) }
html.csstransitions .will-fade-in.innovations.enterInteractive h3 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear; transition: opacity 1.5s linear }
.cl-detail html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .cl-description, .cl-detail html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header font, .story-carousel html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .story-content, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .cl-detail .cl-description, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .cl-detail font, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .extf-content, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .story-carousel .story-content, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header .support-area, html.csstransitions .will-fade-in.innovations.enterInteractive .innovations-header p { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear .25s; transition: opacity 1.5s linear .25s }
html.csstransitions .will-fade-in.innovations.enterInteractive .thumbnails { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.5s linear .5s; transition: opacity 1.5s linear .5s }
}
.purchase-completed .purchase-order-details { max-width: 79.125em; margin-left: auto; margin-right: auto }
.purchase-completed .purchase-completed-container { padding-left: 14px; padding-right: 14px }

@media screen and (min-width:481px) {
.purchase-completed h2 { font-size: 36px; margin: 30px 0 5px }
.purchase-completed h3 { font-size: 24px; margin: 42px 0 5px; text-transform: none }
.purchase-completed .purchase-completed-container { padding-left: 42px; padding-right: 42px }
}
.purchase-order-details .purchase-order-details-customer { margin-top: 28px }
.cl-detail .purchase-order-details .purchase-order-details-customer .cl-description, .cl-detail .purchase-order-details .purchase-order-details-customer font, .purchase-order-details .purchase-order-details-customer .cl-detail .cl-description, .purchase-order-details .purchase-order-details-customer .cl-detail font, .purchase-order-details .purchase-order-details-customer .extf-content, .purchase-order-details .purchase-order-details-customer .story-carousel .story-content, .purchase-order-details .purchase-order-details-customer .support-area, .purchase-order-details .purchase-order-details-customer p, .story-carousel .purchase-order-details .purchase-order-details-customer .story-content { margin: 0 }

@media screen and (min-width:481px) {
.purchase-order-details .purchase-order-details-customer { margin-top: 42px }
}
.purchase-package .purchase-package-form { padding-left: 14px; padding-right: 14px; padding-top: 1.875em; border-top: solid 1px #003057; border-bottom: solid 1px #003057 }
.purchase-package .purchase-package-form .purchase-package-container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.purchase-package .purchase-package-form form { float: left; display: block; margin-right: 3.48259%; width: 100% }
.purchase-package .purchase-package-form form:last-child { margin-right: 0 }
.purchase-order-buttons { overflow: hidden; margin-top: 42px; margin-bottom: 42px }
.purchase-order-buttons .button { margin: 0 }
.purchase-order-buttons .button-text, .purchase-order-buttons a { margin-top: 13px; float: left }
.purchase-order-buttons .button-opaque { float: right }
.payment-methods { overflow: hidden }
.payment-methods li { float: left; margin: 0 42px 42px 0 }
.payment-methods a { display: block; background-image: url(/static/images/ecommerce/payment-methods.png); background-size: 83px 120px; background-repeat: no-repeat; text-decoration: none; border: none; background-position: 0 0; text-indent: -9999px; height: 40px }
.payment-methods a.visa { width: 83px }
.payment-methods a.master-card { width: 68px; background-position: 0 -80px }
.payment-methods a.amex { width: 41px; background-position: 0 -40px }

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.payment-methods a { background-image: url(/static/images/ecommerce/payment-methods@2x.png) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min--moz-device-pixel-ratio:3), only screen and (min-device-pixel-ratio:3), only screen and (min-resolution:288dpi), only screen and (min-resolution:3dppx) {
.payment-methods a { background-image: url(/static/images/ecommerce/payment-methods@3x.png) }
}

@media screen and (min-width:481px) {
.purchase-package h2 { font-size: 36px; margin: 30px 0 15px }
.purchase-package h3 { font-size: 24px; margin: 42px 0 5px; text-transform: none }
.purchase-package .purchase-package-form { padding-left: 42px; padding-right: 42px; padding-top: 2.8125em }
.purchase-package-form .purchase-package { padding-top: 5.625em }
.purchase-order-buttons { margin-top: 84px; margin-bottom: 84px }
}

@media screen and (min-width:769px) {
.purchase-package .purchase-package-form { padding-top: 5.9375em }
.purchase-package .purchase-package-form form { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.purchase-package .purchase-package-form form:last-child { margin-right: 0 }
}
.car-package-details { padding-left: 14px; padding-right: 14px; padding-bottom: 1.875em }
.car-package-details .car-package-content { max-width: 79.125em; margin-left: auto; margin-right: auto }
.car-package-details .car-package-content:after, .car-package-details .car-package-content:before { content: " "; display: table }
.car-package-details .car-package-image, .car-package-details .car-package-text { float: left; display: block; margin-right: 3.48259%; width: 100% }
.car-package-details .car-package-image:last-child, .car-package-details .car-package-text:last-child { margin-right: 0 }

@media screen and (min-width:481px) {
.car-package-details { padding-left: 42px; padding-right: 42px; padding-bottom: 2.8125em }
.car-package-details .car-package-image, .car-package-details .car-package-text { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.car-package-details .car-package-image:last-child, .car-package-details .car-package-text:last-child { margin-right: 0 }
}

@media screen and (min-width:769px) {
.car-package-details { padding-bottom: 5.9375em }
}
.iframe .iframe-container { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center }
.iframe .iframe-container:after, .iframe .iframe-container:before { content: " "; display: table }
.iframe iframe { margin: 0 auto; border: none; overflow: hidden; width: 100% }
.iframe.iframe-full-width .iframe-container { max-width: none }
.feature-overlay-content-wrapper, .hidden { display: none }

@media screen and (min-width:0) and (max-width:481px) {
.iframe iframe.embed-video { height: 215px!important }
.feature-overlay { top: 0; width: 100% }
}
.feature-overlay footer, .feature-overlay header { background-color: #003057; color: #fff; position: relative }
.feature-overlay .feature-video-player { position: relative }
.feature-overlay .overlay-close { right: 0; top: 0; color: #fff; padding: 20px; cursor: pointer }
.feature-overlay header { display: inline-block; width: 100%; padding: 20px }
.feature-overlay header h5 { margin-bottom: 0; font-size: 24; padding-right: 60px }
.feature-overlay footer { text-align: center; padding-bottom: 42px }

@media screen and (min-width:481px) {
.feature-overlay footer { display: none }
}
.feature-overlay footer .overlay-close { position: relative; top: 0; right: 0; width: 100%; display: block; margin: 0 }
.feature-overlay footer .overlay-close:before { margin-right: 10px }
.feature-overlay footer .overlay-close .icon-close { position: relative; top: 4px }
.feature-overlay .feature-overlay-content { display: inline-block; padding: 20px; width: 100% }
.feature-overlay .feature-overlay-content .left { float: left; display: block; margin-right: 3.48259%; width: 100% }
.feature-overlay .feature-overlay-content .left:last-child { margin-right: 0 }
.feature-overlay .feature-overlay-content .right { margin-top: 20px; float: left; display: block; margin-right: 3.48259%; width: 100% }
.feature-overlay .feature-overlay-content .right:last-child { margin-right: 0 }
.feature-overlay .feature-overlay-content img { width: 100% }
.cl-detail .feature-overlay .feature-overlay-content .cl-description, .cl-detail .feature-overlay .feature-overlay-content font, .feature-overlay .feature-overlay-content .cl-detail .cl-description, .feature-overlay .feature-overlay-content .cl-detail font, .feature-overlay .feature-overlay-content .extf-content, .feature-overlay .feature-overlay-content .story-carousel .story-content, .feature-overlay .feature-overlay-content .support-area, .feature-overlay .feature-overlay-content p, .story-carousel .feature-overlay .feature-overlay-content .story-content { font-size: 1em; line-height: 1.2em }

@media screen and (min-width:481px) {
.feature-overlay .feature-overlay-content .left { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.feature-overlay .feature-overlay-content .left:last-child { margin-right: 0 }
.feature-overlay .feature-overlay-content .right { margin-top: 0; float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.feature-overlay .feature-overlay-content .right:last-child { margin-right: 0 }
.cl-detail .feature-overlay .feature-overlay-content .cl-description, .cl-detail .feature-overlay .feature-overlay-content font, .feature-overlay .feature-overlay-content .cl-detail .cl-description, .feature-overlay .feature-overlay-content .cl-detail font, .feature-overlay .feature-overlay-content .extf-content, .feature-overlay .feature-overlay-content .story-carousel .story-content, .feature-overlay .feature-overlay-content .support-area, .feature-overlay .feature-overlay-content p, .story-carousel .feature-overlay .feature-overlay-content .story-content { font-size: 1.125em }
}
.mejs-fullscreen .feature-overlay .overlay-close { display: none }
.features-table, .specs-table { width: 100%; margin: 0 auto }
.features-table td, .features-table th, .specs-table td, .specs-table th { padding: 14px 20px }
.features-table td:first-child, .features-table th:first-child, .specs-table td:first-child, .specs-table th:first-child { border-left: none }
.features-table thead th, .specs-table thead th { background-color: #003057; color: #fff; border-left: 1px solid #bdd6e6; vertical-align: top }
.chart-bar .chart, .features-table thead th:first-child, .specs-table thead th:first-child { vertical-align: middle }
.features-table thead th h4, .specs-table thead th h4 { margin-bottom: 0 }
.features-table thead th h5, .specs-table thead th h5 { font-size: 1em }
.cl-detail .features-table thead th .cl-description, .cl-detail .features-table thead th font, .cl-detail .specs-table thead th .cl-description, .cl-detail .specs-table thead th font, .features-table thead th .cl-detail .cl-description, .features-table thead th .cl-detail font, .features-table thead th .extf-content, .features-table thead th .story-carousel .story-content, .features-table thead th .support-area, .features-table thead th p, .specs-table thead th .cl-detail .cl-description, .specs-table thead th .cl-detail font, .specs-table thead th .extf-content, .specs-table thead th .story-carousel .story-content, .specs-table thead th .support-area, .specs-table thead th p, .story-carousel .features-table thead th .story-content, .story-carousel .specs-table thead th .story-content { font-size: .875em; color: #bdd6e6; opacity: .75; filter: alpha(opacity=75) }
.features-table tbody tr td, .specs-table tbody tr td { display: none; border: 1px solid #e7e7e7; border-bottom: none; border-right: none }
.features-table tbody tr td h6, .specs-table tbody tr td h6 { font-size: .875em; text-overflow: ellipsis; overflow: hidden }

@media screen and (min-width:540px) {
.features-table tbody tr td h6, .specs-table tbody tr td h6 { font-size: 1em }
}
.cl-detail .features-table tbody tr td .cl-description, .cl-detail .features-table tbody tr td font, .cl-detail .specs-table tbody tr td .cl-description, .cl-detail .specs-table tbody tr td font, .features-table tbody tr td .cl-detail .cl-description, .features-table tbody tr td .cl-detail font, .features-table tbody tr td .extf-content, .features-table tbody tr td .story-carousel .story-content, .features-table tbody tr td .support-area, .features-table tbody tr td p, .specs-table tbody tr td .cl-detail .cl-description, .specs-table tbody tr td .cl-detail font, .specs-table tbody tr td .extf-content, .specs-table tbody tr td .story-carousel .story-content, .specs-table tbody tr td .support-area, .specs-table tbody tr td p, .story-carousel .features-table tbody tr td .story-content, .story-carousel .specs-table tbody tr td .story-content { font-size: .875em; line-height: 1.2em }

@media screen and (min-width:540px) {
.cl-detail .features-table tbody tr td .cl-description, .cl-detail .features-table tbody tr td font, .cl-detail .specs-table tbody tr td .cl-description, .cl-detail .specs-table tbody tr td font, .features-table tbody tr td .cl-detail .cl-description, .features-table tbody tr td .cl-detail font, .features-table tbody tr td .extf-content, .features-table tbody tr td .story-carousel .story-content, .features-table tbody tr td .support-area, .features-table tbody tr td p, .specs-table tbody tr td .cl-detail .cl-description, .specs-table tbody tr td .cl-detail font, .specs-table tbody tr td .extf-content, .specs-table tbody tr td .story-carousel .story-content, .specs-table tbody tr td .support-area, .specs-table tbody tr td p, .story-carousel .features-table tbody tr td .story-content, .story-carousel .specs-table tbody tr td .story-content { font-size: 1em; max-width: 100% }
}
.features-table tbody tr td:first-child, .specs-table tbody tr td:first-child { display: table-cell }
.features-table tbody tr:first-child td, .specs-table tbody tr:first-child td { border-top: none }
.features-table tbody tr.sub-header td:first-child, .specs-table tbody tr.sub-header td:first-child { background-color: #fff; border: none }
.features-table tbody tr:nth-child(odd), .specs-table col:nth-child(odd) { background-color: #f8f8f8 }
.specs-table tr { border-bottom: 1px solid #e7e7e7 }
.specs-table tr:last-child { border-bottom: none }
.specs-table tbody tr td:first-child { padding-left: 20px }
.specs-table tbody .grandchild_multi td:first-child { padding-left: 50px; word-break: break-word }

@media only screen and (max-width:470px) {
.specs-table tbody .grandchild_multi td:first-child { padding-left: 20px }
}
.feature-option { display: none }
.feature-option.active { display: block }
.features-table tbody td { display: none; padding-top: 10px; padding-bottom: 10px; text-align: center }
.features-table tbody td:first-child { text-align: left; display: table-cell }
.features-table tbody h6 { float: left; width: 70%; font-size: .75em }
.features-table .icon-plus_circle { display: block; border: none; float: left; margin-right: 2%; font-size: 1.5em }
.features-table .icon-circle, .features-table .icon-minus { color: #999 }
#feature-selector .dropdown-fallback, #feature-selector a:hover, #features-legend .icon-checkmark, .features-table .icon-circle-open { color: #003057 }
.specification-wrapper .accordion li.expanded { border-bottom: 1px solid #e7e7e7 }
.specification-wrapper .spec-title-col { width: 146px; padding: 0 20px }

@media screen and (min-width:540px) {
.specification-wrapper .spec-title-col { width: 220px }
}

@media screen and (min-width:801px) {
.features-table .icon-plus_circle { font-size: 1.875em; margin-right: 3% }
.specification-wrapper .spec-title-col { width: 265px }
}
.specification-wrapper .feature-title-col { padding: 0 20px; width: 60% }

@media screen and (min-width:801px) {
.specification-wrapper .feature-title-col { width: 50% }
}
.specification-wrapper .heading-row-parent .text { font-size: 1em }

@media screen and (min-width:540px) {
.specification-wrapper .heading-row-parent .text { font-size: 1.375em }
}
.specification-wrapper .heading-row-parent .text .feature-title-col { width: 100% }
.specification-wrapper .accordion-panel-toggle, .specification-wrapper .heading-row { border-bottom: 1px solid #e7e7e7; padding-top: 20px; padding-bottom: 15px; display: inline-block; width: 100% }
.specification-wrapper .accordion-panel-toggle .text, .specification-wrapper .heading-row .text { font-size: .875em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; float: left; display: block; margin-right: 4.20842%; width: 79.15832% }
.specification-wrapper .accordion-panel-toggle .text:last-child, .specification-wrapper .heading-row .text:last-child { margin-right: 0 }

@media screen and (min-width:540px) {
.specification-wrapper .accordion-panel-toggle .text, .specification-wrapper .heading-row .text { font-size: 1.25em; float: left; display: block; margin-right: 4.20842%; width: 89.57916% }
.specification-wrapper .accordion-panel-toggle .text:last-child, .specification-wrapper .heading-row .text:last-child { margin-right: 0 }
}
.specification-wrapper .accordion-panel-toggle .icon, .specification-wrapper .heading-row .icon { font-size: 1.5em }
.specification-wrapper .heading-row .text { text-transform: uppercase }
.specification-wrapper .box { margin-bottom: 0 }
.pick-engine-box .large-only, .pick-engine-box .medium, .pick-engine-box .medium-only, .pick-engine-box .small-only { display: none }
.pick-engine-box input.checkbox { float: left }
.pick-engine-box label { font-weight: 400; float: left }
.pick-engine-box label span { line-height: 20px!important; display: inline-block }
.pick-engine-box .box-header { font-size: 1.125em }
.pick-engine-box .box-content { padding-bottom: 0; margin-left: 0; width: 100% }
.pick-engine-box .box-content h3 { font-size: 1.25em; margin-bottom: 20px; text-transform: capitalize }
.pick-engine-box ul { display: inline-block; width: 100% }
.pick-engine-box li { text-align: left; margin-bottom: 14px; height: 35px }

@media screen and (min-width:0) and (max-width:540px) {
.pick-engine-box .small-only { display: block }
}

@media screen and (min-width:540px) and (max-width:801px) {
.pick-engine-box .medium-only { display: inline-block }
.pick-engine-box li { min-width: 100%; margin-right: 0; padding-right: 5px }
.pick-engine-box .box-header.medium-only { display: block }
}

@media screen and (min-width:540px) {
.pick-engine-box .medium { display: block }
.pick-engine-box .box-header { font-size: 1.5em }
.pick-engine-box .box-content h3 { font-size: 1.5em; margin-bottom: 1em }
.pick-engine-box li { margin-bottom: 40px; float: left; display: block; width: 31.01161%; margin-right: 0 }
.pick-engine-box li:last-child { margin-right: 0 }
}

@media screen and (min-width:801px) {
.pick-engine-box .box-content h3 { font-size: 2.25em }
.pick-engine-box .large-only { display: inline-block }
.pick-engine-box label { line-height: 35px!important }
.pick-engine-box .box-header.large-only { display: block }
}

@media screen and (min-width:79.125em) {
.pick-engine-box li { width: 250px; margin-right: 2.5em }
.lt-ie9 .pick-engine-box li { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.lt-ie9 .pick-engine-box li:last-child { margin-right: 0 }
}
#feature-selector { max-width: 16.875em; font-size: .875em }
.charts, .charts-v2 { max-width: 79.125em }
#feature-selector .dropdown-angle { font-size: 1.75em; font-weight: 700; color: #003057 }

@media screen and (min-width:540px) {
#feature-selector { font-size: 1.125em }
}
#features-legend .box { padding: 1.25em }
#features-legend ul { display: inline-block; font-size: .875em }
#features-legend ul li { margin-top: .625em }
#features-legend ul li:first-child { margin-top: 0 }
#features-legend .icon:before { margin-right: .9375em }
#features-legend .icon-circle, #features-legend .icon-minus { color: #999 }
#features-legend .icon-circle-open { color: #003057 }
#features-legend .disclaimer { margin-top: 1.25em }
#features-legend .disclaimer .cl-detail .cl-description, #features-legend .disclaimer .cl-detail font, #features-legend .disclaimer .extf-content, #features-legend .disclaimer .story-carousel .story-content, #features-legend .disclaimer .support-area, #features-legend .disclaimer p, .cl-detail #features-legend .disclaimer .cl-description, .cl-detail #features-legend .disclaimer font, .story-carousel #features-legend .disclaimer .story-content { margin: 0 auto; font-size: .875em; color: #999 }

@media screen and (min-width:540px) {
#features-legend { text-align: center }
#features-legend .box { padding: 2.5em }
#features-legend .disclaimer { margin-top: 2.5em }
#features-legend ul li { float: left; margin-right: 2.5em; margin-top: 0 }
#features-legend ul li:last-child { margin-right: 0 }
}

@media screen and (min-width:801px) {
#features-legend ul { font-size: 1em }
}
.features-multi-engine-wrapper .feature-title-col { width: 100% }
.dealer-picker { margin-top: 30px }
.dealer-picker label { font-size: 1.125em }
.dealer-picker label.required:after { color: #87b0cc }
.dealer-picker .search { position: relative; padding-right: 50px }
.dealer-picker .search-field-button { position: absolute; top: 0; right: 0; background-color: #003057 }
.dealer-picker .search-field-button button { width: 50px; height: 50px; margin: 0; padding: 0; text-align: center; color: #fff }
.dealer-picker .search-field-button button:hover { color: #5b7f95; border: 0 }
.dealer-picker .search-field-button button:active { background-color: inherit }
.dealer-picker .dealer-picker-results { max-height: 100%; overflow: auto }
.dealer-picker .dealer-picker-results::-webkit-scrollbar {
width:10px
}
.dealer-picker .dealer-picker-results::-webkit-scrollbar-thumb:vertical {
background-color:rgba(0,0,0,.3);
-webkit-border-radius:4px
}
.dealer-picker.dealer-loading .dealer-picker-results { min-height: 50px; background-image: url(/Static/images/preloader_ececec.gif); background-repeat: no-repeat; background-position: center center }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}
.dealer-picker .dealer-messages>*, .dealer-picker.dealer-loading .dealer-picker-item { display: none }
.dealer-picker.dealer-error .dealer-error-message { display: block }
.dealer-picker.dealer-error .dealer-picker-results { display: none }
.dealer-picker.dealer-badlocation .dealer-badlocation-message, .dealer-picker.dealer-noresults .dealer-noresults-message { display: block }
.dealer-picker.dealer-badlocation .dealer-picker-results { display: none }
.dealer-picker.dealer-selected .dealer-selected-message { display: block }
.dealer-picker .dealer-picker-item { position: relative; border: 1px solid #ECECEC; padding: 14px; min-height: 106px; cursor: pointer }
.cl-detail .dealer-picker .dealer-picker-item .cl-description, .cl-detail .dealer-picker .dealer-picker-item font, .dealer-picker .dealer-picker-item .cl-detail .cl-description, .dealer-picker .dealer-picker-item .cl-detail font, .dealer-picker .dealer-picker-item .extf-content, .dealer-picker .dealer-picker-item .story-carousel .story-content, .dealer-picker .dealer-picker-item .support-area, .dealer-picker .dealer-picker-item p, .story-carousel .dealer-picker .dealer-picker-item .story-content { margin: 0 }
.cl-detail .dealer-picker .dealer-picker-item .dealer-map-link.cl-description, .cl-detail .dealer-picker .dealer-picker-item font.dealer-map-link, .dealer-picker .dealer-picker-item .cl-detail .dealer-map-link.cl-description, .dealer-picker .dealer-picker-item .cl-detail font.dealer-map-link, .dealer-picker .dealer-picker-item .dealer-map-link.extf-content, .dealer-picker .dealer-picker-item .dealer-map-link.support-area, .dealer-picker .dealer-picker-item .story-carousel .dealer-map-link.story-content, .dealer-picker .dealer-picker-item p.dealer-map-link, .story-carousel .dealer-picker .dealer-picker-item .dealer-map-link.story-content { font-size: .875em }
.dealer-picker .dealer-picker-item .dealer-marker { float: left; margin-right: 10px; top: 0; left: 0; position: relative }
.dealer-picker .dealer-picker-item .dealer-marker .icon-marker { font-size: 51px }
.dealer-picker .dealer-picker-item .dealer-marker span { font-size: 1em; display: block; width: 42px; top: -40px; text-align: center; position: relative }
.dealer-picker.dealer-prefill .search, .dealer-picker.dealer-prefill label, .dealer-picker.dealer-selected .dealer-picker-item, .dealer-picker.dealer-selected .search, .dealer-picker.dealer-selected label { display: none }
.dealer-picker .dealer-picker-item:hover { border-color: #87b0cc }
.dealer-picker .dealer-picker-item .dealer-distance { position: static }
.dealer-picker.dealer-selected .dealer-picker-results { height: auto; overflow: visible }
.dealer-picker.dealer-selected .dealer-picker-item.active { display: block; border-color: #87b0cc }
.dealer-picker.dealer-selected .dealer-picker-item.active .dealer-marker span { display: none }
.dealer-picker.dealer-selected .dealer-picker-item.active .dealer-marker .icon-marker:after { content: ''; position: absolute; left: 50%; margin-left: -8px; top: 8px; background: #fff; width: 16px; height: 16px; border-radius: 17px }
.dealer-picker.dealer-selected .dealer-selected-change { display: block }
.dealer-picker .dealer-selected-change { display: none; margin: 6px 0; font-size: .875em }
.autocomplete-suggestions { background: #fff; border: 1px solid #DDD; border-top: none; box-sizing: content-box; overflow-y: scroll }
.card, .card-cta, .card-title, .scfForm .field-border { box-sizing: border-box }
.autocomplete-suggestion { line-height: 2.0625em; padding: 10px 8px 7px; cursor: pointer }
.autocomplete-suggestion:hover { color: #5b7f95 }
.autocomplete-suggestion+.autocomplete-suggestion { border-top: solid 1px #DDD }
.sticky.sticky-docked .sticky-content { position: relative }
.sticky .sticky-content { position: fixed; z-index: 9997 }
.chart-bar, .charts-container { position: relative }
.sticky .sticky-content.sticky-content--top { top: 0 }
.sticky .sticky-content.sticky-content--bottom { bottom: 0 }
.sticky .sticky-content.sticky-content--onscroll { display: none }
.charts { margin-left: auto; margin-right: auto; height: 100% }
.charts:after, .charts:before { content: " "; display: table }
.chart-bar { z-index: 2; display: table; height: 100%; width: 100% }
.chart-bar .chart { height: 100%; display: table-cell; text-align: center }
.chart-bar .chart .canvas-container { width: 80%; margin: auto }
.chart-bar h4 { color: #fff; font-size: 14px; margin-top: 10px }
.chart-bar var { padding: 10px 20px; margin: auto; border: 1px solid #fff; color: #fff; font-style: normal; line-height: 34px; visibility: hidden }
.chart-bar var.value-visible { visibility: visible }
.chart-doughnut.is-with-original-value .chart-legend .chart-table-2 { width: 40%; text-align: left }
.chart-doughnut .chart { visibility: hidden; position: absolute }
.chart-doughnut .chart-legend { padding: 20px }
.chart-doughnut .chart-legend .date-title { margin: 0 }
.chart-doughnut .chart-legend .title { margin: 0 0 20px }
.chart-doughnut .chart-legend .chart-table>li { display: block; padding: 4px 14px 4px 4px }
.chart-doughnut .chart-legend .chart-table>li.selected, .chart-doughnut .chart-legend .chart-table>li:hover { background-color: #bdd6e6; color: #003057; cursor: pointer }
.chart-doughnut .chart-legend .chart-table>li.selected .button-dot, .chart-doughnut .chart-legend .chart-table>li:hover .button-dot { background-color: #003057!important }
.chart-doughnut .chart-legend .chart-table>li.dimmed .button-dot { background-color: #bdd6e6!important }
.chart-doughnut .chart-legend .chart-table>li>span { display: inline-block }
.chart-doughnut .chart-legend .chart-table>li:after, .chart-doughnut .chart-legend .chart-table>li:before { content: " "; display: table }
.chart-doughnut .chart-legend .chart-table>li:after { clear: both }
.chart-doughnut .chart-legend .chart-table .button-dot { position: absolute; left: 0; top: -1px; line-height: 24px }
.chart-doughnut .chart-legend .chart-table .chart-table-1 { float: left; width: 70%; padding-left: 24px; position: relative; word-break: break-word }
.chart-doughnut .chart-legend .chart-table .chart-table-2 { float: right; width: 30%; text-align: right }
.chart-doughnut .chart-legend .chart-table .chart-table-percentage { white-space: nowrap }

@media screen and (min-width:481px) {
.charts .chart-doughnut { float: left; display: block; margin-right: 3.48259%; width: 100% }
.charts .chart-doughnut:last-child { margin-right: 0 }
.charts .chart-doughnut .chart { visibility: visible; position: relative; display: block; margin-right: 3.48259%; width: 48.25871%; float: left }
.charts .chart-doughnut .chart:last-child { margin-right: 0 }
.charts .chart-doughnut .chart-legend { padding: 0; display: block; margin-right: 3.48259%; width: 48.25871%; float: right }
.charts .chart-doughnut .chart-legend:last-child { margin-right: 0 }
.charts .chart-doughnut.inverted .chart { float: right }
.charts .chart-doughnut.inverted .chart-legend { float: left; margin-right: 0; padding: 0 0 0 3.48259% }
.charts .chart-bar .chart .canvas-container { width: 60% }
.charts .chart-bar h4 { padding: 20px; font-size: 16px }
.charts .chart-bar var { float: right; margin-right: 20px }
}
.charts-v2 { margin-left: auto; margin-right: auto; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; padding-bottom: 30px }
.charts-v2:after, .charts-v2:before { content: " "; display: table }
.charts-v2 .chart-data, .charts-v2 var { display: none }
.charts-v2>div { text-align: center; position: relative; z-index: 2 }
.charts-v2 .canvas-container { position: relative; max-width: 1220px; margin: auto; padding: 15px }

@media screen and (min-width:769px) {
.charts .chart-bar .chart .canvas-container { width: 50% }
.charts .chart-bar h4 { font-size: 18px }
.charts-v2 .canvas-container { padding: 0; width: 90% }
}
.charts-v2 canvas { margin-top: 60px }
.charts-v2 .cl-detail .cl-description, .charts-v2 .cl-detail font, .charts-v2 .extf-content, .charts-v2 .story-carousel .story-content, .charts-v2 .support-area, .charts-v2 p, .cl-detail .charts-v2 .cl-description, .cl-detail .charts-v2 font, .story-carousel .charts-v2 .story-content { max-width: 100% }
.charts-v2 .chart__error-message { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center }
.charts-container-v2 { position: relative; height: 100%!important }
.charts-container-v2.light { background: #fff; color: #003057 }
.charts-container-v2.dark { color: #fff; background: #000 }
.charts-container-v2.gray { color: #003057; background: #eeefef }

@media screen and (min-width:0) and (max-width:481px) {
.charts-container-v2 { height: 100% }
}
.charts-container-v2 .hero-background { opacity: 0 }

@media screen and (min-width:769px) {
.charts-container-v2 .hero-background { opacity: 1 }
}
.charts-container-v2 .hero-background:after { content: ''; background: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.charts-container-v2 .chart__pretitle { margin: 0 auto 10px; text-transform: none; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-family: Volvo Sans Medium }
.charts-container-v2 .chart__title { text-transform: none }
.charts-container-v2 .chart__subtitle { text-align: center; margin: 10px auto; max-width: 760px }
.charts-container-v2 .canvas-container { position: relative }
.charts-container-v2 .var-container { width: 50px; height: 50px; border-radius: 50% }
.charts-container-v2 .chart__tooltip { opacity: 0; position: absolute; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }

@media screen and (max-width:769px) {
.charts-container-v2 .chart__tooltip { display: none!important }
}
.charts-container-v2 .chart__tooltip-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.charts-container-v2 .chart__tooltip-section.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.charts-container-v2 .chart__tooltip-section-value { color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; padding: 10px; margin: .25em 0; width: 50px; height: 50px; font-size: 12px; letter-spacing: 1px }
.charts-container-v2 .chart__tooltip-section-value.dark:first-child { color: #000 }
.charts-container-v2 .chart__scale-title { margin-top: 30px; position: absolute; font-size: 70%; text-transform: uppercase; letter-spacing: 1px }
.charts-container-v2 .chart__tooltip-section-label { color: #414146; text-shadow: 0 .5px 0 #fff; padding-left: .75em; text-transform: uppercase; font-size: 70% }
.charts-container-v2 .chart__legend { text-transform: uppercase }
.charts-container-v2 .chart-legend__title { text-align: right; text-transform: uppercase; font-size: 70%; max-width: 100%; letter-spacing: 1px }
.charts-container-v2 .chart-legend__list { margin-top: 2em }
.charts-container-v2 .chart-legend__list-item { display: inline-block; margin: 0 1em; font-size: 70%; letter-spacing: 1px }
.charts-container-v2 .chart-legend__list-item i { margin-right: .5em; font-size: .8em }
.chart-line-v2 .var-container { display: none }
.chart-line-v2 var { visibility: hidden }
.chart-line-v2 var.value-visible { visibility: visible }
.chart-bar-v2 canvas { position: relative }
.chart-bar-v2 var { display: none; visibility: hidden }
.chart-bar-v2 var.value-visible { visibility: visible }
.car-campaign-configurator .campaign-color-selector ul li a.out-of-stock:hover span, .hiddenForm { visibility: hidden }
.chart-doughnut-v2 .canvas-container { left: 10px }
.chart-doughnut-v2 .chart-container { padding: 30px; text-align: center }

@media screen and (min-width:769px) {
.chart-doughnut-v2 .chart-container { padding: 0 }
}
.chart-doughnut-v2.doughnut .chart { height: 90%; width: 90% }

@media screen and (min-width:481px) {
.chart-doughnut-v2.doughnut .chart { height: 380px; width: 380px }
}
.chart-doughnut-v2.doughnut canvas { max-width: 100% }
.chart-doughnut-v2.pie .chart .chart__tooltip { border-radius: 50%; height: 170px; width: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; position: relative; top: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.chart-doughnut-v2 .chart .chart__tooltip-container, .chart-doughnut-v2 .chart__content-container { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal }
.chart-doughnut-v2.pie .chart .chart__tooltip.light { background-color: #fff }
.chart-doughnut-v2.pie .chart .chart__tooltip.gray { background-color: #eeefef }
.chart-doughnut-v2.pie .chart .chart__tooltip.dark { background-color: #000 }
.chart-doughnut-v2.pie .chart .chart__tooltip-section-value { font-family: "Volvo Sans Bold"; padding-bottom: 0 }
.chart-doughnut-v2.pie .chart .chart__tooltip-section-value .perc-value { font-family: "Volvo Sans Light"; font-size: 130%; padding-top: 5px }
.chart-doughnut-v2.pie .chart .chart__tooltip-section-label { font-size: 70%; line-height: 1.2; padding-top: 10px }
.chart-doughnut-v2 .chart { position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px }

@media screen and (min-width:769px) {
.chart-doughnut-v2 .chart { margin-left: 30px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0 }
}
.chart-doughnut-v2 .chart canvas { margin-top: 0 }
.chart-doughnut-v2 .chart .chart__tooltip-container { pointer-events: none; width: 100%; height: 100%; padding: 20%; top: 0; right: 0; position: absolute; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.chart-doughnut-v2 .chart .chart__tooltip { position: relative; text-align: center; -webkit-transition: .3s; transition: .3s; margin-top: -10%; -webkit-transform: translate(0); transform: translate(0); padding: 15px }

@media screen and (min-width:769px) {
.chart-doughnut-v2 .chart .chart__tooltip { width: 100%; padding: 0 }
}
.chart-doughnut-v2 .chart .chart__tooltip-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "Volvo Sans Light" }
.chart-doughnut-v2 .chart .chart__tooltip-section-value .raw-value, .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.chart-doughnut-v2 .chart .chart__tooltip-section-label { color: #003057; text-shadow: none; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; padding-left: 0 }
.chart-doughnut-v2 .chart .chart__tooltip-section-label.dark { color: #fff }
.chart-doughnut-v2 .chart .chart__tooltip-section-value { color: #003057; text-shadow: none; font-size: 24px; width: 100%; height: 100%; margin: 0 }
.chart-doughnut-v2 .chart .chart__tooltip-section-value.dark { color: #fff }
.chart-doughnut-v2 .chart .chart__tooltip-section-value .perc-value { display: inline-block; padding: 2.5% 0 0; line-height: 1; font-size: 200%; letter-spacing: 0 }

@media screen and (min-width:769px) {
.chart-doughnut-v2 .chart .chart__tooltip-section-value .perc-value { font-size: 300% }
}
.chart-doughnut-v2 .chart .chart__tooltip-section-value .raw-value { font-size: 16px; text-transform: uppercase }
.chart-doughnut-v2.inverted .chart__content-container .chart__legend-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }

@media screen and (min-width:769px) {
.chart-doughnut-v2.inverted .chart__content-container .chart__legend-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 30px; padding-right: 0 }
}
.chart-doughnut-v2.inverted .chart__content-container .chart, .start-page-grid__item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }

@media screen and (min-width:769px) {
.chart-doughnut-v2.inverted .chart__content-container .chart { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 30px; padding-left: 0 }
}
.chart-doughnut-v2 .chart__content-container { margin-top: 50px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }

@media screen and (min-width:769px) {
.chart-doughnut-v2 .chart__content-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.chart-doughnut-v2 .chart__legend-container { margin-right: 30px }
}
.chart-doughnut-v2 .chart__legend-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.chart-doughnut-v2 .chart__legend-container .date-title { margin: 0 }
.chart-doughnut-v2 .chart__legend-container .title { margin: 0 0 20px }
.chart-doughnut-v2 .chart__legend-container .chart__table { max-width: 350px; table-layout: auto; margin-bottom: 40px; font-size: 14px }
.chart-doughnut-v2 .chart__legend-container .chart__table td { border-bottom: 0 }
.chart-doughnut-v2 .chart__legend-container .chart__table td:last-child { padding-right: 10px!important }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row { text-transform: uppercase; font-size: 11px; -webkit-transition: .3s; transition: .3s; padding: 4px 14px 4px 4px; border-top: 1px solid #c1ccd5 }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row:last-child { border-bottom: 1px solid #c1ccd5 }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row.selected, .chart-doughnut-v2 .chart__legend-container .chart__table .legend-row:hover { background-color: #f4f4f4 }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row>span { display: inline-block }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row:after, .chart-doughnut-v2 .chart__legend-container .chart__table .legend-row:before { content: " "; display: table }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row.dark { border-top: 1px solid #494848 }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row.dark:last-child { border-bottom: 1px solid #494848 }
.chart-doughnut-v2 .chart__legend-container .chart__table .legend-row.dark.selected, .chart-doughnut-v2 .chart__legend-container .chart__table .legend-row.dark:hover { background-color: #333 }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart__table-item__dot { position: absolute; left: 10px; top: 8px; line-height: 24px; margin-left: 0; margin-right: 10px }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart__table-item__label { text-align: left; letter-spacing: 1.5px; position: relative; word-break: break-word; width: 70%; min-width: 70%; padding-left: 30px }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart__table-item__label.no-values { width: 97.5%; min-width: 97.5% }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart__table-item__percentage { letter-spacing: 1.5px; text-align: right; width: 2.5%; padding-right: 10px; padding-left: 10px }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart__table-item__label-value { letter-spacing: 1.5px; text-align: right; width: 27.5%; max-width: 27.5%; padding-left: 10px }
.chart-doughnut-v2 .chart__legend-container .chart__table .chart-table-percentage { white-space: nowrap }
.bar-chart-carousel .carousel-content .carousel-navigators { width: 100% }
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container { position: absolute; z-index: 10; width: 60%; float: left; left: 20%; display: table; text-align: center }
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container .indicators { margin: auto; display: inline-block; text-align: center }
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container .indicators .indicator { background: rgba(255,255,255,.2); height: 10px; width: 10px; float: left; border-radius: 50%; margin: 0 5px 10px; cursor: pointer }
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container .indicators .indicator.active { background: #FFF }
.bar-chart-carousel .carousel-content .carousel-navigators .left-navigator, .bar-chart-carousel .carousel-content .carousel-navigators .right-navigator { position: absolute; cursor: pointer; width: 20%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 15px; z-index: 10 }
.bar-chart-carousel .carousel-content .carousel-navigators .left-navigator { float: left; background-image: url(/static/images/carousel/left.png) }
.bar-chart-carousel .carousel-content .carousel-navigators .right-navigator { background-image: url(/static/images/carousel/right.png); right: 0 }
.bar-chart-carousel .carousel-content .carousel-list { overflow: hidden }
.bar-chart-carousel .carousel-content .carousel-list .carousel-item { display: none }
.bar-chart-carousel .carousel-content .carousel-list .carousel-item.visible { display: block }
.recall-list-wrapper:after, .recall-list-wrapper:before, .recall-search:after, .recall-search:before { content: " "; display: table }

@media screen and (min-width:481px) {
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container .indicators .indicator { width: 12px; height: 12px; margin: 0 5px 12px }
.bar-chart-carousel .carousel-content .carousel-navigators .left-navigator, .bar-chart-carousel .carousel-content .carousel-navigators .right-navigator { background-size: 25px }
}

@media screen and (min-width:769px) {
.bar-chart-carousel .carousel-content .carousel-navigators .indicators-container .indicators .indicator { width: 15px; height: 15px; margin: 0 5px 15px }
.bar-chart-carousel .carousel-content .carousel-navigators .left-navigator, .bar-chart-carousel .carousel-content .carousel-navigators .right-navigator { background-size: 31px }
}
.recall-search { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center; padding: 14px; margin-bottom: 14px }
.recall-search .introduction { margin: auto auto 14px }
.cl-detail .recall-search .small.cl-description, .cl-detail .recall-search font.small, .recall-search .cl-detail .small.cl-description, .recall-search .cl-detail font.small, .recall-search .small.extf-content, .recall-search .small.support-area, .recall-search .story-carousel .small.story-content, .recall-search p.small, .story-carousel .recall-search .small.story-content { margin-top: 14px; font-size: 12px; max-width: none }
.recall-list-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center; padding: 14px }
.cl-detail .recall-list-wrapper .small.cl-description, .cl-detail .recall-list-wrapper font.small, .recall-list-wrapper .cl-detail .small.cl-description, .recall-list-wrapper .cl-detail font.small, .recall-list-wrapper .small.extf-content, .recall-list-wrapper .small.support-area, .recall-list-wrapper .story-carousel .small.story-content, .recall-list-wrapper p.small, .story-carousel .recall-list-wrapper .small.story-content { margin-top: 14px; font-size: 12px; max-width: none }
.recall-list-wrapper .sub-header { float: left; display: block; margin-right: 3.48259%; width: 100%; margin-bottom: 14px }
.recall-list-wrapper .sub-header:last-child { margin-right: 0 }
.recall-list-wrapper .recall-list { float: left; display: block; margin-right: 3.48259%; width: 100%; padding: 14px 14px 7px; background: #FFF }
.recall-list-wrapper .recall-list .recall-item .recall-item-info:after, .recall-list-wrapper .recall-list .recall-item .recall-item-info:before, .recall-list-wrapper .recall-list .recall-item .recall-item-info>li:after, .recall-list-wrapper .recall-list .recall-item .recall-item-info>li:before { display: table; content: " " }
.recall-list-wrapper .recall-list:last-child { margin-right: 0; padding-bottom: 14px }
.recall-list-wrapper .recall-list .recall-item { border: 1px solid #bdd6e6; margin-bottom: 14px; padding: 14px }
.recall-list-wrapper .recall-list .recall-item .recall-item-info>li { word-wrap: break-word; margin-bottom: 7px }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .left { text-align: left }
html[lang=ja-JP] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left, html[lang=zh-TW] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .recall-list-wrapper .recall-list .recall-item .recall-item-info .left { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .right { text-align: left }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: #b30000 }
html[lang=ja-JP] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete, html[lang=zh-TW] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .recall-list-wrapper .recall-list .recall-item .recall-item-info .right.incomplete { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.recall-list-wrapper .recall-list .recall-item .recall-item-footer { margin-top: 21px; text-align: center }
.recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 20px; text-transform: none; letter-spacing: 0 }
html[lang=ja-JP] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4, html[lang=zh-TW] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .recall-list-wrapper .recall-list .recall-item .recall-item-footer h4 { font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.recall-list-wrapper .recall-list .recall-item:last-child { margin-bottom: 0 }

@media screen and (min-width:481px) {
.recall-list-wrapper, .recall-search { padding: 42px }
.recall-list-wrapper .sub-header { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.recall-list-wrapper .sub-header:last-child { margin-right: 0 }
.recall-list-wrapper .recall-list { float: left; display: block; margin-right: 3.48259%; width: 100%; padding: 42px 42px 21px; text-align: left; background: #FFF }
.recall-list-wrapper .recall-list:last-child { margin-right: 0; padding-bottom: 42px }
.recall-list-wrapper .recall-list .recall-item { padding: 42px; margin-bottom: 42px }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .left { text-align: right; float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .left:last-child { margin-right: 0 }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .right { float: left; display: block; margin-right: 3.48259%; width: 74.12935% }
.recall-list-wrapper .recall-list .recall-item .recall-item-info .right:last-child { margin-right: 0 }
.recall-list-wrapper .recall-list .recall-item .recall-item-button { text-align: right; display: table-cell; vertical-align: middle }
.recall-list-wrapper .recall-list .recall-item .recall-item-button .button { width: auto; margin: 0 }
.recall-list-wrapper .recall-list .recall-item-footer { margin-top: 42px }
.recall-list-wrapper .recall-list .recall-item:last-child { margin-bottom: 0; border-bottom: 1px solid #DDD }
}
.manuals-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto }
.manuals-wrapper:after, .manuals-wrapper:before { content: " "; display: table }
.manuals, .manuals .disclaimer, .manuals .manuals-dropdown-wrapper { display: block; width: 100%; float: left }
.manuals { margin-right: 3.48259%; text-align: center; padding: 14px }
.manuals:last-child { margin-right: 0 }
.manuals .introduction { margin: 0 auto 42px }
.manuals .disclaimer { font-size: 12px; color: #9a9b9d; margin-top: 14px; max-width: none; margin-right: 3.48259% }
.manuals .disclaimer:last-child { margin-right: 0 }
.manuals .manuals-dropdown-wrapper { margin-right: 3.48259%; text-align: center; margin-top: 28px }
.manuals .manuals-dropdown-wrapper:last-child { margin-right: 0 }
.manuals .manuals-dropdown .manuals-dropdown-year { margin-bottom: 14px }
.manuals .manuals-list { display: none; padding: 0!important }

@media screen and (min-width:481px) {
.manuals { float: left; display: block; margin-right: 3.48259%; width: 82.7529%; margin-left: 8.62355% }
.manuals:last-child { margin-right: 0 }
}

@media screen and (min-width:769px) {
.manuals .manuals-dropdown .manuals-dropdown-model:after, .manuals .manuals-dropdown .manuals-dropdown-year:after, .manuals .manuals-dropdown:after { clear: both }
.manuals { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.manuals:last-child { margin-right: 0 }
.manuals .manuals-dropdown { float: left; display: block; margin-right: 5.31646%; width: 100%; padding: 24px; text-align: left; background-color: #f6f6f6 }
.manuals .manuals-dropdown:last-child { margin-right: 0 }
.manuals .manuals-dropdown:after, .manuals .manuals-dropdown:before { content: " "; display: table }
.manuals .manuals-dropdown .manuals-dropdown-year { float: left; display: block; width: 34.17722%; margin-left: 13.16456%; margin-right: 24px }
.manuals .manuals-dropdown .manuals-dropdown-model:last-child, .manuals .manuals-dropdown .manuals-dropdown-year:last-child { margin-right: 0 }
.manuals .manuals-dropdown .manuals-dropdown-year:after, .manuals .manuals-dropdown .manuals-dropdown-year:before { content: " "; display: table }
.manuals .manuals-dropdown .manuals-dropdown-model { float: left; display: block; width: 34.17722%; margin-right: 0 }
.manuals .manuals-dropdown .manuals-dropdown-model:after, .manuals .manuals-dropdown .manuals-dropdown-model:before { content: " "; display: table }
}
.form-wrapper { max-width: 79.125em; margin-left: auto; margin-right: auto }
.form-wrapper:after, .form-wrapper:before { content: " "; display: table }
.form-row { display: block }
.form-row:after, .form-row:before { content: " "; display: table }
.form-left { float: left; display: block; margin-right: 3.48259%; width: 100% }
.form-left:last-child { margin-right: 0 }
.form-right { float: left; display: block; margin-right: 3.48259%; width: 100% }
.form-right:last-child { margin-right: 0 }
.form-req { color: #5b7f95 }
.input-validation-error { border-color: #b30000 }
.field-validation-error { color: #b30000; display: block }

@media screen and (min-width:481px) {
.form-left, .form-right { float: left; display: block; width: 48.25871% }
.form-left { margin-right: 3.48259% }
.form-left:last-child { margin-right: 0 }
.form-right { margin-right: 3.48259% }
.form-right:last-child, .form-right:nth-child(2n) { margin-right: 0 }
.form-right:nth-child(2n+1) { clear: left }
}
.dropdown-wrapper { float: left; display: block; margin-right: 3.48259%; text-align: left; position: relative; background-color: #fff }
.dropdown-wrapper:last-child { margin-right: 0 }
.dropdown-wrapper .dropdown-active-item { border: 1px solid #DDD }
.dropdown-wrapper .dropdown { border: 1px solid #DDD; border-top: none }
.dropdown-wrapper.active:hover .dropdown-active-item { border: 1px solid #5b7f95; border-bottom: none }
.dropdown-wrapper.active .dropdown-active-item { border-bottom: none }
.dropdown-wrapper.active .dropdown { display: block; position: absolute; background-color: #fff; width: 100%; z-index: 999 }
.dropdown-wrapper:hover .dropdown-active-item { border: 1px solid #5b7f95 }
.dropdown-wrapper:hover.disabled .dropdown-active-item { border: 1px solid #DDD }
.dropdown-wrapper:hover .dropdown { border: 1px solid #5b7f95; border-top: none }
.dropdown-wrapper>a { display: block; line-height: 42px; padding: 0 28px 0 14px; border: 0; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: none; transition: none }
.dropdown-wrapper>a:hover { color: inherit }
.dropdown-wrapper.error { border: 1px solid #b30000 }
.dropdown-wrapper .dropdown-angle { position: absolute; right: 14px; top: 0; line-height: 42px; z-index: 1; pointer-events: none; cursor: pointer }
.dropdown-wrapper.mobile .dropdown, .dropdown-wrapper.mobile .dropdown-active-item { display: none!important }
.dropdown-wrapper.mobile .dropdown-fallback { display: block }
.dropdown-wrapper .dropdown-fallback { display: none }
.dropdown-wrapper .dropdown { display: none; max-height: 233px; overflow-y: auto }
.dropdown-wrapper .dropdown>li a { line-height: 42px; padding: 0 14px; display: block; text-decoration: none; border: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
#modellist label, .scfForm select { letter-spacing: 1px; line-height: 28px }
.multi-form-selector select, .scfForm select { text-overflow: clip; outline: 0; -webkit-tap-highlight-color: transparent }
.dropdown-wrapper .dropdown>li a:hover { color: inherit; background-color: #e7e7e7 }
.dropdown-wrapper-volvo-blue { background-color: #003057 }
.dropdown-wrapper-volvo-blue a { color: #bdd6e6 }
.dropdown-wrapper-volvo-blue .dropdown-active-item { border-color: #bdd6e6 }
.dropdown-wrapper-volvo-blue .dropdown>li a:hover { background-color: #004c8a }
.dropdown-wrapper-volvo-blue .dropdown-fallback { color: #bdd6e6; background-color: #003057; border-color: #bdd6e6 }
.theme-dark .dropdown-wrapper.active:hover .dropdown-active-item, .theme-dark .dropdown-wrapper:hover .dropdown, .theme-dark .dropdown-wrapper:hover .dropdown-active-item { border-color: #fff }
.dropdown-wrapper-volvo-blue.active .dropdown { background-color: #003057 }
.theme-dark .dropdown-wrapper, .theme-dark .dropdown-wrapper.active .dropdown { background-color: #000 }
.theme-dark .dropdown-wrapper .dropdown, .theme-dark .dropdown-wrapper .dropdown-active-item { border-color: #9a9b9d }
.theme-dark .dropdown-wrapper .dropdown>li a:hover { color: #003057; background-color: #fff }
#modellist { text-align: center; list-style-type: none }
#modellist label { text-transform: uppercase; font-family: 'Volvo Sans Medium', 'Volvo Sans Regular', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif }
#modellist input[type=checkbox]:checked~label { border: 1px solid #000 }
#modellist input[type=checkbox]~label { border: 1px solid transparent; padding-left: 0; margin-top: 25px; margin-left: -2px }
#modellist li { float: left; width: 250px; margin: 2px }
#modellist img { display: inline-block; margin-left: auto; margin-right: auto; pointer-events: none }
#modellist label:before { display: none }
.fullWidth #modellist { float: left }
.scfForm select { display: inline; position: static; height: auto; font-size: 1.125em; padding: 10px; background-color: #fff; overflow: visible; border: 1px solid #b4b4b8; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: menulist; -moz-appearance: menulist; -webkit-user-select: none; -moz-user-select: none; margin-bottom: 10px }
.scfForm input[type=text].disabled, .scfForm label.disabled:after, .scfForm select.disabled { background-color: rgba(236,236,236,.65) }
.scfForm select option { color: #003057 }
.scfForm select .placeholder-option { color: silver }
.scfForm .field-panel, .scfForm .scfForm .display-section-content { width: 100%; float: none }
.scfForm .checkbox-content { margin-left: 10px; padding-top: 20px }
.cl-detail .scfForm .fullWidth.cl-description, .cl-detail .scfForm font.fullWidth, .scfForm .cl-detail .fullWidth.cl-description, .scfForm .cl-detail font.fullWidth, .scfForm .fullWidth.extf-content, .scfForm .fullWidth.support-area, .scfForm .story-carousel .fullWidth.story-content, .scfForm p.fullWidth, .story-carousel .scfForm .fullWidth.story-content { max-width: 100% }
.cl-detail .scfForm .cl-description, .cl-detail .scfForm font, .scfForm .cl-detail .cl-description, .scfForm .cl-detail font, .scfForm .extf-content, .scfForm .story-carousel .story-content, .scfForm .support-area, .scfForm p, .story-carousel .scfForm .story-content { display: inline-block }
.scfForm input:placeholder-shown {
color:gray
}

@media screen and (min-width:768px) {
.scfForm { max-width: 79.125em; margin-left: auto; margin-right: auto; padding: 100px 20px }
.scfForm .halfWidth.form-group, .scfForm .halfWidthLeft.form-group { width: 50% }
.scfForm .halfWidth.form-group .field-border, .scfForm .halfWidth.form-group .form-group, .scfForm .halfWidthLeft.form-group .field-border, .scfForm .halfWidthLeft.form-group .form-group { padding-right: 42px; border: 4px solid #b30000 }
.scfForm .halfWidthLeft, .scfForm .quaterWidthLeft { float: left; clear: none }
.scfForm::after { content: ""; display: table; clear: both }
.scfForm .halfWidth.field-border { height: auto; width: 50% }
.scfForm .quaterWidth.field-border { height: auto; width: 25% }
.scfForm .fullWidth.field-border { height: auto; width: 100% }
.scfForm .halfWidthLeft.checkbox-border, .scfForm .halfWidthLeft.field-border { width: 50%; float: left; clear: none }
.cl-detail .scfForm legend+.cl-description, .cl-detail .scfForm legend+font, .scfForm .cl-detail legend+.cl-description, .scfForm .cl-detail legend+font, .scfForm .display-section-info, .scfForm .story-carousel legend+.story-content, .scfForm legend+.extf-content, .scfForm legend+.support-area, .scfForm legend+p, .story-carousel .scfForm legend+.story-content { position: relative }
.quaterWidthLeft.checkbox-border, .scfForm .quaterWidthLeft.field-border { width: 25%; float: left; clear: none }
.scfForm .sectionHalfWidthLeft { width: 50%; float: left; clear: none; margin: 0; padding-right: 21px; box-sizing: border-box }
.scfForm .sectionHalfWidthRight.display-section-fieldset { width: 50%; float: right; clear: none; margin: 0; padding: 0 21px 45px; box-sizing: border-box }
.scfForm .form-footer, .scfForm .fullWidth, .scfForm.form-submit-border { clear: both }
.scfForm .form-footer, .scfForm .form-submit-border { padding: 0 15px 25px 0; border: 0; margin: 0 10px }
}

@media screen and (max-width:768px) {
.scfForm { padding: 20px 20px 60px }
.scfForm div.form-introduction { margin-top: 50px }
.scfForm .display-section-fieldset { margin: 0; border: none }
.cl-detail .scfForm legend+.cl-description, .cl-detail .scfForm legend+font, .scfForm .cl-detail legend+.cl-description, .scfForm .cl-detail legend+font, .scfForm .display-section-info, .scfForm .story-carousel legend+.story-content, .scfForm legend+.extf-content, .scfForm legend+.support-area, .scfForm legend+p, .story-carousel .scfForm legend+.story-content { position: relative }
.scfForm .field-panel { float: none; width: auto }
.scfForm .form-submit-border { margin-top: 25px; margin-left: 10px }
.scfForm .form-group { width: 100%!important }
}
.scfForm .display-section-fieldset { border: none; margin: 0 0 20px; padding: 0 }
.cl-detail .scfForm .display-section-fieldset legend+.cl-description, .cl-detail .scfForm .display-section-fieldset legend+font, .scfForm .cl-detail .display-section-fieldset legend+.cl-description, .scfForm .cl-detail .display-section-fieldset legend+font, .scfForm .display-section-fieldset .cl-detail legend+.cl-description, .scfForm .display-section-fieldset .cl-detail legend+font, .scfForm .display-section-fieldset .display-section-info, .scfForm .display-section-fieldset .story-carousel legend+.story-content, .scfForm .display-section-fieldset legend+.extf-content, .scfForm .display-section-fieldset legend+.support-area, .scfForm .display-section-fieldset legend+p, .scfForm .story-carousel .display-section-fieldset legend+.story-content, .story-carousel .scfForm .display-section-fieldset legend+.story-content, span.field-validation-error[data-valmsg-for="required checkbox"] { padding-left: 10px }
.scfForm .field-title { display: block; width: auto; float: none; margin-bottom: 0; font-size: 1.125em; font-family: 'Volvo Sans Regular', 'Volvo Sans Medium', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif }
.scfForm .display-section-legend, .scfForm legend { font-size: 36px; margin: 30px 0 15px; color: #003057; font-family: 'Volvo Sans Medium', 'Volvo Sans Regular', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; line-height: 36px; letter-spacing: -1px }
.scfForm .field-info, .scfForm .field-validation-error { position: relative; top: -10px; clear: both; width: 100%; line-height: 24px; letter-spacing: 1px }
.scfForm .field-validation-error { top: -5px }
.field-validation-error span[for=dealerId] { margin-top: 15px; display: block }
.scfForm .form-validation-summary { display: none }
.scfForm label { font-weight: 400; font-family: 'Volvo Sans Regular', 'Volvo Sans Medium', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif }
.scfForm input[type=number], .scfForm input[type=color], .scfForm input[type=date], .scfForm input[type=datetime], .scfForm input[type=datetime-local], .scfForm input[type=email], .scfForm input[type=month], .scfForm input[type=password], .scfForm input[type=tel], .scfForm input[type=text], .scfForm input[type=time], .scfForm input[type=url], .scfForm input[type=week], .scfForm input[type=search], .scfForm textarea { height: auto; width: 100%; letter-spacing: 1px; border: 1px solid #b4b4b8; -webkit-transition: border-color; transition: border-color; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none }
.scfForm input[type=number]:hover, .scfForm input[type=color]:hover, .scfForm input[type=date]:hover, .scfForm input[type=datetime]:hover, .scfForm input[type=datetime-local]:hover, .scfForm input[type=email]:hover, .scfForm input[type=month]:hover, .scfForm input[type=password]:hover, .scfForm input[type=tel]:hover, .scfForm input[type=text]:hover, .scfForm input[type=time]:hover, .scfForm input[type=url]:hover, .scfForm input[type=week]:hover, .scfForm input[type=search]:hover, .scfForm textarea:hover { border-color: #5b7f95 }
.scfForm input[type=number]:focus, .scfForm input[type=color]:focus, .scfForm input[type=date]:focus, .scfForm input[type=datetime]:focus, .scfForm input[type=datetime-local]:focus, .scfForm input[type=email]:focus, .scfForm input[type=month]:focus, .scfForm input[type=password]:focus, .scfForm input[type=tel]:focus, .scfForm input[type=text]:focus, .scfForm input[type=time]:focus, .scfForm input[type=url]:focus, .scfForm input[type=week]:focus, .scfForm input[type=search]:focus, .scfForm textarea:focus { outline: 0 }
.scfForm input[type=number].error, .scfForm input[type=number].input-validation-error, .scfForm input[type=color].error, .scfForm input[type=color].input-validation-error, .scfForm input[type=date].error, .scfForm input[type=date].input-validation-error, .scfForm input[type=datetime].error, .scfForm input[type=datetime].input-validation-error, .scfForm input[type=datetime-local].error, .scfForm input[type=datetime-local].input-validation-error, .scfForm input[type=email].error, .scfForm input[type=email].input-validation-error, .scfForm input[type=month].error, .scfForm input[type=month].input-validation-error, .scfForm input[type=password].error, .scfForm input[type=password].input-validation-error, .scfForm input[type=tel].error, .scfForm input[type=tel].input-validation-error, .scfForm input[type=text].error, .scfForm input[type=text].input-validation-error, .scfForm input[type=time].error, .scfForm input[type=time].input-validation-error, .scfForm input[type=url].error, .scfForm input[type=url].input-validation-error, .scfForm input[type=week].error, .scfForm input[type=week].input-validation-error, .scfForm input[type=search].error, .scfForm input[type=search].input-validation-error, .scfForm textarea.error, .scfForm textarea.input-validation-error { border: 1px solid #b30000 }
.scfForm input[type=checkbox], .scfForm input[type=radio] { position: relative; z-index: 1; overflow: visible; clip: auto; height: auto; width: auto; margin: 0 5px 0 0; padding: 0; border: 0; left: 0; top: 1px }
.scfForm input[type=checkbox]~label:before, .scfForm input[type=radio]~label:before, .scfForm td input[type=checkbox]~label:before, .scfForm td input[type=radio]~label:before { top: 2px }
.scfForm label.disabled { cursor: default }
.scfForm label.disabled:after { content: ""; position: absolute; top: -4px; left: 0; height: 35px; width: 35px; display: block; cursor: default }
.scfForm .checkbox .control-label, .scfForm .hiddenField { display: none }
.scfForm label.disabled:hover:before { background-position: 0 0 }
.scfForm input[type=checkbox]:checked~label.disabled:hover:before { background-position: -35px 0 }
.scfForm input[type=radio]:checked~label.disabled:hover:before { background-position: -34px 0 }
.scfForm input[type=checkbox]~label { padding-left: 45px; padding-right: 5px; font-size: 1em; letter-spacing: .02em; top: -6px }
.scfForm input[type=checkbox]~label.error-border::before { background-position: -140px 0 }
.scfForm input[type=radio]~label.error-border::before { background-position: -136px 0 }
.scfForm select.error-border, .scfForm select.input-validation-error { border: 1px solid #b30000 }
.scfForm input[type=text].disabled:hover, .scfForm select.disabled:hover { border: 1px solid #b4b4b8 }
.scfForm input[type=radio]~label { top: -6px }
.scfForm .list-content td { padding-bottom: 10px; vertical-align: top }
.scfForm input[type=text] { font-size: 1.125em }
.scfForm td { border-bottom: none; padding: 0; font-family: "Volvo Sans Regular", "Volvo Sans Medium" }
.scfForm .form-introduction { margin-top: 20px; margin-bottom: 20px }
.cl-detail .scfForm .form-introduction .cl-description, .cl-detail .scfForm .form-introduction font, .scfForm .form-introduction .cl-detail .cl-description, .scfForm .form-introduction .cl-detail font, .scfForm .form-introduction .extf-content, .scfForm .form-introduction .story-carousel .story-content, .scfForm .form-introduction .support-area, .scfForm .form-introduction p, .story-carousel .scfForm .form-introduction .story-content { width: 100%; box-sizing: border-box; max-width: 100% }
.scfForm .checkbox-border, .scfForm .field-border { position: relative }
.scfForm .checkbox-border .field-required, .scfForm .field-required { position: absolute; top: 4px; left: -2px }
.scfForm .field-border { padding-left: 10px; letter-spacing: 1px; line-height: 28px }
.scfForm .field-required { color: #87b0cc }
.scfForm .checkbox-border .field-error.field-validation-error { padding-left: 10px }
.scfForm .fileUpload { margin-bottom: 20px }
.scfForm .fileUpload .fileUpload { margin-bottom: 0 }
.scfForm .form-footer { margin: 0 10px }
.scfForm .form-submit-border .form-submit, .scfForm .form-submit-border input, .scfForm .form-submit-border input[type=submit].btn { background-color: #003056; border: none; color: #fff; text-transform: uppercase; padding: 15px; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; letter-spacing: .05em; line-height: 14px }
.scfForm .info-label { font-size: 18px; text-align: left; line-height: 28px; letter-spacing: 1px; font-family: 'Volvo Sans Regular', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif }
.scfForm .field-error { float: none }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.scfForm .display-section-legend, .scfForm legend, ::i-block-chrome {
padding-top:30px
}
}
@supports (-webkit-appearance:none) {
.scfForm .display-section-legend, .scfForm legend {
padding-top:30px
}
}
.scfForm label { font-size: 1.125em; padding: 3px 3px 3px 0 }
.scfForm .checkbox, .scfForm .radio { padding-top: 20px }
.scfForm .form-group { padding-right: 21px; letter-spacing: 1px; line-height: 28px }
.scfForm .field-border, .scfForm .form-group { margin-top: 10px }
.cl-detail .scfForm legend+.cl-description, .cl-detail .scfForm legend+font, .scfForm .cl-detail legend+.cl-description, .scfForm .cl-detail legend+font, .scfForm .form-group, .scfForm .form-submit-border, .scfForm .story-carousel legend+.story-content, .scfForm legend, .scfForm legend+.extf-content, .scfForm legend+.support-area, .scfForm legend+p, .story-carousel .scfForm legend+.story-content { padding-left: 12px }
.scfForm>a { margin-left: 12px }
.scfForm .checkbox-inline .control-label { display: block; top: 0; padding-left: 0 }
.scfForm .checkbox-inline .checkbox-inline { float: left; clear: none }
.scfForm .checkbox-inline .checkbox-inline:last-child { clear: both }
.scfForm .form-group.has-error .checkbox input[type=checkbox]~label:before { background-position: -140px 0 }
.scfForm .form-group.has-error>input, .scfForm .form-group.has-error>select { border-color: #b30000 }
.scfForm .checkbox label, .scfForm .checkbox-inline label, .scfForm .radio label { padding-right: 5px; font-size: 1em; letter-spacing: .02em; display: inline-block; position: relative; padding-left: 42px; vertical-align: middle; cursor: pointer; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
.scfForm .checkbox input[type=checkbox], .scfForm .checkbox input[type=radio], .scfForm .checkbox-inline input[type=checkbox], .scfForm .checkbox-inline input[type=radio], .scfForm .radio input[type=checkbox], .scfForm .radio input[type=radio] { display: none }
.scfForm .checkbox input[type=checkbox]~label:before, .scfForm .checkbox input[type=radio]~label:before, .scfForm .checkbox-inline input[type=checkbox]~label:before, .scfForm .checkbox-inline input[type=radio]~label:before, .scfForm .radio input[type=checkbox]~label:before, .scfForm .radio input[type=radio]~label:before { margin-top: -5px!important }
.scfForm .radio label { padding-left: 43px }
.scfForm .form-submit-border { margin: 25px 15px 0 0!important }
.scfForm .required-field .control-label:before { color: #87b0cc; margin-left: -11px; margin-right: 5px }
.scfForm .required-field .checkbox:before { content: "*"; font-weight: bolder; color: #87b0cc; margin-left: -10px; margin-right: 0; margin-top: -13px; position: absolute }
.scfForm .required-field .checkbox-list .checkbox:before, .scfForm .required-field>.control-label~.checkbox:before { content: '' }
.scfForm .required-field label+div .checkbox:before { content: "" }
.scfForm .thirdAvailableWidth { float: left; text-align: left; margin: 5px 0; width: 33%; vertical-align: top }
.scfForm .sectionHalfWidthLeft+.fullWidth, .scfForm .sectionHalfWidthLeft+.halfWidth { clear: both }
.scfForm .quaterWidthLeft { width: 25% }
.scfForm .quaterWidthLeft~:not(.quaterWidthLeft) { clear: both }
.scfForm .halfWidth .halfWidthLeft, .scfForm .halfWidth input[type=text].halfWidthLeft, .scfForm .halfWidthLeft .halfWidthLeft, .scfForm .halfWidthLeft input[type=text].halfWidthLeft { width: 100%; float: none }
.scfForm .halfWidth+div:not(.halfWidthLeft), .scfForm .halfWidthLeft+div:not(.halfWidthLeft) { content: ''; clear: both }
.scfForm .quaterWidth.form-group { width: 25% }
.scfForm table { margin: 0 }
.scfForm .bg-warning { padding: 30px; border: 1px solid #b4b4b8; color: #c40000; background-color: #ddd; font-weight: 600; font-size: 1.1em; text-align: center }

@media screen and (min-width:768px) {
.scfForm .thirdWidth .dealer-picker .dealer-picker-results, .scfForm .thirdWidth .dealer-picker .search { width: 33% }
.scfForm .halfWidth .dealer-picker .dealer-picker-results, .scfForm .halfWidth .dealer-picker .search { width: 50% }
.scfForm .fullWidth .dealer-picker .dealer-picker-results, .scfForm .fullWidth .dealer-picker .search { width: 100% }
.scfForm .selected-dealer-info-container .selected-dealer-web-info table.icon-table { margin-left: 0 }
}
.scfForm .dealer-picker { margin-top: 0 }
.scfForm .dealer-picker label { font-size: 1.125em }
.scfForm .dealer-picker label.required:after { color: #87b0cc }
.scfForm .dealer-picker .search { position: relative; padding-right: 0 }
.scfForm .dealer-picker .search>input { display: inline; width: 99% }
.scfForm .dealer-picker .search-field-button { position: absolute; top: 0; right: 0; display: inline-block; background-color: #003057 }
.scfForm .dealer-picker .dealer-messages>*, .scfForm .dealer-picker.dealer-loading .dealer-picker-item { display: none }
.scfForm .dealer-picker .search-field-button button { height: 41px!important; width: 40px; margin: 0; padding: 0; text-align: center; color: #fff }
.scfForm .dealer-picker .search-field-button button:hover { color: #5b7f95; border: 0 }
.scfForm .dealer-picker .search-field-button button:active { background-color: inherit }
.scfForm .dealer-picker .dealer-picker-results { max-height: 318px; overflow: auto; width: 100%; border: 1px solid #b4b4b8 }
.scfForm .dealer-picker .dealer-picker-results::-webkit-scrollbar {
width:10px
}
.scfForm .dealer-picker .dealer-picker-results::-webkit-scrollbar-thumb:vertical {
background-color:rgba(0,0,0,.3);
-webkit-border-radius:4px
}
.scfForm .dealer-picker .dealer-picker-results .active { background: #fff; border: 2px solid #329AF0 }
.scfForm .dealer-picker.dealer-loading .dealer-picker-results { min-height: 50px; background: url(/Static/images/preloader_ececec.gif) center center no-repeat }

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min-resolution:1.3dppx) {
.scfForm .dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
.scfForm .dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
.scfForm .dealer-picker.dealer-loading .dealer-picker-results { background-image: url(/Static/images/preloader_ececec@2x.gif); background-size: 50px 50px }
}
.scfForm .dealer-picker .selected-dealer-name-prefix { float: left }
.scfForm .dealer-picker .selected-dealer-name { font-family: 'Volvo Sans Medium', 'Volvo Sans Regular'; float: left }
.scfForm .dealer-picker.dealer-error .dealer-error-message { display: block }
.scfForm .dealer-picker.dealer-error .dealer-picker-results { display: none }
.scfForm .dealer-picker.dealer-badlocation .dealer-badlocation-message, .scfForm .dealer-picker.dealer-badlocation .dealer-picker-results, .scfForm .dealer-picker.dealer-noresults .dealer-noresults-message, .scfForm .dealer-picker.dealer-selected .dealer-selected-message { display: block }
.scfForm .dealer-picker .dealer-picker-item { position: relative; border-bottom: 1px solid #b4b4b8; border-right: 1px solid #b4b4b8; padding: 0; min-height: 106px; cursor: pointer }
.scfForm .dealer-picker .dealer-picker-item div h6 { float: left; font-size: 1.2em; line-height: 35px; width: 65% }
.cl-detail .scfForm .dealer-picker .dealer-picker-item .cl-description, .cl-detail .scfForm .dealer-picker .dealer-picker-item font, .scfForm .dealer-picker .dealer-picker-item .cl-detail .cl-description, .scfForm .dealer-picker .dealer-picker-item .cl-detail font, .scfForm .dealer-picker .dealer-picker-item .extf-content, .scfForm .dealer-picker .dealer-picker-item .story-carousel .story-content, .scfForm .dealer-picker .dealer-picker-item .support-area, .scfForm .dealer-picker .dealer-picker-item p, .story-carousel .scfForm .dealer-picker .dealer-picker-item .story-content { margin: 0; font-size: .8em; line-height: 22px }
.scfForm .dealer-picker .dealer-picker-item .picker-arrow { float: right; font-weight: bolder; border: none; font-size: 30px }
.scfForm .dealer-picker .dealer-picker-item .dealer-marker { float: left; padding: 14px; top: 0; left: 0; position: relative }
.scfForm .dealer-picker .dealer-picker-item .dealer-marker .icon-marker { font-size: 40px }
.scfForm .dealer-picker .dealer-picker-item .dealer-marker span { font-size: 1em; display: block; width: 32px; top: -32px; text-align: center; position: relative }
.scfForm .dealer-picker .dealer-picker-item .text { min-height: 60px; padding: 14px }
.scfForm .dealer-picker .dealer-picker-item .dealer-map-link-container { min-height: 45px }
.scfForm .dealer-picker .dealer-picker-item .address-icon { float: left; margin: 20px 10px 0 0; left: 0; position: relative }
.scfForm .dealer-picker .dealer-picker-item .address-icon .icon-map-alt { font-size: 50px }
.scfForm .dealer-picker .dealer-picker-item #dealer-picker-info-panel.selected-dealer-info-container .icon-table span.icon { font-size: 22px }
.scfForm .dealer-picker .dealer-picker-item #dealer-picker-info-panel.selected-dealer-info-container .icon-table a { display: block; padding-left: 40px }
.scfForm .dealer-picker.dealer-prefill .search, .scfForm .dealer-picker.dealer-prefill label, .scfForm .dealer-picker.dealer-selected .dealer-picker-item, .scfForm .dealer-picker.dealer-selected .search, .scfForm .dealer-picker.dealer-selected label { display: none }
.scfForm .dealer-picker .dealer-picker-item:hover { border-color: #87b0cc; background-color: #FFF }
.scfForm .dealer-picker .dealer-picker-item .dealer-distance { float: left; position: static; font-size: .9em; line-height: 35px; letter-spacing: 1px }
.scfForm .dealer-picker.dealer-selected .dealer-picker-results { height: auto; overflow: visible }
.scfForm .dealer-picker.dealer-selected .dealer-picker-item.active { display: block; border-color: #87b0cc }
.scfForm .dealer-picker.dealer-selected .dealer-picker-item.active .dealer-marker span { display: none }
.scfForm .dealer-picker.dealer-selected .dealer-picker-item.active .dealer-marker .icon-marker:after { content: ''; position: absolute; left: 50%; margin-left: -8px; top: 8px; background: #fff; width: 16px; height: 16px; border-radius: 17px }
.cl-detail .scfForm .dealer-picker.dealer-selected .dealer-selected-change.cl-description, .cl-detail .scfForm .dealer-picker.dealer-selected font.dealer-selected-change, .scfForm .dealer-picker.dealer-selected .cl-detail .dealer-selected-change.cl-description, .scfForm .dealer-picker.dealer-selected .cl-detail font.dealer-selected-change, .scfForm .dealer-picker.dealer-selected .dealer-selected-change.extf-content, .scfForm .dealer-picker.dealer-selected .dealer-selected-change.support-area, .scfForm .dealer-picker.dealer-selected .story-carousel .dealer-selected-change.story-content, .scfForm .dealer-picker.dealer-selected p.dealer-selected-change, .story-carousel .scfForm .dealer-picker.dealer-selected .dealer-selected-change.story-content { display: block; clear: both }
.cl-detail .scfForm .dealer-picker .dealer-selected-change.cl-description, .cl-detail .scfForm .dealer-picker font.dealer-selected-change, .scfForm .dealer-picker .cl-detail .dealer-selected-change.cl-description, .scfForm .dealer-picker .cl-detail font.dealer-selected-change, .scfForm .dealer-picker .dealer-selected-change.extf-content, .scfForm .dealer-picker .dealer-selected-change.support-area, .scfForm .dealer-picker .story-carousel .dealer-selected-change.story-content, .scfForm .dealer-picker p.dealer-selected-change, .story-carousel .scfForm .dealer-picker .dealer-selected-change.story-content { float: right; display: block; margin: 6px 0; font-size: .875em }

@media screen and (max-width:768px) {
.cl-detail .scfForm .dealer-picker .dealer-selected-change.cl-description, .cl-detail .scfForm .dealer-picker font.dealer-selected-change, .scfForm .dealer-picker .cl-detail .dealer-selected-change.cl-description, .scfForm .dealer-picker .cl-detail font.dealer-selected-change, .scfForm .dealer-picker .dealer-selected-change.extf-content, .scfForm .dealer-picker .dealer-selected-change.support-area, .scfForm .dealer-picker .story-carousel .dealer-selected-change.story-content, .scfForm .dealer-picker p.dealer-selected-change, .story-carousel .scfForm .dealer-picker .dealer-selected-change.story-content { clear: both; float: none }
}
.scfForm .google-map, .scfForm .map-container { border: 1px solid #b4b4b8; margin-bottom: 10px }
.scfForm .selected-dealer-info-container { width: 100%; background-color: #fff; border: 1px solid #B4B4B8 }
.scfForm .selected-dealer-info-container label { font-family: 'Volvo Sans Medium', 'Volvo Sans Regular', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: 0 }
.scfForm .selected-dealer-info-container #dealerName { margin-left: 15px; margin-top: 10px; font-size: 1.4em }

@media screen and (min-width:768px) {
.scfForm .selected-dealer-info-container .selected-dealer-contact-info, .scfForm .selected-dealer-info-container .selected-dealer-web-info { display: table-cell; padding: 0 }
.scfForm .selected-dealer-info-container .icon-table { margin-left: 2em }
.scfForm .selected-dealer-info-container label { float: left }
}

@media screen and (max-width:768px) {
.scfForm .selected-dealer-info-container .selected-dealer-contact-info { margin-bottom: 2em }
}
.scfForm .selected-dealer-info-container .icon-table span.icon { float: left; margin-right: 5px; left: 0; top: 0 }
.scfForm .selected-dealer-info-container .icon-table a { display: block }
.scfForm .selected-dealer-info-container .info-table td { vertical-align: top }
.scfForm .selected-dealer-info-container a { text-decoration: none; border-bottom: none; position: relative }
.scfForm .selected-dealer-info-container table { vertical-align: middle; width: auto; margin: .5em 1em .5em 0; clear: both }
.scfForm .selected-dealer-info-container span.icon { font-size: 30px; display: block }
.scfForm .selected-dealer-info-container tr { margin-bottom: 10px }
.scfForm .selected-dealer-info-container td { padding: 5px 0 0 15px }
.scfForm .selected-dealer-info-container .icon-cell { width: 50px; text-align: center }
.scfForm .wfm-dealer-locator .dealer-locator-map { height: 100%; width: 100% }
.scfForm .wfm-dealer-locator .google-map { float: left; height: 318px; width: 100%; margin-top: 10px }
.scfForm .wfm-dealer-locator .gmnoprint img { max-width: none }
.scfForm .wfm-dealer-locator .dealer-picker-results { float: left; width: 100%!important }
.halfWidth .selected-dealer-info-container .selected-dealer-web-info { display: block }

@media screen and (max-width:480px) {
.scfForm .dealer-picker .dealer-picker-item .dealer-marker { padding: 10px 0 0 10px }
.scfForm .dealer-picker .dealer-picker-item div h6 { line-height: 1em; width: 75% }
.scfForm .dealer-picker .dealer-picker-item .picker-arrow { font-size: 20px }
}
.secureID-form { margin-left: .5em; margin-right: .5em; text-align: center; display: block }
.secureID-form #secureID-title { margin-top: .75em; margin-bottom: .5em; display: block }
.secureID-form #secureID-preamble { margin-top: .75em; margin-bottom: .5em; display: inline-block; max-width: 75% }
.secureID-form #secureID-field { margin: 2em auto; max-width: 33%; text-align: center; font-size: 1.5em }
.secureID-form #secureID-submit { margin: 1em auto 3em; display: block }

@media screen and (max-width:768px) {
.secureID-form #secureID-field { max-width: 75% }
.secureID-form #secureID-preamble { margin-right: 2em; margin-left: 2em; max-width: 85% }
.secureID-form #secureID-title { margin-right: 2em; margin-left: 2em }
.secureID-form #secureID-submit { max-width: 85% }
}

@media screen and (max-width:1024px) {
.secureID-form #secureID-field, .secureID-form #secureID-submit { max-width: 50% }
}
.scfForm div.autocomplete-container .ui-autocomplete.ui-menu.ui-widget { background-color: #fff; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border: 1px solid #b4b4b8; list-style-type: none; position: absolute; z-index: 999; margin-top: -15px; max-height: 350px; overflow-y: auto; overflow-x: hidden }
.scfForm div.autocomplete-container .ui-autocomplete.ui-menu.ui-widget li.ui-menu-item, .scfForm div.autocomplete-container .ui-autocomplete.ui-menu.ui-widget li.ui-menu-item a.ui-corner-all { font-size: 1em; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border: none; color: #003057 }
.scfForm div.autocomplete-container .ui-autocomplete.ui-menu.ui-widget li.ui-menu-item a.ui-state-hover, .scfForm div.autocomplete-container .ui-autocomplete.ui-menu.ui-widget li.ui-menu-item.ui-state-focus { background: #B1D4EC; border: none; margin: 0 }
.mvc-theme { background-color: #FFF }
.submit-loading { background: url(/Static/images/preloader_ececec.gif) center center no-repeat; width: 50px; height: 50px; float: left; display: none; margin-left: 20px; margin-top: -28px }
.clearboth { clear: both }
.form-submit, .scfForm .form-submit-border input, .scfForm .form-submit-border input[type=submit].btn { float: left }
.scfForm .disabled { pointer-events: none; cursor: default; opacity: .6 }
.car-selector-cta, .service-history-card tr, .vehicle-documents-card li, .vehicle-documents-card li.no-owners-manual { cursor: pointer }
.multi-form-selector { font-family: 'Volvo Sans Regular', Verdana, Arial, Helvetica, sans-serif }
.multi-form-selector select { display: inline; position: static; height: auto; font-size: 1.125em; letter-spacing: 1px; line-height: 28px; padding: 10px; background-color: #fff; overflow: visible; border: 1px solid #b4b4b8; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: menulist; -moz-appearance: menulist; -webkit-user-select: none; -moz-user-select: none }
.multi-form-selector select option { color: #003057 }
.multi-form-selector select .multi-form-selector-placeholder { color: silver }
.multi-form-selector .multi-form-selector-title { font-size: 36px; margin: 30px 0 15px; color: #003057; font-family: 'Volvo Sans Medium', 'Volvo Sans Regular', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; line-height: 36px; letter-spacing: -1px; font-weight: 700 }
.car-selector-input .dropdown a, .car-selector-input .dropdown-active-item, .car-selector-input .dropdown-fallback option, .list-card li a { letter-spacing: 0 }
.multi-form-selector label { font-size: 1.125em; padding: 3px 3px 3px 0; font-weight: 400; font-family: 'Volvo Sans Regular', 'Volvo Sans Medium', 'Arial Narrow', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; margin-bottom: .375em }
.service-history-card .cost, a[href="http://www.volvocars.com/ru-md"] { font-weight: 700 }
.multi-form-selector.halfWidth h2, .multi-form-selector.halfWidth label, .multi-form-selector.halfWidth select { width: 50% }
.multi-form-selector.sectionHalfWidthLeft h2, .multi-form-selector.sectionHalfWidthLeft label, .multi-form-selector.sectionHalfWidthLeft select { width: 50%; float: left; clear: none }
.media-stream .inner-container .items .countdown .to:after, .media-stream .inner-container:after { clear: both }
.multi-form-selector.fullWidth h2, .multi-form-selector.fullWidth label, .multi-form-selector.fullWidth select { width: 100% }
.multi-form-selector~.topWrapper>.scfForm { padding-top: 0!important }
:not(.hero)+.multi-form-selector { margin-top: 50px }

@media screen and (min-width:768px) {
.multi-form-selector { max-width: 79.125em; margin-left: auto; margin-right: auto; padding: 30px 30px 10px }
}

@media screen and (max-width:768px) {
.multi-form-selector { padding: 30px 30px 0 }
}
.results-list-wrapper { width: 100%; text-align: center; padding: 14px }
.results-list-wrapper .invalid-search { float: left; display: block; margin-right: 3.48259%; width: 100%; margin-bottom: 14px }
.results-list-wrapper .invalid-search:last-child { margin-right: 0 }
.results-list-wrapper .results-list { float: left; display: block; margin-right: 3.48259%; width: 100%; padding: 15px 14px; background: #FFF }
.results-list-wrapper .results-list:last-child { margin-right: 0 }
.results-list-wrapper .results-list .result-item { border: 1px solid #bdd6e6; margin-bottom: -1px; padding: 14px }
.results-list-wrapper .results-list .result-item .button { width: 100%; margin: 0 }
.results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .results-list-wrapper .results-list .result-item .year, html[lang=zh-TW] .results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .results-list-wrapper .results-list .result-item .year { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.card-title h3, .navigation-panel-menu .menu-list a { font-family: "Volvo Sans Medium" }
.results-list-wrapper .results-list .result-item .description { margin: 14px }

@media screen and (min-width:481px) {
.results-list-wrapper { padding: 42px }
.results-list-wrapper .invalid-search { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.results-list-wrapper .invalid-search:last-child { margin-right: 0 }
.results-list-wrapper .results-list { float: left; display: block; margin-right: 3.48259%; width: 100%; text-align: left; background: #FFF }
.results-list-wrapper .results-list:last-child { margin-right: 0 }
.results-list-wrapper .results-list .result-item { width: 100%; display: table }
.results-list-wrapper .results-list .result-item .result-item-info { display: table-cell; vertical-align: middle }
.results-list-wrapper .results-list .result-item .result-item-info .year { padding-right: 20px }
.results-list-wrapper .results-list .result-item .result-item-info .description { font-size: 16px; margin: 0; padding-right: 7px }
.results-list-wrapper .results-list .result-item .result-item-button { text-align: right; display: table-cell; vertical-align: middle }
.results-list-wrapper .results-list .result-item .result-item-button .button { width: auto; margin: 0 }
.results-list-wrapper .results-list .result-item:last-child { border-bottom: 1px solid #DDD }
}

@media screen and (min-width:769px) {
.results-list-wrapper .results-list { padding: 24px }
.results-list-wrapper .results-list .result-item { width: 100%; display: table; padding: 24px }
.results-list-wrapper .results-list .result-item .result-item-info { display: table-cell; vertical-align: middle }
.results-list-wrapper .results-list .result-item .result-item-info .description, .results-list-wrapper .results-list .result-item .result-item-info .year { display: table-cell; padding-right: 20px; font-size: 16px; margin: 0 }
.results-list-wrapper .results-list .result-item .result-item-button { text-align: right; display: table-cell; vertical-align: middle }
}
.media-stream { position: relative }
.media-stream .inner-container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.media-stream .inner-container:after, .media-stream .inner-container:before { content: " "; display: table }
.media-stream .inner-container h2 { text-align: center }
.media-stream .inner-container .items ul li { display: block }
.media-stream .inner-container .items iframe { border: none; width: 100%; height: 320px; margin-top: 40px }
.media-stream .inner-container .items .image, .media-stream .inner-container .items .quote { margin-top: 40px }
.media-stream .inner-container .items .image { position: relative; overflow: hidden; text-align: center; padding: 40px 0 20px; min-height: 360px; z-index: 1 }
.media-stream .inner-container .items .image .title { position: relative; font-size: 12px; z-index: 2 }
.media-stream .inner-container .items .image .button { position: relative; margin-top: 160px; z-index: 2 }
.media-stream .inner-container .items .image img { position: absolute; z-index: 1 }
.media-stream .inner-container .items .mejs-container { height: 426px!important }
.media-stream .inner-container .items .quote { text-align: center; padding: 40px 20px 20px }
.media-stream .inner-container .items .quote img { max-width: 140px }
.media-stream .inner-container .items .quote .title { font-size: 12px }
.media-stream .inner-container .items .quote blockquote { margin: 20px 0; float: none; width: auto }
.media-stream .inner-container .items .countdown { margin-bottom: 10px; background-position: center }
.media-stream .inner-container .items .countdown .title { padding-top: 40px; text-align: center }
.media-stream .inner-container .items .countdown .to { margin-top: 40px; text-align: center; display: block }
.media-stream .inner-container .items .countdown .to .center-container { width: 70%; margin-left: auto; margin-right: auto }
.media-stream .inner-container .items .countdown .to .days, .media-stream .inner-container .items .countdown .to .hours, .media-stream .inner-container .items .countdown .to .minutes, .media-stream .inner-container .items .countdown .to .seconds { float: left; width: 25%; text-align: center }
.cl-detail .media-stream .inner-container .items .countdown .to .days .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .days font, .cl-detail .media-stream .inner-container .items .countdown .to .hours .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .hours font, .cl-detail .media-stream .inner-container .items .countdown .to .minutes .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .minutes font, .cl-detail .media-stream .inner-container .items .countdown .to .seconds .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .seconds font, .media-stream .inner-container .items .countdown .to .days .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .days .cl-detail font, .media-stream .inner-container .items .countdown .to .days .extf-content, .media-stream .inner-container .items .countdown .to .days .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .days .support-area, .media-stream .inner-container .items .countdown .to .days p, .media-stream .inner-container .items .countdown .to .hours .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .hours .cl-detail font, .media-stream .inner-container .items .countdown .to .hours .extf-content, .media-stream .inner-container .items .countdown .to .hours .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .hours .support-area, .media-stream .inner-container .items .countdown .to .hours p, .media-stream .inner-container .items .countdown .to .minutes .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .minutes .cl-detail font, .media-stream .inner-container .items .countdown .to .minutes .extf-content, .media-stream .inner-container .items .countdown .to .minutes .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .minutes .support-area, .media-stream .inner-container .items .countdown .to .minutes p, .media-stream .inner-container .items .countdown .to .seconds .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .seconds .cl-detail font, .media-stream .inner-container .items .countdown .to .seconds .extf-content, .media-stream .inner-container .items .countdown .to .seconds .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .seconds .support-area, .media-stream .inner-container .items .countdown .to .seconds p, .story-carousel .media-stream .inner-container .items .countdown .to .days .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .hours .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .minutes .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .seconds .story-content { margin: 0; font-size: 12px }
.media-stream .inner-container .items .countdown .to .days h3, .media-stream .inner-container .items .countdown .to .hours h3, .media-stream .inner-container .items .countdown .to .minutes h3, .media-stream .inner-container .items .countdown .to .seconds h3 { font-size: 2em }
.media-stream .inner-container .items .countdown .to:after, .media-stream .inner-container .items .countdown .to:before { content: " "; display: table }

@media screen and (min-width:481px) {
.media-stream .inner-container .items { display: block }
.media-stream .inner-container .items:after, .media-stream .inner-container .items:before { content: " "; display: table }
.media-stream .inner-container .items:after { clear: both }
.media-stream .inner-container .items .image, .media-stream .inner-container .items .quote { margin-top: 80px }
.media-stream .inner-container .items .image .title, .media-stream .inner-container .items .quote .title { font-size: 14px }
.media-stream .inner-container .items iframe { width: 100%; height: 393px; margin-top: 40px }
.media-stream .inner-container .items .video-player { margin-top: 40px!important }
.media-stream .inner-container .items .mejs-container { height: 393px!important }
.media-stream .inner-container .items .image .button { margin-top: 160px }
.media-stream .inner-container .items .quote { text-align: center }
.media-stream .inner-container .items .quote blockquote { margin: 20px 0; float: none; width: auto }
.media-stream .inner-container .items .countdown { margin-bottom: 20px }
.cl-detail .media-stream .inner-container .items .countdown .to .days .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .days font, .cl-detail .media-stream .inner-container .items .countdown .to .hours .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .hours font, .cl-detail .media-stream .inner-container .items .countdown .to .minutes .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .minutes font, .cl-detail .media-stream .inner-container .items .countdown .to .seconds .cl-description, .cl-detail .media-stream .inner-container .items .countdown .to .seconds font, .media-stream .inner-container .items .countdown .to .days .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .days .cl-detail font, .media-stream .inner-container .items .countdown .to .days .extf-content, .media-stream .inner-container .items .countdown .to .days .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .days .support-area, .media-stream .inner-container .items .countdown .to .days p, .media-stream .inner-container .items .countdown .to .hours .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .hours .cl-detail font, .media-stream .inner-container .items .countdown .to .hours .extf-content, .media-stream .inner-container .items .countdown .to .hours .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .hours .support-area, .media-stream .inner-container .items .countdown .to .hours p, .media-stream .inner-container .items .countdown .to .minutes .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .minutes .cl-detail font, .media-stream .inner-container .items .countdown .to .minutes .extf-content, .media-stream .inner-container .items .countdown .to .minutes .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .minutes .support-area, .media-stream .inner-container .items .countdown .to .minutes p, .media-stream .inner-container .items .countdown .to .seconds .cl-detail .cl-description, .media-stream .inner-container .items .countdown .to .seconds .cl-detail font, .media-stream .inner-container .items .countdown .to .seconds .extf-content, .media-stream .inner-container .items .countdown .to .seconds .story-carousel .story-content, .media-stream .inner-container .items .countdown .to .seconds .support-area, .media-stream .inner-container .items .countdown .to .seconds p, .story-carousel .media-stream .inner-container .items .countdown .to .days .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .hours .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .minutes .story-content, .story-carousel .media-stream .inner-container .items .countdown .to .seconds .story-content { margin: 0; font-size: 1em }
.media-stream .inner-container .items .countdown .to .days h3, .media-stream .inner-container .items .countdown .to .hours h3, .media-stream .inner-container .items .countdown .to .minutes h3, .media-stream .inner-container .items .countdown .to .seconds h3 { font-size: 3em }
}

@media screen and (min-width:769px) {
.media-stream .inner-container .items ul li { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.media-stream .inner-container .items ul li:last-child, .media-stream .inner-container .items ul li:nth-child(3n) { margin-right: 0 }
.media-stream .inner-container .items ul li:nth-child(3n+1) { clear: left }
.media-stream .inner-container .items .image, .media-stream .inner-container .items .quote { margin-top: 40px }
.media-stream .inner-container .items .image { padding: 0 }
.media-stream .inner-container .items .image .title { padding-top: 40px }
.media-stream .inner-container .items .image .button { margin-top: 200px }
.media-stream .inner-container .items .quote { border-top: 1px solid #FFF }
.media-stream .inner-container .items .quote blockquote { font-size: 28px }
.media-stream .inner-container .items .countdown .to .center-container { max-width: 650px }
.media-stream .inner-container .items .countdown .to .days, .media-stream .inner-container .items .countdown .to .hours, .media-stream .inner-container .items .countdown .to .minutes, .media-stream .inner-container .items .countdown .to .seconds { font-size: 14px }
.media-stream .inner-container .items .countdown .to .days h3, .media-stream .inner-container .items .countdown .to .hours h3, .media-stream .inner-container .items .countdown .to .minutes h3, .media-stream .inner-container .items .countdown .to .seconds h3 { font-size: 5em }
}
.navigation-panel .container:after, .navigation-panel .container:before, .navigation-panel-menu:after, .navigation-panel-menu:before { display: table; content: " " }
.card-container .columns:after, .navigation-panel .container:after, .navigation-panel-menu:after { clear: both }
.navigation-panel .container { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 13px; padding-right: 13px }

@media screen and (min-width:481px) {
.navigation-panel .container { padding-left: 42px; padding-right: 42px }
}
.navigation-panel form.container { padding: 0 }
.navigation-panel-menu { margin-bottom: 14px }
.navigation-panel-menu .menu-dropdown { position: relative; color: #000 }
.navigation-panel-menu .menu-dropdown select { border: 1px solid #000; background-color: transparent }
.navigation-panel-menu .menu-dropdown i { position: absolute; z-index: 1; right: 14px; top: 50%; line-height: 20px; margin-top: -10px; pointer-events: none }
.card, .card-title { position: relative }
.navigation-panel-menu .menu-list { display: none }
.navigation-panel-menu .menu-list li { border: 1px solid #000 }
.navigation-panel-menu .menu-list li+li { border-top: none }
.navigation-panel-menu .menu-list a { display: block; min-height: 50px; border: none; font-size: 16px; line-height: 22px; padding: 14px 21px; color: #000; text-transform: uppercase; -webkit-transition: background-color .15s linear; transition: background-color .15s linear }
.navigation-panel-menu .menu-list li.active a { background-color: #fff }
.navigation-panel-menu .menu-list a:hover { color: #000; background-color: rgba(255,255,255,.5) }
.navigation-panel-menu .menu-list li+li.separate, .navigation-panel-menu .menu-list li.separate { margin-top: 20px; border: 1px solid #000 }
.navigation-panel-content>div { display: none }
.page-editor .navigation-panel-content>div { display: block }

@media screen and (min-width:769px) {
.navigation-panel-menu { padding: 0; float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.navigation-panel-menu:last-child { margin-right: 0 }
.navigation-panel-menu .menu-dropdown { display: none }
.navigation-panel-menu .menu-list { display: block }
.navigation-panel-content { padding: 0; float: left; display: block; margin-right: 3.48259%; width: 74.12935% }
.navigation-panel-content:last-child { margin-right: 0 }
}
.card-container { padding-bottom: 0 }
.card-container .columns { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 21px; padding-right: 21px }
.card-container .columns:after, .card-container .columns:before { content: " "; display: table }

@media screen and (min-width:481px) {
.navigation-panel-menu { margin-bottom: 42px }
.card-container .columns { padding-left: 42px; padding-right: 42px }
}
.card-container .large-column, .card-container .medium-column, .card-container .small-column { float: left; display: block; margin-right: 3.48259%; width: 100% }
.card-container .large-column:last-child, .card-container .medium-column:last-child, .card-container .small-column:last-child { margin-right: 0 }
.service-booking .card-container { background-color: #d6d2c4 }

@media screen and (min-width:641px) and (max-width:1025px) {
.card-container .small-column { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.card-container .small-column:last-child, .card-container .small-column:nth-child(2n) { margin-right: 0 }
.card-container .small-column:nth-child(2n+1) { clear: left }
.card-container .medium-column { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.card-container .medium-column:last-child { margin-right: 0 }
}

@media screen and (min-width:1025px) {
.card-container .small-column { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.card-container .small-column:last-child, .card-container .small-column:nth-child(3n) { margin-right: 0 }
.card-container .small-column:nth-child(3n+1) { clear: left }
.card-container .medium-column { float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.card-container .medium-column:last-child { margin-right: 0 }
}
.card-content:after, .data-card-data ul:after, .list-card li:after { clear: both }
.card { background-color: #fff; color: #000; margin-bottom: 12px; margin-top: 12px }
.card .is-quote { font-family: "Volvo Serif Italic" }
.card .cl-detail .cl-description, .card .cl-detail font, .card .extf-content, .card .story-carousel .story-content, .card .support-area, .card p, .cl-detail .card .cl-description, .cl-detail .card font, .story-carousel .card .story-content { max-width: none }

@media screen and (min-width:641px) {
.card { margin-bottom: 21px; margin-top: 21px }
}
.card-content { display: block; padding: 21px }
.card-content:after, .card-content:before { content: " "; display: table }
.card-content-align { display: table; height: 100%; width: 100% }
.card-content-align .card-content { display: table-cell; height: 100%; width: 100%; vertical-align: middle }
.card-content-align .card-content-box { margin: 0 auto }
.two-columns-uneven .left-column { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.two-columns-uneven .left-column:last-child { margin-right: 0 }
.two-columns-uneven .right-column { float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.two-columns-uneven .right-column:last-child { margin-right: 0 }
.three-column-equal .column { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.three-column-equal .column:last-child { margin-right: 0 }
.card-title { padding: 13px 21px; min-height: 69px; border-bottom: solid 1px #000; border-bottom-color: rgba(0,0,0,.3) }
.card-title hgroup { margin: 0; position: relative }
.card-title h6 { font-size: 14px; line-height: 18px; font-family: "Volvo Sans Regular"; min-height: 11px }
.card-title h3 { font-size: 22px; line-height: 22px; text-transform: none; margin: 0 40px 0 0; padding-bottom: 2px }
.card .card-no-car .info a, .card-cta { text-transform: uppercase; font-family: "Volvo Sans Medium" }
.card-title .icon { position: absolute; top: 18px; right: 22px; font-size: 35px; line-height: normal }
.theme-dark .card-title { border-bottom-color: rgba(255,255,255,.3) }
.theme-dark .card-title h6 { color: #fff }

@media screen and (min-width:481px) {
.card-title { min-height: 75px }
.card-title h6 { font-size: 16px }
.card-title h3 { font-size: 28px; line-height: 28px; margin: 0 60px 0 0 }
}
.card-cta { float: left; margin-right: 3.48259%; width: 100%; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; position: relative; display: block; border: 1px solid #000; padding: 14px 44px 14px 21px; color: #000; font-size: 16px }
.card-cta:last-child { margin-right: 0 }
.card-cta .icon { position: absolute; top: 16px; right: 21px; font-size: 19px; line-height: normal }
.card-cta:hover { border-color: #000; background-color: #000; color: #fff }
.card-cta:active { border-color: #999; background-color: #999; color: #fff }
.card-cta+.card-cta { border-top: 0 }

@media screen and (min-width:641px) and (max-width:1025px) {
.large-column .card-cta { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 51.74129% }
.large-column .card-cta:last-child { margin-right: 0 }
}

@media screen and (min-width:1025px) {
.medium-column .card-cta { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 51.74129% }
.medium-column .card-cta:last-child { margin-right: 0 }
.large-column .card-cta { float: left; display: block; margin-right: 3.48259%; width: 31.01161%; margin-left: 68.98839% }
.large-column .card-cta:last-child { margin-right: 0 }
.large-column .basic-card .card-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 }
}
.theme-dark .card-cta:active, .theme-dark .card-cta:hover { border-color: #fff; background-color: #fff; color: #000 }
.card .card-no-car { position: absolute; z-index: 400; top: 0; bottom: 0; left: 0; right: 0; text-align: center; white-space: nowrap; background-color: rgba(255,255,255,.9); opacity: 1 }

@media screen and (min-width:641px) {
.card .card-no-car { background-color: #d6d3c4; opacity: .5; -webkit-transition: all .2s; transition: all .2s }
}
.card .card-no-car:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle }
.card .card-no-car .info { opacity: 1; display: inline-block; vertical-align: middle; white-space: normal; max-width: 260px }
.card .card-no-car .info .cl-detail .cl-description, .card .card-no-car .info .cl-detail font, .card .card-no-car .info .extf-content, .card .card-no-car .info .story-carousel .story-content, .card .card-no-car .info .support-area, .card .card-no-car .info a, .card .card-no-car .info i, .card .card-no-car .info p, .cl-detail .card .card-no-car .info .cl-description, .cl-detail .card .card-no-car .info font, .story-carousel .card .card-no-car .info .story-content { color: #000 }
.card .card-no-car .info .icon { display: block; margin: 0 auto 25px; font-size: 114px; height: 114px; line-height: normal }
.card .card-no-car .info .cl-detail .cl-description, .card .card-no-car .info .cl-detail font, .card .card-no-car .info .extf-content, .card .card-no-car .info .story-carousel .story-content, .card .card-no-car .info .support-area, .card .card-no-car .info p, .cl-detail .card .card-no-car .info .cl-description, .cl-detail .card .card-no-car .info font, .story-carousel .card .card-no-car .info .story-content { font-size: 16px; width: 100% }
.card .card-no-car .info a { border-color: #000 }
.card .card-no-car .info a:hover { color: #4d4e53; border-color: #4d4e53 }
.basic-card .cl-detail .cl-description, .basic-card .cl-detail font, .basic-card .extf-content, .basic-card .story-carousel .story-content, .basic-card .support-area, .basic-card p, .cl-detail .basic-card .cl-description, .cl-detail .basic-card font, .story-carousel .basic-card .story-content { max-width: 570px }
.list-card ol .illustration { font-family: "Volvo Broad"; font-size: 48px; line-height: 46px }
.data-card-data strong, .list-card .list-item-text .title, .step-card .texts h3, .vehicle-info-card .data-list strong { font-family: "Volvo Sans Medium" }
.list-card .illustration { float: left; width: 50px }
.list-card .illustration .icon { font-size: 35px; line-height: 46px }
.list-card .list-item-text { display: block; margin-left: 50px }
.list-card .list-item-text .title { display: block }
.list-card .list-item-text .message { display: inline-block; max-width: 490px; font-size: 13px; line-height: 16px }
.list-card li { display: block; border-bottom: solid 1px #c9c9c9; padding: 14px 21px }
.list-card li:after, .list-card li:before { content: " "; display: table }
.list-card li a { color: inherit; display: block; text-decoration: none; border: none }
.data-card-data { padding-bottom: 0 }
.data-card-data ul { max-width: 79.125em; margin-left: auto; margin-right: auto }
.data-card-data ul:after, .data-card-data ul:before { content: " "; display: table }
.data-card-data li { float: left; display: block; margin-right: 3.48259%; width: 100%; margin-bottom: 28px }
.data-card-data li:last-child { margin-right: 0 }
.data-card-data .label { color: #000; display: block }
.data-card-data strong { display: block; font-size: 35px; line-height: 40px }

@media screen and (min-width:1025px) {
.medium-column .data-card-data li { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.medium-column .data-card-data li:last-child, .medium-column .data-card-data li:nth-child(2n) { margin-right: 0 }
.medium-column .data-card-data li:nth-child(2n+1) { clear: left }
}

@media screen and (min-width:641px) {
.card .card-no-car .info { opacity: 0; -webkit-transition: all .2s; transition: all .2s }
.card .card-no-car:hover { background-color: rgba(255,255,255,.9); opacity: 1 }
.card .card-no-car:hover .info { opacity: 1 }
.large-column .data-card-data li { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.large-column .data-card-data li:last-child, .large-column .data-card-data li:nth-child(3n) { margin-right: 0 }
.large-column .data-card-data li:nth-child(3n+1) { clear: left }
.large-column .data-card-data strong { font-size: 48px; line-height: 50px }
}
.teaser-card { position: relative; overflow: hidden; text-align: center; height: 0; padding-bottom: 56.25% }
.teaser-card .card-content-align { position: absolute; top: 0; left: 0; z-index: 3 }
.teaser-card h3 { font-size: 24px; text-transform: none; margin-bottom: 21px }
.cl-detail .teaser-card .cl-description, .cl-detail .teaser-card font, .story-carousel .teaser-card .story-content, .teaser-card .cl-detail .cl-description, .teaser-card .cl-detail font, .teaser-card .extf-content, .teaser-card .story-carousel .story-content, .teaser-card .support-area, .teaser-card p { line-height: 24px; max-width: 570px; margin: 0 auto 21px; display: none }
.large-column .teaser-card, .medium-column .teaser-card, .small-column .teaser-card { padding-bottom: 75% }
.cl-detail .theme-dark.teaser-card .cl-description, .cl-detail .theme-dark.teaser-card font, .story-carousel .theme-dark.teaser-card .story-content, .theme-dark.teaser-card .cl-detail .cl-description, .theme-dark.teaser-card .cl-detail font, .theme-dark.teaser-card .extf-content, .theme-dark.teaser-card .story-carousel .story-content, .theme-dark.teaser-card .support-area, .theme-dark.teaser-card p { color: #fff }

@media screen and (min-width:641px) {
.large-column .teaser-card { padding-bottom: 56.25% }
.large-column .teaser-card .card-content-box { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.large-column .teaser-card .card-content-box:last-child { margin-right: 0 }
.large-column .teaser-card .card-content-box .card-cta { float: left; display: block; margin-right: 5.31646%; width: 47.34177%; margin-left: 26.32911% }
.large-column .teaser-card .card-content-box .card-cta:last-child { margin-right: 0 }
.cl-detail .large-column .teaser-card .cl-description, .cl-detail .large-column .teaser-card font, .large-column .teaser-card .cl-detail .cl-description, .large-column .teaser-card .cl-detail font, .large-column .teaser-card .extf-content, .large-column .teaser-card .story-carousel .story-content, .large-column .teaser-card .support-area, .large-column .teaser-card p, .story-carousel .large-column .teaser-card .story-content { margin-bottom: 42px; display: block }
}

@media screen and (min-width:769px) {
.large-column .teaser-card h3 { font-size: 54px }
.cl-detail .large-column .teaser-card .cl-description, .cl-detail .large-column .teaser-card font, .large-column .teaser-card .cl-detail .cl-description, .large-column .teaser-card .cl-detail font, .large-column .teaser-card .extf-content, .large-column .teaser-card .story-carousel .story-content, .large-column .teaser-card .support-area, .large-column .teaser-card p, .story-carousel .large-column .teaser-card .story-content { margin-bottom: 42px; display: block }
}

@media screen and (min-width:1025px) {
.medium-column .teaser-card .card-content-box { float: left; display: block; margin-right: 5.31646%; width: 73.67089%; margin-left: 13.16456% }
.medium-column .teaser-card .card-content-box:last-child { margin-right: 0 }
.medium-column .teaser-card .card-content-box .card-cta { float: left; display: block; margin-right: 7.21649%; width: 64.26117%; margin-left: 17.86942% }
.medium-column .teaser-card .card-content-box .card-cta:last-child { margin-right: 0 }
.medium-column .teaser-card .card-cta { margin-left: 25.87065% }
.medium-column .teaser-card h3 { font-size: 42px }
.cl-detail .medium-column .teaser-card .cl-description, .cl-detail .medium-column .teaser-card font, .medium-column .teaser-card .cl-detail .cl-description, .medium-column .teaser-card .cl-detail font, .medium-column .teaser-card .extf-content, .medium-column .teaser-card .story-carousel .story-content, .medium-column .teaser-card .support-area, .medium-column .teaser-card p, .story-carousel .medium-column .teaser-card .story-content { display: block }
.large-column .teaser-card .card-cta { margin-left: 34.4942% }
.large-column .teaser-card h3 { font-size: 54px }
}
.card table { table-layout: auto; margin: 0; width: 100%; border-collapse: collapse }
.card table tr { transition: background-color .3s }
.card table tr:hover { background-color: #DDD }
.card table td { width: auto; padding: 21px 10px }
.card table td:first-child { padding-left: 21px }
.card table td:last-child { padding-right: 21px }
.card table small { font-size: 13px; color: #999 }
.service-history-card .action, .service-history-card .cost, .service-history-card .mileage { white-space: nowrap }
.service-history-card .action .icon { font-size: 23px }
.service-history-card .service-description { text-align: left; width: 100% }
.service-history-card .service-data { text-align: right }
.service-history-card small { display: none; line-height: 16px; max-width: 490px }
.service-history-card table small { color: #000 }

@media screen and (min-width:641px) {
.large-column .service-history-card .cost, .large-column .service-history-card .mileage { padding: 0 10px }
.large-column .service-history-card .service-data { white-space: nowrap }
.large-column .service-history-card small { display: block }
.large-column .service-history-card strong { font-size: 28px }
}

@media screen and (min-width:1025px) {
.medium-column .service-history-card .cost, .medium-column .service-history-card .mileage { padding: 0 10px }
.medium-column .service-history-card .service-data { white-space: nowrap }
.medium-column .service-history-card small { display: block }
.service-history-card strong { font-size: 18px }
}
.vehicle-info-card { position: relative }
.vehicle-info-card .data-list { max-width: 79.125em; margin-left: auto; margin-right: auto }
.vehicle-info-card .data-list:after, .vehicle-info-card .data-list:before { content: " "; display: table }
.vehicle-info-card .data-list:after { clear: both }
.vehicle-info-card .vehicle-info-image img { max-width: none; width: 100% }
.vehicle-info-card .data-list li { float: left; display: block; margin-right: 3.48259%; width: 100%; margin-bottom: 9px }
.vehicle-info-card .data-list li:last-child { margin-right: 0 }
.vehicle-info-card .data-list .label { display: block; font-size: 13px }
.vehicle-info-card .data-list strong { display: block; font-size: 20px; line-height: 20px; word-wrap: break-word }

@media screen and (min-width:1025px) {
.large-column .vehicle-info-image, .medium-column .vehicle-info-image { position: absolute; bottom: 50px; width: 50% }
.medium-column .vehicle-info-image~.vehicle-info-data .data-list { margin-left: 52.65823% }
.medium-column .vehicle-info-image~.vehicle-info-data .data-list li { float: left; display: block; margin-right: 11.22995%; width: 100% }
.medium-column .vehicle-info-image~.vehicle-info-data .data-list li:last-child { margin-right: 0 }
}
.media-card, .media-card-cover { position: relative; overflow: hidden }
.media-card .card-title { z-index: 1 }
.media-card-content { background-color: inherit }
.media-card-cover { z-index: 0 }
.media-card-cover .hero-background { background-color: transparent }
.media-card-ratio { height: 0; padding-bottom: 56.25% }
.media-card-cover .icon { position: absolute; z-index: 2; top: 50%; width: 100%; text-align: center; font-size: 66px; line-height: 66px; margin-top: -33px }
.media-card-texts h3 { margin-bottom: 8px; text-transform: none }
.cl-detail .media-card-texts .cl-description, .cl-detail .media-card-texts font, .media-card-texts .cl-detail .cl-description, .media-card-texts .cl-detail font, .media-card-texts .extf-content, .media-card-texts .story-carousel .story-content, .media-card-texts .support-area, .media-card-texts p, .story-carousel .media-card-texts .story-content { max-width: 570px }

@media screen and (min-width:641px) and (max-width:1025px) {
.large-column .media-card-ratio { padding-bottom: 56.25% }
.large-column .media-card-cover .icon { font-size: 84px; line-height: 84px; margin-top: -42px }
.large-column .media-card-texts h3 { font-size: 28px }
}

@media screen and (min-width:1025px) {
.large-column .media-card:before { content: ''; float: left; display: block; width: 65.5058%; margin: 0; height: 0; padding-bottom: 36.8% }
.large-column .media-card:before:last-child {
margin-right:0
}
.large-column .media-card .card-title, .large-column .media-card .media-card-content { overflow: hidden }
.large-column .media-card .media-card-cover { z-index: 2; position: absolute; top: 0; float: left; display: block; margin-right: 3.48259%; width: 65.5058% }
.large-column .media-card .media-card-cover:last-child { margin-right: 0 }
.large-column .media-card .card-cta { float: left; display: block; margin-right: 11.22995%; width: 100%; margin-left: 0 }
.large-column .media-card .card-cta:last-child { margin-right: 0 }
}
.card-overlay, .card-overlay .carousel { overflow: visible }
.card-overlay { max-width: 73.875em; background-color: #fff; margin-bottom: 100px; color: #000 }
.card-overlay .overlay-close { font-size: 36px; color: #fff; top: -48px; right: -7px }
.touch .card-overlay .controls { display: none }
.card-overlay .controls .next, .card-overlay .controls .prev { padding: 0 }
.card-overlay .controls .prev { left: -10% }
.card-overlay .controls .next { right: -10% }
.card-overlay .controls .next .icon, .card-overlay .controls .prev .icon { width: 100%; text-align: center; padding: 0; top: 50%; margin-top: -12px }

@media screen and (min-width:0) and (max-width:481px) {
.card-overlay { padding: 0; top: 100px; width: 80% }
.touch .card-overlay { width: 90% }
}

@media screen and (min-width:641px) {
.card-overlay .card-cta { float: right; width: 266px; margin: 0; clear: both }
}
.card-overlay.basic-overlay .card-context>div, .card-overlay.basic-overlay .socials+.disclaimer { margin-top: 12px }
.card-overlay.basic-overlay img { max-width: none; width: 100% }
.card-overlay.basic-overlay .cl-detail .cl-description, .card-overlay.basic-overlay .cl-detail font, .card-overlay.basic-overlay .extf-content, .card-overlay.basic-overlay .story-carousel .story-content, .card-overlay.basic-overlay .support-area, .card-overlay.basic-overlay p, .cl-detail .card-overlay.basic-overlay .cl-description, .cl-detail .card-overlay.basic-overlay font, .story-carousel .card-overlay.basic-overlay .story-content { max-width: none }
.card-overlay.basic-overlay .socials a { border: none; color: #000; margin-right: 10px }
.card-overlay.basic-overlay .disclaimer .cl-detail .cl-description, .card-overlay.basic-overlay .disclaimer .cl-detail font, .card-overlay.basic-overlay .disclaimer .extf-content, .card-overlay.basic-overlay .disclaimer .story-carousel .story-content, .card-overlay.basic-overlay .disclaimer .support-area, .card-overlay.basic-overlay .disclaimer p, .cl-detail .card-overlay.basic-overlay .disclaimer .cl-description, .cl-detail .card-overlay.basic-overlay .disclaimer font, .story-carousel .card-overlay.basic-overlay .disclaimer .story-content { color: #999; font-size: 12px; margin-bottom: 0 }

@media screen and (min-width:641px) {
.card-overlay.basic-overlay .card-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 }
.card-overlay.basic-overlay .card-context { white-space: nowrap }
.card-overlay.basic-overlay .card-context>div { display: inline-block; white-space: normal; width: 50%; vertical-align: top }
.card-overlay.basic-overlay .socials+.disclaimer { margin-top: 47px }
}
@-webkit-keyframes shake {
0%, 50%, 75% {
-webkit-transform:translateX(-1%);
transform:translateX(-1%)
}
25% {
-webkit-transform:translateX(1%);
transform:translateX(1%)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes shake {
0%, 50%, 75% {
-webkit-transform:translateX(-1%);
transform:translateX(-1%)
}
25% {
-webkit-transform:translateX(1%);
transform:translateX(1%)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.card-overlay.carousel-overlay { background-color: transparent }
.card-overlay .carousel .carousel-item { background-color: #fff }
.card-overlay .carousel .carousel-item.shake { -webkit-animation: shake .2s; animation: shake .2s }
.touch .card-overlay .carousel .carousel-item { display: block }
.step-card, .step-card .carousel-content { position: relative }
.step-card .carousel-content .next, .step-card .carousel-content .prev { position: absolute; z-index: 101; color: inherit; border-bottom: none; height: 100%; width: 60px }
.step-card .carousel-content .next .icon, .step-card .carousel-content .prev .icon { position: absolute; text-align: center; width: 100%; font-size: 35px; line-height: 40px; top: 50%; margin-top: -20px }
.step-card .carousel-content .next { right: 0 }
.step-card .carousel-content .pagination { position: absolute; z-index: 101; bottom: 0; width: 100%; margin: 10px 0 }
.step-card .carousel-controls, .step-card .carousel-item .poster { position: relative; padding-bottom: 56.25%; height: 0 }
.step-card .carousel { position: absolute; height: 100%; width: 100%; top: 0 }
.step-card .carousel-item { width: 100% }
.step-card .carousel-item .poster img { width: 100%; max-width: none }
.step-card .texts { opacity: 0 }
.step-card .texts h3 { font-size: 1.25em; text-transform: none; margin-bottom: 15px }
.cl-detail .step-card .texts .cl-description, .cl-detail .step-card .texts font, .step-card .texts .cl-detail .cl-description, .step-card .texts .cl-detail font, .step-card .texts .extf-content, .step-card .texts .story-carousel .story-content, .step-card .texts .support-area, .step-card .texts p, .story-carousel .step-card .texts .story-content { max-width: 570px; font-size: 1em }
.step-card .pagination .button-dot { margin: 0 2px; width: 12px; height: 12px; opacity: .5; background-color: #000 }
.step-card.theme-dark .pagination .button-dot { background-color: #fff }
.step-card .pagination .button-active, .step-card .pagination .button:active { margin: 0 2px; opacity: 1 }
.touch .step-card.changed .next, .touch .step-card.changed .prev { display: none }

@media screen and (min-width:641px) {
.large-column .step-card .card-title { position: absolute; width: 100%; z-index: 101 }
.large-column .step-card .texts h3 { font-size: 1.75em; margin-bottom: 23px }
.cl-detail .large-column .step-card .texts .cl-description, .cl-detail .large-column .step-card .texts font, .large-column .step-card .texts .cl-detail .cl-description, .large-column .step-card .texts .cl-detail font, .large-column .step-card .texts .extf-content, .large-column .step-card .texts .story-carousel .story-content, .large-column .step-card .texts .support-area, .large-column .step-card .texts p, .story-carousel .large-column .step-card .texts .story-content { font-size: 1.125em }
.large-column .step-card .carousel-content .next .icon, .large-column .step-card .carousel-content .prev .icon { margin-top: 17px }
}

@media screen and (min-width:1025px) {
.medium-column .step-card .card-title { position: absolute; width: 100%; z-index: 101; color: #fff; border-bottom: 1px solid rgba(255,255,255,.6) }
.medium-column .step-card .texts h3 { font-size: 1.75em; margin-bottom: 23px }
.cl-detail .medium-column .step-card .texts .cl-description, .cl-detail .medium-column .step-card .texts font, .medium-column .step-card .texts .cl-detail .cl-description, .medium-column .step-card .texts .cl-detail font, .medium-column .step-card .texts .extf-content, .medium-column .step-card .texts .story-carousel .story-content, .medium-column .step-card .texts .support-area, .medium-column .step-card .texts p, .story-carousel .medium-column .step-card .texts .story-content { font-size: 1.125em }
.medium-column .step-card .carousel-content .next .icon, .medium-column .step-card .carousel-content .prev .icon { margin-top: 17px }
}
#card-video-list .card-video-list-content { clear: both; overflow: auto }
#card-video-list .video-in-card-wrapper { width: 70% }
#card-video-list .video-src-wrapper { position: relative; display: inline-block; overflow: hidden; padding-bottom: 56%; float: left; width: 100%; height: 0 }
#card-video-list .video-src-wrapper embed, #card-video-list .video-src-wrapper iframe, #card-video-list .video-src-wrapper object { position: absolute; width: 100%; height: 100% }
#card-video-list .video-sidebar { width: 30%; display: inline-block }
#card-video-list .video-list-item { min-height: 50px; max-height: 75px; clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden }
.car-comparison-data, .car-comparison-tool-data { min-height: 200px }
#card-video-list .video-list-item .item { display: inline-block; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
#card-video-list .video-list-item .picture { display: inline-block }
#card-video-list .video-list-item:hover { background-color: #faebd7 }

@media screen and (max-width:800px) {
#card-video-list .video-in-card-wrapper, #card-video-list .video-sidebar { width: 100% }
#card-video-list .title-wrapper { display: none; visibility: hidden }
#card-video-list .video-list-item { max-width: 150px; max-height: 150px }
}
.vehicle-documents-card li { padding: 21px; border-top: 1px solid #c9c9c9; position: relative; -webkit-transition: background-color .3s; transition: background-color .3s }
.vehicle-documents-card li:first-child { border-top: 0 }
.vehicle-documents-card li:hover { background-color: #DDD }
.vehicle-documents-card .icon { font-size: 23px; position: absolute; top: 30% }
.vehicle-documents-card strong { display: block; padding-left: 44px; font-family: "Volvo Sans Medium"; font-size: 18px; line-height: 20px; word-wrap: break-word }
.vehicle-documents-card strong a { border-bottom: 0; color: #000 }
.vehicle-documents-card small { display: block; padding-left: 44px; margin-top: 5px; line-height: 16px; font-size: 13px }
.vehicle-documents-card .documents-card-list { height: 300px }
.scrollbar-inner>.scroll-element, .scrollbar-inner>.scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10 }
.scrollbar-inner>.scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100% }
.scrollbar-inner>.scroll-element.scroll-x { bottom: 0; height: 10px; left: 0; width: 100% }
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px }
.scrollbar-inner>.scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 10px }
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px }
.scrollbar-inner>.scroll-element .scroll-element_outer { overflow: hidden }
.scrollbar-inner>.scroll-element .scroll-element_track { background-color: #fff; border-left: 1px solid #c9c9c9 }
.scrollbar-inner>.scroll-element .scroll-bar { background-color: #b9b29f }
.scrollbar-inner>.scroll-element:hover .scroll-bar { background-color: #a39a82 }
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar { background-color: #b9b29f }
.car-comparison { padding-top: 100px; max-width: 79.125em; margin-left: auto; margin-right: auto }
.car-comparison:after, .car-comparison:before { content: " "; display: table }
.car-comparison:after { clear: both }
.car-comparison h3.box-header { padding-left: 10px; text-align: left; font-size: 1em }

@media screen and (min-width:481px) {
.car-comparison { padding-top: 220px }
.car-comparison h3.box-header { padding-left: 15px; font-size: 1.5em }
}
.car-comparison-title { text-align: center; margin-bottom: 50px }

@media screen and (min-width:769px) {
.car-comparison h3.box-header { padding-left: 24px }
.car-comparison.new-navigation-car-compar .car-selector-overlay .car-selector-overlay-car-group.multi-group { width: 16.5%!important }
.car-comparison-title { margin-bottom: 125px }
}
.car-comparison-box-wrapper { margin-left: 0; margin-right: 0 }
.car-comparison-box-wrapper.car-comparison-header-box-wrapper { margin-top: 0; margin-bottom: 0 }

@media screen and (min-width:481px) {
.car-comparison-box-wrapper { margin-left: 15px; margin-right: 15px }
}

@media screen and (min-width:769px) {
.car-comparison-box-wrapper { margin-left: 42px; margin-right: 42px }
}
.car-comparison-box { margin-bottom: 0 }
.car-comparison-background { width: 100%; max-width: 100%; left: 0 }
.car-comparison-background>img { position: absolute; z-index: -1 }
.car-selector { width: 100%; margin: 0; border-left: 1px solid #cecece }
.car-selector-slot { vertical-align: top; width: 50%; padding: 0; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece }
.car-selector-slot:last-child { display: none }

@media screen and (min-width:481px) {
.car-selector-slot { width: 33.33% }
.car-selector-slot:last-child { display: table-cell }
}
.car-selector-remove { position: absolute; right: 5px }
.car-selector-input { margin-bottom: 10px; float: none }
.car-selector-picture { margin: 0 0 10px }
.car-selector-picture--placeholder { opacity: .3; filter: alpha(opacity=30) }

@media screen and (min-width:769px) {
.car-selector-remove { top: -10px; right: 20px }
.car-selector-picture { margin: 0 10% 25px; width: 80% }
}
.car-selector-update { display: none; background: #bdd6e6; text-align: center; padding: 8px; border-top: 1px solid #cecece }
.car-selector-info { font-size: 1.125em }
.car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin: 20px 0 20px 10px }
html[lang=ja-JP] .car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-selector-name, html[lang=zh-TW] .car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.car-selector-name h3 { float: left }
.car-selector-name small { color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 7px; font-size: 7px; position: relative; top: 4px; overflow: hidden; vertical-align: top; text-transform: uppercase; text-align: right; float: left; margin-right: 5px }
html[lang=ja-JP] .car-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-selector-name small, html[lang=zh-TW] .car-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:769px) {
.car-selector-name { margin: 34px 0 30px 10% }
.engine-selector-name { width: 40% }
}
.car-selector-name.small-after h3 { float: left }
.car-selector-name.small-after small { text-align: left; margin-left: 5px; margin-right: 0 }
.engine-selector-name { display: none; font-size: .75em; line-height: 14px; font-weight: 700 }
.car-comparision-header { max-width: 79.125em; margin-left: auto; margin-right: auto }
.car-comparision-header:after, .car-comparision-header:before { content: " "; display: table }
.car-comparision-header:after { clear: both }
.car-comparision-header .cta-wrapper { display: none; width: 60%; margin-left: 20%; margin-top: 25px }

@media screen and (min-width:769px) {
.car-comparision-header .cta-wrapper { display: inline-block }
}

@media screen and (min-width:79.125em) {
.car-comparision-header .cta-wrapper { width: 80%; margin-left: 10% }
}
.car-comparision-header .car-selector-explore { float: left; width: 100%; line-height: 1em; margin-top: 5px; margin-bottom: 15px; text-align: center; text-transform: uppercase }

@media screen and (min-width:79.125em) {
.car-comparision-header .car-selector-explore { width: auto; margin-top: 20px }
}
.car-comparision-header .car-selector-build { float: right; width: 100% }
.car-comparision-header .car-selector-build a { text-transform: uppercase; letter-spacing: 0; line-height: 1em; width: 50%; padding: 19px 20px; vertical-align: middle; border: 1px solid #003057; display: table-cell }

@media screen and (min-width:79.125em) {
.car-comparision-header .car-selector-build { width: auto }
.car-comparision-header .car-selector-build a { display: block; width: auto }
}
.car-comparision-header.car-comparision-header--sticky { position: fixed; top: 0; left: auto; right: auto; z-index: 100 }
.car-comparision-header.car-comparision-header--sticky .box-header, .car-comparision-header.car-comparision-header--sticky .cta-wrapper, .car-comparision-header.car-comparision-header--sticky .dropdown-wrapper { display: none }
.car-comparision-header.car-comparision-header--sticky .car-selector-info, .car-comparision-header.car-comparision-header--sticky .car-selector-update { display: block }
.car-comparision-header.car-comparision-header--sticky .car-selector-name { margin: 0 0 10px }
.car-comparision-header.car-comparision-header--sticky .car-selector-remove { top: -5px; right: -5px }

@media screen and (min-width:769px) {
.car-comparision-header.car-comparision-header--sticky .car-selector-info, .car-comparision-header.car-comparision-header--sticky .car-selector-update { position: absolute; left: 56% }
.car-comparision-header.car-comparision-header--sticky .car-selector-name { margin: 62px 0 0 }
.car-comparision-header.car-comparision-header--sticky .engine-selector-name { margin-top: 85px }
.car-comparision-header.car-comparision-header--sticky .car-selector-remove { top: 20px; right: 20px }
}
.car-comparision-header.car-comparision-header--sticky .car-selector-picture { margin-bottom: 0 }
.car-comparision-header.car-comparision-header--sticky .car-selector-slot { padding: 10px }

@media screen and (min-width:769px) {
.car-comparision-header.car-comparision-header--sticky .car-selector-picture { float: left; width: 38%; margin-left: 8%; margin-top: 50px; margin-bottom: 40px }
.car-comparision-header.car-comparision-header--sticky .car-selector-slot { padding: 0 }
}
.car-comparision-header.car-comparision-header--sticky .car-selector-cta { padding-top: 25px; padding-bottom: 25px }
.car-comparision-header.car-comparision-header--sticky .car-selector-cta-icon { width: 30px; height: 30px; margin: 0 auto; font-size: 20px; line-height: 28px }

@media screen and (min-width:481px) {
.car-comparision-header.car-comparision-header--sticky .car-selector-cta-icon { width: 60px; height: 60px; font-size: 40px; line-height: 56px; margin: 0 auto 10px }
.car-comparison-data { min-height: 500px }
}
.car-comparision-header.car-comparision-header--sticky .car-selector-form.car-selector-form--pristine { display: none }
.car-comparision-header.car-comparision-header--sticky .car-selector-build, .car-comparision-header.car-comparision-header--sticky .car-selector-form.car-selector-form--pristine+.car-selector-cta { display: block }
.car-comparision-header.car-comparision-header--sticky .box { margin-bottom: 0 }
.car-selector-cta { text-align: center; padding-top: 50px; padding-bottom: 50px }

@media screen and (min-width:481px) and (max-width:79.125em) {
.car-selector-cta { padding-top: 85px; padding-bottom: 75px }
}
.car-selector-cta:hover .car-selector-cta-icon { -webkit-transform: scale(1.1); transform: scale(1.1) }
.car-selector-cta-icon { display: block; width: 60px; height: 60px; font-size: 30px; line-height: 56px; background: 0 0; border: 1px solid #003057; margin: 0 auto 10px; border-radius: 50%; color: #003057; vertical-align: middle; font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; -webkit-transition: .2s all ease-out; transition: .2s all ease-out }
html[lang=ja-JP] .car-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-selector-cta-icon, html[lang=zh-TW] .car-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.car-selector-cta-icon { width: 80px; height: 80px; font-size: 40px; line-height: 74px; margin: 0 auto 20px }
}

@media screen and (min-width:769px) {
.car-selector-cta { padding-top: 125px; padding-bottom: 115px }
.car-selector-cta-icon { width: 100px; height: 100px; font-size: 50px; line-height: 93px }
}
.car-selector-form { display: none; position: relative }
.car-selector-form.car-selector-form--visible { display: block }
.car-selector-form.car-selector-form--visible+.car-selector-cta { display: none }
.car-selector-overlay { position: absolute; background: #FFF; width: 100%; padding: 30px 5%; top: 50px; left: 0; z-index: 101; display: none }

@media screen and (min-width:769px) {
.car-selector-overlay { top: 70px; padding: 0 5% }
}

@media screen and (min-width:79.125em) {
.car-selector-overlay { padding: 0 }
}
.car-selector-overlay.on { display: block }
.car-selector-overlay .title { font-size: 1.125em; color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .car-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-selector-overlay .title, html[lang=zh-TW] .car-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.car-selector-overlay .close-selector-overlay { position: absolute; top: 25px; right: 40px; color: #003057; cursor: pointer; font-size: 1.875em; display: none }

@media screen and (min-width:769px) {
.car-selector-overlay .outer-container { max-width: 73.75em; margin: 0 auto; padding-bottom: 50px }
.car-selector-overlay .title { margin-top: 50px }
.car-selector-overlay .close-selector-overlay { display: block }
}
.car-selector-overlay .car-selector-overlay-car-group a.car-selector-overlay-drop-down { display: inline-block; width: 100%; font-size: .875em; color: #003057; margin-top: 30px; text-transform: uppercase }
.car-selector-overlay .car-selector-overlay-car-group a.car-selector-overlay-drop-down .icon { float: right; font-size: 1.5em }

@media screen and (min-width:769px) {
.car-selector-overlay .car-selector-overlay-car-group a.car-selector-overlay-drop-down { cursor: default }
.car-selector-overlay .car-selector-overlay-car-group a.car-selector-overlay-drop-down .icon { display: none }
}
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars { display: none }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars.on { display: block }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item { float: left; width: 50%; margin-top: 12px; margin-bottom: 10px; cursor: pointer }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .custom-copy, .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .price { display: none }

@media screen and (min-width:769px) {
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item { width: 100% }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .custom-copy, .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .price { display: block; width: 100%; font-size: .8125em; line-height: 1em }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title h3, .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .price { margin-bottom: 10px }
}
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title h3 { float: left }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { float: left; color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 7px; font-size: 7px; position: relative; top: 4px; overflow: hidden; vertical-align: top; text-transform: uppercase; text-align: right; margin-right: 5px }
html[lang=ja-JP] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small, html[lang=zh-TW] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-title.small-after small { text-align: left; margin-left: 5px; margin-right: 0 }
.cc-circle, .cc-ctas .cc-ctas--link, .cc-info-icon:after, .inline-car-compare .inline-car-compare-cta-wrapper, .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-header h2, .inline-car-compare .inline-car-compare-wrapper h3, .table-component { text-align: center }
.car-selector-overlay .car-selector-overlay-car-group ul.car-selector-overlay-cars .car-selector-overlay-item .car-selector-overlay-item-img .car-selector-overlay-item-img--default { width: 100% }

@media screen and (min-width:769px) {
.car-selector-overlay .car-selector-overlay-car-group.single-group { width: 100% }
.car-selector-overlay .car-selector-overlay-car-group.single-group ul.car-selector-overlay-cars .car-selector-overlay-item { width: 22.5%; margin-right: 3% }
.car-selector-overlay .car-selector-overlay-car-group.single-group ul.car-selector-overlay-cars .car-selector-overlay-item.last { margin-right: 0 }
.car-selector-overlay .car-selector-overlay-car-group.multi-group { width: 22.5%; margin-right: 3%; float: left }
.car-selector-overlay .car-selector-overlay-car-group.multi-group.last { margin-right: 0 }
}
.car-selector-overlay-scrim { position: absolute; width: 100%; height: 100%; background: #000; z-index: 100; top: 0; left: 0; display: none; opacity: .5; filter: alpha(opacity=70) }
.cc-table { margin: 0; border: 1px solid #cecece }
.cc-table td, .cc-table th { font-size: 1em; border-right: 1px solid #cecece; font-weight: 400; border-bottom-width: 0; width: 50% }
.cc-table td:last-child, .cc-table th:last-child { display: none }

@media screen and (min-width:481px) {
.cc-table td, .cc-table th { width: 33.33%; font-size: 1.125em }
.cc-table td:last-child, .cc-table th:last-child { display: table-cell }
}
.cc-table th:nth-child(1) .cc-info-icon { display: none }

@media screen and (min-width:481px) {
.cc-table th:nth-child(2) .cc-info-icon { display: none }
.cc-table th:nth-child(1) .cc-info-icon { display: block }
.cc-table th:nth-child(1) .cc-info-icon:after { margin-top: 0 }
}
.cc-table tr.header.suppress-info .cc-info-icon { display: none!important }
.cc-table tr.cc-spec-subheader { text-transform: uppercase }
.cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding: 8px 10px 7px; background: #f6f6f6 }
html[lang=ja-JP] .cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cc-table th, html[lang=zh-TW] .cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cc-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.cc-table th { padding-left: 15px }
}

@media screen and (min-width:769px) {
.cc-table th { padding-left: 24px }
}
.cc-table td { background: #fff; padding: 9px 10px 10px }

@media screen and (min-width:481px) {
.cc-table td { padding-left: 15px; padding-bottom: 9px }
}

@media screen and (min-width:769px) {
.cc-table td { padding-left: 24px; padding-bottom: 9px }
}
.cc-table tr.subitem-labels td { padding-bottom: 0 }
.cc-table .cc-header--small { font-size: 12px }
.cc-info-icon { position: relative; cursor: pointer; display: block; float: right }
.cc-info-icon:after { display: block; content: '?'; position: absolute; right: 0; margin-top: -13px; top: 50%; line-height: 1.375em; font-size: .875em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border: 1px solid rgba(91,127,149,.5); width: 22px; height: 22px; border-radius: 50% }
html[lang=ja-JP] .cc-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cc-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cc-info-icon:after, html[lang=zh-TW] .cc-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cc-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cc-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.cc-info-icon:hover:after { border-color: #5b7f95; background: #5b7f95; color: #fff }
.cc-circle { display: block; font-size: 1.375em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 40px; width: 42px; height: 42px; border: 1px solid #003057; border-radius: 50% }
html[lang=ja-JP] .cc-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cc-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cc-circle, html[lang=zh-TW] .cc-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cc-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cc-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.cc-star { font-size: 15px }
.cc-accordion-toggle { background: #fff; padding: 25px 10px; position: relative; border: 1px solid #cecece; border-bottom-width: 0 }

@media screen and (min-width:481px) {
.cc-accordion-toggle { padding-left: 15px }
}

@media screen and (min-width:769px) {
.cc-accordion-toggle { padding-left: 24px }
}
.cc-accordion-toggle-copy { font-size: 1em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase }
html[lang=ja-JP] .cc-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cc-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cc-accordion-toggle-copy, html[lang=zh-TW] .cc-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cc-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cc-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.cc-accordion-toggle-copy { font-size: 1.25em }
}
.cc-accordion-icon { position: absolute; right: 30px; top: 50%; margin-top: -10px; font-size: 1.75em; color: #5b7f95 }
.cc-accordion { border-bottom: 1px solid #cecece }
.cc-accordion>li { margin: 0 }
.cc-accordion .cc-table { border-bottom-width: 0 }
.cc-ctas { width: 100%; margin-top: 60px; display: inline-block }
.cc-ctas .cc-ctas--link { text-transform: uppercase }
.cc-ctas .cc-ctas--link .icon { display: block; font-size: 60px; padding-bottom: 40px; color: #003057 }
.cc-ctas .car-comparison-print .icon { font-size: 60px }

@media print {
body, html { width: 21cm }
.car-selector-slot, .cc-table td, .cc-table th { width: 33% }
.content .background { display: none }
.car-selector-slot:last-child, .cc-table td:last-child, .cc-table th:last-child { display: table-cell }
.car-comparison { padding-top: 0 }
.car-comparison .car-comparision-header { position: static!important }
.car-comparison .car-comparision-header .car-selector-picture { display: inline; max-width: 100% }
.car-comparison .car-comparision-header.car-comparision-header--sticky .box-header, .car-comparison .car-comparision-header.car-comparision-header--sticky .car-selector-remove, .car-comparison .car-comparision-header.car-comparision-header--sticky .dropdown-wrapper { display: block }
.car-comparison .car-comparision-header.car-comparision-header--sticky .car-selector-info, .car-comparison .car-comparision-header.car-comparision-header--sticky .car-selector-picture-side, .car-comparison .car-comparision-header.car-comparision-header--sticky .car-selector-update { display: none }
.car-comparison .car-comparision-header--sticky+.car-comparision-header-placeholder { height: 0!important }
.car-comparison .accordion-content { display: block!important; height: auto!important }
.car-comparison .car-comparison-background, .car-comparison .car-selector-build, .car-comparison .car-selector-picture--placeholder, .car-comparison .car-selector-picture-side, .car-comparison .car-selector-remove, .car-comparison .cc-ctas { display: none!important }
.car-comparison+footer, .nav, .primary-navigation-bar { display: none }
}
.inline-car-compare { padding-right: 20px; padding-left: 20px }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-header { margin-bottom: 2.5em }

@media screen and (min-width:481px) {
.inline-car-compare { padding-right: 0; padding-left: 0 }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-header { margin-bottom: 5.625em }
}
.inline-car-compare .inline-car-compare-wrapper h3 { font-size: 2em; line-height: 2.1875em; color: #5b7f95; margin-bottom: 0 }
.cl-detail .inline-car-compare .inline-car-compare-wrapper .cl-description, .cl-detail .inline-car-compare .inline-car-compare-wrapper font, .inline-car-compare .inline-car-compare-wrapper .cl-detail .cl-description, .inline-car-compare .inline-car-compare-wrapper .cl-detail font, .inline-car-compare .inline-car-compare-wrapper .extf-content, .inline-car-compare .inline-car-compare-wrapper .story-carousel .story-content, .inline-car-compare .inline-car-compare-wrapper .support-area, .inline-car-compare .inline-car-compare-wrapper p, .story-carousel .inline-car-compare .inline-car-compare-wrapper .story-content { margin-left: auto; margin-right: auto; text-align: center }
.inline-car-compare .inline-car-compare-wrapper .column .dropdown-wrapper { float: none }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models { max-width: 79.125em; margin-left: auto; margin-right: auto; display: none; margin-bottom: 1.875em }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models:after, .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models:before { content: " "; display: table }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models:after { clear: both }

@media screen and (min-width:481px) {
.inline-car-compare .inline-car-compare-wrapper h3 { font-size: 2em; line-height: 1.25em }
.inline-car-compare .inline-car-compare-wrapper .column .dropdown-wrapper { float: left }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models { display: block; margin-top: -1.875em }
}
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .column { float: left; display: block; margin-right: 3.48259%; width: 39.63516%; padding: 0 40px }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .column:last-child { margin-right: 0 }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .edge-column { float: left; display: block; margin-right: 3.48259%; width: 5.14096% }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .edge-column:last-child { margin-right: 0 }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .placeholder { opacity: .3; filter: alpha(opacity=30) }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options { max-width: 79.125em; margin-left: auto; margin-right: auto; margin-bottom: 2.5em }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options:after, .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options:before { content: " "; display: table }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options:after { clear: both }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .edge-column { display: none }

@media screen and (min-width:481px) {
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options { margin-bottom: 3em }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .column { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .column:last-child { margin-right: 0 }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .edge-column, .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .mini-column { float: left; display: block; margin-right: 3.48259%; width: 13.76451%; text-align: center }
.inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .edge-column:last-child, .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-options .mini-column:last-child { margin-right: 0 }
}
.inline-car-compare .inline-car-compare-cta-wrapper .button-themeable { background-color: transparent; border: 1px solid #003057; color: #003057 }
.inline-car-compare .inline-car-compare-cta-wrapper .button-themeable:hover { background-color: #003057; color: #fff }
.inline-car-compare.theme-dark h3 { color: #bdd6e6 }
.inline-car-compare.theme-dark .button-themeable { background-color: rgba(255,255,255,.2); border-color: #fff; color: #fff }
.inline-car-compare.theme-dark .button-themeable:hover { background-color: #fff; border-color: #fff; color: #003057 }
.lt-ie9 .inline-car-compare .inline-car-compare-wrapper .inline-car-compare-models .column { padding: 0 }
.table-component .extf-content { padding: 0 14px }
.cl-detail .table-component .extf-content .cl-description, .cl-detail .table-component .extf-content font, .story-carousel .table-component .extf-content .story-content, .table-component .extf-content .cl-detail .cl-description, .table-component .extf-content .cl-detail font, .table-component .extf-content .extf-content, .table-component .extf-content .story-carousel .story-content, .table-component .extf-content .support-area, .table-component .extf-content p { margin: 0 auto }
.table-component .extf-content .icon { font-family: volvo-icons!important }
.tabular-layout>table thead th, .tabular-layout>table.accordion .accordion-panel-toggle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.tabular-layout { font-size: 16px }
.tabular-layout>table { margin-top: 84px; background-color: #fff; text-align: left }
.tabular-layout>table.accordion .accordion-content, .tabular-layout>table.accordion .accordion-panel-toggle { max-width: 100% }
.tabular-layout>table.accordion .accordion-panel-toggle { display: block; padding: 15px 20px; cursor: pointer; font-size: 1.125em; font-weight: 400; margin-bottom: 0 }

@media screen and (min-width:769px) {
.tabular-layout>table.accordion .accordion-panel-toggle { font-size: 21px }
}
.tabular-layout>table.accordion .accordion-content { display: none; height: 0 }
.tabular-layout>table.accordion .accordion-arrow { float: right; line-height: 1.1em }
.tabular-layout>table.accordion .expanded .accordion-content { display: table }
.tabular-layout>table.accordion .expanded .accordion-panel-toggle { border-bottom: 1px solid #DDD }
.tabular-layout>table.accordion .collapsed .accordion-content { height: 0!important; display: none!important }
.tabular-layout>table .icon { font-size: 1.3125em }
.tabular-layout>table thead th { background-color: #003057; color: #fff; border-left: 1px solid #5b7f95; vertical-align: top; font-size: 1em; padding: 28px 20px }
.tabular-layout>table thead th:first-child { vertical-align: middle }
.tabular-layout>table thead th h4 { font-size: 2.25em; margin-bottom: 0 }
.tabular-layout>table thead th h5 { font-size: 1em }
.cl-detail .tabular-layout>table thead th .cl-description, .cl-detail .tabular-layout>table thead th font, .story-carousel .tabular-layout>table thead th .story-content, .tabular-layout>table thead th .cl-detail .cl-description, .tabular-layout>table thead th .cl-detail font, .tabular-layout>table thead th .extf-content, .tabular-layout>table thead th .story-carousel .story-content, .tabular-layout>table thead th .support-area, .tabular-layout>table thead th p { font-size: .8125em; font-family: "Volvo Sans Regular"; color: #bdd6e6; opacity: .75; filter: alpha(opacity=75) }
.scroll-nav.owl-hidden, .scroll-nav.owl-loading { opacity: 0; filter: alpha(opacity=0) }
.tabular-layout>table td { border: 1px solid #DDD; border-left: none; font-size: .875em; line-height: 1.2em; font-weight: light; padding: 14px 20px }

@media screen and (min-width:540px) {
.tabular-layout>table td { font-size: 1em }
}
.tabular-layout>table td:first-child { border-left: 1px solid #DDD }
.tabular-layout>table td.collapse-section { padding: 0; background-color: #fff }
.tabular-layout>table td.mobile-collapse .icon { float: right; display: none }
.tabular-layout>table td.mobile-collapse, .tabular-layout>table td.table-layout-col--first { border-left: 1px solid #DDD; font-size: .875em; text-overflow: ellipsis; overflow: hidden; font-weight: 700; color: #003057 }

@media screen and (min-width:481px) {
.tabular-layout>table td.mobile-collapse, .tabular-layout>table td.table-layout-col--first { font-size: 1em }
}
.tabular-layout>table tbody tr td.odd-row-cell, .tabular-layout>table tbody tr:nth-child(odd) { background-color: #fff }
.tabular-layout>table tbody tr td.even-row-cell, .tabular-layout>table tbody tr:nth-child(even) { background-color: #f0f0f0 }
.tabular-layout>table table { margin-bottom: 0; margin-top: 0 }
.tabular-layout>table table td.table-layout-col--first, .tabular-layout>table table td:first-child { border-left: 0 }
.tabular-layout>table table td.table-layout-col--last, .tabular-layout>table table td:last-child { border-right: 0 }
.tabular-layout>table table tr:first-child td { border-top: none }
.tabular-layout>table table tbody tr:last-child td { border-bottom: none }
.tabular-layout>table.mobile-view thead { display: none }
.tabular-layout>table.mobile-view tr { display: inline-block; width: 100% }
.tabular-layout>table.mobile-view td { border-top: 0; border-right: 0; display: block; float: left; width: 100%; color: #003057; font-size: .875em; text-align: left!important }
.tabular-layout>table.mobile-view td.mobile-collapse { cursor: pointer }
.tabular-layout>table.mobile-view td.mobile-collapse .icon { display: block }
.tabular-layout>table.mobile-view td:before { content: attr(data-th); display: block; font-size: 1em; font-weight: 700; margin-bottom: .625em }
.tabular-layout>table.mobile-view td.table-layout-col--first, .tabular-layout>table.mobile-view td:first-child { background-color: #003057; color: #fff; font-size: 1em; line-height: 2em; border-right: 0 }
.tabular-layout>table.mobile-view td.table-layout-col--first:before, .tabular-layout>table.mobile-view td:first-child:before { margin-bottom: 0 }
.tabular-layout>table.mobile-view td.table-layout-col--last, .tabular-layout>table.mobile-view td:last-child { border-right: 1px solid #DDD }
.tabular-layout>table.mobile-view table td, .tabular-layout>table.mobile-view table th { border-top: none; padding-left: 34px }
.tabular-layout>table.mobile-view table td:first-child, .tabular-layout>table.mobile-view table th:first-child { background-color: #5b7f95 }
.tabular-layout>table.mobile-view table tbody tr:last-child td { border-bottom: 1px solid #DDD }

@media screen and (min-width:0) and (max-width:481px) {
.tabular-layout>table thead { display: none }
.tabular-layout>table tr { display: inline-block; width: 100% }
.tabular-layout>table td { border-top: 0; border-right: 0; display: block; float: left; width: 100%; color: #003057; font-size: .875em; text-align: left!important }
.tabular-layout>table td.mobile-collapse { cursor: pointer }
.tabular-layout>table td.mobile-collapse .icon { display: block }
.tabular-layout>table td:before { content: attr(data-th); display: block; font-size: 1em; font-weight: 700; margin-bottom: .625em }
.tabular-layout>table td.table-layout-col--first, .tabular-layout>table td:first-child { background-color: #003057; color: #fff; font-size: 1em; line-height: 2em; border-right: 0 }
.tabular-layout>table td.table-layout-col--first:before, .tabular-layout>table td:first-child:before { margin-bottom: 0 }
.tabular-layout>table td.table-layout-col--last, .tabular-layout>table td:last-child { border-right: 1px solid #DDD }
.tabular-layout>table table td, .tabular-layout>table table th { border-top: none; padding-left: 34px }
.tabular-layout>table table td:first-child, .tabular-layout>table table th:first-child { background-color: #5b7f95 }
.tabular-layout>table table tbody tr:last-child td { border-bottom: 1px solid #DDD }
}
.table-responsive { overflow-x: auto; min-height: .01%; max-width: 90%; margin: auto }

@media screen and (min-width:769px) {
.table-responsive { max-width: 100% }
.investor-relations-financial-data { max-width: 90% }
}

@media screen and (min-width:79.125em) {
.investor-relations-financial-data { max-width: 70% }
}

@media screen and (max-width:960px) {
.investor-relations-financial-data .items-list li h3 { font-size: 1.375em; line-height: 1em }
.investor-relations-financial-data .items-list li .button-small { font-size: 13px; padding: 10px 15px }
}
.investor-relations { border: 1px solid #003058 }
.investor-relations tr:nth-child(odd) { background: #DDD }
.investor-relations tr.Heading td { font-size: 1.1em; font-weight: 700 }
.investor-relations tr.Heading td:first-child { font-size: 1.4em; line-height: 2.4em; text-align: left }
.investor-relations tr.Standard td:first-child { text-align: left }
.investor-relations tr.Child td { font-size: .82em }
.investor-relations tr.Child td:first-child { padding-left: 45px; text-align: left }
.investor-relations td, .investor-relations th { border: 1px solid #003058; padding: 4px 30px; text-align: center; word-wrap: break-word }
.investor-relations thead td { font-weight: 700 }
#corporateTabs ul#tabs { width: 100%; display: table; height: 60px; margin-top: 30px; border-bottom: 1px solid #003058 }
#corporateTabs ul#tabs li { float: left; display: table-row; list-style: none; text-align: center; margin-bottom: -1px; margin-right: 1% }
#corporateTabs ul#tabs li:last-child { float: right; margin-right: 0 }
#corporateTabs ul#tabs li a { display: table-cell; width: 1%; border: 1px solid #003058; text-align: center; line-height: 1.2em; vertical-align: middle; cursor: pointer; height: 60px; padding: 0 8px; border-bottom: 1px solid #eee }
#corporateTabs ul#tabs li a.inactive { color: #666; background: #EEE; outline: 0; border-bottom: 1px solid #003058 }
#corporateTabs ul#tabs li a.inactive:hover, #corporateTabs ul#tabs li a:hover { color: #5685bc; outline: 0 }
#corporateTabs ul#tabs .container { clear: both; width: 100%; padding: 60px 0 }
.investor-relations-financial-data { margin: auto }
.scroll-nav { border-top: 1px solid #003057; border-bottom: 1px solid #003057; margin-bottom: 70px; display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.scroll-nav:after { display: block; content: " "; width: 1px; position: absolute; right: -1px; background: #ececec; top: 0; bottom: 0 }

@media (max-width:769px) {
.scroll-nav:after { display: none }
}
.scroll-nav .owl-stage { position: relative; -ms-touch-action: pan-Y }
.scroll-nav .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.scroll-nav .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.scroll-nav.owl-loaded { display: block }
.scroll-nav.owl-loading { display: block }
.scroll-nav .owl-refresh .owl-item { display: none }
.scroll-nav .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.scroll-nav .owl-item a { text-align: center; color: #666; border: none; padding: 0 20px; text-decoration: none; margin: auto; font-size: 1.1em; display: block; height: 110px; line-height: 110px }
.scroll-nav .owl-item a span { display: inline-block; vertical-align: middle; line-height: 1.5em }
.scroll-nav .owl-item a:hover { background: #ddd }
.scroll-nav .owl-item a.selected, .scroll-nav .owl-item a.selected:hover { background: #003057; color: #fff; cursor: default }

@media (max-width:481px) {
.scroll-nav .owl-item a.selected, .scroll-nav .owl-item a.selected:hover { background: 0 0; color: #000 }
}
.scroll-nav .owl-controls { -webkit-tap-highlight-color: transparent }
.scroll-nav .owl-controls .owl-nav>.owl-next, .scroll-nav .owl-controls .owl-nav>.owl-prev { width: 60px; position: absolute; top: 0; bottom: 0; display: block; text-indent: -9999em; background-image: url(/Static/images/scroll-nav.png); background-repeat: no-repeat; background-size: 28px 440px; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ececec }

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-webkit-min-device-pixel-ratio:2.5), only screen and (min-resolution:240dpi) {
.scroll-nav .owl-controls .owl-nav>.owl-next, .scroll-nav .owl-controls .owl-nav>.owl-prev { background-image: url(/Static/images/scroll-nav.png); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" }
}
.scroll-nav .owl-controls .owl-nav>.owl-next:hover, .scroll-nav .owl-controls .owl-nav>.owl-prev:hover { background-color: #ddd }
.scroll-nav .owl-controls .owl-nav .disabled { pointer-events: none; cursor: default; color: #ccc; opacity: .1; filter: alpha(opacity=10) }
.scroll-nav .owl-controls .owl-nav .owl-prev { left: 0; background-position: center -220px }
.scroll-nav .owl-controls .owl-nav .owl-next { right: 0; background-position: center 0 }
.scroll-nav.smaller-items .owl-item a { height: 75px; line-height: 75px }
.scroll-nav.smaller-items .owl-controls .owl-nav .owl-prev { background-position: center -238px }
.scroll-nav.smaller-items .owl-controls .owl-nav .owl-next { background-position: center -18px }

@media (max-width:480px) {
.investor-relations td, .investor-relations th { padding: 4px 10px }
}
.car-campaign-configurator.text-hero { padding-top: 280px }
.car-campaign-configurator .extf-image { margin-bottom: 200px }
.car-campaign-configurator .innovations-header { margin-top: 100px }
.car-campaign-configurator .innovations-header h1, .car-campaign-configurator .innovations-header h3 { text-align: center; margin-bottom: .3em }
.car-campaign-configurator .innovations-header h3 { font-size: 1.125em; margin-bottom: 1em; font-family: "Volvo Sans Medium"; float: none }
.car-campaign-configurator .innovations-header .hero-content-box-text { display: block }
.car-campaign-configurator .campaign-color-selector { margin: 60px 0 0 }
.car-campaign-configurator .campaign-color-selector h2 { text-align: center; font-size: 3.375em; line-height: 1.2em }
.car-campaign-configurator .campaign-color-selector ul { text-align: center }
.car-campaign-configurator .campaign-color-selector ul li { margin: -1px 10% 18px }

@media screen and (min-width:769px) {
.car-campaign-configurator .campaign-color-selector ul li { display: inline-block; margin: -1px -1px 0 -3px }
}
.car-campaign-configurator .campaign-color-selector ul li a { display: block; position: relative; border: 1px solid #fff; padding: 10px 22px; margin-left: -1px; text-transform: uppercase; font-size: .8em; text-align: center }
.car-campaign-configurator .campaign-color-selector ul li a strong { display: none; color: #333; position: absolute; z-index: 3; text-align: center; width: 100%; margin-left: -22px; top: 10px; letter-spacing: -1px }
.car-campaign-configurator .campaign-color-selector ul li a.selected { background: #fff; color: #003057 }
.car-campaign-configurator .campaign-color-selector ul li a.out-of-stock { cursor: default; color: #333 }
.car-campaign-configurator .campaign-color-selector ul li a.out-of-stock:hover strong { display: block }

@media screen and (min-width:769px) {
.car-campaign-configurator .campaign-color-selector ul li a { padding: 10px 22px; font-size: .9em; display: inline-block }
.car-campaign-configurator .campaign-color-selector { margin-bottom: 0 }
}
.car-campaign-configurator .extf-body { margin-bottom: 50px }
.car-campaign-configurator .carousel-container { position: relative; height: 550px; margin-bottom: 200px }
.car-campaign-configurator .carousel-container .story-carousel { padding-top: 2em; width: 100%; position: absolute }

@media screen and (min-width:481px) {
.car-campaign-configurator .carousel-container .story-carousel .story-dots { display: block }
.car-campaign-configurator .carousel-container .story-carousel .hero { height: 550px }
}
.car-campaign-configurator .carousel-container .story-carousel .sc-nav { position: absolute; top: 2em; z-index: 999; display: none; width: 30%; height: 550px; padding: 2em; border-bottom: none }
.car-campaign-configurator .carousel-container .story-carousel .sc-nav i { display: block; margin-top: 6.5em; font-size: 2em }
.car-campaign-configurator .carousel-container .story-carousel .sc-nav.button-back { left: 0; text-align: left }
.car-campaign-configurator .carousel-container .story-carousel .sc-nav.button-next { right: 0; text-align: right }
.car-campaign-configurator .items-list-wrapper .items-list .il-large { width: 100% }

@media screen and (min-width:481px) {
.car-campaign-configurator .items-list-wrapper .items-list .il-large { width: 48.5%; margin-right: 3% }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-single { margin-right: 0; width: 100% }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-single:nth-child(odd) { margin-left: 0 }
}

@media screen and (min-width:769px) {
.car-campaign-configurator .carousel-container .story-carousel .sc-nav { display: block }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-single { margin-right: 0; width: 50% }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-single:nth-child(odd) { margin-left: 25% }
}
.car-campaign-configurator .items-list-wrapper .items-list .il-large .select-model { border-top: 0 }
.car-campaign-configurator .items-list-wrapper .items-list .il-large .select-model .button { margin-right: 20px }
.car-campaign-configurator .items-list-wrapper .items-list .il-large .select-model .button.button-disabled { background: 0 0; border: 1px solid #333; color: #333; cursor: default }
.car-campaign-configurator .items-list-wrapper .items-list .il-large:nth-child(odd) { margin-left: 0 }
.car-campaign-configurator .items-list-wrapper .items-list .il-large:nth-child(even) { margin-left: 0; margin-right: 0; margin-bottom: 5em }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model { background: #fff; color: #003057; padding: 30px }

@media screen and (min-width:769px) {
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model { padding: 30px 70px }
}
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info { padding-bottom: 75px }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .cl-detail .cl-description, .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .cl-detail font, .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .extf-content, .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .story-carousel .story-content, .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .support-area, .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info p, .cl-detail .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .cl-description, .cl-detail .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info font, .story-carousel .car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .model-info .story-content { color: #003057 }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .button { color: #003057; border: 1px solid #003057 }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .button:hover { color: #fff; background: #003057 }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option-selected .select-model .button.button-disabled { background: 0 0; border: 1px solid #DDD; color: #DDD }
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option .select-model { border: 1px solid #333; padding: 30px }

@media screen and (min-width:769px) {
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option .select-model { padding: 30px 70px }
}
.car-campaign-configurator .items-list-wrapper .items-list .il-large.il-option .select-model .model-info { margin-bottom: 75px }
.car-campaign-configurator .items-list-wrapper .items-list .il-large img { display: block }
.car-campaign-configurator .items-list-wrapper .items-list .il-medium { width: 100%; text-align: center }

@media screen and (min-width:481px) {
.car-campaign-configurator .items-list-wrapper .items-list .il-large:nth-child(even) { margin-left: 0; margin-right: 0 }
.car-campaign-configurator .items-list-wrapper .items-list .il-medium { margin-right: 3.48259%; width: 31.01161% }
}
.car-campaign-configurator .items-list-wrapper .items-list .il-medium:last-child { margin-right: 0 }
.car-campaign-configurator .dealer-locator { margin: 200px auto auto; max-width: 79.125em; overflow: inherit; height: 280px }
.car-campaign-configurator .dealer-locator .dealer-locator-form { width: 100%; padding: 14px 0; top: -200px }
.car-campaign-configurator .dealer-locator .dealer-locator-form h4 { margin-bottom: 40px; text-align: center; font-weight: 400; font-size: 1em; text-transform: none }
.car-campaign-configurator .dealer-locator .dealer-locator-form h4 span { font-weight: 700 }
.car-campaign-configurator .dealer-locator .dealer-locator-form h3.no-results { text-align: center }
.car-campaign-configurator .dealer-locator .dealer-locator-form .cl-detail .no-results.cl-description, .car-campaign-configurator .dealer-locator .dealer-locator-form .cl-detail font.no-results, .car-campaign-configurator .dealer-locator .dealer-locator-form .no-results.extf-content, .car-campaign-configurator .dealer-locator .dealer-locator-form .no-results.support-area, .car-campaign-configurator .dealer-locator .dealer-locator-form .story-carousel .no-results.story-content, .car-campaign-configurator .dealer-locator .dealer-locator-form p.no-results, .cl-detail .car-campaign-configurator .dealer-locator .dealer-locator-form .no-results.cl-description, .cl-detail .car-campaign-configurator .dealer-locator .dealer-locator-form font.no-results, .story-carousel .car-campaign-configurator .dealer-locator .dealer-locator-form .no-results.story-content { display: block; color: #fff; text-align: center; max-width: 100%; width: 100%; margin-top: 5px; background: 0 0; border: 0 }
.car-campaign-configurator .dealer-locator .dealer-locator-form .toggle-list { display: none; text-align: center }
.car-campaign-configurator .dealer-locator .dealer-locator-form input#dealer-locator-search { width: 100%; margin: auto; color: #000 }

@media screen and (min-width:769px) {
.car-campaign-configurator .dealer-locator .dealer-locator-form input#dealer-locator-search { width: 40% }
}
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller { padding-top: 0; left: 0; opacity: 1 }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle { background: 0 0 }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .dealer-marker { color: #999 }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .dealer-marker .icon-checkmark { font-size: 12px; letter-spacing: 0; color: #fff; position: absolute; top: 8px; left: 0; width: 29px; height: 30px; text-align: center }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text { color: #003057; white-space: normal }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .cl-detail .cl-description, .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .cl-detail font, .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .extf-content, .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .story-carousel .story-content, .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .support-area, .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text p, .cl-detail .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .cl-description, .cl-detail .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text font, .story-carousel .car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle .text .story-content { margin-top: 15px; color: #003057 }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle.selected { background: #fff }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle.selected .dealer-marker { color: #003057 }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle.selected .dealer-marker span { display: none }
.car-campaign-configurator .dealer-locator .dealer-locator-list-scroller .accordion-panel-toggle.selected .dealer-marker .hidden { display: block }

@media screen and (min-width:0) {
.car-campaign-configurator .dealer-locator { margin-left: .875em; margin-right: .875em }
}

@media screen and (min-width:481px) {
.car-campaign-configurator .dealer-locator { height: 420px; margin-left: 2.625em; margin-right: 2.625em }
}

@media screen and (min-width:1140px) {
.car-campaign-configurator .dealer-locator { height: 640px; margin-left: auto; margin-right: auto }
}
.car-campaign-configurator .order-ready { background: #333; padding: 4em 0 2em; margin: 5em 0 10em }
.car-campaign-configurator .order-ready h2 { margin-bottom: 60px }
.car-campaign-configurator .order-ready h3.ordered-version { text-transform: none; margin: -15px 0 25px; font-size: 2em; letter-spacing: 0; line-height: 1em; color: #fff }
.car-campaign-configurator .order-ready h4 { margin: 1.5em 0 1.6em; color: #fff }
.car-campaign-configurator .order-ready strong { color: #fff }
.car-campaign-configurator .order-ready .button.button-disabled { background: 0 0; border: 1px solid #414146; color: #414146; cursor: default }
.visibly-hidden { visibility: hidden!important }
HTML.no-csstransforms.lt-ie9 .car-campaign-configurator .dealer-locator .dealer-locator-form { width: 100%; padding: 42px 0 }
HTML.no-csstransforms.lt-ie9 .hero { clear: both }
.lt-ie9 .theme-dark .items-list .slvzr-nth-child402n43141.il-medium { float: none; display: inline-block }
.lt-ie9 .theme-dark .items-list .slvzr-nth-child402n43141.il-medium.slvzr-nth-child403n41 { margin-bottom: 5em }

@media print {
.cl-detail body .cl-description, .cl-detail body font, .innovations-header body h3, .story-carousel body .story-content, body, body .cl-detail .cl-description, body .cl-detail font, body .extf-content, body .innovations-header h3, body .story-carousel .story-content, body .support-area, body a, body h1, body h2, body h3, body h4, body h5, body h6, body i, body p, body strong { color: #000!important }
body { width: 100%!important }
.cl-detail body .cl-description, .cl-detail body font, .story-carousel body .story-content, body .cl-detail .cl-description, body .cl-detail font, body .extf-content, body .story-carousel .story-content, body .support-area, body p { max-width: 100% }
}
.expanded .accordion-component li .accordion-panel-toggle { border-bottom: none }
.theme-dark .accordion-component li .accordion-panel-toggle { color: #000 }
.accordion-component li .accordion-content { background: #f0f0f0; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7 }
.accordion-component li .accordion-content>div { padding: 0 21px }
.accordion-component li .accordion-content .cl-detail .cl-description, .accordion-component li .accordion-content .cl-detail font, .accordion-component li .accordion-content .extf-content, .accordion-component li .accordion-content .story-carousel .story-content, .accordion-component li .accordion-content .support-area, .accordion-component li .accordion-content p, .cl-detail .accordion-component li .accordion-content .cl-description, .cl-detail .accordion-component li .accordion-content font, .story-carousel .accordion-component li .accordion-content .story-content { max-width: 100%; margin: 15px 0 }
.accordion-component li:last-child .accordion-content>div { border-bottom: 1px solid #e7e7e7 }
.theme-dark li .accordion-panel-toggle { color: #003057 }
.theme-dark li .accordion-panel-toggle:hover { color: #5b7f95 }
.cl-detail .theme-dark li .accordion-content .cl-description, .cl-detail .theme-dark li .accordion-content font, .story-carousel .theme-dark li .accordion-content .story-content, .theme-dark li .accordion-content .cl-detail .cl-description, .theme-dark li .accordion-content .cl-detail font, .theme-dark li .accordion-content .extf-content, .theme-dark li .accordion-content .story-carousel .story-content, .theme-dark li .accordion-content .support-area, .theme-dark li .accordion-content p { color: #000 }
.theme-dark li .accordion-content a { color: #003057; border-color: #003057 }
.theme-dark li .accordion-content a:hover { color: #5b7f95 }
.cl-wrapper.filterable .filters { max-width: 79.125em; margin-left: auto; margin-right: auto }
.cl-wrapper.filterable .filters:after, .cl-wrapper.filterable .filters:before { content: " "; display: table }
.cl-wrapper.filterable .filters:after { clear: both }
.cl-wrapper.filterable .filters li { float: left; padding: 20px; width: 100% }

@media screen and (min-width:481px) {
.cl-wrapper.filterable .filters li { width: 50% }
}
.cl-wrapper.filterable .filters li label { float: left; font-size: 1.25em; font-weight: 400; margin: 10px 20px 0 0; text-transform: uppercase; text-align: left }
.cl-wrapper.filterable .filters li .select-wrapper { float: left; width: 100%; position: relative }
.cl-wrapper.filterable .filters li .select-wrapper:after { content: "\E001"; font-family: volvo-icons; font-size: 1.8em; font-weight: 400; position: absolute; top: 10px; right: 8px; pointer-events: none }
.cl-wrapper.filterable .filters li .select-wrapper select { width: 100% }

@media screen and (min-width:992px) {
.cl-wrapper.filterable .filters li .select-wrapper { width: 44% }
}

@media screen and (min-width:79.125em) {
.cl-wrapper.filterable .filters li .select-wrapper { width: 59% }
}
.cl-wrapper.filterable .filter-results { padding: 0 }
.cl-wrapper.filterable .filter-results .cl-list-item { padding: 20px 42px }
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles { padding: 35px 42px; display: none }
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles .cl-list-info { margin-top: 0 }
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles .cl-list-info dd { font-size: 1.5em }
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles .cl-list-info dd:first-child { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles .cl-list-info dd:first-child:last-child { margin-right: 0 }
.cl-wrapper.filterable .filter-results .cl-list-item.no-results { font-size: 1.5em; padding: 35px 42px }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info { margin-top: 15px; float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info:last-child { margin-right: 0 }

@media screen and (min-width:481px) {
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info { float: left; display: block; margin-right: 3.48259%; width: 74.12935% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info:last-child { margin-right: 0 }
}
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dt { float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dt:last-child { margin-right: 0 }

@media screen and (min-width:769px) {
.cl-wrapper.filterable .filter-results .cl-list-item.filter-item-titles { display: block }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dt { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dt:last-child { margin-right: 0 }
}
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dd { float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dd:last-child { margin-right: 0 }

@media screen and (min-width:769px) {
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dd { float: left; display: block; margin-right: 4.69799%; width: 30.20134% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-info dd:last-child { margin-right: 0 }
}
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 100% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-cta:last-child { margin-right: 0 }

@media screen and (min-width:481px) {
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-cta { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.cl-wrapper.filterable .filter-results .cl-list-item .cl-list-cta:last-child { margin-right: 0 }
.sitemap { -webkit-columns: 2; -moz-columns: 2; columns: 2 }
}
.filter-results .hidden { display: none!important }
.campaign-order table.contact-options td { text-align: right; border-color: #333 }
.campaign-order table.contact-options td.option-description { text-align: left; width: 60% }

@media screen and (min-width:0) and (max-width:540px) {
.campaign-order table.contact-options td.option-description { width: 40% }
}
.campaign-order .car-package-content .button { margin-left: 0 }
.campaign-order .car-package-content img { -webkit-transform: scale(1.5); transform: scale(1.5) }
.campaign-order .purchase-package-form { border-top: solid 1px #333; border-bottom: none }
.campaign-order .purchase-package-form .dropdown-wrapper { background-color: #fff; margin-bottom: .75em; width: 100%; margin-left: 0 }
.campaign-order .purchase-package-form .dropdown-wrapper .dropdown-angle, .campaign-order .purchase-package-form .dropdown-wrapper .dropdown-fallback { color: #000 }
.campaign-order .purchase-package-form .dropdown-wrapper a { color: #000; line-height: 48px }
.campaign-order .purchase-package-form .dropdown-wrapper .dropdown { background: #fff }
.campaign-order .purchase-package-form h3 { margin-top: 42px }
.campaign-order .purchase-package-form input[type=text] { color: #000 }

@media screen and (min-width:769px) {
.campaign-order .purchase-package-form .purchase-package-container .confirmation-summary { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.campaign-order .purchase-package-form .purchase-package-container .confirmation-summary:last-child { margin-right: 0 }
}
.campaign-order .framed-block { border: 1px solid #333; padding: 14px 14px 14px 30px; margin: 30px 0 }
.campaign-order .contact-options span { display: block }
.campaign-order .contact-options span strong { float: right; padding-right: 15px }
.campaign-order .dealer-picker .icon-checkmark { color: #000; position: absolute; z-index: 2; top: 15px; left: 11px }
.campaign-order .dealer-picker .dealer-picker-item.active { border-color: #333 }
.campaign-order .dealer-picker .dealer-picker-item:hover { cursor: default }
.campaign-order .payment-methods { background: #333; display: inline-block; padding: 10px; border-radius: .1875em; margin-bottom: 20px }
.campaign-order .payment-methods li { padding: 10px; margin: 10px; background: #fff }

@media print {
body, html { width: 100%!important }
.cl-detail body .cl-description, .cl-detail body font, .innovations-header body h3, .story-carousel body .story-content, body, body .cl-detail .cl-description, body .cl-detail font, body .extf-content, body .innovations-header h3, body .story-carousel .story-content, body .support-area, body a, body h1, body h2, body h3, body h4, body h5, body h6, body i, body p, body strong { color: #000!important }
.cl-detail body .cl-description, .cl-detail body font, .story-carousel body .story-content, body .cl-detail .cl-description, body .cl-detail font, body .extf-content, body .story-carousel .story-content, body .support-area, body p { max-width: 100% }
}
.sitemap { font-size: .75em; padding-right: 20% }
.sitemap a { border-bottom: 0 }
.sitemap ul { padding-bottom: 0; list-style-type: square }
.sitemap li { margin-left: 15px }
.sitemap>li { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid }
.sitemap-title { padding-left: 15px }
#notification-bar { -webkit-transition: height .2s; transition: height .2s; transform: translateZ(0); position: fixed; top: 70px; height: 70px; width: 100%; background-color: #fff; z-index: 999 }
@-webkit-keyframes fadein {
from {
height:0
}
to {
height:95px
}
}
@keyframes fadein {
from {
height:0
}
to {
height:95px
}
}
@-webkit-keyframes fadeout {
from {
height:95px
}
to {
height:0
}
}
@keyframes fadeout {
from {
height:95px
}
to {
height:0
}
}
.notification-bar { position: absolute; top: 50px; left: 0; width: 100%; z-index: 999 }
.is-subnav-fixed-on .notification-bar { position: fixed; top: 0 }
.notification-bar .notification { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: fadein .3s; animation: fadein .3s; display: none; position: absolute; width: 100%; padding: 16px 40px; background-color: #fff; color: #000; height: 95px }
.notification-bar .notification:first-child { display: block }
.notification-bar .notification .texts { max-width: 390px; display: inline-block; vertical-align: middle }
.notification-bar .notification .button { display: inline-block; vertical-align: middle; margin: 8px 60px 0 17px; padding-top: 11px; padding-bottom: 11px; border-color: #000; color: #000; border-width: 1px; font-size: 1em; line-height: 26px; float: right }
.notification-bar .notification .button:hover { background-color: transparent }
.notification-bar .notification .close { border: none; font-size: 28px; color: #000; line-height: 28px; position: absolute; right: 40px; top: 50%; margin-top: -14px }
.notification-bar .notification h3 { font-size: 1.25em; text-transform: none; margin: 0 }
.cl-detail .notification-bar .notification .cl-description, .cl-detail .notification-bar .notification font, .notification-bar .notification .cl-detail .cl-description, .notification-bar .notification .cl-detail font, .notification-bar .notification .extf-content, .notification-bar .notification .story-carousel .story-content, .notification-bar .notification .support-area, .notification-bar .notification p, .story-carousel .notification-bar .notification .story-content { font-size: .8125em; margin: 0 }
.notification-bar .notification:before { content: ''; position: absolute; width: 7px; height: 100%; left: 0; top: 0 }
.notification-bar .notification.error:before { background-color: #e87722 }
.notification-bar .notification.info:before { background-color: #145081 }
.notification-bar .notification.removing { -webkit-animation: fadeout .3s; animation: fadeout .3s }

@media screen and (min-width:540px) {
.notification-bar { top: 70px }
}
.notification-list { font-size: 18px; line-height: 25px; text-transform: none; color: #000 }
.notification-list a { font-family: "Volvo Sans Regular"; color: inherit; letter-spacing: 0 }
.notification-list-header, .notification-list-items a { font-family: "Volvo Sans Medium" }
.notification-list a:hover { color: #4d4e53; border-color: #4d4e53 }
.notification-list-header { padding: 20px; background-color: #000; color: #fff }
.notification-list-options { float: right; display: inline-block }
.notification-list-options a { font-size: 16px; border: none; float: left; line-height: normal }
.notification-list-options a:hover { color: #DDD }
.notification-list-options a+a:before { content: ''; float: left; display: block; width: 1px; height: 12px; background-color: #fff; margin: 7px 14px }
.find-your-volvo .m-center, .find-your-volvo .top-row { margin-left: auto; margin-right: auto }
.notification-list-options i, .notification-list-options span { display: inline-block; vertical-align: top }
.notification-list-empty-message, .notification-list-footer, .notification-list-items a { display: block; background-color: #fff; padding: 20px }
.notification-list-empty-message, .notification-list-items li { border-bottom: 1px solid #BCBBB6 }
.notification-list-items a { border: none }
.notification-list-empty-message { font-size: 13px }
.notification-list-footer { text-align: center }
.notification-list-empty .notification-list-items, .notification-list-empty .notification-list-items+.notification-list-footer, .notification-list-empty-message, .notification-list-empty-message+.notification-list-footer { display: none }
.notification-list-empty .notification-list-empty-message, .notification-list-empty .notification-list-empty-message+.notification-list-footer { display: block }
.notification-dropdown { position: relative; line-height: normal; box-sizing: content-box; vertical-align: middle; width: 30px }
.notification-dropdown>a { color: inherit; border: none; position: absolute; display: block; box-sizing: border-box; top: 50%; height: 30px; width: 30px; margin-top: -15px }
.notification-dropdown>a .icon { font-size: 30px; line-height: normal; display: block }
.notification-dropdown>a .badge { display: none; position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 9px; background-color: #fff; color: #000; line-height: 18px; text-align: center; font-size: 13px; font-family: "Volvo Sans Bold" }
.nav-drop-on .notification-dropdown>a .badge { background-color: #5b7f95; color: #fff }
.nav-drop-on .notification-dropdown { color: #5b7f95 }
.nav-drop-on .notification-dropdown:hover { color: #003057 }
.nav-drop-on .notification-dropdown:hover>a.icon .badge { background-color: #003057 }
.notification-dropdown:hover:after { display: none }
.notification-dropdown .notification-list { display: none; position: absolute; top: 70px; left: -510px; padding-top: 11px; width: 570px }
.notification-dropdown .notification-list:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #161618; border-bottom-color: rgba(22,22,24,.9); top: 1px; right: 22px }
.fyv-theme-wrapper.theme-dark { background-color: #000 }
.theme-dark .find-your-volvo, .theme-dark .find-your-volvo .background.faded { background-color: #fff }
.find-your-volvo-overlay { overflow: visible; margin-bottom: 100px }
.find-your-volvo-overlay.overlay-show { overflow: visible }
.find-your-volvo-overlay .content { padding-top: 0!important }
.find-your-volvo-overlay .content ul.inline { width: 100% }
.find-your-volvo-overlay .content ul.inline li { display: inline-block; width: 100%; min-height: 100px }

@media (min-width:769px) {
.find-your-volvo-overlay .content ul.inline li { width: 49.5% }
}
.lt-ie9 .find-your-volvo-overlay .content ul.inline li { width: 100% }

@media (min-width:769px) {
.lt-ie9.csstransforms .find-your-volvo-overlay .content ul.inline li { width: 49.5% }
}
.find-your-volvo-overlay .content ul.inline li.image>div, .find-your-volvo-overlay .content ul.inline li.image>img { vertical-align: bottom; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
.find-your-volvo-overlay .content ul.inline li.copy { vertical-align: top; padding: 20px 10px 10px }
.find-your-volvo-overlay .overlay-close { color: #fff }

@media (min-width:481px) {
.find-your-volvo-overlay .overlay-close { top: -60px!important; font-size: 30px; color: #fff }
}
.cl-detail .theme-dark .find-your-volvo .cl-description, .cl-detail .theme-dark .find-your-volvo .v-center.cl-description, .cl-detail .theme-dark .find-your-volvo font, .cl-detail .theme-dark .find-your-volvo font.v-center, .find-your-volvo, .story-carousel .theme-dark .find-your-volvo .story-content, .story-carousel .theme-dark .find-your-volvo .v-center.story-content, .theme-dark .find-your-volvo .cl-detail .cl-description, .theme-dark .find-your-volvo .cl-detail .v-center.cl-description, .theme-dark .find-your-volvo .cl-detail font, .theme-dark .find-your-volvo .cl-detail font.v-center, .theme-dark .find-your-volvo .extf-content, .theme-dark .find-your-volvo .story-carousel .story-content, .theme-dark .find-your-volvo .story-carousel .v-center.story-content, .theme-dark .find-your-volvo .support-area, .theme-dark .find-your-volvo .v-center.extf-content, .theme-dark .find-your-volvo .v-center.support-area, .theme-dark .find-your-volvo p, .theme-dark .find-your-volvo p.v-center { color: #003057 }
.find-your-volvo { position: relative; width: 100%; min-height: 800px; height: auto; text-align: center }
.theme-dark .find-your-volvo a.button { color: #003057; border-color: #003057 }
.find-your-volvo .show-for-not-lt-ie9 { display: block!important }
.find-your-volvo .show-for-extra-large-up, .find-your-volvo .show-for-large, .find-your-volvo .show-for-large-up, .find-your-volvo .show-for-lt-ie9, .find-your-volvo .show-for-medium, .find-your-volvo .show-for-medium-up, .find-your-volvo .show-for-small { display: none!important }
.lt-ie9 .find-your-volvo .show-for-lt-ie9 { display: block!important }
.lt-ie9 .find-your-volvo .show-for-not-lt-ie9 { display: none!important }

@media (max-width:481px) {
.find-your-volvo .show-for-small { display: block!important }
}

@media (min-width:481px) and (max-width:769px) {
.find-your-volvo .show-for-medium { display: block!important }
}

@media (min-width:769px) and (max-width:79.125em) {
.find-your-volvo .show-for-large { display: block!important }
}

@media (min-width:481px) {
.find-your-volvo .show-for-medium-up { display: block!important }
}

@media (min-width:769px) {
.find-your-volvo .show-for-large-up { display: block!important }
}

@media (min-width:79.125em) {
.find-your-volvo .show-for-extra-large-up { display: block!important }
}
.find-your-volvo .t-center { text-align: center }
.find-your-volvo .button { font-size: 16px }
.cl-detail .find-your-volvo .title.cl-description, .cl-detail .find-your-volvo font.title, .find-your-volvo .cl-detail .title.cl-description, .find-your-volvo .cl-detail font.title, .find-your-volvo .story-carousel .title.story-content, .find-your-volvo .title.extf-content, .find-your-volvo .title.support-area, .find-your-volvo p.title, .story-carousel .find-your-volvo .title.story-content { font-size: 20px; font-family: "Volvo Sans Medium" }
.find-your-volvo .button.no-border { border: transparent; text-decoration: underline; background-color: transparent }
.find-your-volvo .button.no-border:hover { background-color: transparent; color: #5b7f95; border: none }

@media (min-width:1280px) {
.find-your-volvo { min-height: 800px }
}
.find-your-volvo .innovations-header h3, .find-your-volvo h1, .innovations-header .find-your-volvo h3 { margin-bottom: 52px }
.find-your-volvo [data-level-id] { margin-bottom: 1.33em }
.cl-detail .find-your-volvo [data-level-id] .cl-description:last-child, .cl-detail .find-your-volvo [data-level-id] font:last-child, .cl-detail .lt-ie9 .find-your-volvo [data-level-id] .cl-description, .cl-detail .lt-ie9 .find-your-volvo [data-level-id] font, .find-your-volvo [data-level-id] .cl-detail .cl-description:last-child, .find-your-volvo [data-level-id] .cl-detail font:last-child, .find-your-volvo [data-level-id] .extf-content:last-child, .find-your-volvo [data-level-id] .story-carousel .story-content:last-child, .find-your-volvo [data-level-id] .support-area:last-child, .find-your-volvo [data-level-id] p:last-child, .lt-ie9 .find-your-volvo [data-level-id] .cl-detail .cl-description, .lt-ie9 .find-your-volvo [data-level-id] .cl-detail font, .lt-ie9 .find-your-volvo [data-level-id] .extf-content, .lt-ie9 .find-your-volvo [data-level-id] .story-carousel .story-content, .lt-ie9 .find-your-volvo [data-level-id] .support-area, .lt-ie9 .find-your-volvo [data-level-id] p, .story-carousel .find-your-volvo [data-level-id] .story-content:last-child, .story-carousel .lt-ie9 .find-your-volvo [data-level-id] .story-content { padding-bottom: 1.33em }
.cl-detail .find-your-volvo [data-feature-id] .cl-description:last-child, .cl-detail .find-your-volvo [data-feature-id] font:last-child, .cl-detail .find-your-volvo [data-level-id] .cl-description:last-child, .cl-detail .find-your-volvo [data-level-id] font:last-child, .find-your-volvo [data-feature-id] .cl-detail .cl-description:last-child, .find-your-volvo [data-feature-id] .cl-detail font:last-child, .find-your-volvo [data-feature-id] .extf-content:last-child, .find-your-volvo [data-feature-id] .story-carousel .story-content:last-child, .find-your-volvo [data-feature-id] .support-area:last-child, .find-your-volvo [data-feature-id] p:last-child, .find-your-volvo [data-level-id] .cl-detail .cl-description:last-child, .find-your-volvo [data-level-id] .cl-detail font:last-child, .find-your-volvo [data-level-id] .extf-content:last-child, .find-your-volvo [data-level-id] .story-carousel .story-content:last-child, .find-your-volvo [data-level-id] .support-area:last-child, .find-your-volvo [data-level-id] p:last-child, .story-carousel .find-your-volvo [data-feature-id] .story-content:last-child, .story-carousel .find-your-volvo [data-level-id] .story-content:last-child { border-bottom: 2px solid transparent }
.cl-detail .find-your-volvo [data-feature-id]:hover .cl-description:last-child, .cl-detail .find-your-volvo [data-feature-id]:hover font:last-child, .cl-detail .find-your-volvo [data-level-id]:hover .cl-description:last-child, .cl-detail .find-your-volvo [data-level-id]:hover font:last-child, .find-your-volvo [data-feature-id]:hover .cl-detail .cl-description:last-child, .find-your-volvo [data-feature-id]:hover .cl-detail font:last-child, .find-your-volvo [data-feature-id]:hover .extf-content:last-child, .find-your-volvo [data-feature-id]:hover .story-carousel .story-content:last-child, .find-your-volvo [data-feature-id]:hover .support-area:last-child, .find-your-volvo [data-feature-id]:hover p:last-child, .find-your-volvo [data-level-id]:hover .cl-detail .cl-description:last-child, .find-your-volvo [data-level-id]:hover .cl-detail font:last-child, .find-your-volvo [data-level-id]:hover .extf-content:last-child, .find-your-volvo [data-level-id]:hover .story-carousel .story-content:last-child, .find-your-volvo [data-level-id]:hover .support-area:last-child, .find-your-volvo [data-level-id]:hover p:last-child, .story-carousel .find-your-volvo [data-feature-id]:hover .story-content:last-child, .story-carousel .find-your-volvo [data-level-id]:hover .story-content:last-child { border-bottom: 2px solid #003057 }
.lt-ie9 .find-your-volvo [data-feature-id], .lt-ie9 .find-your-volvo [data-level-id] { border-bottom: 2px solid transparent }
.lt-ie9 .find-your-volvo [data-feature-id]:hover, .lt-ie9 .find-your-volvo [data-level-id]:hover { border-bottom: 2px solid #003057 }
.lt-ie9.csstransforms .find-your-volvo [data-feature-id]:hover, .lt-ie9.csstransforms .find-your-volvo [data-level-id]:hover { border-bottom: none }
.find-your-volvo .results>.background, .find-your-volvo>.background { position: absolute; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover }
.find-your-volvo .results>.background.faded, .find-your-volvo>.background.faded { opacity: .1; -webkit-filter: grayscale(66%); -moz-filter: grayscale(66%); -o-filter: grayscale(66%); -ms-filter: grayscale(66%); filter: grayscale(66%) }

@media (max-width:481px) {
.find-your-volvo>.background { background-position: 20% center }
}
.find-your-volvo .fyv-content, .find-your-volvo .results>.v-center { position: relative; z-index: 2 }
.find-your-volvo>.fyv-content { position: relative; z-index: 1; width: 100%; height: 100%; min-height: 800px }
.find-your-volvo>.image-mask { z-index: 0; background-color: transparent; background-color: rgba(255,255,255,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
zoom: 1; content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100% }
.find-your-volvo .top-row { position: relative; max-width: 1280px; width: 100%; padding-bottom: 32px }

@media (max-screen:1240px) {
.find-your-volvo .top-row { padding-left: 20px; padding-right: 20px }
}
.find-your-volvo .top-row h4 { width: 100% }
.find-your-volvo .top-row .back, .find-your-volvo .top-row .reload, .find-your-volvo .top-row .reload-placeholder { padding-left: 10px; padding-right: 10px }
.find-your-volvo .top-row .back .icon, .find-your-volvo .top-row .reload .icon, .find-your-volvo .top-row .reload-placeholder .icon { border-radius: 20px; border: 1px solid #003057; font-size: 30px; height: 40px; width: 40px; padding-left: 5px; display: block; -webkit-transition: .3s .1s color, .3s .1s border-color; transition: .3s .1s color, .3s .1s border-color; cursor: pointer }
.find-your-volvo .top-row .back .icon:hover, .find-your-volvo .top-row .reload .icon:hover, .find-your-volvo .top-row .reload-placeholder .icon:hover { background-color: #003057; color: #fff; border: 1px solid #003057 }
.lt-ie9 .find-your-volvo .top-row .back .icon, .lt-ie9 .find-your-volvo .top-row .reload .icon, .lt-ie9 .find-your-volvo .top-row .reload-placeholder .icon { background-color: transparent; border: none }
.lt-ie9 .find-your-volvo .top-row .back .icon:hover, .lt-ie9 .find-your-volvo .top-row .reload .icon:hover, .lt-ie9 .find-your-volvo .top-row .reload-placeholder .icon:hover { color: #5b7f95 }
.find-your-volvo .top-row .reload-placeholder .icon { border: none }
.find-your-volvo .top-row .back .icon { left: 10px; padding-top: 6px; padding-right: 9px }
.find-your-volvo .top-row .reload .icon { float: right; font-size: 22px; right: 10px; padding-top: 6px; padding-right: 6px }
.find-your-volvo .thumbnails { font-size: initial; width: 100% }
.find-your-volvo .overlay-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 0 }
.find-your-volvo .level, .find-your-volvo .results { width: 100%; height: 100% }
.find-your-volvo .level.level-1, .find-your-volvo .level.level-2, .find-your-volvo .results.level-1, .find-your-volvo .results.level-2 { background-color: #fff; min-height: 800px }
.find-your-volvo .level.level-1 .innovations-header h3, .find-your-volvo .level.level-1 h1, .find-your-volvo .level.level-2 .innovations-header h3, .find-your-volvo .level.level-2 h1, .find-your-volvo .results.level-1 .innovations-header h3, .find-your-volvo .results.level-1 h1, .find-your-volvo .results.level-2 .innovations-header h3, .find-your-volvo .results.level-2 h1, .innovations-header .find-your-volvo .level.level-1 h3, .innovations-header .find-your-volvo .level.level-2 h3, .innovations-header .find-your-volvo .results.level-1 h3, .innovations-header .find-your-volvo .results.level-2 h3 { padding-left: 10px; padding-right: 10px }
.find-your-volvo .level .buttons .level-1, .find-your-volvo .results .buttons .level-1 { min-height: 0 }
.find-your-volvo .level.level-2, .find-your-volvo .results.level-2 { cursor: default; color: #003057; padding: 0 }
.find-your-volvo .level.level-2>div, .find-your-volvo .results.level-2>div { position: relative; z-index: 2 }
.find-your-volvo .level.level-2>.background, .find-your-volvo .results.level-2>.background { position: absolute; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: .1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%) }
.find-your-volvo .results { position: relative; padding: 0; background-color: #fff }

@media (min-width:481px) {
.find-your-volvo .results .buttons { padding-bottom: 42px }
}
.find-your-volvo .results .show-for-small { padding-top: 21px; padding-bottom: 21px }
.find-your-volvo .results .row { width: 100% }
.find-your-volvo .results .level2 { height: 215px }
.find-your-volvo .results .level2 .button { margin-left: 10px; margin-right: 10px }
.find-your-volvo .results .level2 h4 { padding-left: 10px; padding-right: 10px; line-height: 1.7em; text-transform: none; margin: 20px }
.find-your-volvo .results .wrapper { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat }

@media (min-width:769px) {
.find-your-volvo .results .wrapper { padding-bottom: 20% }
}
.lt-ie9 .find-your-volvo .results .wrapper { padding-bottom: 0 }
.find-your-volvo .results .wrapper .fluid { height: 100%; width: 100%; position: absolute; padding-top: 21px; padding-bottom: 21px }
.cl-detail .find-your-volvo .results .wrapper .fluid .cl-description, .cl-detail .find-your-volvo .results .wrapper .fluid font, .find-your-volvo .results .wrapper .fluid .cl-detail .cl-description, .find-your-volvo .results .wrapper .fluid .cl-detail font, .find-your-volvo .results .wrapper .fluid .extf-content, .find-your-volvo .results .wrapper .fluid .story-carousel .story-content, .find-your-volvo .results .wrapper .fluid .support-area, .find-your-volvo .results .wrapper .fluid p, .story-carousel .find-your-volvo .results .wrapper .fluid .story-content { color: #fff; font-size: 14px; line-height: 27px; padding-left: 10px; padding-right: 10px; text-align: center }

@media (min-width:481px) {
.cl-detail .find-your-volvo .results .wrapper .fluid .cl-description, .cl-detail .find-your-volvo .results .wrapper .fluid font, .find-your-volvo .results .wrapper .fluid .cl-detail .cl-description, .find-your-volvo .results .wrapper .fluid .cl-detail font, .find-your-volvo .results .wrapper .fluid .extf-content, .find-your-volvo .results .wrapper .fluid .story-carousel .story-content, .find-your-volvo .results .wrapper .fluid .support-area, .find-your-volvo .results .wrapper .fluid p, .story-carousel .find-your-volvo .results .wrapper .fluid .story-content { line-height: 22px; font-size: 16px }
}

@media (min-width:79.125em) {
.find-your-volvo .results .wrapper .fluid { padding-top: 42px; padding-bottom: 0 }
.cl-detail .find-your-volvo .results .wrapper .fluid .cl-description, .cl-detail .find-your-volvo .results .wrapper .fluid font, .find-your-volvo .results .wrapper .fluid .cl-detail .cl-description, .find-your-volvo .results .wrapper .fluid .cl-detail font, .find-your-volvo .results .wrapper .fluid .extf-content, .find-your-volvo .results .wrapper .fluid .story-carousel .story-content, .find-your-volvo .results .wrapper .fluid .support-area, .find-your-volvo .results .wrapper .fluid p, .story-carousel .find-your-volvo .results .wrapper .fluid .story-content { line-height: 26px; font-size: 18px }
}

@media (min-width:768px) and (max-width:79.125em) {
.find-your-volvo .results .wrapper .fluid .button { font-size: 14px }
}
.find-your-volvo .results .wrapper .fluid .button-wrapper { position: absolute; bottom: 21px; width: 100% }
.find-your-volvo .load-overlay { padding: 15px }
.find-your-volvo .level-2>div, .find-your-volvo .level-results>.fyv-content, .find-your-volvo .level-root, .find-your-volvo .level-start { padding-top: 103px }

@media (min-width:769px) {
.find-your-volvo .level-2>div, .find-your-volvo .level-results>.fyv-content, .find-your-volvo .level-root, .find-your-volvo .level-start { padding-top: 139px }
}
.find-your-volvo .level-start .innovations-header h3, .find-your-volvo .level-start h1, .innovations-header .find-your-volvo .level-start h3 { color: #fff; margin-bottom: .4em }
.find-your-volvo .start { cursor: pointer; background-color: transparent; background-color: rgba(255,255,255,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
zoom: 1; border: 20px solid rgba(255,255,255,.5); -webkit-transition: .3s .1s background, .3s .1s border, .3s .1s color; transition: .3s .1s background, .3s .1s border, .3s .1s color; height: 250px; width: 250px; border-radius: 250px; color: #003057; display: block; margin-left: auto; margin-right: auto; background-clip: padding-box }
.lt-ie9 .find-your-volvo .start { -webkit-transition: all .1s linear; transition: all .1s linear; -webkit-appearance: none; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.125em; letter-spacing: .125em; text-transform: uppercase; display: block; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; padding: 13px 30px 11px; line-height: 1.5; margin: .4375em; outline: 0; text-align: center; background-color: transparent; height: auto; color: #003057; border: none }
html[lang=ja-JP] .lt-ie9 .find-your-volvo .start { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .lt-ie9 .find-your-volvo .start { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .lt-ie9 .find-your-volvo .start, html[lang=zh-TW] .lt-ie9 .find-your-volvo .start { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .lt-ie9 .find-your-volvo .start { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .lt-ie9 .find-your-volvo .start { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.lt-ie9 .find-your-volvo .start.button-hover, .lt-ie9 .find-your-volvo .start:hover { color: #fff; border-color: #003057; background-color: #003057 }
.lt-ie9 .find-your-volvo .start.button-active, .lt-ie9 .find-your-volvo .start:active { color: #fff; background-color: #5b7f95; border-color: #5b7f95 }
.lt-ie9.csstransforms .find-your-volvo .start { background-color: transparent; height: auto; border-radius: 0 }
.lt-ie9.csstransforms .find-your-volvo .start:hover { color: #003057 }
.cl-detail .find-your-volvo .start .cl-description, .cl-detail .find-your-volvo .start font, .find-your-volvo .start .cl-detail .cl-description, .find-your-volvo .start .cl-detail font, .find-your-volvo .start .extf-content, .find-your-volvo .start .story-carousel .story-content, .find-your-volvo .start .support-area, .find-your-volvo .start p, .story-carousel .find-your-volvo .start .story-content { font-size: 50px }
.find-your-volvo .start .round-button { width: 100%; height: 100%; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 38px }
html[lang=ja-JP] .find-your-volvo .start .round-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .find-your-volvo .start .round-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .find-your-volvo .start .round-button, html[lang=zh-TW] .find-your-volvo .start .round-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .find-your-volvo .start .round-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .find-your-volvo .start .round-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.find-your-volvo .start:hover { background-color: transparent; background-color: rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
zoom: 1; border: 20px solid rgba(255,255,255,.7); color: #5b7f95; background-clip: padding-box }
.lt-ie9 .find-your-volvo .start:hover { border: none }
.find-your-volvo .hide, .find-your-volvo.hide { display: none!important }
.find-your-volvo .buttons { width: 100%; list-style-type: none; max-width: 1280px; margin-left: auto; margin-right: auto; background-color: transparent }

@media (min-width:768px) {
.find-your-volvo .buttons>li { width: 33%; vertical-align: top; display: inline-block; padding: 0; margin: 0 }
.find-your-volvo .buttons>li:before { padding-top: 100% }
}
.find-your-volvo .buttons>li[data-level-id] { background-color: transparent; vertical-align: top; cursor: pointer }
.cl-detail .find-your-volvo .buttons>li>.cl-description, .cl-detail .find-your-volvo .buttons>li>font, .find-your-volvo .buttons>li>.extf-content, .find-your-volvo .buttons>li>.support-area, .find-your-volvo .buttons>li>h4, .find-your-volvo .buttons>li>p, .find-your-volvo .cl-detail .buttons>li>.cl-description, .find-your-volvo .cl-detail .buttons>li>font, .find-your-volvo .story-carousel .buttons>li>.story-content, .story-carousel .find-your-volvo .buttons>li>.story-content { max-width: 250px; margin-left: auto; margin-right: auto }
.find-your-volvo .buttons>li .image { margin-bottom: 25px; width: 250px; height: 250px; display: block; margin-left: auto; margin-right: auto }
.lt-ie9 .find-your-volvo .buttons>li .image { border-radius: 0 }
.find-your-volvo .v-center-parent, .find-your-volvo.v-center-parent { display: table }
.find-your-volvo .v-center-parent .v-center, .find-your-volvo.v-center-parent .v-center { display: table-cell; vertical-align: middle }
.find-your-volvo .results-details { margin-bottom: 21px; max-width: 1280px }

@media (min-width:769px) {
.find-your-volvo .results-details { margin-bottom: 42px }
}
.find-your-volvo .results-details>li.results-item { text-align: left }

@media (max-width:481px) {
.find-your-volvo .results-details>li.results-item.wrapper { padding-bottom: 40%; width: 100% }
}

@media (min-width:481px) and (max-width:769px) {
.find-your-volvo .results-details>li.results-item.wrapper { padding-bottom: 40%; width: 45.5% }
}

@media (min-width:481px) {
.find-your-volvo .results-details>li.results-item { width: 48.2%; margin-bottom: 1em; display: inline-block; vertical-align: top }
.find-your-volvo .results-details>li.results-item:nth-child(odd) { margin-left: 0 }
}
.find-your-volvo .results-details>li.results-item .button { font-size: 16px; width: 100%; margin-top: 42px }
.cl-detail .find-your-volvo .results-details>li.results-item .cl-description, .cl-detail .find-your-volvo .results-details>li.results-item font, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description, .find-your-volvo .results-details>li.results-item .cl-detail font, .find-your-volvo .results-details>li.results-item .extf-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content, .find-your-volvo .results-details>li.results-item .support-area, .find-your-volvo .results-details>li.results-item p, .story-carousel .find-your-volvo .results-details>li.results-item .story-content { padding-left: 10px; padding-right: 10px; font-size: 14px; text-align: initial }

@media (min-width:769px) {
.cl-detail .find-your-volvo .results-details>li.results-item .cl-description, .cl-detail .find-your-volvo .results-details>li.results-item font, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description, .find-your-volvo .results-details>li.results-item .cl-detail font, .find-your-volvo .results-details>li.results-item .extf-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content, .find-your-volvo .results-details>li.results-item .support-area, .find-your-volvo .results-details>li.results-item p, .story-carousel .find-your-volvo .results-details>li.results-item .story-content { font-size: 16px }
}

@media (min-width:79.125em) {
.find-your-volvo .results .wrapper .fluid .button-wrapper { bottom: 42px }
.cl-detail .find-your-volvo .results-details>li.results-item .cl-description, .cl-detail .find-your-volvo .results-details>li.results-item font, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description, .find-your-volvo .results-details>li.results-item .cl-detail font, .find-your-volvo .results-details>li.results-item .extf-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content, .find-your-volvo .results-details>li.results-item .support-area, .find-your-volvo .results-details>li.results-item p, .story-carousel .find-your-volvo .results-details>li.results-item .story-content { font-size: 18px }
}
.cl-detail .find-your-volvo .results-details>li.results-item .cl-description+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item .cl-description+.extf-content, .cl-detail .find-your-volvo .results-details>li.results-item .cl-description+.support-area, .cl-detail .find-your-volvo .results-details>li.results-item .cl-description+font, .cl-detail .find-your-volvo .results-details>li.results-item .cl-description+p, .cl-detail .find-your-volvo .results-details>li.results-item .extf-content+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item .extf-content+font, .cl-detail .find-your-volvo .results-details>li.results-item .story-carousel .cl-description+.story-content, .cl-detail .find-your-volvo .results-details>li.results-item .story-carousel .story-content+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item .story-carousel .story-content+font, .cl-detail .find-your-volvo .results-details>li.results-item .story-carousel font+.story-content, .cl-detail .find-your-volvo .results-details>li.results-item .support-area+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item .support-area+font, .cl-detail .find-your-volvo .results-details>li.results-item font+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item font+.extf-content, .cl-detail .find-your-volvo .results-details>li.results-item font+.support-area, .cl-detail .find-your-volvo .results-details>li.results-item font+font, .cl-detail .find-your-volvo .results-details>li.results-item font+p, .cl-detail .find-your-volvo .results-details>li.results-item p+.cl-description, .cl-detail .find-your-volvo .results-details>li.results-item p+font, .cl-detail .story-carousel .find-your-volvo .results-details>li.results-item .story-content+.cl-description, .cl-detail .story-carousel .find-your-volvo .results-details>li.results-item .story-content+font, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+.cl-description, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+.extf-content, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+.support-area, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+font, .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+p, .find-your-volvo .results-details>li.results-item .cl-detail .extf-content+.cl-description, .find-your-volvo .results-details>li.results-item .cl-detail .extf-content+font, .find-your-volvo .results-details>li.results-item .cl-detail .story-carousel .cl-description+.story-content, .find-your-volvo .results-details>li.results-item .cl-detail .story-carousel font+.story-content, .find-your-volvo .results-details>li.results-item .cl-detail .support-area+.cl-description, .find-your-volvo .results-details>li.results-item .cl-detail .support-area+font, .find-your-volvo .results-details>li.results-item .cl-detail font+.cl-description, .find-your-volvo .results-details>li.results-item .cl-detail font+.extf-content, .find-your-volvo .results-details>li.results-item .cl-detail font+.support-area, .find-your-volvo .results-details>li.results-item .cl-detail font+font, .find-your-volvo .results-details>li.results-item .cl-detail font+p, .find-your-volvo .results-details>li.results-item .cl-detail p+.cl-description, .find-your-volvo .results-details>li.results-item .cl-detail p+font, .find-your-volvo .results-details>li.results-item .extf-content+.extf-content, .find-your-volvo .results-details>li.results-item .extf-content+.support-area, .find-your-volvo .results-details>li.results-item .extf-content+p, .find-your-volvo .results-details>li.results-item .story-carousel .cl-detail .story-content+.cl-description, .find-your-volvo .results-details>li.results-item .story-carousel .cl-detail .story-content+font, .find-your-volvo .results-details>li.results-item .story-carousel .extf-content+.story-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content+.extf-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content+.story-content, .find-your-volvo .results-details>li.results-item .story-carousel .story-content+.support-area, .find-your-volvo .results-details>li.results-item .story-carousel .story-content+p, .find-your-volvo .results-details>li.results-item .story-carousel .support-area+.story-content, .find-your-volvo .results-details>li.results-item .story-carousel p+.story-content, .find-your-volvo .results-details>li.results-item .support-area+.extf-content, .find-your-volvo .results-details>li.results-item .support-area+.support-area, .find-your-volvo .results-details>li.results-item .support-area+p, .find-your-volvo .results-details>li.results-item p+.extf-content, .find-your-volvo .results-details>li.results-item p+.support-area, .find-your-volvo .results-details>li.results-item p+p, .story-carousel .cl-detail .find-your-volvo .results-details>li.results-item .cl-description+.story-content, .story-carousel .cl-detail .find-your-volvo .results-details>li.results-item font+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item .cl-detail .cl-description+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item .cl-detail .story-content+.cl-description, .story-carousel .find-your-volvo .results-details>li.results-item .cl-detail .story-content+font, .story-carousel .find-your-volvo .results-details>li.results-item .cl-detail font+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item .extf-content+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item .story-content+.extf-content, .story-carousel .find-your-volvo .results-details>li.results-item .story-content+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item .story-content+.support-area, .story-carousel .find-your-volvo .results-details>li.results-item .story-content+p, .story-carousel .find-your-volvo .results-details>li.results-item .support-area+.story-content, .story-carousel .find-your-volvo .results-details>li.results-item p+.story-content { padding-top: 10px }
.find-your-volvo .results-details>li.results-item>.image, .find-your-volvo .results-details>li.results-item>img { background-color: transparent; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain }
.lt-ie9 .find-your-volvo .results-details>li.results-item>.image, .lt-ie9 .find-your-volvo .results-details>li.results-item>img { height: auto; width: 450px }
.find-your-volvo ul.inline { width: 100% }
.find-your-volvo ul.inline li { width: 50% }
.innovations-header .lt-ie9 .find-your-volvo h3, .lt-ie9 .find-your-volvo .innovations-header h3, .lt-ie9 .find-your-volvo h1 { color: #003057 }
.lt-ie9 .find-your-volvo .background { background-color: #fff; display: none!important }
.innovations-header .lt-ie9.csstransforms .find-your-volvo .level-start h3, .lt-ie9.csstransforms .find-your-volvo .level-start .innovations-header h3, .lt-ie9.csstransforms .find-your-volvo .level-start h1 { color: #fff }
.lt-ie9.csstransforms .find-your-volvo .background { background-color: #fff; display: block!important }
.story-stream { max-width: 79.125em; margin-left: auto; margin-right: auto }
.story-stream-wrapper { width: 100%; padding: 14px }
.story-stream:after, .story-stream:before { content: " "; display: table }
.story-stream:after { clear: both }
.story-stream-header { text-align: center; margin-bottom: 14px }
.story-stream-header .ss-suptitle { margin-bottom: 0 }

@media screen and (min-width:481px) {
.story-stream-wrapper { padding: 42px }
}
.story-stream-items { float: left; display: block; margin-right: 3.48259%; width: 100% }
.story-stream-items:last-child { margin-right: 0 }
.story-stream-item, .story-stream-overlay { width: 100%; margin-bottom: 42px }
.story-stream-item .ss-header, .story-stream-overlay .ss-header { margin: 1px }
.story-stream-item .ss-header .ss-image, .story-stream-overlay .ss-header .ss-image { width: 100%; height: auto }
.story-stream-item .ss-header.has-video, .story-stream-overlay .ss-header.has-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden }
.story-stream-item .ss-header .ss-video, .story-stream-overlay .ss-header .ss-video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.story-stream-item .ss-body, .story-stream-overlay .ss-body { padding: 14px }
.story-stream-item .ss-body>small, .story-stream-overlay .ss-body>small { font-size: 14px }
.story-stream-item .ss-footer, .story-stream-overlay .ss-footer { position: relative; padding: 14px; margin: 1px; min-height: 90px }
.story-stream-item .ss-footer>a:after, .story-stream-item .ss-footer>a:before, .story-stream-overlay .ss-footer>a:after, .story-stream-overlay .ss-footer>a:before { content: " "; display: table }
.story-stream-item .ss-footer>a:after, .story-stream-overlay .ss-footer>a:after { clear: both }
.story-stream-item .ss-footer-avatar, .story-stream-overlay .ss-footer-avatar { position: absolute; left: 14px; top: 14px; height: 48px }
.story-stream-item .ss-footer-subtitle, .story-stream-item .ss-footer-title, .story-stream-overlay .ss-footer-subtitle, .story-stream-overlay .ss-footer-title { position: relative; display: block; margin: 0 62px; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.story-stream-item .ss-footer-title, .story-stream-overlay .ss-footer-title { text-transform: none; line-height: 48px }
.story-stream-item .ss-footer-title.has-subtitle, .story-stream-overlay .ss-footer-title.has-subtitle { line-height: inherit }
.story-stream-item .ss-footer-icon, .story-stream-overlay .ss-footer-icon { position: absolute; font-size: 21px; top: 14px; right: 14px; line-height: 48px }

@media screen and (min-width:680px) and (max-width:980px) {
.story-stream-item, .story-stream-overlay { width: 47%; margin-right: 3% }
.story-stream-item:nth-child(2), .story-stream-overlay:nth-child(2) { margin-right: 0 }
}

@media screen and (min-width:980px) {
.story-stream-item, .story-stream-overlay { width: 30%; margin-right: 3% }
.story-stream-item:nth-child(3), .story-stream-overlay:nth-child(3) { margin-right: 0 }
}
.story-stream-overlay { width: 100% }
.story-stream-overlay-wrapper { width: 100%; max-width: 33em; background-color: transparent; padding: 42px 14px; top: 0 }
.story-stream-overlay .overlay-close { position: absolute; top: 0; right: 14px; font-size: 21px; line-height: 48px; border: 0; padding: 0; cursor: pointer }
.story-stream-overlay .ss-header { top: 1px }
.story-stream-overlay .ss-footer { bottom: 1px }

@media screen and (min-width:680px) and (max-width:980px) {
.story-stream-overlay-wrapper { width: 80% }
}

@media screen and (min-width:980px) {
.story-stream-overlay-wrapper { width: 65% }
}
.theme-dark .story-stream-item, .theme-dark .story-stream-overlay { background-color: #333 }
.theme-dark .story-stream-item .ss-posted, .theme-dark .story-stream-overlay .ss-posted { color: #999 }
.theme-dark .story-stream-item .ss-footer, .theme-dark .story-stream-overlay .ss-footer { background-color: #000 }
.theme-white .story-stream-overlay .overlay-close { color: #fff }
.theme-white .story-stream-item, .theme-white .story-stream-overlay { background-color: #fff }
.theme-white .story-stream-item .ss-posted, .theme-white .story-stream-overlay .ss-posted { color: #999 }
.theme-white .story-stream-item .ss-footer, .theme-white .story-stream-overlay .ss-footer { background-color: #ECECEC }
.wm-header { padding: 14px; margin: 50px auto 0; text-align: center }
.wm-header .wm-logo { border: 0 }
.wm-header .wm-title { line-height: 1em; margin: 30px 0 10px }
.wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0; margin-top: 1em }
html[lang=ja-JP] .wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .wm-header .wm-subtitle, html[lang=zh-TW] .wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .wm-header .wm-subtitle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.wm-header { padding: 42px }
.slider-content-template { padding: 67px 0 80px }
.slider-container { font-family: VolvoSansPro, "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; height: auto }
.slider-container h2 { color: #003158; margin: 0; font-size: 53px; font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.slider-container .story-buttons { display: inline-block; margin: 27px 0 33px }
.slider-container .story-buttons li { display: inline-block; margin-right: -3px }
.slider-container .story-buttons .button-small { font-size: 14px; font-family: "Volvo Sans Regular", VolvoSansPro, "Volvo Sans Medium", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin: 0; height: 50px; line-height: 2em }
.slider-container .arrow { top: 47%; display: none; position: absolute }
.slider-container .arrow.left.active, .slider-container .arrow.right.active { display: block }
.slider-container .arrow.left { left: 3% }
.slider-container .arrow.right { right: 3%; left: auto }
.slider-container .arrow.right.active.icon-angle-right:before { padding: 7px 0 0 3px }
.slider-container .arrow a { border-bottom: none }
.slider-container .arrow:before { width: 40px; font-size: 16px; display: block; border-radius: 50%; border: 1px solid #727275; background: #000; color: #fff; height: 40px; padding: 7px 3px 0 0; font-weight: 700 }
.slider-container .slider-carousel { height: 520px; display: none }
.slider-container .slider-carousel.active { display: block }
.slider-container .slider-carousel .viewpart { overflow: hidden; margin-right: 10%; margin-left: 10%; width: 80%; height: 100%; position: relative }
.slider-container .slider-carousel .carousel-slide { display: none; float: left; width: 31% }
.slider-container .slider-carousel .carousel-slide.first { left: 0; position: absolute }
.slider-container .slider-carousel .carousel-slide.second { left: 35%; position: absolute }
.slider-container .slider-carousel .carousel-slide.third { left: 740px; position: absolute }
.slider-container .slider-carousel .carousel-slide.last { left: -35%; position: absolute }
.slider-container .slider-carousel .carousel-slide.visible { display: inline-block }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content { width: 100%; height: 80%; float: left }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .slide-background { position: relative; width: 100%; height: 34%; display: inline-block }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .slide-background a { border-bottom: none; display: block }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header-mobile, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .readmore-mobile { display: none }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .slide-background img { min-width: 100% }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .slide-background .slider-play-button { position: absolute; top: 0; width: 100%; height: 100% }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header { padding-top: 17px }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header h2 { font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 32px; text-align: left; text-transform: none; color: #003158; margin: 0; letter-spacing: -1px; line-height: 38px }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc { font-family: "Volvo Sans Regular", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding-top: 7px }
.cl-detail .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .cl-description, .cl-detail .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc font, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .cl-detail .cl-description, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .cl-detail font, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .extf-content, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .story-carousel .story-content, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .support-area, .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc p, .story-carousel .slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-desc .story-content { text-align: left }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .readmore { font-family: "Volvo Sans Regular", "Volvo Sans Medium", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; text-align: left; margin-top: 19px }
}

@media screen and (min-width:481px) and (max-width:769px) {
.slider-container .arrow { top: 44%; display: none; position: absolute }
.slider-container .arrow.left.active, .slider-container .arrow.right.active { display: block }
.slider-container .arrow.left { left: 2% }
.slider-container .arrow.right { right: 2%; left: auto }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .slide-background .slider-play-button { top: -3px }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header { display: none }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header-mobile { display: block }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .carousel-slide-header-mobile h4 { margin: 0; font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 20px; text-transform: none; text-align: left }
.slider-container .slider-carousel .carousel-slide .carousel-slide-content .readmore { font-family: "Volvo Sans Regular", "Volvo Sans Medium", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 24px; text-transform: uppercase; margin-top: 20px }
}

@media screen and (min-width:0) and (max-width:481px) {
.slider-container h2 { font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 32px; letter-spacing: -1px; line-height: 38px; margin: 0 }
.slider-container .story-buttons { width: 100%; display: inline-table; padding-left: 5%; padding-right: 5%; margin-top: 15px; margin-bottom: 0 }
.slider-container .story-buttons li { display: table-cell; height: 50px; width: 112px }
.slider-container .story-buttons li .button { margin: 0; padding: 3px 10px; height: 100%; width: 100%; font-family: "Volvo Sans Regular", "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 0 }
.slider-container .arrow, .slider-container .slider-carousel, .slider-container .slider-carousel .story-dots { display: none }
.slider-container .slider-carousel.active { overflow: inherit; display: block }
.slider-container .slider-carousel.active .story-dots { width: 100%; display: block; padding-top: 27px; margin: 0; float: left }
.slider-container .slider-carousel.active .story-dots .slider-dot-button { border-radius: 20px; width: 12px; height: 12px; padding: 0; border: none; background-color: #d1d1d8; margin-left: 10px; margin-right: 10px; display: inline-block }
.slider-container .slider-carousel.active .story-dots .slider-dot-button.button-active { background-color: #003057; opacity: 1 }
.slider-container .slider-carousel.active .carousel-slide { left: 0; display: none; -webkit-transition: left .3s; transition: left .3s }
.slider-container .slider-carousel.active .carousel-slide.active { display: block }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-header, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .readmore { display: none }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .slide-background a { border-bottom: none }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .slide-background img { width: 90%; padding-top: 20px }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .slide-background .slider-play-button { position: absolute; top: 37%; left: 43%; width: 50px; height: 50px; background-size: contain }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-header-mobile { width: 100%; padding-left: 5%; padding-right: 5%; padding-top: 12px }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-header-mobile h4 { margin: 0; font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 20px; text-transform: none }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile { width: 100%; padding-left: 5%; padding-right: 5%; padding-top: 12px; text-align: center }
.cl-detail .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .cl-description, .cl-detail .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile font, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .cl-detail .cl-description, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .cl-detail font, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .extf-content, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .story-carousel .story-content, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .support-area, .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile p, .story-carousel .slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .carousel-slide-desc-mobile .story-content { font-family: "Volvo Sans Regular", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; line-height: 25px }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .readmore-mobile { width: 100%; margin-top: 8px }
.slider-container .slider-carousel.active .carousel-slide .carousel-slide-content .readmore-mobile a { font-family: "Volvo Sans Regular", "Volvo Sans Medium", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 24px; text-transform: uppercase }
.slide-image-carousel-next { left: -380px!important; position: relative }
.slide-image-carousel-prev { left: 380px!important; position: relative }
.story-carousel .story-dots { overflow: inherit }
}
.story-carousel-slider { position: relative; overflow: hidden; text-align: center }
.new-slider-overlay-close { position: absolute; right: 8px; top: 8px; z-index: 9 }

@media screen and (min-width:481px) {
.slider-overlay-content-wrapper, .slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content .bottom, .slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content .top .slider-overlay-fullscreen { display: none }
.slider-overlay.overlay-show.overlay-fullscreen { width: 100%; height: 100%; margin: 0; max-width: 100% }
.slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content { width: 100%; height: 100% }
.slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content .top { margin: 0; height: 100%; min-height: 100%; width: 100% }
.slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content .top .overlay-close.slider-overlay-close { right: 0!important; top: -7px!important }
.slider-overlay.overlay-show.overlay-fullscreen .slider-overlay-content .top img { min-height: 100% }
html.slider-scroll.no-scroll { overflow: auto!important }
.slider-overlay { margin-top: 50px; margin-bottom: 50px; width: 50%; -webkit-transition: none; transition: none; top: 0; overflow: visible }
.slider-overlay-close { opacity: .65 }
.slider-overlay-close:before { width: 40px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 8px 12px 0; background-color: #000; height: 40px; box-sizing: border-box; cursor: pointer; color: #fff }
.slider-overlay-close:hover { opacity: 1 }
.slider-overlay.overlay-hide { -webkit-transform: none; transform: none }
.slider-overlay .slider-overlay-content .top { width: 100%; height: 60%; margin-bottom: 4px }
.slider-overlay .slider-overlay-content .top img { min-width: 100% }
.slider-overlay .slider-overlay-content .top .slider-overlay-fullscreen { position: absolute; right: 4%; top: 50% }
.slider-overlay .slider-overlay-content .top .slider-overlay-fullscreen a { border-bottom: none; color: #fff; font-size: 17px }
.slider-overlay .slider-overlay-content .bottom { height: 40%; padding: 12px 0 34px }
.slider-overlay .slider-overlay-content .bottom .header-mobile { display: none }
.slider-overlay .slider-overlay-content .bottom .header { height: 10%; text-align: center; margin-bottom: 12px }
.slider-overlay .slider-overlay-content .bottom .header h2 { font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin: 0; text-transform: none; font-size: 32px; letter-spacing: -1px; line-height: 38px }
.slider-overlay .slider-overlay-content .bottom .desc { height: auto; overflow: auto; margin-bottom: 16px; padding-left: 50px; padding-right: 50px; text-align: center }
.cl-detail .slider-overlay .slider-overlay-content .bottom .desc .cl-description, .cl-detail .slider-overlay .slider-overlay-content .bottom .desc font, .slider-overlay .slider-overlay-content .bottom .desc .cl-detail .cl-description, .slider-overlay .slider-overlay-content .bottom .desc .cl-detail font, .slider-overlay .slider-overlay-content .bottom .desc .extf-content, .slider-overlay .slider-overlay-content .bottom .desc .story-carousel .story-content, .slider-overlay .slider-overlay-content .bottom .desc .support-area, .slider-overlay .slider-overlay-content .bottom .desc p, .story-carousel .slider-overlay .slider-overlay-content .bottom .desc .story-content { max-width: 100% }
.slider-overlay .slider-overlay-content .bottom .cta { height: 10%; margin: 0; padding-left: 10px; padding-right: 10px }
.slider-overlay .slider-overlay-content .bottom .cta a { height: 50px; line-height: 2em }
}

@media screen and (min-width:481px) and (max-width:769px) {
.slider-overlay { width: 80% }
.slider-overlay .slider-overlay-content .top .slider-overlay-fullscreen { top: 63% }
}

@media screen and (min-width:0) and (max-width:481px) {
.slider-overlay-content-wrapper { display: none }
.slider-overlay { width: 90%; top: 10%; min-height: 0; -webkit-transition: none; transition: none; overflow: visible }
.slider-overlay.overlay-show.overlay-fullscreen { top: 0 }
.slider-overlay-close:before { width: 40px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 8px 12px 0; background-color: #000; height: 40px; box-sizing: border-box; font-weight: 700; cursor: pointer; color: #fff }
.slider-overlay.overlay-hide { -webkit-transform: none; transform: none }
.slider-overlay .slider-overlay-content .top { margin-bottom: 17px; width: 100%; height: 60% }
.slider-overlay .slider-overlay-content .top img { min-width: 100% }
.slider-overlay .slider-overlay-content .top .slider-overlay-fullscreen { position: absolute; right: 4%; top: 39% }
.slider-overlay .slider-overlay-content .top .slider-overlay-fullscreen a { border-bottom: none; color: #fff }
.slider-overlay .slider-overlay-content .bottom { padding: 0 0 1px }
.slider-overlay .slider-overlay-content .bottom .header { display: none }
.slider-overlay .slider-overlay-content .bottom .header-mobile { margin-bottom: 17px }
.slider-overlay .slider-overlay-content .bottom .header-mobile h4 { margin-bottom: 17px; font-family: "Volvo Sans Medium", VolvoSansPro, "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 20px; text-align: center; text-transform: none }
.slider-overlay .slider-overlay-content .bottom .desc { margin-bottom: 16px; padding: 0 30px }
.cl-detail .slider-overlay .slider-overlay-content .bottom .desc .cl-description, .cl-detail .slider-overlay .slider-overlay-content .bottom .desc font, .slider-overlay .slider-overlay-content .bottom .desc .cl-detail .cl-description, .slider-overlay .slider-overlay-content .bottom .desc .cl-detail font, .slider-overlay .slider-overlay-content .bottom .desc .extf-content, .slider-overlay .slider-overlay-content .bottom .desc .story-carousel .story-content, .slider-overlay .slider-overlay-content .bottom .desc .support-area, .slider-overlay .slider-overlay-content .bottom .desc p, .story-carousel .slider-overlay .slider-overlay-content .bottom .desc .story-content { font-family: "Volvo Sans Regular", VolvoSansPro, "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; line-height: 25px; text-align: center }
.slider-overlay .slider-overlay-content .bottom .cta { margin-bottom: 23px }
}
#instantSearch .inner form input, .customsearch, .customsearch .quickLinkSection .quickLinks { font-family: "Volvo Sans Regular", "Volvo Sans Regular" }

@media screen and (max-height:481px) {
#mask.enabled.fade-in.slider-landscape { -webkit-transition: none; transition: none }
#mask.enabled.fade-in.slider-landscape .slider-overlay { width: 100%; height: 100%; margin: 0 }
#mask.enabled.fade-in.slider-landscape .slider-overlay .bottom, #mask.enabled.fade-in.slider-landscape .slider-overlay .slider-overlay-fullscreen { display: none }
}

@media screen and (max-width:769px) {
#mask.enabled.fade-in.slider-portrait { -webkit-transition: none; transition: none; background-color: #000 }
#mask.enabled.fade-in.slider-portrait .slider-overlay { top: 30%; height: auto; margin: 0; width: 100%; line-height: 0 }
#mask.enabled.fade-in.slider-portrait .slider-overlay .bottom, #mask.enabled.fade-in.slider-portrait .slider-overlay .slider-overlay-fullscreen { display: none }
}

@media (min-width:1200px) {
.img-slider-fullscreen { height: auto!important }
}
.theme-dark { background-color: #000; color: #fff }
.cl-detail .theme-dark .cl-description, .cl-detail .theme-dark font, .story-carousel .theme-dark .story-content, .theme-dark .cl-detail .cl-description, .theme-dark .cl-detail font, .theme-dark .extf-content, .theme-dark .story-carousel .story-content, .theme-dark .support-area, .theme-dark p { color: #ccc }
.theme-dark a { color: #fff; border-color: #fff }
.theme-white { background-color: #fff }
.theme-teal { background-color: #d6d2c4; color: #000 }
.theme-teal .extf-container, .theme-teal .items-list { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 13px; padding-right: 13px }
.theme-teal .extf-container:after, .theme-teal .extf-container:before, .theme-teal .items-list:after, .theme-teal .items-list:before { content: " "; display: table }
.theme-teal .extf-container:after, .theme-teal .items-list:after { clear: both }

@media screen and (min-width:481px) {
.theme-teal .extf-container, .theme-teal .items-list { padding-left: 42px; padding-right: 42px }
}
.theme-teal .extf-container .extf-body, .theme-teal .items-list .extf-body { padding-left: 0 }

@media screen and (min-width:0) and (max-width:481px) {
.theme-teal .extf-container .extf-body, .theme-teal .items-list .extf-body { padding-right: 0 }
}
.theme-teal a.button, .theme-teal a.cta-link, .theme-teal a.extf-cta { color: #000; border-color: #000 }
.theme-teal a.button :active, .theme-teal a.button:hover, .theme-teal a.cta-link :active, .theme-teal a.cta-link:hover, .theme-teal a.extf-cta :active, .theme-teal a.extf-cta:hover { color: #4d4e53; border-color: #4d4e53 }
.theme-teal a.button:active, .theme-teal a.button:hover { background-color: transparent }
.theme-light { background-color: #fff }
#instantSearch { width: 100%; text-align: center; display: none; z-index: 900; position: absolute; top: 70px; left: 0; background-color: #F6F6F6; padding-top: 10px; padding-left: 5px; padding-right: 10px }
#instantSearch .inner form { width: 90%; border: 1px outset #b7b7b7 }
#instantSearch .inner form .button-customsearch { border: none; color: #000; font-weight: 700; margin: 0; width: 25px; position: relative; left: 10px; height: 70px; padding: 0 }
#instantSearch .inner form .button-customsearch:hover { background-color: transparent }
#instantSearch .inner form input { border-bottom: none; border-left: none; border-top: none; width: 90%; float: left; padding-left: 35px; font-weight: 400; font-size: 17px; padding-top: 15px; padding-bottom: 15px; height: 70px; color: #a6a6a6 }
.custom-search-wrap { background-color: #fff; padding-bottom: 75px }
.customsearch { margin-top: 150px; background-color: #fff }
.customsearch .resultsection { width: 75%; display: inline-block; float: left; border-right: 1px solid #b7b7b7 }
.customsearch .resultsection .result { text-align: left; margin-right: 150px }
.customsearch .resultsection .result .list h3 { padding-bottom: 5px; margin-bottom: 0 }
.customsearch .resultsection .result .list h3 a { color: #11334E; font-weight: 700; font-size: 20px; text-decoration: none!important; border: none }
.customsearch .resultsection .result .list h3 a:hover { text-decoration: underline }
.customsearch .resultsection .result .list .cse_link a { font-size: 14px; color: #AFAFAF!important; padding-bottom: 5px; text-decoration: none!important; border: none }
.customsearch .resultsection .result .list .cse_link a:hover { text-decoration: underline }
.customsearch .resultsection .result .list .cse_desc { font-size: 17px; color: #717171 }
.customsearch .quickLinkSection { width: 25%; display: inline-block; float: left; vertical-align: top }
.customsearch .quickLinkSection .quickLinks { font-size: 17px; color: #717171; text-align: left }
.customsearch .quickLinkSection .quickLinks .list { margin-top: 25px }
.customsearch .quickLinkSection .quickLinks .list a { color: #11334E; font-weight: 700; font-size: 20px; text-decoration: none; border: none }
.customsearch .quickLinkSection .quickLinks .list a:hover { text-decoration: underline }

@media screen and (min-width:0) and (max-width:481px) {
.customsearch .resultsection { width: 100%; border-right: none; border-bottom: 1px solid #e3e3e3 }
.customsearch .resultsection .result { margin-right: 10px }
}
.gsc-completion-container tr, .gsc-completion-container tr:nth-child(even), .gsc-completion-container tr:nth-child(odd) { border: none }
.searchhint { text-align: left; font-size: 17px; color: #717171 }
.searchhint b { font-weight: 700; font-size: 17px; color: #000 }
.customesearch-icon { display: inline-block; width: 25px }
.customesearch-icon .icon-close { font-size: .72em; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased }
.customesearch-icon:hover { text-decoration: none }

@media screen and (min-width:0) and (max-width:481px) {
#instantSearch .inner { margin-left: 0; margin-right: 0 }
#instantSearch .inner form { margin-left: 20px }
#instantSearch .inner form input { width: 80%; padding-left: 10px; height: 40px; font-size: 14px }
#instantSearch .inner form .button-customsearch { height: 40px; padding: 0; left: 0 }
}
.gsc-completion-container { border: none; font-family: Volvo Sans Regular }
.gsc-completion-container tr:nth-child(odd) span { background-color: #EFF0F1; padding-left: 20px }
.gsc-completion-container tr:nth-child(even) span { background-color: #E9E9E9 }
.gsc-completion-container tr:hover span { background-color: #ddd }
.gsc-completion-container tr span { font-family: Volvo Sans Medium; font-size: 18px; padding-top: 12px; color: #000; height: 40px; width: 100%; display: block; padding-left: 35px; text-align: left; vertical-align: center }
.gsc-completion-container tr span b { font-weight: 400; font-size: 18px; font-family: Volvo Sans Regular }

@media screen and (min-width:0) and (max-width:481px) {
.gsc-completion-container tr span { padding-left: 5px; font-size: 13px; height: 40px; padding-top: 7px }
}
.button-View-More { width: 95%; font-size: 18px; font-weight: 700; margin-left: 0; text-transform: none }

@media screen and (min-width:481px) {
.gsc-completion-container { font-family: Volvo Sans Regular }
.noresults { font-size: 15px; color: grey; position: relative; font-weight: lighter; top: -40px; right: 250px }
#instantSearch { padding-left: 0; padding-right: 0; padding-top: 0; top: 38px }
#instantSearch .inner { margin-top: 0 }
#instantSearch .inner.cs-instantSearch-inner { margin-top: 67px; padding-left: 170px; padding-right: 170px }
#instantSearch .inner form { width: 100%; border: none }
#instantSearch .inner form input { font-family: "Volvo Sans Regular"; margin-bottom: 0; width: 100%; border: 1px solid #DCDCDC; box-shadow: 1px 1px 0 #DCDCDC; font-size: 22px }
#instantSearch .inner form .cs-instantSearchinnerform { margin-top: 40px }
.custom-search-wrap .search-header-wrap .search-header { margin-left: 0; margin-right: 0; padding-left: 170px; padding-right: 170px }
.customsearch .resultsection .result, .customsearch .resultsection .view-more { text-align: left; margin-right: 40px }
.searchhint.cs-searchhint { padding: 100px 0 30px!important }
.customsearch.cs-customsearch { margin-top: 85px }
.customsearch .resultsection { min-height: 350px }
.customsearch .resultsection.cs-customsearchresultsection { margin-top: 70px }
.customsearch .resultsection .result .list { padding-bottom: 60px }
.customsearch .resultsection .view-more .button-View-More { margin-right: 0; margin-bottom: 0; margin-top: 0; width: 100% }
.customsearch .quickLinkSection { margin-top: 70px; padding-left: 30px }
.customsearch .quickLinkSection .quickLinks .head { font-size: 15px; margin-bottom: 30px }
.customsearch .quickLinkSection .quickLinks .list { margin-top: 0; font-family: "Volvo Sans medium" }
.customsearch .quickLinkSection .quickLinks .list .quickLinksChange { width: 112% }
.customsearch .quickLinkSection .quickLinks .list .quickLinksChange li { margin-bottom: 25px; text-decoration: none }
.custom-search-view .search-top { top: 162px!important; z-index: 99999!important }
.search-top { top: 107px!important }
.search-top-searchresult { top: 170px!important }
.searchspanbtn { position: absolute; right: 209px }
.custom-search-view .customesearch-icon .icon-close { display: none }
}

@media screen and (min-width:0) and (max-width:481px) {
.customsearch .resultsection, .noresults { position: relative }
.custom-search-view .customesearch-icon .icon-close, .gsc-completion-container tr:nth-child(n+4) { display: none }
.gsc-completion-container { font-family: Volvo Sans Regular }
.noresults { font-size: 15px; color: grey; font-weight: lighter; right: 37px }
#instantSearch { padding-left: 0; padding-right: 0; padding-top: 0; top: 23px }
#instantSearch .inner { margin-top: 50px; padding-left: 0; padding-right: 0 }
#instantSearch .inner form { margin-left: 0; margin-right: 20px; border: none }
#instantSearch .inner form input { height: 70px; font-size: 20px; margin-bottom: 0; width: 100%; border: 1px solid #e3e3e3 }
#instantSearch .inner form .button-customsearch { height: 70px }
#instantSearch .inner .cs-instantSearchinnerform { margin-left: 20px!important }
.customsearch { margin-top: 60px }
.customsearch .resultsection .result { margin-right: 0; margin-top: 60px }
.customsearch .resultsection .result .list { margin-bottom: 80px }
.customsearch .resultsection .search-header-body { padding-top: 65px; padding-bottom: 40px; text-align: center }
.customsearch .quickLinkSection { margin-top: 80px; position: relative }
.customsearch .quickLinkSection .quickLinks .list { width: 250px }
.customsearch .quickLinkSection .quickLinks .list .quickLinksChange li { margin-bottom: 25px; text-decoration: none }
.customsearch .quickLinkSection .quickLinks .head { width: 100px }
.searchspanbtn { position: absolute; right: 31px }
.searchbtnsubmit { position: relative; right: 34px }
.searchiconbtn { position: relative; left: 25px; top: 3px }
.searchhint { padding: 100px 30px 30px!important }
.custom-search-wrap .search-header-wrap { padding-top: 140px }
.custom-search-wrap .search-header-wrap .search-header { padding-left: 30px; padding-right: 30px }
.custom-search-view .search-top { top: 129px!important; z-index: 99999!important }
.search-top { top: 107px!important }
.search-top-searchresult { top: 128px!important }
.customesearch-icon { right: 23px!important }
}
.car-comparison-tool .accordion-panel-header li.accordion-panel-category, .car-comparison-tool ul.spec a { padding: 10px 0 30px }
.separator { position: absolute; right: 36px; top: 10%; bottom: 10%; border-left: 1px solid #e3e3e3 }
.li-show { display: block }
.li-hide { display: none }

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (in-resolution:2dppx) {
#instantSearch .inner form input { height: 70px; font-size: 20px }
.customesearch-icon .icon-close { font-weight: 700; -webkit-font-smoothing: subpixel-antialiased }
}

@media screen and (min-width:1025px) {
.gsc-completion-container { font-family: Volvo Sans Regular }
.customsearch .resultsection { width: 80% }
.customsearch .quickLinkSection { width: 20%; float: right }
}

@media screen and (min-width:1280px) {
.gsc-completion-container { font-family: Volvo Sans Regular }
.customsearch .resultsection { width: 80% }
.customsearch .quickLinkSection { width: 20%; float: right }
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display:none
}
input[type=search]::-ms-clear {
display:none;
width:0;
height:0
}
input[type=search]::-ms-reveal {
display:none;
width:0;
height:0
}

@media screen and (max-width:481px) and (min-width:0) {
#instantSearch .inner form .button-customsearch .searchiconbtn { left: 0 }
}
.car-comparison-tool .accordion-panel-category.highlighed, .car-comparison-tool ul.spec a:hover { border-bottom: 3px solid #003057 }
.car-comparison-tool { padding-top: 100px; max-width: 79.125em; margin-left: auto; margin-right: auto }
.car-comparison-tool:after, .car-comparison-tool:before { content: " "; display: table }
.car-comparison-tool:after { clear: both }
.car-comparison-tool h3.box-header { padding-left: 10px; text-align: left; font-size: 1em }

@media screen and (min-width:481px) {
.car-comparison-tool { padding-top: 220px }
.car-comparison-tool h3.box-header { padding-left: 15px; font-size: 1.5em }
}
.car-comparison-tool-title { text-align: center; margin-bottom: 50px }

@media screen and (min-width:769px) {
.car-comparison-tool h3.box-header { padding-left: 24px }
.car-comparison-tool-title { margin-bottom: 125px }
}
.car-comparison-tool-box-wrapper { margin-left: 0; margin-right: 0 }
.car-comparison-tool-box-wrapper.car-comparison-tool-header-box-wrapper { margin-top: 0; margin-bottom: 0 }

@media screen and (min-width:481px) {
.car-comparison-tool-box-wrapper { margin-left: 15px; margin-right: 15px }
}

@media screen and (min-width:769px) {
.car-comparison-tool-box-wrapper { margin-left: 42px; margin-right: 42px }
}
.car-comparison-tool-box { margin-bottom: 0 }
.car-comparison-tool-background { width: 100%; max-width: 100%; left: 0 }
.car-comparison-tool-background>img { position: absolute; z-index: -1 }
.carcomparisontool-selector { width: 100%; margin: 0; border-left: 1px solid #cecece }
.car-comparison-tool-selector-slot { vertical-align: top; width: 50%; padding: 0; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece }
.car-comparison-tool-selector-slot:last-child { display: none }

@media screen and (min-width:481px) {
.car-comparison-tool-selector-slot { width: 33.33% }
.car-comparison-tool-selector-slot:last-child { display: table-cell }
}
.car-comparison-tool-selector-remove { position: absolute; right: 5px }
.car-comparison-tool-selector-input { margin-bottom: 10px; float: none }
.car-comparison-tool-selector-input .dropdown a, .car-comparison-tool-selector-input .dropdown-active-item, .car-comparison-tool-selector-input .dropdown-fallback option { letter-spacing: 0 }
.dropdown-wrapper { width: 90%; margin-left: 5% }
.dropdown-wrapper select { height: 44px; border-color: #003057 }

@media screen and (min-width:769px) {
.car-comparison-tool-selector-remove { top: -10px; right: 20px }
.dropdown-wrapper { width: 80%; margin-left: 10% }
.dropdown-wrapper select { height: 54px }
}
.car-comparison-tool-selector-picture { margin: 0 0 10px }
.car-comparison-tool-selector-picture--placeholder { opacity: .3; filter: alpha(opacity=30) }

@media screen and (min-width:769px) {
.car-comparison-tool-selector-picture { margin: 7% 10% 25px; width: 80% }
}
.car-comparison-tool-selector-update { display: none; background: #bdd6e6; text-align: center; padding: 8px; border-top: 1px solid #cecece }
.car-comparison-tool-selector-info { font-size: 1.125em }
.car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; margin: 20px 0 20px 10px }
html[lang=ja-JP] .car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-comparison-tool-selector-name, html[lang=zh-TW] .car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-comparison-tool-selector-name { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.car-comparison-tool-selector-name h3 { float: left }
.car-comparison-tool-selector-name small { color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 7px; font-size: 7px; position: relative; top: 4px; overflow: hidden; vertical-align: top; text-transform: uppercase; text-align: right; float: left; margin-right: 5px }
html[lang=ja-JP] .car-comparison-tool-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-comparison-tool-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-comparison-tool-selector-name small, html[lang=zh-TW] .car-comparison-tool-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-comparison-tool-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-comparison-tool-selector-name small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:769px) {
.car-comparison-tool-selector-name { margin: 34px 0 30px 10% }
.car-engine-selector-name { width: 40% }
}
.car-comparison-tool-selector-name.small-after h3 { float: left }
.car-comparison-tool-selector-name.small-after small { text-align: left; margin-left: 5px; margin-right: 0 }
.car-engine-selector-name { display: none; font-size: .75em; line-height: 14px; font-weight: 700 }
.car-comparision-tool-header { max-width: 79.125em; margin-left: auto; margin-right: auto }
.car-comparision-tool-header:after, .car-comparision-tool-header:before { content: " "; display: table }
.car-comparision-tool-header:after { clear: both }

@media screen and (min-width:769px) {
.car-comparision-tool-header .car-cta-wrapper { display: inline-block }
}
.car-comparision-tool-header .car-comparison-tool-selector-explore { float: left; width: 100%; line-height: 1em; margin-top: 5px; margin-bottom: 15px; text-align: center; text-transform: uppercase }

@media screen and (min-width:79.125em) {
.car-comparision-tool-header .car-comparison-tool-selector-explore { width: auto; margin-top: 20px }
}
.car-comparision-tool-header .car-comparison-tool-selector-build { float: right; width: 100% }
.car-comparision-tool-header .car-comparison-tool-selector-build a { text-transform: uppercase; letter-spacing: 0; line-height: 1em; width: 50%; padding: 19px 20px; vertical-align: middle; border: 1px solid #003057; display: table-cell }

@media screen and (min-width:79.125em) {
.car-comparision-tool-header .car-comparison-tool-selector-build { width: auto }
.car-comparision-tool-header .car-comparison-tool-selector-build a { display: block; width: auto }
}
.car-comparision-tool-header.car-comparision-tool-header--sticky { position: fixed; top: 0; left: auto; right: auto; z-index: 100 }
.car-comparision-tool-header.car-comparision-tool-header--sticky .box-header, .car-comparision-tool-header.car-comparision-tool-header--sticky .car-cta-wrapper, .car-comparision-tool-header.car-comparision-tool-header--sticky .dropdown-wrapper { display: none }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { display: block }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-name { margin: 0 0 10px }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-remove { top: -5px; right: -5px }

@media screen and (min-width:769px) {
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { position: absolute; left: 56% }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-name { margin: 62px 0 0 }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-engine-selector-name { margin-top: 85px }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-remove { top: 20px; right: 20px }
}
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-picture { margin-bottom: 0 }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-slot { padding: 10px }

@media screen and (min-width:769px) {
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-picture { float: left; width: 38%; margin-left: 8%; margin-top: 50px; margin-bottom: 40px }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-slot { padding: 0 }
}
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-cta { padding-top: 25px; padding-bottom: 25px }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-cta-icon { width: 30px; height: 30px; margin: 0 auto; font-size: 20px; line-height: 28px }

@media screen and (min-width:481px) {
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-cta-icon { width: 60px; height: 60px; font-size: 40px; line-height: 56px; margin: 0 auto 10px }
.car-comparison-tool-data { min-height: 500px }
}
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-form.car-comparison-tool-selector-form--pristine { display: none }
.car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-build, .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-form.car-comparison-tool-selector-form--pristine+.car-comparison-tool-selector-cta { display: block }
.car-comparision-tool-header.car-comparision-tool-header--sticky .box { margin-bottom: 0 }
.car-comparison-tool-selector-cta { cursor: pointer; text-align: center; padding-top: 50px; padding-bottom: 50px }

@media screen and (min-width:481px) and (max-width:79.125em) {
.car-comparison-tool-selector-cta { padding-top: 85px; padding-bottom: 75px }
}
.car-comparison-tool-selector-cta:hover .car-comparison-tool-selector-cta-icon { -webkit-transform: scale(1.1); transform: scale(1.1) }
.car-comparison-tool-selector-cta-icon { display: block; width: 60px; height: 60px; font-size: 30px; line-height: 56px; background: 0 0; border: 1px solid #003057; margin: 0 auto 10px; border-radius: 50%; color: #003057; vertical-align: middle; font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; -webkit-transition: .2s all ease-out; transition: .2s all ease-out }
html[lang=ja-JP] .car-comparison-tool-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .car-comparison-tool-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .car-comparison-tool-selector-cta-icon, html[lang=zh-TW] .car-comparison-tool-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .car-comparison-tool-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .car-comparison-tool-selector-cta-icon { font-family: "Volvo Sans Light", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.car-comparison-tool-selector-cta-icon { width: 80px; height: 80px; font-size: 40px; line-height: 74px; margin: 0 auto 20px }
}

@media screen and (min-width:769px) {
.car-comparison-tool-selector-cta { padding-top: 125px; padding-bottom: 115px }
.car-comparison-tool-selector-cta-icon { width: 100px; height: 100px; font-size: 50px; line-height: 93px }
}
.car-comparison-tool-selector-form { display: none; position: relative }
.car-comparison-tool-selector-form.car-comparison-tool-selector-form--visible { display: block }
.car-comparison-tool-selector-form.car-comparison-tool-selector-form--visible+.car-comparison-tool-selector-cta { display: none }
.carcomparisontool-selector-overlay { position: absolute; background: #FFF; width: 100%; padding: 30px 5%; top: 50px; left: 0; z-index: 101; display: none }

@media screen and (min-width:769px) {
.carcomparisontool-selector-overlay { top: 70px; padding: 0 5% }
}

@media screen and (min-width:79.125em) {
.carcomparisontool-selector-overlay { padding: 0 }
}
.carcomparisontool-selector-overlay.on { display: block }
.carcomparisontool-selector-overlay .title { font-size: 1.125em; color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
html[lang=ja-JP] .carcomparisontool-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .carcomparisontool-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .carcomparisontool-selector-overlay .title, html[lang=zh-TW] .carcomparisontool-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .carcomparisontool-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .carcomparisontool-selector-overlay .title { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay { position: absolute; top: 25px; right: 40px; color: #003057; cursor: pointer; font-size: 1.875em; display: none }

@media screen and (min-width:769px) {
.carcomparisontool-selector-overlay .outer-container { max-width: 73.75em; margin: 0 auto; padding-bottom: 50px }
.carcomparisontool-selector-overlay .title { margin-top: 50px }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay { display: block }
}
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { display: inline-block; width: 100%; font-size: .875em; color: #003057; margin-top: 30px; text-transform: uppercase }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down .icon { float: right; font-size: 1.5em }

@media screen and (min-width:769px) {
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { cursor: default }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down .icon { display: none }
}
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool { display: none }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool.on { display: block }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item { float: left; width: 50%; margin-top: 12px; margin-bottom: 10px; cursor: pointer }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcustom-copy, .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { display: none }

@media screen and (min-width:769px) {
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item { width: 100% }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcustom-copy, .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { display: block; width: 100%; font-size: .8125em; line-height: 1em }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title h3, .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { margin-bottom: 10px }
}
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title h3 { float: left }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { float: left; color: #003057; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; line-height: 7px; font-size: 7px; position: relative; top: 4px; overflow: hidden; vertical-align: top; text-transform: uppercase; text-align: right; margin-right: 5px }
html[lang=ja-JP] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small, html[lang=zh-TW] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title.small-after small { text-align: left; margin-left: 5px; margin-right: 0 }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-img .carcomparisontool-selector-overlay-item-img--default { width: 100% }

@media screen and (min-width:769px) {
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.single-group { width: 100% }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.single-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item { width: 22.5%; margin-right: 3% }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.single-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item.last { margin-right: 0 }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.multi-group { width: 22.5%; margin-right: 3%; float: left }
.carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.multi-group.last { margin-right: 0 }
}
.carcomparisontool-selector-overlay-scrim { position: absolute; width: 100%; height: 100%; background: #000; z-index: 100; top: 0; left: 0; display: none; opacity: .5; filter: alpha(opacity=70) }
.cctool-table { margin: 0; border: 1px solid #cecece }
.cctool-table td, .cctool-table th { font-size: 1em; border-right: 1px solid #cecece; font-weight: 400; border-bottom-width: 0; width: 50% }
.car-comparison-tool .car-comparision-header .car-comparison-tool-selector-explore, .car-comparison-tool .car-selector-price--sticky h6 span { font-weight: 700 }
.cctool-table td:last-child, .cctool-table th:last-child { display: none }

@media screen and (min-width:481px) {
.cctool-table td, .cctool-table th { width: 33.33%; font-size: 1.125em }
.cctool-table td:last-child, .cctool-table th:last-child { display: table-cell }
}
.cctool-table th:nth-child(1) .cctool-info-icon { display: none }

@media screen and (min-width:481px) {
.cctool-table th:nth-child(2) .cctool-info-icon { display: none }
.cctool-table th:nth-child(1) .cctool-info-icon { display: block }
.cctool-table th:nth-child(1) .cctool-info-icon:after { margin-top: 0 }
}
.cctool-table tr.header.suppress-info .cctool-info-icon { display: none!important }
.cctool-table tr.cctool-spec-subheader { text-transform: uppercase }
.cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding: 8px 10px 7px; background: #f6f6f6 }
html[lang=ja-JP] .cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cctool-table th, html[lang=zh-TW] .cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cctool-table th { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.cctool-table th { padding-left: 15px }
}

@media screen and (min-width:769px) {
.cctool-table th { padding-left: 24px }
}
.cctool-table td { background: #fff; padding: 9px 10px 10px }

@media screen and (min-width:481px) {
.cctool-table td { padding-left: 15px; padding-bottom: 9px }
}

@media screen and (min-width:769px) {
.cctool-table td { padding-left: 24px; padding-bottom: 9px }
}
.cctool-table tr.subitem-labels td { padding-bottom: 0 }
.cctool-table .cctool-header--small { font-size: 12px }
.cctool-info-icon { position: relative; cursor: pointer; display: block; float: right }
.cctool-info-icon:after { display: block; content: '?'; position: absolute; right: 0; margin-top: -13px; top: 50%; line-height: 1.375em; text-align: center; font-size: .875em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border: 1px solid rgba(91,127,149,.5); width: 22px; height: 22px; border-radius: 50% }
html[lang=ja-JP] .cctool-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cctool-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cctool-info-icon:after, html[lang=zh-TW] .cctool-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cctool-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cctool-info-icon:after { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.cctool-info-icon:hover:after { border-color: #5b7f95; background: #5b7f95; color: #fff }
.cctool-circle { display: block; font-size: 1.375em; font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; text-align: center; line-height: 40px; width: 42px; height: 42px; border: 1px solid #003057; border-radius: 50% }
html[lang=ja-JP] .cctool-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cctool-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cctool-circle, html[lang=zh-TW] .cctool-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cctool-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cctool-circle { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }
.cctool-accordion-toggle-copy, .reevoo-items-list .il-item .cta-button, .reevoo-items-list .il-large .cta-button, .reevoo-items-list .il-medium .cta-button, .reevoo-items-list .il-small .cta-button { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif }
.cctool-star { font-size: 15px }
.cctool-accordion-toggle { background: #f6f6f6; padding: 25px 10px; position: relative; border: 1px solid #cecece; border-bottom-width: 0 }

@media screen and (min-width:481px) {
.cctool-accordion-toggle { padding-left: 15px }
}

@media screen and (min-width:769px) {
.cctool-accordion-toggle { padding-left: 24px }
}
.cctool-accordion-toggle-copy { font-size: 1em; text-transform: uppercase }
html[lang=ja-JP] .cctool-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif }
html[lang=zh-CN] .cctool-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "微软雅黑", "Microsoft YaHei", STHeiti, "黑体", Hei, SimHei, Tahoma, Helvetica, arial, sans-serif, sans-serif }
html[lang=zh-HK] .cctool-accordion-toggle-copy, html[lang=zh-TW] .cctool-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "MHei 200", MHei, sans-serif }
html[lang=th-TH] .cctool-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, "Sukhumvit Set 200", "Sukhumvit Set", sans-serif }
html[lang=ru-RU] .cctool-accordion-toggle-copy { font-family: "Volvo Sans Medium", "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, Arial, Helvetica, sans-serif }

@media screen and (min-width:481px) {
.cctool-accordion-toggle-copy { font-size: 1.25em }
}
.cctool-accordion-icon { position: absolute; right: 30px; top: 50%; margin-top: -10px; font-size: 1.75em; color: #5b7f95 }
.cctool-accordion { border-bottom: 1px solid #cecece }
.cctool-accordion>li { margin: 0 }
.cctool-accordion .cc-table { border-bottom-width: 0 }
.lb-content { display: none }
.cctool-ctas { width: 100%; margin-top: 60px; display: inline-block }
.cctool-ctas .cctool-ctas--link { text-align: center; text-transform: uppercase }
.cctool-ctas .cctool-ctas--link .icon { display: block; font-size: 60px; padding-bottom: 40px; color: #003057 }
.cctool-ctas .car-comparison-tool-print .icon { font-size: 60px }

@media print {
body, html { width: 21cm }
.car-comparison-tool-selector-slot, .cctool-table td, .cctool-table th { width: 33% }
.content .background { display: none }
.car-comparison-tool-selector-slot:last-child, .cctool-table td:last-child, .cctool-table th:last-child { display: table-cell }
.car-comparison-tool { padding-top: 0 }
.car-comparison-tool .car-comparision-tool-header { position: static!important }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-picture { display: inline; max-width: 100% }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .box-header, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-remove, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .dropdown-wrapper { display: block }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-picture-side, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { display: none }
.car-comparison-tool .car-comparision-tool-header--sticky+.car-comparision-tool-header-placeholder { height: 0!important }
.car-comparison-tool .accordion-content { display: block!important; height: auto!important }
.car-comparison-tool .car-comparison-tool-background, .car-comparison-tool .car-comparison-tool-selector-build, .car-comparison-tool .car-comparison-tool-selector-picture--placeholder, .car-comparison-tool .car-comparison-tool-selector-picture-side, .car-comparison-tool .car-comparison-tool-selector-remove, .car-comparison-tool .cctool-ctas { display: none!important }
.car-comparison-tool+footer, .nav { display: none }
}
.car-comparison-tool .box { margin-bottom: 0 }
.car-comparison-tool .car-comparision-tool-header--sticky .car-cta-wrapper { display: none!important }
.car-comparison-tool .carcomparisontool-selector-overlay .title { text-align: center; font-size: 50px; margin-bottom: 80px; margin-top: 63px }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build a { background: #003057; color: #fff; border: none; text-align: center }
.car-comparison-tool ul.spec { text-align: center }
.car-comparison-tool ul.spec a { margin: 0 10px }
.car-comparison-tool .box-wrapper, .car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { margin-top: 0 }
.car-comparison-tool .highlighed { color: #003057 }
.car-comparison-tool .accordion-panel-header-group { max-width: 79.125em; display: block; padding-top: 30px; padding-bottom: 30px }
.car-comparison-tool .accordion-panel-header-group.sticky { width: 73.9em; position: fixed; z-index: 100 }
.car-comparison-tool .cc-dropdown { display: none }
.car-comparison-tool .car-comparison-tool-selector-name h3 { margin-bottom: 0; font-size: 20px }
.car-comparison-tool .car-comparision-tool-header--sticky .car-selector-change { display: block; position: relative; top: 100px; text-transform: uppercase; left: 75%; font-weight: 700 }
.car-comparison-tool .car-selector-info { font-size: 1.125em; margin: 0 0 30px 38px }
.car-comparison-tool .car-selector-price h6 { font-size: 16px; font-family: Volvo Sans Regular; width: 100%; float: left }
.car-comparison-tool .car-selector-change { display: none }
.car-comparison-tool .car-selector-price--sticky h6 { position: absolute; top: 100px; left: 6% }
.car-comparison-tool ul.spec a { border-bottom: none; font-family: "volvo Sans Medium"; font-size: 1.1em; color: #999 }
.car-comparison-tool ul.spec .highlighed { color: #003057 }
.car-comparison-tool .accordion-panel-header-group.sticky { background-color: #ececec; border: 1px solid #e7e7e7 }
.car-comparison-tool .car-selector-price--sticky #technical-specs { margin-top: 12px }
.car-comparison-tool .car-comparison-tool-selector-form.car-comparison-tool-selector-form--visible { margin-bottom: 5px }
.car-comparison-tool .cc-accordion-toggle-copy { text-transform: capitalize }
.car-comparison-tool tr.tech-info { border-bottom: 1px solid #e7e7e7 }
.car-comparison-tool .cc-table td { background: #fff; padding: 3px 10px 10px }
.car-comparison-tool .cc-table th { padding: 30px 10px 0; background: #fff }
.car-comparison-tool .dropdown-wrapper select { border-color: #e7e7e7 }
.car-comparison-tool .mobile .car-comparision-header .cta-wrapper { display: none; width: 80%; margin: 25px 0 25px 10% }
.car-comparison-tool .cctool-table th { padding: 15px 10px 0 24px; background: #fff }
.car-comparison-tool .accordion .accordion-panel-toggle { background: #f6f6f6; padding: 20px 0 20px 24px }
.car-comparison-tool .car-comparison-tool-selector-cta .car-cta-link { text-transform: uppercase; text-decoration: underline }
.car-comparison-tool .cctool-accordion-toggle-copy { text-transform: capitalize }
.car-comparison-tool .car-comparison-tool-selector-name.small-after small { width: 10% }
.car-comparison-tool .car-comparision-tool-header--sticky .car-comparison-tool-selector-name.small-after small { width: 45% }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcustom-copy, .car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { font-size: 14px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title.small-after small { width: 25% }
.car-comparison-tool .cc-dropdown { border: 1px solid #e7e7e7; padding: 13px 15px; color: #ccc; background-color: #fff; cursor: pointer; position: relative; text-align: center }
.car-comparison-tool .cc-dropdown.sticky ul { position: absolute }
.car-comparison-tool .cc-dropdown ul { list-style: none; position: inherit; top: 50px; left: -1px; z-index: 5; width: 100.4%; background-color: #fff; display: none }
.car-comparison-tool .cc-dropdown li { list-style: none; margin: 0; padding: 15px }
.car-comparison-tool .cc-dropdown li.selected { display: none }
.car-comparison-tool .cc-dropdown.open ul { color: #999 }
.car-comparison-tool .cc-dropdown span.selected { color: #003057 }
.car-comparison-tool .myform .subject { width: 250px; margin: 0 0 20px }
.car-comparison-tool .cc-dropdown.sticky { font-family: 'Volvo Sans Medium' }

@media screen and (min-width:481px) {
.car-comparison-tool { padding-top: 130px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.multi-group { margin-right: 3%; float: left; width: 21.5% }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item { width: 100% }
.car-comparison-tool .icon.icon-angle-up { display: none }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcustom-copy, .car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { display: block; width: 100%; font-size: .8125em; line-height: 1.5em }
}

@media screen and (min-width:769px) {
.car-comparison-tool body ul.spec a { font-size: 1.1em; margin: 0 15px }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-explore { margin-left: 8% }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { font-size: .85em }
.car-comparison-tool .car-comparison-tool-title { margin-bottom: 70px }
.car-comparison-tool .carcomparisontool-selector-overlay .outer-container { padding: 0 0 100px }
.car-comparison-tool .car-comparison-tool-selector-info, .car-comparison-tool .car-comparison-tool-selector-update { left: 6% }
.car-comparison-tool .car-engine-selector-name { margin-top: 35px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-name { margin: 0 }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-picture { float: right; width: 50%; margin-left: 8%; margin-top: 10px; margin-bottom: 50px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { left: 6%; width: 28% }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-engine-selector-name { margin-top: 28px }
.car-comparison-tool .car-comparison-tool-selector-name { margin: 30px 0 0 10% }
.car-comparison-tool .cc-table td { padding-bottom: 30px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-remove { top: 0; display: none }
.car-comparison-tool .cctool-table td { padding-left: 24px; padding-bottom: 15px }
.car-comparison-tool .car-comparison-title { margin-bottom: 60px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-slot { padding: 0 0 20px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-engine-selector-name { Width: 35% }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.car-comparison-tool .highlighed-inactive { color: #999!important }
.car-comparison-tool .car-text-center.car-comparison-tool-selector-build.Small { display: none }
.car-comparison-tool .car-comparision-tool-header .car-cta-wrapper { display: inherit; margin: 15px 40px 15px 9% }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build { width: 60%; display: inline-block }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build a { padding: 15px 20px }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-explore { width: 30%; display: inline-block; margin: 15px 0 }
.car-comparison-tool .dropdown-wrapper.car-comparison-tool-selector-input .dropdown-angle { line-height: 2.9em }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info, .car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-update { Width: 20%; font-size: 1em; line-height: 1.1em; font-weight: 400 }
.car-comparison-tool .js-cctool-selector i.dropdown-angle.icon.icon-angle-down, .car-comparison-tool .js-cctool-selector i.dropdown-angle.icon.icon-angle-up { display: none }
.car-comparison-tool .car-comparison-tool-selector-slot.car-comparison-tool-selector-slot-1, .car-comparison-tool .car-comparison-tool-selector-slot.car-comparison-tool-selector-slot-2, .car-comparison-tool .car-comparison-tool-selector-slot.car-comparison-tool-selector-slot-3 { padding-bottom: 30px }
.car-comparison-tool .car-comparison-tool-selector-cta { padding-bottom: 60px }
.car-comparison-tool .car-comparison-tool-selector-name.js-car-comparison-tool-selector-name.car-comparison-tool-selector-info { clear: both; overflow: hidden }
.car-comparison-tool.new-navigation-car-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.multi-group { width: 16.5%!important }
}

@media screen and (max-width:769px) {
.car-comparison-tool .cc-dropdown { display: block; position: static; margin: 20px 0; text-transform: uppercase }
.car-comparison-tool .cctool-accordion li { display: none }
.car-comparison-tool .cctool-accordion li.selected { display: block }
.car-comparison-tool .accordion-panel-header-group, .car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build { display: none }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build.Small { display: block }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build a { text-transform: uppercase; letter-spacing: 0; line-height: 1em; width: 50%; padding: 14px 44px; border: 1px solid #003057; display: table-cell }
.car-comparison-tool .car-close-selector-overlay, .car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down .icon { display: none }
.car-comparison-tool .car-comparison-tool-selector-explore { font-size: 82%; font-weight: 700 }
.car-comparison-tool h2 { letter-spacing: 0 }
.car-comparison-tool .car-comparison-tool-box { width: 90% }
.car-comparison-tool .carcomparisontool-selector-overlay .title { font-size: 35px; margin-bottom: 40px; margin-top: 13px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item { margin-bottom: 20px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcustom-copy, .car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carprice { display: block; font-size: 14px; width: 75%; line-height: 1.3em }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title small { top: 2px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title.small-after small { width: 34% }
.car-comparison-tool .car-comparision-tool-header .car-cta-wrapper { display: block; width: 88%; margin-left: 6%; margin-top: 20px }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-explore { margin-top: 20px }
.car-comparison-tool .cc-dropdown { font-family: 'Volvo Sans Medium'; width: 90%; margin-left: 5% }
.car-comparison-tool #technical-specs { width: 90% }
.car-comparison-tool .cctool-table td { padding: 9px 10px 10px 24px }
.car-comparison-tool .cc-dropdown.sticky { position: fixed; z-index: 100; background-color: #fff; margin: 0 0 0 5% }
.car-comparison-tool .car-comparision-tool-header--sticky .car-selector-change { top: 25px; left: 0; font-weight: 15px }
.car-comparison-tool select:hover { border-color: #e7e7e7 }
.car-comparison-tool .car-comparison-tool-selector-name.small-after small { width: 27% }
.car-comparison-tool .car-text-center.car-comparison-tool-selector-build.Small { display: block }
}

@media screen and (min-width:0) and (max-width:481px) {
.car-comparison-tool .car-comparison-tool-selector-remove { right: 14px }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-remove { right: 0 }
.car-comparison-tool .cc-dropdown ul { width: 100.4% }
.car-comparison-tool .car-comparision-tool-header--sticky .car-comparison-tool-selector-form img, .car-comparison-tool .car-comparision-tool-header--sticky .car-selector-price { display: none }
.car-comparison-tool .car-comparison-tool-selector-name { margin: 20px 10px 0 }
.car-comparison-tool .car-selector-price { margin: 0 10px 50px }
.car-comparison-tool .car-cta-wrapper { width: 89%; margin: 0 10px }
.car-comparison-tool .car-comparison-tool-selector-explore { margin: 10px 0 }
.car-comparison-tool .cc-dropdown i.dropdown-angle.icon.icon-angle-down, .car-comparison-tool .js-cctool-selector i.dropdown-angle.icon.icon-angle-up { position: relative; left: -5%; z-index: 1; top: 1px; color: #003057; font-weight: 700; width: 0; display: block; float: right }
.car-comparison-tool .car-engine-selector-name { display: none; font-weight: 400; font-size: 90%; padding: 10px 0 15px; line-height: 1em }
.car-comparison-tool .car-comparision-tool-header--sticky .car-selector-change { display: block; position: relative; text-transform: uppercase; font-weight: 700; font-size: 82%; top: 0; left: 0 }
.car-comparison-tool .car-selector-price h6 { font-size: 75%; font-family: Volvo Sans Regular; width: 100%; float: left }
.car-comparison-tool .car-comparision-tool-header .car-cta-wrapper { display: inline-block }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build.Small { display: block }
.car-comparison-tool .car-comparison-tool-selector-name.js-car-comparison-tool-selector-name.car-comparison-tool-selector-info { clear: both; overflow: hidden }
}

@media screen and (min-width:481px) and (max-width:1024) {
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { font-size: .6em }
}

@media screen and (min-width:481px) and (max-width:769px) {
.car-comparison-tool .cc-dropdown ul { width: 100.3% }
.car-comparison-tool .car-comparison-tool-selector-name, .car-comparison-tool .car-selector-info { margin: 15px 0 0 6% }
.car-comparison-tool .car-comparision-tool-header--sticky .car-comparison-tool-selector-name, .car-comparison-tool .car-comparision-tool-header--sticky .car-selector-info { margin: 15px 0 0 }
.car-comparison-tool .car-comparision-tool-header--sticky .car-comparison-tool-selector-slot { padding: 0 15px 15px }
.car-comparison-tool body ul.spec a { font-size: 12px; margin: 0 10px }
.car-comparison-tool body .accordion-panel-header-group.sticky { width: 94.1% }
.car-comparison-tool .carcomparisontool-selector-overlay { padding: 60px 5%; top: 12px }
.car-comparison-tool .carcomparisontool-selector-overlay .car-close-selector-overlay { display: none }
.car-comparison-tool .carcomparisontool-selector-overlay .title { font-size: 45px; margin-bottom: 60px }
.car-comparison-tool body .car-comparision-tool-header .car-cta-wrapper { display: block; width: 88%; margin-left: 7%; margin-top: 20px }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-explore { margin-top: 20px }
.car-comparison-tool .car-comparison-tool-selector-picture { margin: 12px 0 10px 10px }
.car-comparison-tool .car-comparison-tool-selector-form { margin-right: 10px }
.car-comparison-tool .car-comparision-tool-header--sticky .car-selector-change { display: block; position: relative; top: 7px; text-transform: uppercase; left: 0; font-weight: 700 }
.car-comparison-tool .cc-dropdown.sticky { width: 86.3%; margin-left: 5%; font-weight: 700 }
.car-comparison-tool .car-selector-price--sticky h6 { position: static; top: 30px; left: 0; font-size: 15px }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group ul.carcomparisontool-selector-overlay-carscomparisontool .carcomparisontool-selector-overlay-item .carcomparisontool-selector-overlay-item-title.small-after small { width: 40% }
.car-comparison-tool select.cc-dropdown.sticky option { color: #999; font-weight: 700 }
.car-comparison-tool .cctool-table .tech-info td { padding-left: 24px }
.car-comparison-tool .cc-dropdown i.dropdown-angle.icon.icon-angle-down, .car-comparison-tool .js-cctool-selector i.dropdown-angle.icon.icon-angle-up { position: relative; left: -3%; z-index: 1; top: 2px; color: #003057; font-weight: 700; display: block; float: right; width: 0 }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build.Small { display: none }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build { display: block }
.car-comparison-tool .car-comparision-tool-header .car-comparison-tool-selector-build a { padding: 14px 4px }
.car-comparison-tool .car-comparision-tool-header--sticky i.icon.icon-close.car-comparison-tool-selector-remove { display: none }
.car-comparison-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group a.carcomparisontool-selector-overlay-drop-down { font-size: .6em }
.car-comparison-tool .car-selector-price h6 { width: 85% }
.car-comparison-tool .car-selector-price--sticky h6 { width: 100% }
.car-comparison-tool .car-comparison-tool.new-navigation-car-tool .carcomparisontool-selector-overlay .carcomparisontool-selector-overlay-carcomparisontool-group.multi-group { width: 16.5%!important }
}

@media screen and (min-width:769px) and (max-width:1024px) {
.car-comparison-tool .car-selector-info { margin: 0 0 30px 30px }
.car-comparison-tool .js-cctool-selector ul.spec a { font-size: .85em }
.car-comparison-tool .accordion-panel-header-group.sticky { width: 58.75em }
.car-comparison-tool .car-comparision-tool-header--sticky .car-selector-change { left: 71% }
.car-comparison-tool .car-comparision-tool-header.car-comparision-tool-header--sticky .car-comparison-tool-selector-info { width: 30% }
.car-comparison-tool body ul.spec a { font-size: 14px; margin: 0 15px }
.car-comparison-tool body .accordion-panel-header-group.sticky { width: 94.1% }
}
.specification-glance { background-color: #fff; width: 100%; position: relative }
.specification-glance:before { background-color: #000; height: 35px; color: #fff; font-weight: 700; box-sizing: border-box; cursor: pointer }
.cl-detail .specification-glance .container-glance .cl-description, .cl-detail .specification-glance .container-glance font, .innovations-header .specification-glance .container-glance h3, .specification-glance .container-glance .cl-detail .cl-description, .specification-glance .container-glance .cl-detail font, .specification-glance .container-glance .extf-content, .specification-glance .container-glance .innovations-header h3, .specification-glance .container-glance .story-carousel .story-content, .specification-glance .container-glance .support-area, .specification-glance .container-glance div, .specification-glance .container-glance h1, .specification-glance .container-glance h2, .specification-glance .container-glance h3, .specification-glance .container-glance h4, .specification-glance .container-glance h5, .specification-glance .container-glance h6, .specification-glance .container-glance img, .specification-glance .container-glance p, .specification-glance .container-glance span, .story-carousel .specification-glance .container-glance .story-content { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
.specification-glance .container { max-width: 79.125em; margin-left: auto; margin-right: auto }
.specification-glance .container-glance { margin-top: 0; padding-top: 60px; text-align: center }
.specification-glance .at-a-glance { color: #003057; clear: both; padding: 0; margin: 0; overflow: hidden }
.specification-glance .at-a-glance:after { content: ""; display: table; clear: both }
.specification-glance .at-a-glance .disabled { display: none }
.specification-glance .at-a-glance .enabled, .specification-glance .at-a-glance .next.enabled { display: block }
.specification-glance .at-a-glance a { border-bottom: none }
.innovations-header .specification-glance .at-a-glance h3, .specification-glance .at-a-glance .innovations-header h3, .specification-glance .at-a-glance h1, .specification-glance .at-a-glance h2 { font-family: 'Volvo Sans Medium'; font-weight: 400 }
.innovations-header .specification-glance .at-a-glance h3, .specification-glance .at-a-glance .innovations-header h3, .specification-glance .at-a-glance h1 { margin-bottom: 60px; font-size: 36px }
.specification-glance .at-a-glance h2 { font-size: 30px; line-height: 50%; margin: 30px 0 }
.cl-detail .specification-glance .at-a-glance .cl-description, .cl-detail .specification-glance .at-a-glance font, .specification-glance .at-a-glance .cl-detail .cl-description, .specification-glance .at-a-glance .cl-detail font, .specification-glance .at-a-glance .extf-content, .specification-glance .at-a-glance .story-carousel .story-content, .specification-glance .at-a-glance .support-area, .specification-glance .at-a-glance p, .specification-glance .at-a-glance span, .story-carousel .specification-glance .at-a-glance .story-content { font-family: 'Volvo Sans Regular' }
.specification-glance .at-a-glance span { text-transform: uppercase; font-size: 16px; font-weight: 400 }
.cl-detail .specification-glance .at-a-glance .cl-description, .cl-detail .specification-glance .at-a-glance font, .specification-glance .at-a-glance .cl-detail .cl-description, .specification-glance .at-a-glance .cl-detail font, .specification-glance .at-a-glance .extf-content, .specification-glance .at-a-glance .story-carousel .story-content, .specification-glance .at-a-glance .support-area, .specification-glance .at-a-glance p, .story-carousel .specification-glance .at-a-glance .story-content { padding: 0 30px; font-weight: 400; font-size: 16px; line-height: 1.5em; margin-bottom: 10px }
.specification-glance .container-glance .glance-col { float: left; width: 23.4%; margin-right: 2%; background: #f4f4f4; min-height: 425px; height: auto }
.specification-glance .container-glance .fourth, .specification-glance .glance-col:nth-last-child(1) { margin-right: 0 }
.specification-glance .glance-col img { width: 100% }
.cl-detail .specification-glance .glance-col .cl-description span, .cl-detail .specification-glance .glance-col font span, .specification-glance .glance-col .cl-detail .cl-description span, .specification-glance .glance-col .cl-detail font span, .specification-glance .glance-col .extf-content span, .specification-glance .glance-col .story-carousel .story-content span, .specification-glance .glance-col .support-area span, .specification-glance .glance-col p span, .story-carousel .specification-glance .glance-col .story-content span { font-family: 'Volvo Serif Italic'; text-transform: capitalize }
.specification-glance .at-a-glance .grid-angle:before { width: 40px; font-size: 16px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 7px 0 0 }
.specification-glance .at-a-glance .next { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; cursor: pointer; right: 0 }
.specification-glance .at-a-glance .next.disabled { display: none }
.specification-glance .at-a-glance .next.grid-angle:before { padding: 7px 0 0 5px }
.specification-glance .at-a-glance .prev { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; cursor: pointer; left: 40px }
.specification-glance .at-a-glance .prev.enabled { display: block }
.specification-glance .at-a-glance .prev.disabled { display: none }
.specification-glance .icon { font-family: volvo-icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; speak: none; text-decoration: none; text-transform: none }
.specification-glance .grid-angle:before, .specification-glance .icon-angle-right:before, .specification-glance icon-angle-left:before { background-color: #000; height: 36px; color: #fff; font-weight: 700; box-sizing: border-box; cursor: pointer }
.specification-glance .container-glance .button { font-family: 'Volvo Sans Medium'; font-size: 16px; padding: 25px 50px; background: #003057; color: #fff; text-transform: uppercase; border: none; cursor: pointer; margin: 50px 0 }
.specification-glance .grid-angle:before { width: 36px; font-size: 16px; display: block; border-radius: 50%; border: 1px solid #727275 }
.specification-glance .next, .specification-glance .prev { position: absolute; top: 50%; border: 0; cursor: pointer; z-index: 1 }
.specification-glance .next { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; right: -5px }
.specification-glance .next.enabled { display: block }
.specification-glance .next.disabled { display: none }
.specification-glance .next.grid-angle:before { padding: 4px 15px; margin-left: 6px }
.specification-glance .prev { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 20px }
.specification-glance .prev.grid-angle:before { padding: 5px 11px }
.specification-glance .prev.enabled { display: block }
.specification-glance .prev.disabled { display: none }
.specification-glance .icon-angle-left { left: 40px }
.specification-glance .icon-angle-right:before, .specification-glance icon-angle-left:before { background-color: #000; height: 35px; color: #fff; font-weight: 700; box-sizing: border-box; cursor: pointer }
.specification-glance .icon.icon-angle-right.next.grid-angle { width: 35px; height: 35px; border-radius: 50% }
.specification-glance .icon-angle-left:before { content: "\E006" }
.specification-glance .icon-angle-right:before { content: "\E007" }
.specification-glance .image-inactive { min-height: 300px!important }
.specification-glance span.sec-desc { font-family: 'Volvo Serif Italic'; text-transform: capitalize; font-weight: 400 }

@media screen and (max-width:769px) {
.innovations-header .specification-glance .at-a-glance h3, .specification-glance .at-a-glance .innovations-header h3, .specification-glance .at-a-glance h1, .specification-glance .innovations-header .at-a-glance h3 { font-size: 26px; font-weight: 400 }
.specification-glance .at-a-glance h2 { font-weight: 400; font-size: 24px }
.cl-detail .specification-glance .at-a-glance .cl-description, .cl-detail .specification-glance .at-a-glance font, .specification-glance .at-a-glance .cl-detail .cl-description, .specification-glance .at-a-glance .cl-detail font, .specification-glance .at-a-glance .extf-content, .specification-glance .at-a-glance .story-carousel .story-content, .specification-glance .at-a-glance .support-area, .specification-glance .at-a-glance p, .specification-glance .cl-detail .at-a-glance .cl-description, .specification-glance .cl-detail .at-a-glance font, .specification-glance .story-carousel .at-a-glance .story-content, .story-carousel .specification-glance .at-a-glance .story-content { font-size: 14px }
.cl-detail .specification-glance .glance-col .cl-description, .cl-detail .specification-glance .glance-col font, .specification-glance .glance-col .cl-detail .cl-description, .specification-glance .glance-col .cl-detail font, .specification-glance .glance-col .extf-content, .specification-glance .glance-col .story-carousel .story-content, .specification-glance .glance-col .support-area, .specification-glance .glance-col p, .story-carousel .specification-glance .glance-col .story-content { max-width: 100% }
.specification-glance .container-glance .button { font-size: 12px; padding: 20px 30px }
.specification-glance .at-a-glance .next, .specification-glance .at-a-glance .prev { display: none!important; float: none!important }
.specification-glance .container-glance .glance-col { min-height: 400px; width: 85%; clear: both; float: none; margin-left: auto; margin-right: auto; margin-bottom: 50px }
.cl-detail .specification-glance .at-a-glance .cl-description, .cl-detail .specification-glance .at-a-glance font, .specification-glance .at-a-glance .cl-detail .cl-description, .specification-glance .at-a-glance .cl-detail font, .specification-glance .at-a-glance .extf-content, .specification-glance .at-a-glance .story-carousel .story-content, .specification-glance .at-a-glance .support-area, .specification-glance .at-a-glance p, .story-carousel .specification-glance .at-a-glance .story-content { padding: 0 30px 50px }
.specification-glance .glance-col { display: none!important }
.specification-glance .active { display: block!important }
.specification-glance ul.spec-glan-dots li { margin: 0 10px }
.specification-glance .spec-glan-dot-button { display: inline-block; border-radius: 50%; width: 10px; height: 10px; padding: 0; border: none; background-color: #bdd6e6 }
.specification-glance .spec-glan-dot-button.button-active { background-color: #003057 }
.specification-glance .next.enabled, .specification-glance .prev { display: none }
.specification-glance .container-glance { padding-top: 50px; margin-top: 0 }
.specification-glance .image-inactive { padding-top: 10px!important }
}

@media screen and (min-width:0) and (max-width:481px) {
.specification-glance .container-glance { padding-top: 30px }
.innovations-header .specification-glance .at-a-glance h3, .specification-glance .at-a-glance .innovations-header h3, .specification-glance .at-a-glance h1 { margin-bottom: 30px }
.specification-glance .container-glance .button { margin-top: 35px }
.specification-glance .container-glance .glance-col { margin-bottom: 35px; -webkit-transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out }
.specification-glance .container-glance .glance-col.prev-slide { -webkit-transform: translate(-120%, 0); transform: translate(-120%, 0) }
.specification-glance .container-glance .glance-col.next-slide { -webkit-transform: translate(120%, 0); transform: translate(120%, 0) }
}
.reevoo-items-list { max-width: 79.125em; margin-left: auto; margin-right: auto; text-align: center }
.reevoo-items-list:after, .reevoo-items-list:before { content: " "; display: table }
.reevoo-items-list:after { clear: both }
.reevoo-items-list .il-item, .reevoo-items-list .il-large, .reevoo-items-list .il-medium, .reevoo-items-list .il-small { margin-bottom: 2em }
.reevoo-items-list .il-item img, .reevoo-items-list .il-large img, .reevoo-items-list .il-medium img, .reevoo-items-list .il-small img { width: 100%; height: auto; margin-bottom: 14px }
.reevoo-items-list .il-item img.il-imagedefault, .reevoo-items-list .il-large img.il-imagedefault, .reevoo-items-list .il-medium img.il-imagedefault, .reevoo-items-list .il-small img.il-imagedefault { width: auto!important; display: block; margin: 0 auto 14px }
.reevoo-items-list .il-item h4, .reevoo-items-list .il-large h4, .reevoo-items-list .il-medium h4, .reevoo-items-list .il-small h4 { margin-bottom: 14px }
.reevoo-items-list .il-item .button, .reevoo-items-list .il-large .button, .reevoo-items-list .il-medium .button, .reevoo-items-list .il-small .button { margin-left: 0; margin-right: 0; padding-left: 11%; padding-right: 11% }
.reevoo-items-list .il-item .cta-button, .reevoo-items-list .il-large .cta-button, .reevoo-items-list .il-medium .cta-button, .reevoo-items-list .il-small .cta-button { display: inline-block; border: 1px solid #003057; letter-spacing: .125em; -moz-user-select: none; vertical-align: middle; padding: 13px 30px 11px; line-height: 1.5; margin: .4375em; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; outline: 0 }
.reevoo-items-list .il-item .cta-button:hover, .reevoo-items-list .il-large .cta-button:hover, .reevoo-items-list .il-medium .cta-button:hover, .reevoo-items-list .il-small .cta-button:hover { color: #fff; border-color: #003057; background-color: #003057 }
.reevoo-items-list .il-left { text-align: left }
.reevoo-items-list .il-center { text-align: center }
.reevoo-items-list .il-right { text-align: right }
.reevoo-items-list-wrapper .extf-body { float: none; width: 100%; margin-top: 0; padding-right: 0 }
.reevoo-items-list-wrapper .extf-body h2 { font-family: "Volvo Sans Medium"; letter-spacing: -1px; margin-bottom: 16px; color: #003158 }
.cl-detail .reevoo-items-list-wrapper .extf-content .cl-description, .cl-detail .reevoo-items-list-wrapper .extf-content font, .reevoo-items-list-wrapper .extf-content .cl-detail .cl-description, .reevoo-items-list-wrapper .extf-content .cl-detail font, .reevoo-items-list-wrapper .extf-content .extf-content, .reevoo-items-list-wrapper .extf-content .story-carousel .story-content, .reevoo-items-list-wrapper .extf-content .support-area, .reevoo-items-list-wrapper .extf-content p, .story-carousel .reevoo-items-list-wrapper .extf-content .story-content { font-family: "Volvo Sans Regular"; margin-bottom: 50px; color: #414146 }
.cl-detail .reevoo-items-list .cl-description, .cl-detail .reevoo-items-list font, .reevoo-items-list .cl-detail .cl-description, .reevoo-items-list .cl-detail font, .reevoo-items-list .extf-content, .reevoo-items-list .story-carousel .story-content, .reevoo-items-list .support-area, .reevoo-items-list p, .story-carousel .reevoo-items-list .story-content { font-family: "Volvo Sans Regular"; color: #414146 }

@media screen and (min-width:0) and (max-width:481px) {
.reevoo-items-list-wrapper { margin-top: 50px; padding: 0 1.5em }
.reevoo-items-list-wrapper .extf-body h2 { font-size: 32px; font-family: "Volvo Sans Regular"; line-height: 38px; padding-right: 25px; padding-left: 30px }
.cl-detail .reevoo-items-list-wrapper .extf-content .cl-description, .cl-detail .reevoo-items-list-wrapper .extf-content font, .reevoo-items-list-wrapper .extf-content .cl-detail .cl-description, .reevoo-items-list-wrapper .extf-content .cl-detail font, .reevoo-items-list-wrapper .extf-content .extf-content, .reevoo-items-list-wrapper .extf-content .story-carousel .story-content, .reevoo-items-list-wrapper .extf-content .support-area, .reevoo-items-list-wrapper .extf-content p, .story-carousel .reevoo-items-list-wrapper .extf-content .story-content { font-size: 16px; line-height: 24px; width: 100% }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child, .reevoo-items-list .il-medium:last-child, .reevoo-items-list .il-small:last-child { margin-bottom: 1.875em }
.reevoo-items-list .il-small { float: left; display: block; margin-right: 3.48259%; width: 48.25871% }
.reevoo-items-list .il-small:last-child, .reevoo-items-list .il-small:nth-child(2n) { margin-right: 0 }
.reevoo-items-list .il-small:nth-child(2n+1) { clear: left }
.reevoo-items-list .il-item, .reevoo-items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 100% }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child { margin-right: 0 }
.cl-detail .reevoo-items-list .cl-description, .cl-detail .reevoo-items-list font, .reevoo-items-list .cl-detail .cl-description, .reevoo-items-list .cl-detail font, .reevoo-items-list .extf-content, .reevoo-items-list .story-carousel .story-content, .reevoo-items-list .support-area, .reevoo-items-list p, .story-carousel .reevoo-items-list .story-content { font-size: 16px; line-height: 24px; width: 100%; margin-bottom: 50px }
.reevoo-items-list .mobile-Tab { font-size: 20px; font-family: "Volvo Sans Regular"; line-height: 25px; color: #003158 }
.reevoo-items-list .desktop { display: none }
}

@media screen and (min-width:481px) and (max-width:769px) {
.reevoo-items-list-wrapper { margin-top: 52px; padding: 0 2.625em }
.reevoo-items-list-wrapper .extf-body h2 { font-size: 40px; line-height: 48px }
.cl-detail .reevoo-items-list-wrapper .extf-content .cl-description, .cl-detail .reevoo-items-list-wrapper .extf-content font, .reevoo-items-list-wrapper .extf-content .cl-detail .cl-description, .reevoo-items-list-wrapper .extf-content .cl-detail font, .reevoo-items-list-wrapper .extf-content .extf-content, .reevoo-items-list-wrapper .extf-content .story-carousel .story-content, .reevoo-items-list-wrapper .extf-content .support-area, .reevoo-items-list-wrapper .extf-content p, .story-carousel .reevoo-items-list-wrapper .extf-content .story-content { font-size: 16px; line-height: 24px }
.reevoo-items-list { height: 266px }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child, .reevoo-items-list .il-medium:last-child, .reevoo-items-list .il-small:last-child { margin-bottom: 2.8125em }
.reevoo-items-list .il-medium, .reevoo-items-list .il-small { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.reevoo-items-list .il-medium:last-child, .reevoo-items-list .il-medium:nth-child(3n), .reevoo-items-list .il-small:last-child, .reevoo-items-list .il-small:nth-child(3n) { margin-right: 0 }
.reevoo-items-list .il-medium:nth-child(3n+1), .reevoo-items-list .il-small:nth-child(3n+1) { clear: left }
.reevoo-items-list .il-item, .reevoo-items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child { margin-right: 0 }
.reevoo-items-list .il-item:nth-child(odd), .reevoo-items-list .il-large:nth-child(odd) { margin-left: 17.2471% }
.cl-detail .reevoo-items-list .cl-description, .cl-detail .reevoo-items-list font, .reevoo-items-list .cl-detail .cl-description, .reevoo-items-list .cl-detail font, .reevoo-items-list .extf-content, .reevoo-items-list .story-carousel .story-content, .reevoo-items-list .support-area, .reevoo-items-list p, .story-carousel .reevoo-items-list .story-content { line-height: 24px; font-size: 16px; width: auto }
.reevoo-items-list .mobile-Tab { font-size: 20px; line-height: 25px; font-family: "Volvo Sans Medium"; color: #003158 }
.reevoo-items-list .desktop { display: none }
}

@media screen and (min-width:769px) {
.reevoo-items-list .il-medium:nth-child(3n+1), .reevoo-items-list .il-small:nth-child(4n+1) { clear: left }
.reevoo-items-list-wrapper { margin-top: 60px; overflow: hidden; padding: 0 2.625em }
.reevoo-items-list-wrapper .extf-body h2 { font-size: 54px; line-height: 64px }
.cl-detail .reevoo-items-list-wrapper .extf-content .cl-description, .cl-detail .reevoo-items-list-wrapper .extf-content font, .reevoo-items-list-wrapper .extf-content .cl-detail .cl-description, .reevoo-items-list-wrapper .extf-content .cl-detail font, .reevoo-items-list-wrapper .extf-content .extf-content, .reevoo-items-list-wrapper .extf-content .story-carousel .story-content, .reevoo-items-list-wrapper .extf-content .support-area, .reevoo-items-list-wrapper .extf-content p, .story-carousel .reevoo-items-list-wrapper .extf-content .story-content { font-size: 18px; line-height: 27px }
.reevoo-items-list { height: 220px }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child, .reevoo-items-list .il-medium:last-child, .reevoo-items-list .il-small:last-child { margin-bottom: 5.9375em }
.reevoo-items-list .il-small { float: left; display: block; margin-right: 3.48259%; width: 22.38806% }
.reevoo-items-list .il-small:last-child, .reevoo-items-list .il-small:nth-child(4n) { margin-right: 0 }
.reevoo-items-list .il-medium { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.reevoo-items-list .il-medium:last-child, .reevoo-items-list .il-medium:nth-child(3n) { margin-right: 0 }
.reevoo-items-list .il-item, .reevoo-items-list .il-large { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.reevoo-items-list .il-item:last-child, .reevoo-items-list .il-large:last-child { margin-right: 0 }
.reevoo-items-list .il-item:nth-child(odd), .reevoo-items-list .il-large:nth-child(odd) { margin-left: 17.2471% }
.cl-detail .reevoo-items-list .cl-description, .cl-detail .reevoo-items-list font, .reevoo-items-list .cl-detail .cl-description, .reevoo-items-list .cl-detail font, .reevoo-items-list .extf-content, .reevoo-items-list .story-carousel .story-content, .reevoo-items-list .support-area, .reevoo-items-list p, .story-carousel .reevoo-items-list .story-content { line-height: 27px; font-size: 18px; width: auto }
.reevoo-items-list .desktop { font-size: 32px; letter-spacing: -1px; line-height: 38px; font-family: "Volvo Sans Medium"; color: #003158 }
.reevoo-items-list .mobile-Tab { display: none }
}
.lt-ie9 .reevoo-items-list-wrapper { clear: both }
.lt-ie9 .reevoo-items-list .il-large, .lt-ie9 .reevoo-items-list .il-medium, .lt-ie9 .reevoo-items-list .il-small { margin-right: 2% }
.popup-content { position: relative }
.popup-content .extf-container { background-color: #ececec; margin: 0 auto; padding: 40px; position: relative; max-width: 60em }

@media screen and (max-width:769px) {
.popup-content .extf-container { padding: 15px }
}
.popup-content .extf-container h2, .popup-content .extf-container h3 { text-align: center }
.popup-content .extf-container h3 { margin-bottom: 10px }
.popup-content .extf-container h2 { margin-bottom: 25px }
.popup-content .extf-container .extf-image { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-bottom: 1.5em }
.popup-content .extf-container .extf-image:last-child { margin-right: 0 }

@media screen and (min-width:0) and (max-width:481px) {
.popup-content .extf-container .extf-image { float: left; display: block; margin-right: 3.48259%; width: 100% }
.popup-content .extf-container .extf-image:last-child { margin-right: 0 }
}
.popup-content .extf-container .extf-image img { height: auto }
.popup-content .extf-container .bod-image-text { padding-left: 51.7413% }
.popup-content .extf-container .extf-body { float: none; width: 100%; margin-top: 0; padding-right: 0 }

@media screen and (max-width:769px) {
.popup-content .extf-container .extf-body { padding: 0 14px }
}
.popup-content .extf-container .extf-content>* { max-width: 100% }
.popup-content button.mfp-close { color: #fff!important; font-size: 20px; right: -12px; top: -50px; height: auto; width: auto }
.popup-content table td { border-bottom: 0; padding: 5px 0; vertical-align: top }
.popup-content table td:first-child { width: 130px }
.popup-content hr { border-bottom: 1px solid #003057; clear: left; width: 100% }
.model-lineup-cover { background: #ececec; width: 100%; position: relative }
.cl-detail .model-lineup-cover .cl-description, .cl-detail .model-lineup-cover font, .innovations-header .model-lineup-cover h3, .model-lineup-cover .cl-detail .cl-description, .model-lineup-cover .cl-detail font, .model-lineup-cover .extf-content, .model-lineup-cover .innovations-header h3, .model-lineup-cover .story-carousel .story-content, .model-lineup-cover .support-area, .model-lineup-cover dir, .model-lineup-cover h1, .model-lineup-cover h2, .model-lineup-cover h3, .model-lineup-cover h4, .model-lineup-cover h5, .model-lineup-cover h6, .model-lineup-cover img, .model-lineup-cover menu, .model-lineup-cover p, .model-lineup-cover span, .model-lineup-cover ul, .story-carousel .model-lineup-cover .story-content { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
.model-lineup-cover .model-lineup { padding: 80px 0; text-align: center }
.model-lineup-cover .model-lineup .lazyOwl { min-height: 95px; -webkit-filter: grayscale(.5); filter: grayscale(.5) }
.model-lineup-cover .model-lineup .owl-buttons, .model-lineup-cover .model-lineup .owl-pagination { display: none }
.model-lineup-cover .model-lineup .review-content { color: #003057; clear: both; padding: 0; margin: 0; overflow: hidden }
.cl-detail .model-lineup-cover .model-lineup .review-content .cl-description, .cl-detail .model-lineup-cover .model-lineup .review-content font, .model-lineup-cover .model-lineup .review-content .cl-detail .cl-description, .model-lineup-cover .model-lineup .review-content .cl-detail font, .model-lineup-cover .model-lineup .review-content .extf-content, .model-lineup-cover .model-lineup .review-content .story-carousel .story-content, .model-lineup-cover .model-lineup .review-content .support-area, .model-lineup-cover .model-lineup .review-content p, .story-carousel .model-lineup-cover .model-lineup .review-content .story-content { padding: 0 30px; font-size: 16px; line-height: 1.5em; margin-bottom: 25px; font-family: Volvo Sans Regular; color: #414146 }
.model-lineup-cover .model-lineup .review-contentafter { content: ""; display: table; clear: both }
.model-lineup-cover .model-lineup .review-content h2 { font-size: 32px; line-height: 89%; margin-bottom: 30px; font-family: Volvo Sans Medium; text-transform: uppercase }
.model-lineup-cover .model-lineup .review-content h3, .model-lineup-cover .model-lineup .review-content h5 { display: none }
.model-lineup-cover .model-lineup .review-content .grid-angle:before { width: 40px; font-size: 16px; display: block; padding: 7px 0 0 15px; height: 40px; color: #003158; font-weight: 700; box-sizing: border-box; cursor: pointer }
.model-lineup-cover .model-lineup .review-content .review-container { margin: 0 2em }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav a { border-bottom: none }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; cursor: pointer }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev.icon { font-family: volvo-icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; speak: none; text-decoration: none; text-transform: none }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev.icon.icon-angle-left { left: -10px }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev.icon.icon-angle-left:before { content: "\E006"; height: 40px; color: #003158; font-weight: 700; box-sizing: border-box; cursor: pointer; background-color: transparent }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev.icon.icon-angle-left.grid-angle { background-color: transparent }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .prev.icon.icon-angle-right:before { content: "\E007"; height: 40px; color: #003158; font-weight: 700; box-sizing: border-box; cursor: pointer; background-color: transparent }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next { right: -20px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; cursor: pointer; padding: 7px 0 0 15px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-item, .model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-wrapper { -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next.icon { font-family: volvo-icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; speak: none; text-decoration: none; text-transform: none }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next.icon.icon-angle-left { left: 40px }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next.icon.icon-angle-left:before { content: "\E006"; height: 40px; color: #003158; font-weight: 700; box-sizing: border-box; cursor: pointer }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next.icon.icon-angle-left.grid-angle { background-color: transparent }
.model-lineup-cover .model-lineup .review-content .review-container .model-lineup-nav .next.icon.icon-angle-right:before { content: "\E007"; height: 40px; color: #003158; font-weight: 700; box-sizing: border-box; cursor: pointer; background-color: transparent }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-item { float: left }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-buttons div, .model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-page { cursor: pointer }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-wrapper { display: none; position: relative }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col { float: left; width: 18em; height: auto; display: block }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-after { float: right; margin-top: -57px; margin-right: 19px; font-size: 60%; text-transform: uppercase; font-weight: 700; width: 28%; line-height: 13px; text-align: left }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-before { text-align: right; float: left; line-height: 13px; margin-left: 77px; margin-right: -100px; font-size: 60%; text-transform: uppercase; font-weight: 700; width: 8%; margin-top: 1px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-points { float: left; margin-left: 25%; margin-bottom: 10px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-points span { margin: 0 4px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-points .star-ratings-css-top { color: #003158 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-points .star-ratings-css-bottom { color: #a5b4bf }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-count { clear: both; margin-bottom: 15px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col img { width: 86% }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col li { display: inline; list-style: none; padding: 0 .8em; font-size: 16px; text-transform: uppercase }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col li a { color: #003158; font-family: Volvo Sans Regular; border-bottom: 1px solid #003158; text-decoration: none }
.model-lineup-cover .model-lineup .review-content .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }
.model-lineup-cover .model-lineup .review-content .grabbing { cursor: url(grabbing.png) 8 8, move }

@media only screen and (max-width:768px) {
@-webkit-keyframes fb-slidein-animation {
0% {
opacity:0
}
1% {
-webkit-transform:translateX(160px);
transform:translateX(160px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fb-slidein-animation {
0% {
opacity:0
}
1% {
-webkit-transform:translateX(160px);
transform:translateX(160px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.review-col { -webkit-animation-name: fb-slidein-animation; animation-name: fb-slidein-animation; -webkit-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards }
}

@media screen and (min-width:0) and (max-width:481px) {
.model-lineup-cover .model-lineup .review-content .review-container { margin: 0 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col { margin-left: 2.5em }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-before { text-align: right; float: left; line-height: 9px; margin-left: 92px; margin-right: -112px; font-size: 45%; text-transform: uppercase; font-weight: 400; width: 7%; margin-top: 3px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-after { float: right; margin-top: -22px; margin-right: 54px; font-size: 45%; text-transform: uppercase; font-weight: 400; width: 20%; line-height: 9px; text-align: left }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col img { width: 100%; margin: 20px 0 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col li a { font-size: 16px }
.model-lineup-cover .model-lineup .review-content .grid-angle, .model-lineup-cover .model-lineup .review-content h2 { display: none }
.model-lineup-cover .model-lineup .review-content h3 { display: block; font-size: 20px }
.cl-detail .model-lineup-cover .model-lineup .review-content .cl-description, .cl-detail .model-lineup-cover .model-lineup .review-content font, .model-lineup-cover .model-lineup .review-content .cl-detail .cl-description, .model-lineup-cover .model-lineup .review-content .cl-detail font, .model-lineup-cover .model-lineup .review-content .extf-content, .model-lineup-cover .model-lineup .review-content .story-carousel .story-content, .model-lineup-cover .model-lineup .review-content .support-area, .model-lineup-cover .model-lineup .review-content p, .story-carousel .model-lineup-cover .model-lineup .review-content .story-content { font-size: 14px }
}

@media screen and (min-width:481px) and (max-width:769px) {
.model-lineup-cover .model-lineup { padding: 50px 0 }
.model-lineup-cover .model-lineup .review-content .review-container { margin: 0 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col { width: 90% }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col ul { margin-left: 1.75em }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col .review-count { margin-left: 1.5em }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col img { width: 86%; margin: 20px 0 20px 1.5em }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-after { float: right; margin-top: -22px; margin-right: 24px!important; font-size: 44%!important; text-transform: uppercase; font-weight: 400; width: 26%; line-height: 10px; text-align: left }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-before { text-align: right; float: left; line-height: 10px!important; margin-left: 68px!important; margin-right: -100px; font-size: 44%!important; text-transform: uppercase; font-weight: 400; margin-top: 3px; width: 7% }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col li a { line-height: 30px }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .owl-item { margin-left: 2px }
.model-lineup-cover .model-lineup .review-content .grid-angle, .model-lineup-cover .model-lineup .review-content h2 { display: none }
.model-lineup-cover .model-lineup .review-content h5 { display: block; font-size: 20px }
.cl-detail .model-lineup-cover .model-lineup .review-content .cl-description, .cl-detail .model-lineup-cover .model-lineup .review-content font, .model-lineup-cover .model-lineup .review-content .cl-detail .cl-description, .model-lineup-cover .model-lineup .review-content .cl-detail font, .model-lineup-cover .model-lineup .review-content .extf-content, .model-lineup-cover .model-lineup .review-content .story-carousel .story-content, .model-lineup-cover .model-lineup .review-content .support-area, .model-lineup-cover .model-lineup .review-content p, .story-carousel .model-lineup-cover .model-lineup .review-content .story-content { margin-bottom: 15px }
.model-lineup-cover .model-lineup .lazyOwl { min-height: 73px }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.model-lineup-cover .model-lineup .review-content h3, .model-lineup-cover .model-lineup .review-content h5 { display: none }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col { width: 15.8em }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-after { float: right; margin-top: -48px; margin-right: 38px; font-size: 41%; text-transform: uppercase; font-weight: 700; width: 28%; line-height: 13px; text-align: left }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel .review-col small.small-before { text-align: right; float: left; line-height: 9px; margin-left: 100px; margin-right: -120px; font-size: 41%; text-transform: uppercase; font-weight: 700 }
.model-lineup-cover .model-lineup .review-content .review-container .owl-carousel li a { line-height: 127% }
}
.main-block { padding: 80px 0 }
.main-block .reviews-blue { background: url(blue_star.png) no-repeat; width: 22px; height: 20px; float: left }
.main-block .reviews-gray { background: url(gray_star.png) no-repeat; width: 22px; height: 20px; float: left }
.main-block .reviews-title { font-size: 1rem; font-family: Volvo Sans Medium; line-height: 75%; color: #003158; text-align: center }
.main-block .main_star_block { margin-top: 30px }
.main-block .main_star_block .star_block { height: 50px; margin: 0 auto; text-align: center }
.main-block .main_star_block .star_block .reviews-star { display: inline-block }
.main-block .main_star_block .star_block .reviews { font-size: 18px; vertical-align: 2px; display: inline-block; color: #414146; font-family: Volvo Sans Regular }
.main-block .main_star_block .star_block .clear { clear: both }
.main-block .main_charts_block { margin-top: 37px }
.main-block .main_charts_block .reviews-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 }
.main-block .main_charts_block .reviews-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y }
.main-block .main_charts_block .reviews-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.main-block .main_charts_block .reviews-carousel.owl-loaded { display: block }
.main-block .main_charts_block .reviews-carousel.owl-loading { opacity: 0; display: block }
.main-block .main_charts_block .reviews-carousel.owl-hidden { opacity: 0 }
.main-block .main_charts_block .reviews-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.main-block .main_charts_block .reviews-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d }
.main-block .main_charts_block .charts, .main-block .main_charts_block .charts .progres { margin: 0 auto }
.main-block .main_charts_block .charts .progress-radial { position: relative; width: 70px!important; height: 70px!important; border-radius: 50%; -webkit-animation-play-state: running }
.main-block .main_charts_block .charts .progress-radial .reviews-overlay { position: absolute; width: 60px; height: 60px; background-color: #ECECEC; border-radius: 50%; margin-left: 5px; margin-top: 4.5px; text-align: center; line-height: 60px; font-size: 22px; color: #003158; font-family: Volvo Sans Medium }
.main-block .main_charts_block .charts .progress-radial .reviews-overlay .procents { margin-left: -5px; font-size: 15px; color: #003158; font-family: Volvo Sans Medium }
.main-block .main_charts_block .charts .chart_text { text-align: center; margin-top: 10px; color: #414146; font-size: 16px; font-family: Volvo Sans Regular }

@media screen and (min-width:481px) and (max-width:769px) {
.main-block .reviews-title { font-size: 1rem; line-height: 75%; font-family: Volvo Sans Medium; color: #003158; text-align: center }
.main-block .main_star_block .star_block { height: 50px; margin: 0 auto; text-align: center }
.main-block .main_star_block .star_block .reviews { font-size: 16px; margin-left: 5px; vertical-align: 3px; display: inline-block; color: #414146; font-family: Volvo Sans Regular }
.main-block .main_charts_block .chart_text { text-align: center; margin-top: 10px; color: #414146; font-size: 16px; font-family: Volvo Sans Regular }
}

@media screen and (min-width:0) and (max-width:481px) {
.main-block .reviews-title { font-family: Volvo Sans Medium; line-height: 75%; font-size: 1rem; color: #003158 }
.main-block .main_star_block .star_block { height: 50px; margin: 0 auto; text-align: center }
.main-block .main_star_block .star_block .reviews { vertical-align: 3px; font-size: 14px; margin-left: 5px; display: inline-block; color: #414146; font-family: Volvo Sans Regular }
}
.page-background { background-color: #ECECEC }
.progress-0 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(0deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(90deg, #003158 50%, #fff 50%, #fff) }
.progress-1 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(356.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(93.6deg, #003158 50%, #fff 50%, #fff) }
.progress-2 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(352.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(97.2deg, #003158 50%, #fff 50%, #fff) }
.progress-3 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(349.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(100.8deg, #003158 50%, #fff 50%, #fff) }
.progress-4 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(345.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(104.4deg, #003158 50%, #fff 50%, #fff) }
.progress-5 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(342deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(108deg, #003158 50%, #fff 50%, #fff) }
.progress-6 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(338.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(111.6deg, #003158 50%, #fff 50%, #fff) }
.progress-7 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(334.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(115.2deg, #003158 50%, #fff 50%, #fff) }
.progress-8 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(331.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(118.8deg, #003158 50%, #fff 50%, #fff) }
.progress-9 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(327.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(122.4deg, #003158 50%, #fff 50%, #fff) }
.progress-10 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(324deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(126deg, #003158 50%, #fff 50%, #fff) }
.progress-11 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(320.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(129.6deg, #003158 50%, #fff 50%, #fff) }
.progress-12 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(316.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(133.2deg, #003158 50%, #fff 50%, #fff) }
.progress-13 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(313.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(136.8deg, #003158 50%, #fff 50%, #fff) }
.progress-14 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(309.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(140.4deg, #003158 50%, #fff 50%, #fff) }
.progress-15 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(306deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(144deg, #003158 50%, #fff 50%, #fff) }
.progress-16 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(302.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(147.6deg, #003158 50%, #fff 50%, #fff) }
.progress-17 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(298.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(151.2deg, #003158 50%, #fff 50%, #fff) }
.progress-18 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(295.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(154.8deg, #003158 50%, #fff 50%, #fff) }
.progress-19 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(291.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(158.4deg, #003158 50%, #fff 50%, #fff) }
.progress-20 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(288deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(162deg, #003158 50%, #fff 50%, #fff) }
.progress-21 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(284.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(165.6deg, #003158 50%, #fff 50%, #fff) }
.progress-22 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(280.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(169.2deg, #003158 50%, #fff 50%, #fff) }
.progress-23 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(277.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(172.8deg, #003158 50%, #fff 50%, #fff) }
.progress-24 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(273.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(176.4deg, #003158 50%, #fff 50%, #fff) }
.progress-25 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(270deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(180deg, #003158 50%, #fff 50%, #fff) }
.progress-26 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(266.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(183.6deg, #003158 50%, #fff 50%, #fff) }
.progress-27 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(262.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(187.2deg, #003158 50%, #fff 50%, #fff) }
.progress-28 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(259.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(190.8deg, #003158 50%, #fff 50%, #fff) }
.progress-29 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(255.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(194.4deg, #003158 50%, #fff 50%, #fff) }
.progress-30 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(252deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(198deg, #003158 50%, #fff 50%, #fff) }
.progress-31 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(248.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(201.6deg, #003158 50%, #fff 50%, #fff) }
.progress-32 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(244.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(205.2deg, #003158 50%, #fff 50%, #fff) }
.progress-33 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(241.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(208.8deg, #003158 50%, #fff 50%, #fff) }
.progress-34 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(237.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(212.4deg, #003158 50%, #fff 50%, #fff) }
.progress-35 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(234deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(216deg, #003158 50%, #fff 50%, #fff) }
.progress-36 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(230.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(219.6deg, #003158 50%, #fff 50%, #fff) }
.progress-37 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(226.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(223.2deg, #003158 50%, #fff 50%, #fff) }
.progress-38 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(223.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(226.8deg, #003158 50%, #fff 50%, #fff) }
.progress-39 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(219.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(230.4deg, #003158 50%, #fff 50%, #fff) }
.progress-40 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(216deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(234deg, #003158 50%, #fff 50%, #fff) }
.progress-41 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(212.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(237.6deg, #003158 50%, #fff 50%, #fff) }
.progress-42 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(208.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(241.2deg, #003158 50%, #fff 50%, #fff) }
.progress-43 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(205.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(244.8deg, #003158 50%, #fff 50%, #fff) }
.progress-44 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(201.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(248.4deg, #003158 50%, #fff 50%, #fff) }
.progress-45 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(198deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(252deg, #003158 50%, #fff 50%, #fff) }
.progress-46 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(194.4deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(255.6deg, #003158 50%, #fff 50%, #fff) }
.progress-47 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(190.8deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(259.2deg, #003158 50%, #fff 50%, #fff) }
.progress-48 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(187.2deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(262.8deg, #003158 50%, #fff 50%, #fff) }
.progress-49 { background-image: -webkit-linear-gradient(0deg, #fff 50%, transparent 50%, transparent), -webkit-linear-gradient(183.6deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #fff 50%, transparent 50%, transparent), linear-gradient(266.4deg, #003158 50%, #fff 50%, #fff) }
.progress-50 { background-image: -webkit-linear-gradient(180deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-90deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-51 { background-image: -webkit-linear-gradient(176.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-86.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-52 { background-image: -webkit-linear-gradient(172.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-82.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-53 { background-image: -webkit-linear-gradient(169.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-79.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-54 { background-image: -webkit-linear-gradient(165.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-75.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-55 { background-image: -webkit-linear-gradient(162deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-72deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-56 { background-image: -webkit-linear-gradient(158.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-68.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-57 { background-image: -webkit-linear-gradient(154.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-64.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-58 { background-image: -webkit-linear-gradient(151.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-61.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-59 { background-image: -webkit-linear-gradient(147.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-57.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-60 { background-image: -webkit-linear-gradient(144deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-54deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-61 { background-image: -webkit-linear-gradient(140.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-50.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-62 { background-image: -webkit-linear-gradient(136.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-46.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-63 { background-image: -webkit-linear-gradient(133.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-43.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-64 { background-image: -webkit-linear-gradient(129.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-39.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-65 { background-image: -webkit-linear-gradient(126deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-36deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-66 { background-image: -webkit-linear-gradient(122.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-32.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-67 { background-image: -webkit-linear-gradient(118.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-28.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-68 { background-image: -webkit-linear-gradient(115.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-25.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-69 { background-image: -webkit-linear-gradient(111.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-21.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-70 { background-image: -webkit-linear-gradient(108deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-18deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-71 { background-image: -webkit-linear-gradient(104.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-14.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-72 { background-image: -webkit-linear-gradient(100.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-10.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-73 { background-image: -webkit-linear-gradient(97.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-7.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-74 { background-image: -webkit-linear-gradient(93.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(-3.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-75 { background-image: -webkit-linear-gradient(90deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(0deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-76 { background-image: -webkit-linear-gradient(86.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(3.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-77 { background-image: -webkit-linear-gradient(82.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(7.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-78 { background-image: -webkit-linear-gradient(79.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(10.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-79 { background-image: -webkit-linear-gradient(75.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(14.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-80 { background-image: -webkit-linear-gradient(72deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(18deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-81 { background-image: -webkit-linear-gradient(68.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(21.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-82 { background-image: -webkit-linear-gradient(64.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(25.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-83 { background-image: -webkit-linear-gradient(61.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(28.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-84 { background-image: -webkit-linear-gradient(57.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(32.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-85 { background-image: -webkit-linear-gradient(54deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(36deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-86 { background-image: -webkit-linear-gradient(50.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(39.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-87 { background-image: -webkit-linear-gradient(46.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(43.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-88 { background-image: -webkit-linear-gradient(43.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(46.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-89 { background-image: -webkit-linear-gradient(39.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(50.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-90 { background-image: -webkit-linear-gradient(36deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(54deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-91 { background-image: -webkit-linear-gradient(32.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(57.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-92 { background-image: -webkit-linear-gradient(28.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(61.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-93 { background-image: -webkit-linear-gradient(25.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(64.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-94 { background-image: -webkit-linear-gradient(21.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(68.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-95 { background-image: -webkit-linear-gradient(18deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(72deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-96 { background-image: -webkit-linear-gradient(14.4deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(75.6deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-97 { background-image: -webkit-linear-gradient(10.8deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(79.2deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-98 { background-image: -webkit-linear-gradient(7.2deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(82.8deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-99 { background-image: -webkit-linear-gradient(3.6deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(86.4deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.progress-100 { background-image: -webkit-linear-gradient(0deg, #003158 50%, transparent 50%, transparent), -webkit-linear-gradient(180deg, #003158 50%, #fff 50%, #fff); background-image: linear-gradient(90deg, #003158 50%, transparent 50%, transparent), linear-gradient(270deg, #003158 50%, #fff 50%, #fff) }
.star-ratings-css { unicode-bidi: bidi-override; color: #bbb; font-size: 25px; height: 25px; width: auto; margin: 0 auto; position: relative; padding: 0 }
li.star-ratings-css span { margin: 0 4px }
li.star-ratings-css span:first-child { margin-left: 0 }
.star-ratings-css-top { color: #003158; padding: 0; position: absolute; z-index: 1; display: block; left: 0; overflow: hidden }
.star-ratings-css-bottom { z-index: 0 }
.pdp-hero .star-ratings-css { color: rgba(255,255,255,.5) }
.pdp-hero .star-ratings-css a { color: rgba(255,255,255,.5); text-decoration: none }
.pdp-hero .star-ratings-css-top { color: #FFF }
.pdp-hero .star-ratings-css-top a { color: #FFF; text-decoration: none }
.pdp-hero .reviews { color: #FFF; text-decoration: none; border-bottom: none }
.reevoo-clear { clear: both }
.individual-review-model { height: auto; background-color: #fff }
.individual-review-model .clear { clear: both }
@keyframes grower {
0% {
width:0
}
}
@-webkit-keyframes grower {
0% {
width:0
}
}
.individual-review-model .txt { font-family: Volvo Sans Regular; font-size: 18px; color: #414146; overflow: hidden; position: relative }
.individual-review-model .showe_more { display: none; font-family: Volvo Sans Regular; font-size: 18px; color: #414146 }
.individual-review-model .small+.more { display: none }
.individual-review-model .txt::before { content: ''; width: 100%; height: auto; position: absolute; left: 0; top: 0; -webkit-appearance: none; border-radius: 1px }
.individual-review-model select::-ms-expand {
display:none
}
.individual-review-model .block-line { border-bottom: 1px solid #f6f6f6; width: 100% }
.individual-review-model .readmore { width: 100%; overflow: hidden }
.individual-review-model .main-page-block::first-line { border-top: none }
.individual-review-model .filter-sort-box .filter-sort { background-color: #003158; width: 100%; height: auto }
.individual-review-model .filter-sort-box .filter-sort .bg-color { max-width: 1266px; margin: 0 auto }
.individual-review-model .filter-sort-box .filter-sort .bg-color .filter-reviews { padding: 30px 20px; color: #fff; font-family: Volvo Sans Regular; font-size: 18px; float: left }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align { text-align: right }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by { padding: 15px 30px; color: #fff; font-family: Volvo Sans Regular; display: inline-block }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .filter-by-txt { display: inline-block; margin-right: 5px; font-size: 18px; line-height: 27px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .select-style { width: 180px; padding: 5px 20px; font-size: 14px; border: 0; height: 50px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: 160px; color: #003158; font-family: Volvo Sans Medium; cursor: pointer; text-transform: uppercase; display: inline-block }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by { padding: 15px 20px; color: #fff; font-family: Volvo Sans Regular; display: inline-block }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .sort-by-txt { display: inline-block; margin-right: 5px; font-size: 18px; line-height: 27px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .select-style { width: 180px; padding: 5px 20px; font-size: 14px; border: 0; height: 50px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: 160px; color: #003158; font-family: Volvo Sans Medium; cursor: pointer; text-transform: uppercase; display: inline-block }
.individual-review-model .main-page-block { padding-bottom: 54px; max-width: 1266px; margin: 0 auto; clear: both; overflow: hidden; border-top: 1px solid #ddd }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .readmore .more { display: block }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display.more-height .cons .txt { max-height: 400px }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display.more-height .cons .txt:before { box-shadow: none }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt:before { box-shadow: inset 0 -9px 7px -5px rgba(255,255,255,.9); -webkit-box-shadow: inset 0 -9px 7px -9px rgba(255,255,255,.9); -moz-box-shadow: inset 0 -9px 7px -9px rgba(255,255,255,.9); height: 100% }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt { max-height: 3em; -webkit-transition: max-height .8s; transition: max-height .8s }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box { float: left; padding: 57px 0 0 20px; width: 29% }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .hide-details, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .show-details { padding: 9px 0 13px; font-size: 14px; color: #003158; font-family: Volvo Sans Medium; text-decoration: underline; cursor: pointer }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .main_star_block .star_block { margin: 0 auto; text-align: left }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .main_star_block .star_block .reviews-star { display: inline-block }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .main_star_block .star_block .clear { clear: both }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .hide-details { display: none }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts { display: none; padding-bottom: 20px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style { width: 290px; padding: 15px 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-title-style { float: left; color: #003158; font-size: 18px; font-family: Volvo Sans Medium }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-progress-style { float: right; color: #003158; font-size: 18px; font-family: Volvo Sans Medium }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-progress-style .chart-procent-style { font-size: 12px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter { position: relative; width: 290px; height: 12px; background: #ececec }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter span { display: block; height: 100%; animation: grower 1s linear; -moz-animation: grower 1s linear; -webkit-animation: grower 1s linear; -o-animation: grower 1s linear; position: relative; background: #003158 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter span:before { content: ''; display: block; width: 100%; height: 50%; position: relative; top: 50%; background: rgba(0,0,0,.03) }
.cl-detail .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .cl-description, .cl-detail .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter font, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .cl-detail .cl-description, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .cl-detail font, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .extf-content, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .story-carousel .story-content, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .support-area, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter p, .story-carousel .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter .story-content { position: absolute; top: 0; margin: 0 10px; line-height: 25px; font-family: Helvetica; font-weight: 700; -webkit-font-smoothing: antialised; font-size: 15px; color: #333 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-name { color: #003158; font-size: 18px; font-family: Volvo Sans Medium; padding-top: 8px; text-transform: capitalize }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-location { color: #414146; font-size: 18px; font-family: Volvo Sans Regular; text-transform: capitalize }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select { padding-top: 17px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-parent { float: left; color: #003158; font-size: 16px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .series-name { color: #414146; font-size: 16px; font-family: Volvo Sans Regular; padding: 16px 0 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-car { padding: 25px 0 0; color: #414146; font-size: 16px; font-family: Volvo Sans Regular }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-buy-date { color: #414146; font-size: 16px; font-family: Volvo Sans Regular; padding: 16px 0 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .publisher { text-align: left; font-size: 16px; color: #414146; font-family: Volvo Sans Regular; padding: 12px 0 0 }
.individual-review-model .main-page-block #content .wraper .pager { float: left; width: 65%; padding: 50px 0 0 35px; overflow: hidden }
.individual-review-model .main-page-block #content .wraper .pager .cons .txt .description, .individual-review-model .main-page-block #content .wraper .pager .pros .txt .description { padding-top: 14px; float: left }
.individual-review-model .main-page-block #content .wraper .pager .pros .plus { color: #00bd1f; font-family: Volvo Sans Regular; font-size: 32px }
.individual-review-model .main-page-block #content .wraper .pager .pros .plus-title { color: #003158; font-family: Volvo Sans Medium; font-size: 18px; vertical-align: 3px; margin-left: 10px }
.individual-review-model .main-page-block #content .wraper .pager .pros .txtcontainer { font-family: Volvo Sans Regular; font-size: 18px; height: auto; color: #414146; overflow: hidden; position: relative }
.individual-review-model .main-page-block #content .wraper .pager .pros .txt { font-family: Volvo Sans Regular; font-size: 18px; color: #414146; overflow: hidden; position: relative }
.individual-review-model .main-page-block #content .wraper .pager .cons { margin-top: 30px }
.individual-review-model .main-page-block #content .wraper .pager .cons .minus { color: #fd0505; font-family: Volvo Sans Regular; font-size: 32px; vertical-align: 14px }
.individual-review-model .main-page-block #content .wraper .pager .cons .minus-title { color: #003158; font-family: Volvo Sans Medium; font-size: 18px; vertical-align: 3px; margin-left: 10px }
.individual-review-model .main-page-block #content .wraper .pager .cons .txt, .individual-review-model .main-page-block #content .wraper .pager .cons .txtcontainer { font-family: Volvo Sans Regular; font-size: 18px; color: #414146; position: relative; overflow: hidden }
.individual-review-model .main-page-block #content .wraper .pager .cons .txtcontainer { height: auto }
.individual-review-model .main-page-block #content .wraper .pager .more { display: none; font-size: 14px; font-family: Volvo Sans Medium; color: #003158; text-decoration: underline; text-transform: uppercase; cursor: pointer; margin: 10px 0 0; float: left }
.individual-review-model .main-page-block #content .wraper .pager .less { display: none; font-size: 14px; font-family: Volvo Sans Medium; color: #003158; text-decoration: underline; cursor: pointer; text-transform: uppercase; margin: 10px 0 0; float: left }
.individual-review-model .pagination { width: 100%; text-align: left; background-color: #ececec; overflow: hidden; margin: 0!important }
.individual-review-model .pagination .gray-bg .page-list { max-width: 1266px; margin: 0 auto; padding: 30px 0 }
.individual-review-model .pagination .gray-bg .page-list .page-number { display: inline-block; padding: 0 0 0 20px }
.individual-review-model .pagination .gray-bg .page-list .page-number li.page-li-style.hidden { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style { height: 100%; vertical-align: bottom; display: inline-block }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { display: inline-block; border: 1px solid #ccc; padding: 10px 20px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-active, .individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #fff; background-color: #003158 }
.individual-review-model .pagination .gray-bg .page-list .page-swichers { display: inline-block; padding: 0 20px 0 0; float: right }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; border: 1px solid #ccc; padding: 10px 70px; color: #fff; background-color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 20px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev { display: inline-block; border: 1px solid #ccc; padding: 10px 70px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }

@media only screen and (min-width:769px) and (max-width:1024px) {
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .filter-by-txt, .individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .sort-by-txt { display: inline-block }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-progress-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-title-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-parent, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-location, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-name { font-size: 16px }
.individual-review-model .description::before { content: ''; width: 100%; height: auto; position: absolute; left: 0; top: 0; -webkit-appearance: none; border-radius: 1px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .filter-reviews { padding: 30px 20px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align { text-align: right }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by { padding: 15px 20px }
.individual-review-model .main-page-block { padding-bottom: 75px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box { padding: 60px 0 0 20px; width: 214px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style { width: 217px; padding: 15px 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter { position: relative; width: 217px; height: 12px; background: #ececec }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .publisher, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-buy-date, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-car, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .series-name { font-size: 14px }
.individual-review-model .main-page-block #content .wraper .pager { width: 60%; padding: 50px 0 0 50px }
.individual-review-model .main-page-block #content .wraper .pager .cons .txt, .individual-review-model .main-page-block #content .wraper .pager .cons .txtcontainer, .individual-review-model .main-page-block #content .wraper .pager .pros .txt, .individual-review-model .main-page-block #content .wraper .pager .pros .txtcontainer { line-height: 24px; font-size: 16px }
.individual-review-model .pagination .gray-bg { background-color: #ececec }
.individual-review-model .pagination .gray-bg .page-list { max-width: 1266px; margin: 0 auto; padding: 50px 0 80px }
.individual-review-model .pagination .gray-bg .page-list .page-number li.page-li-style.hidden { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style { height: 100%; vertical-align: bottom; display: inline-block; padding: 0 30px }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { display: inline-block; border: 1px solid #ccc; padding: 10px 20px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #fff; background-color: #003158 }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-active { color: #fff; background-color: #003158; text-decoration: underline }
.individual-review-model .pagination .gray-bg .page-list .page-swichers { display: inline-block; float: right; padding: 0 30px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; border: 1px solid #ddd; padding: 10px 70px; color: #fff; background-color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 5px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev { display: inline-block; border: 1px solid #ddd; padding: 10px 70px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
}

@media only screen and (min-width:686px) and (max-width:768px) {
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .filter-by-txt, .individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .sort-by-txt, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-progress-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-title-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-parent, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-pet, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-sport, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-location, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-name { font-size: 16px }
.individual-review-model .description::before { content: ''; width: 100%; height: auto; position: absolute; left: 0; top: 0; -webkit-appearance: none; border-radius: 1px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align { text-align: right }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by { padding: 15px 5px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by { padding: 15px 20px }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt { height: 4em }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt:before { box-shadow: inset 0 -17px 7px -5px rgba(255,255,255,.9); -webkit-box-shadow: inset 0 -20px 7px -9px rgba(255,255,255,.9); -moz-box-shadow: inset 0 -20px 7px -5px rgba(255,255,255,.9); height: 100% }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box { float: left; padding: 60px 0 0 17px; width: 32% }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .show-details { font-family: Volvo Sans Regular; line-height: 27px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .hide-details { font-family: Volvo Sans Regular }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style { width: 90%; padding: 15px 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter { position: relative; width: 90%; height: 12px; background: #ececec }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-car { font-size: 14px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-buy-date, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .series-name { font-size: 13px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .publisher { font-size: 14px }
.individual-review-model .main-page-block #content .wraper .pager { float: left; width: 60%; padding: 50px 0 0 20px }
.individual-review-model .main-page-block #content .wraper .pager .pros { font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .cons .txt, .individual-review-model .main-page-block #content .wraper .pager .cons .txtcontainer, .individual-review-model .main-page-block #content .wraper .pager .pros .txt, .individual-review-model .main-page-block #content .wraper .pager .pros .txtcontainer { line-height: 24px; font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .less, .individual-review-model .main-page-block #content .wraper .pager .more { margin: 10px 0 0 }
.individual-review-model .pagination .gray-bg { background-color: #ececec }
.individual-review-model .pagination .gray-bg .page-list { max-width: 1266px; margin: 0 auto; padding: 50px 0 80px }
.individual-review-model .pagination .gray-bg .page-list .page-number { display: inline-block; padding: 0 15px }
.individual-review-model .pagination .gray-bg .page-list .page-number li.page-li-style.hidden { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style { height: 100%; vertical-align: bottom; display: inline-block }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { display: inline-block; border: 1px solid #ccc; padding: 10px 20px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-active, .individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #fff; background-color: #003158 }
.individual-review-model .pagination .gray-bg .page-list .page-swichers { display: inline-block; float: right; padding: 0 15px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; border: 1px solid #ccc; padding: 10px 46px; color: #fff; background-color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 5px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev { display: inline-block; border: 1px solid #ccc; padding: 10px 25px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
}

@media only screen and (max-width:688px) {
.individual-review-model .txt, .individual-review-model option { font-family: Volvo Sans Regular }
.individual-review-model .txt { font-size: 14px; color: #414146; overflow: hidden; text-overflow: ellipsis; content: ""; position: relative }
.individual-review-model .showe_more { display: none; font-family: Volvo Sans Regular; font-size: 14px; color: #414146 }
.individual-review-model .description::before { content: ''; width: 100%; height: auto; position: absolute; left: 0; top: 0; -webkit-appearance: none; border-radius: 1px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .review-wrap, .individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap { width: 91%; margin: 0 auto }
.individual-review-model .filter-sort-box .filter-sort .bg-color .review-wrap .filter-reviews { text-align: left; padding: 40px 0 0; float: none }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align { text-align: center }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .filter-by { display: block; padding: 0; margin-right: 0 }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .filter-by .filter-by-txt { text-align: left; display: block; padding: 15px 0 0; font-size: 16px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .filter-by .select-style { width: 100%; padding: 5px 20px; font-size: 14px; border: 0; height: 50px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: 95%; color: #003158; font-family: Volvo Sans Medium; cursor: pointer; text-transform: uppercase; margin-top: 20px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .filter-by .select-style option { font-family: Volvo Sans Regular }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .sort-by { display: block; padding: 0 0 25px; margin-right: 0; margin-left: 0 }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .sort-by .sort-by-txt { text-align: left; display: block; padding: 15px 0 0; font-size: 16px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .sort-by .select-style { width: 100%; padding: 5px 20px; font-size: 14px; border: 0; height: 50px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-position: 95%; color: #003158; font-family: Volvo Sans Medium; cursor: pointer; text-transform: uppercase; margin-top: 20px }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-progress-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style .chart-title-style, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .review-select .reviewer-parent a, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-location, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-name { font-size: 16px }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .select-wrap .sort-by .select-style option, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .hide-details, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .show-details { font-family: Volvo Sans Regular }
.individual-review-model .main-page-block { padding-bottom: 75px }
.individual-review-model .main-page-block #content .wraper .individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt { height: 5em }
.individual-review-model .main-page-block #content .wraper .pager.readmore-display .cons .txt:before { box-shadow: inset 0 -14px 7px -5px rgba(255,255,255,.9); -webkit-box-shadow: inset 0 -14px 7px -9px rgba(255,255,255,.9); -moz-box-shadow: inset 0 -14px 7px -5px rgba(255,255,255,.9); height: 100% }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box { padding: 60px 0 0 20px; width: 95% }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart .chart-block-style { width: 95%; padding: 15px 0 }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .line-charts .line-chart div.progress-counter { position: relative; width: 95%; height: 12px; background: #ececec }
.individual-review-model .main-page-block #content .wraper .main-line-chart-box .publisher, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-buy-date, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .reviewer-car, .individual-review-model .main-page-block #content .wraper .main-line-chart-box .series-name { font-size: 14px }
.individual-review-model .main-page-block #content .wraper .pager { width: 90%; padding: 25px 0 0 20px }
.individual-review-model .main-page-block #content .wraper .pager .pros .plus-title { font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .pros .txt, .individual-review-model .main-page-block #content .wraper .pager .pros .txtcontainer { line-height: 24px; font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .cons .minus-title { font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .cons .txt, .individual-review-model .main-page-block #content .wraper .pager .cons .txtcontainer { line-height: 24px; font-size: 16px }
.individual-review-model .main-page-block #content .wraper .pager .less, .individual-review-model .main-page-block #content .wraper .pager .more { margin: 10px 0 0 }
.individual-review-model .pagination .gray-bg { background-color: #ececec }
.individual-review-model .pagination .gray-bg .page-list { max-width: 1266px; margin: 0 auto; padding: 10px 0 }
.individual-review-model .pagination .gray-bg .page-list .page-number { display: inline-block; padding: 0 10px }
.individual-review-model .pagination .gray-bg .page-list .page-number li.page-li-style.hidden { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style { height: auto; vertical-align: baseline; display: inline-block }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { display: inline-block; border: 0 solid #ccc; padding: 10px 5px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #003158; text-decoration: underline; font-weight: 700; background: 0 }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:nth-child(4n) { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-number .page-li-style .page-active { color: #003158; text-decoration: underline; font-weight: 700; background: 0 }
.individual-review-model .pagination .gray-bg .page-list .page-swichers { display: inline-block; float: right; padding: 0 5px }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; border: 0 solid #ddd; padding: 8px 0 8px 10px; background: 0; color: #003158; font-size: 25px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 0 }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next span { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-next:after { content: '>' }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev { display: inline-block; border: 0 solid #ddd; padding: 5px; color: #003158; font-size: 25px; font-family: Volvo Sans Medium; cursor: pointer }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev span { display: none }
.individual-review-model .pagination .gray-bg .page-list .page-swichers .page-swichers-prev:after { content: '<' }
}
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .select-style.downarrow { background: url(/Static/images/arrow.png) 160px no-repeat #fff }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .filter-by .select-style.uparrow { background: url(/Static/images/up-arrow.png) 160px no-repeat #fff }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .select-style.downarrow { background: url(/Static/images/arrow.png) 160px no-repeat #fff }
.individual-review-model .filter-sort-box .filter-sort .bg-color .sf-align .sort-by .select-style.uparrow { background: url(/Static/images/up-arrow.png) 160px no-repeat #fff }
.review-brand-res { overflow: hidden; width: 100%; background-color: #deeaf2; padding: 30px; margin: 30px 0 0 }
.review-brand-res-inner { width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 25px }
.review-brand-res-title { font-size: 18px; font-family: "Volvo Sans Medium"; float: left }
.askanowner-search .askanowner-inner h4, .askanowner-ser form input, .review-brand-res-date { font-family: "Volvo Sans Regular" }
.review-brand-res .review-brand-res-inner .review-brand-res-title .blue-bg-cont { display: inline-block }
.review-brand-res-date { color: #999; font-size: 13px; float: right }
.cl-detail .review-brand-res .cl-description, .cl-detail .review-brand-res font, .review-brand-res .cl-detail .cl-description, .review-brand-res .cl-detail font, .review-brand-res .extf-content, .review-brand-res .story-carousel .story-content, .review-brand-res .support-area, .review-brand-res p, .story-carousel .review-brand-res .story-content { color: #414146; max-width: 100% }
.review-brand-res span.blue-bg-logo img { width: 25px; float: right; margin-left: 5px }
.review-brand-res .review-brand-res-inner .review-brand-res-title .brand-heading { float: left }

@media (max-width:991px) {
.review-brand-res { padding: 20px 30px }
.review-brand-res .review-brand-res-date { float: left; width: 100% }
}
.askanowner-searchmain { width: 100% }
.askanowner-search { background-color: #161618; position: relative; width: 100%; color: #fff }
.askanowner-search .askanowner-inner { max-width: 1266px; margin: 0 auto; padding: 50px 0 32px; overflow: hidden; position: relative }
.askanowner-search .askanowner-inner h4 { font-size: 18px; text-transform: none; line-height: 50px }
.askanowner-search .askanowner-inner .askanowner-ser { float: left; position: relative; margin-right: 30px; color: #fff }
.askanowner-ser form { width: 100%; border: none }
.askanowner-ser form input { margin-bottom: 0; width: 100%; border: 1px solid #DCDCDC; box-shadow: 1px 1px 0 #DCDCDC; font-size: 16px; float: left; padding-left: 20px; font-weight: 400; padding-top: 15px; padding-bottom: 15px; height: 50px; color: #a6a6a6 }
.askanowner-ser form .searchspanbtn { position: absolute; right: 0 }
.askanowner-ser form .separator { position: absolute; right: 50px; top: 10%; bottom: 10%; border-left: 1px solid #e3e3e3 }
.askanowner-ser form .button-customsearch { border: none; color: #000; font-weight: 700; margin: 0; width: 50px; left: 10px; height: 50px; padding: 0 }
.askanowner-ser .icon-search { left: 19px }
.askanowner-search .askanowner-inner .askanowner-btn { float: left; width: auto }
.askanowner-btn .aaosearch-input input { color: #fff; font-size: 14px; font-family: "Volvo Sans Medium"; text-align: center; cursor: pointer; padding-left: 32px; padding-right: 31px; background-color: #161618; border: 1px solid #fff }
.askanowner-btn .aaosearch-input .inputSearchAct, .askanowner-btn .aaosearch-input input:active, .askanowner-btn .aaosearch-input input:focus, .askanowner-btn .aaosearch-input input:hover { background-color: #fff; color: #000 }
.askanowner-inner .askanowner-closebtn { float: right; color: #fff; font-size: 16px; font-family: "Volvo Sans Regular"; line-height: 50px; cursor: pointer; display: none }
.askanowner-search .askanowner-btmarrow { border-color: transparent transparent transparent #003057; border-style: solid; border-width: 20px 0 0; height: 0; position: absolute; border-left: 21px solid #ececec; margin: -11px; -webkit-transform: rotate(136deg); transform: rotate(136deg); bottom: 0; left: 82px }
.askanowner-searchmain .askanowner-form { background: #ececec; width: 100%; padding: 50px 0; max-width: 1266px; margin: 0 auto; overflow: hidden }
.askanowner-form { max-width: 1266px; margin: 40px auto 0 }
.askanowner-form h2 { font-size: 32px; font-family: "Volvo Sans Medium" }
.askanowner-form .aao-textarea textarea, .askanowner-form h5, .askanowner-searchmain .desclaimer { font-family: "Volvo Sans Regular" }
.askanowner-form .val-error { border-color: #9e7573; background: #f1d2d7 }
.askanowner-form .cl-detail .cl-description, .askanowner-form .cl-detail font, .askanowner-form .extf-content, .askanowner-form .story-carousel .story-content, .askanowner-form .support-area, .askanowner-form p, .cl-detail .askanowner-form .cl-description, .cl-detail .askanowner-form font, .story-carousel .askanowner-form .story-content { font-size: 18px; font-family: "Volvo Sans Regular"; color: #414146; max-width: 100% }
.askanowner-form h5 { font-size: 18px; color: #003057; padding: 0 0 15px }
.askanowner-form .aao-textarea { text-align: left; width: 100%; margin-bottom: 5px }
.askanowner-form .aao-textarea textarea { resize: none; height: 150px; width: 100%; font-size: 18px; color: #414146; line-height: 27px; text-align: left }
.askanowner-form .aao-formarea { width: 100%; float: left; margin-bottom: 10px }
.askanowner-form .aao-formarea li { width: 32%; float: left; margin-right: 24px }
.askanowner-form .aao-formarea li.last { margin-right: 0 }
.askanowner-form .error-mes { color: #fe3434; margin: 0 0 15px; font-size: 13px }
.askanowner-searchmain .desclaimer { font-size: 13px; color: #414146 }
.askanowner-form .solidline { border-bottom: 1px solid #ddd; padding: 34px 0 0; margin-bottom: 40px }
.aao-commonbtn a, .askanowner-form .aao-submit a { display: inline-block; border: 1px solid #003158; padding: 10px 70px; color: #003158; font-size: 14px; font-family: "Volvo Sans Medium"; cursor: pointer; margin: 10px 0 30px; text-transform: uppercase; background-color: #fff }
.askanowner-form .aao-submit a { font-size: 16px; padding: 11px 60px; margin: 20px 0 30px; background-color: #fff; border: 1px solid #003057 }
.askanowner-form .aao-submit a:hover .aao-commonbtn a:hover { background-color: #003158; color: #fff }
.aao-commonbtn a { padding: 10px 50px }
.aao-commonbtn a:hover, .askanowner-form .aao-submit a:hover { background-color: #003057; color: #fff }
.askanowner-searchmain .solidline { border: 1px solid #ddd; margin: 50px 0 0 }
.aao-questionmain .aao-questionmainInner { width: 100%; overflow: hidden; max-width: 1266px; margin: 0 auto }
.aao-questionmain .aao-question { background: #ececec; position: relative; margin: 0 0 20px }
.aao-questioninfo h3 { font-size: 20px; font-family: "Volvo Sans Medium"; text-transform: none }
.aao-questionmain .cl-detail .cl-description, .aao-questionmain .cl-detail font, .aao-questionmain .extf-content, .aao-questionmain .story-carousel .story-content, .aao-questionmain .support-area, .aao-questionmain p, .cl-detail .aao-questionmain .cl-description, .cl-detail .aao-questionmain font, .story-carousel .aao-questionmain .story-content { color: #414146; max-width: 100% }
.aao-question .aao-quesblock { width: 100%; padding: 25px 30px 0; background-color: #fff; position: relative; margin-top: 40px }
.aao-question .aao-quesblock-btmarrow { border-color: #fff; border-style: solid; border-width: 20px 0 0; height: 0; position: absolute; border-left: 21px solid #fff; margin: -9px; -webkit-transform: rotate(316deg); transform: rotate(316deg); bottom: 0; left: 124px }
.aao-questionmain .aao-quesblock-inner { width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 25px }
.aao-questionmain .aao-quesblock-title { font-size: 18px; font-family: "Volvo Sans Medium"; float: left }
.aao-questionmain .aao-quesblock-date { color: #999; font-size: 13px; font-family: "Volvo Sans Regular"; float: right }
.aao-questionmain .ask-an-owner-vote button { zoom: 1; display: inline; display: inline-block; cursor: pointer; background: #d6d6d6; margin: 0 10px 0 0; padding: 9px 10px; height: 16px; color: #fff }
.aao-questionmain .ask-an-owner-vote.answer { margin-left: 40px }
.aao-questionmain .ask-an-owner-voting .selected button { color: #fff; background: #003158 }
.aao-questionmain .webfont-icon { border: 1px solid #ddd; background: #fff; color: #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; font-size: 17px; display: inline-block; width: 18px; height: 18px; line-height: 16px; vertical-align: middle; text-decoration: none; box-sizing: content-box }
.aao-questionmain [data-icon]:before { content: attr(data-icon); font-family: reevoo-icons; font-style: normal; text-decoration: none; speak: none; font-weight: 400; -webkit-font-smoothing: antialiased; text-transform: none }
.aao-questionmain .aao-quesblock-answer { padding: 30px; background-color: #fff; margin: 30px 0 30px 40px }
.aao-questionmain .aao-quesblock-answer.blue-bg { background-color: #deeaf2 }
.ask-an-owner-vote .voteactive { color: #fff; background-color: #003158!important }
.ask-an-owner-vote .votehover:hover { color: #fff; background-color: #003158 }
.ask-an-owner-vote span.desclaimer { font-size: 13px; color: #414146 }
.aao-questionmain .reevoo-track { margin-left: 0; overflow: hidden }
.aao-questionmain .reevoo-track.pagination { width: 100%; text-align: left; background-color: #ececec; overflow: hidden; margin-top: -50px!important }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list { max-width: 1266px; margin: 0 auto; padding: 30px 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number { display: inline-block }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style { height: 100%; vertical-align: bottom; display: inline-block; margin-right: 11px }
.js-AAO-Answer.aaoactive { background-color: #003057; color: #fff }
.js-button-submit.aaoactive { background-color: #003057!important; color: #fff!important }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { display: inline-block; border: 1px solid #ccc; padding: 10px 20px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-active, .aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #fff; background-color: #003158 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number li.page-li-style.hidden { display: none }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers { display: inline-block; float: right }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev { float: left; border: 1px solid #ccc; padding: 10px 60px; color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer }
.aao-questionmain .js-AAO-question-section { padding-bottom: 60px; border-bottom: 1px solid #ddd; margin-bottom: 60px }
.askanowner-form .desclaimer { font-size: 13px; color: #999 }
.askanowner-form .desclaimer a, .askanowner-form .desclaimer a:hover { font-size: 13px; font-family: "Volvo Sans Regular" }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; border: 1px solid #ccc; padding: 10px 60px; color: #fff; background-color: #003158; font-size: 14px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 20px }
.aao-questionthks { padding-top: 13px; background-color: #027bcc; margin-bottom: 40px; float: left; width: 100%; padding-left: 20px; padding-right: 20px }
.aao-questionthks .questionthksInfo { max-width: 1266px; margin: 0 auto; overflow: hidden }
.CTA-body .CTA-content .cl-detail .cl-description, .CTA-body .CTA-content .cl-detail font, .CTA-body .CTA-content .extf-content, .CTA-body .CTA-content .story-carousel .story-content, .CTA-body .CTA-content .support-area, .CTA-body .CTA-content p, .CTA-body .extf-image img, .cl-detail .CTA-body .CTA-content .cl-description, .cl-detail .CTA-body .CTA-content font, .story-carousel .CTA-body .CTA-content .story-content { max-width: 100% }
.questionthksInfo span { display: inline-block; float: left; margin-right: 15px; line-height: 35px }
.questionthksInfo span.thank-white { color: #fff }
.accordionItem { height: auto; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s }
.accordionItem.is-collapsed { max-height: 0 }
.no-js .accordionItem.is-collapsed { max-height: auto }
.animateIn { -webkit-animation: accordionIn .45s normal ease-in-out both 1; animation: accordionIn .45s normal ease-in-out both 1 }
.animateOut { -webkit-animation: accordionOut .45s alternate ease-in-out both 1; animation: accordionOut .45s alternate ease-in-out both 1 }
@-webkit-keyframes accordionIn {
0% {
opacity:0;
-webkit-transform:scale(.9) rotateX(-60deg);
transform:scale(.9) rotateX(-60deg);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes accordionIn {
0% {
opacity:0;
-webkit-transform:scale(.9) rotateX(-60deg);
transform:scale(.9) rotateX(-60deg);
-webkit-transform-origin:50% 0;
transform-origin:50% 0
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes accordionOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(.9) rotateX(-60deg);
transform:scale(.9) rotateX(-60deg)
}
}
@keyframes accordionOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(.9) rotateX(-60deg);
transform:scale(.9) rotateX(-60deg)
}
}

@media (max-width:1024px) {
.aao-questionmain .js-AAO-question-section { padding-bottom: 50px; margin-bottom: 50px }
.questionthksInfo span img { width: 35px; float: left }
.questionthksInfo span.thank-white { color: #fff; float: left }
.aao-commonbtn a:active, .aao-commonbtn a:focus, .aao-commonbtn a:hover, .askanowner-form .aao-submit a:active, .askanowner-form .aao-submit a:focus, .askanowner-form .aao-submit a:hover { background-color: #003057; color: #fff }
}

@media (min-width:320px) {
.aao-questionmain, .askanowner-search { padding: 0 20px }
.askanowner-searchmain .askanowner-form { padding: 50px 20px }
}

@media (min-width:992px) {
.askanowner-form .aao-formarea li { width: 32%; margin-right: 20px }
}

@media (max-width:1300px) {
.askanowner-form { padding: 0 20px }
}

@media only screen and (min-width:992px) and (max-width:1039px) {
.askanowner-form .aao-formarea li { width: 31.9%; margin-right: 20px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
.askanowner-form .aao-formarea li { width: 31%; margin-right: 25px }
.aao-questionmain .reevoo-track { margin-left: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number { display: inline-block; padding: 0; overflow: hidden }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers { padding-right: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style { margin-right: 15px }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next, .aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev { padding: 10px 38px }
.questionthksInfo span.thank-white { width: 90%; padding-bottom: 10px }
}

@media only screen and (min-width:686px) and (max-width:768px) {
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next, .aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev { padding: 10px 25px }
}

@media (max-width:767px) {
.askanowner-search .askanowner-inner { padding: 45px 0 40px }
.askanowner-search .askanowner-inner .askanowner-ser { width: 100%; margin-right: 0 }
.askanowner-search .askanowner-inner .askanowner-btn { width: 90% }
.aao-question .aao-quesblock-btmarrow, .askanowner-search .askanowner-btmarrow { left: 50% }
.askanowner-search .askanowner-inner h4 { text-align: center; line-height: inherit }
.aao-questionmain .aao-quesblock-date { float: left; width: 100% }
.askanowner-inner .askanowner-closebtn { display: none }
.askanowner-form .aao-formarea { margin-bottom: 0 }
.askanowner-form .aao-formarea li { width: 100%; margin-right: 0; margin-bottom: 22px }
.askanowner-form .aao-formarea li.last { margin-bottom: 6px }
.askanowner-form .aao-textarea { margin-bottom: 15px }
.aao-questionmain .reevoo-track { margin-left: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number { overflow: hidden; float: left }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style { margin-right: 2px }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { padding: 10px 19px }
.aao-questionmain .aao-quesblock-inner { margin: 0 0 15px; padding: 0 0 15px }
.aao-questionmain .aao-quesblock-answer { padding: 20px 30px }
.aao-question .aao-quesblock { padding: 20px 30px 0 }
.aao-commonbtn a, .askanowner-form .aao-submit a { width: 100%; text-align: center; margin: 20px 0 25px }
.askanowner-form .solidline { border-bottom: 1px solid #ddd; padding: 24px 0 0 }
.questionthksInfo span { line-height: inherit }
.questionthksInfo span.thank-white { padding-bottom: 10px; width: 80% }
}

@media only screen and (max-width:688px) {
.aao-questionmain .aao-quesblock-answer, .aao-questionmain .answer.ask-an-owner-vote, .aao-questionmain .reevoo-track { margin-left: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number { padding: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers { display: inline-block; float: right }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next span, .aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev span { display: none }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev { display: inline-block; border: none; padding: 8px 0; background: 0 0; color: #003158; font-size: 25px; font-family: Volvo Sans Medium; cursor: pointer; margin-left: 0; font-weight: inherit }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-prev:after { content: '<' }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next { display: inline-block; padding: 8px 0 10px 15px; background: 0 0; font-size: 25px; font-family: Volvo Sans Medium; cursor: pointer; font-weight: inherit; background-color: none; border: none; color: #003158; margin-left: 5px }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-swichers .page-swichers-next:after { content: '>' }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-active, .aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-number-list:hover { color: #003158; text-decoration: underline; font-weight: 700; background: 0 0; border: none }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style { height: 100%; vertical-align: baseline; display: inline-block; margin-right: 0 }
.aao-questionmain .reevoo-track.pagination .gray-bg .page-list .page-number .page-li-style .page-number-list { border: none; padding: 10px 5px!important }
}

@media (max-width:319px) {
.aao-questionmain, .askanowner-search { padding: 0 10px }
}

@media screen and (min-width:48em) {
.accordionItem { -webkit-transition: max-height .5s; transition: max-height .5s }
}
.no-blue-bg .aao-quesblock-inner .aao-quesblock-title .blue-bg-cont, .no-blue-bg .aao-quesblock-inner .aao-quesblock-title .blue-bg-sep { display: none }
#quote .quote-content, #quote .quote-image, #quote .review-points .star-ratings-css { display: inline-block }
.blue-bg .aao-quesblock-inner .aao-quesblock-title .blue-bg-cont { float: right }
span.blue-bg-logo img { width: 25px; float: right; margin-left: 5px }

@media (max-width:481px) {
.blue-bg .aao-quesblock-inner .aao-quesblock-title .blue-bg-cont { float: left }
}
#quote { width: 90%; margin: 2em auto 0 }
#quote ul.hero-ctas li a.hero-ctas { text-transform: uppercase; font-weight: 700; font-size: 14px }
#quote h3 { text-align: center; font-size: 54px; margin-bottom: 13px; text-transform: none }
#quote .review-points { margin-bottom: 40px; text-align: center }
#quote .review-points .reviews { display: inline-block; vertical-align: text-bottom }
#quote .quote-image { width: 59% }
#quote .quote-content { width: 40%; vertical-align: top; text-align: center }
#quote .quote-content .cl-detail .cl-description, #quote .quote-content .cl-detail font, #quote .quote-content .extf-content, #quote .quote-content .story-carousel .story-content, #quote .quote-content .support-area, #quote .quote-content p, .cl-detail #quote .quote-content .cl-description, .cl-detail #quote .quote-content font, .story-carousel #quote .quote-content .story-content { font-size: 28px; font-family: Volvo Serif Italic; margin-bottom: 23px }
#quote .quote-content .quoted-person { font-size: 16px; color: #003158; margin-bottom: 5px }
#quote .quote-content .persons-place { font-size: 16px; color: #768ea2 }

@media only screen and (max-width:768px) {
#quote .quote-content, #quote .quote-image { width: 100% }
#quote .quote-content .hero-ctas .icon-forward-round { visibility: hidden }
}
.home-sub-nav-menu, .main-home-nav-block { display: none }

@media screen and (min-width:0) and (max-width:481px) {
.home-sub-nav-menu .callstoaction a, .main-home-nav-block .nav-block-wrap ul li { text-decoration: none }
.clear { clear: both }
.main-home-nav-block { display: block; background-color: #ECECEC }
.main-home-nav-block .nav-block-wrap { padding: 7% 0 5%; margin: 0 5%; border-bottom: .1em solid #d4d4d4 }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-car a, .main-home-nav-block .nav-block-wrap:last-child { border-bottom: 0 }
.main-home-nav-block .nav-block-wrap ul li .nav-block { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title { display: inline-block; color: #003057; font-size: 1em; vertical-align: 12px; text-align: left; width: 50%; padding: 3% 0 }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a .sub-txt, .main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a small { font-family: "Volvo Broad"; font-size: 1.3em; line-height: .9em; margin-top: 3px; float: left }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a { float: left; border-bottom: 0 }
.innovations-header .main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a h3, .main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a .innovations-header h3, .main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a h1 { float: left; font-family: "Volvo Broad" }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-title a .sub-txt { padding-left: 1px; width: 60px }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-car { display: inline-block; width: 50%; text-align: right }
.main-home-nav-block .nav-block-wrap ul li .nav-block .home-nav-car a img { width: 100% }
.home-sub-nav-menu { display: block; background-color: #fff }
.home-sub-nav-menu .callstoaction { display: inline-block; width: 32%; border-right: .1em solid #e5e5e5; text-align: center; padding-bottom: .5em; padding-top: .5em }
.home-sub-nav-menu .callstoaction a .build-icon { padding: 10px 0 0 }
.home-sub-nav-menu .callstoaction a .build-icon img { max-width: 100%; height: auto; margin: 0; max-height: 55px }
.home-sub-nav-menu .callstoaction a .build-title { text-transform: uppercase; color: #003057; font-family: "Volvo Sans Regular"; font-size: .875em; margin: 5px 0 0 }
.home-sub-nav-menu .callstoaction:nth-last-child(1) { border-right: 0 }
}
.carusel-width-100, .wrap-carusel-width-100 { width: 100%!important }
.carusel-width-50 { width: 50%!important }
.carusel-width-33 { width: 33.33%!important }
.carusel-width-25 { width: 25%!important }
.carusel-width-20 { width: 20%!important }
.clear { clear: both }
.pdp-sticky-cta { display: none; background-color: #fff; position: fixed!important; bottom: 0; width: 100%!important; height: 71px; z-index: 9999 }
.pdp-sticky-cta .owl-wrapper { display: inline-block!important }
.pdp-sticky-cta .owl-wrapper-outer { overflow-x: hidden; overflow-y: hidden }
.pdp-sticky-cta .owl-item { float: left }
.pdp-sticky-cta .pdp-sticky-cta-menu { padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #e5e5e5; text-align: center; margin: 0 auto }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(1), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(1)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 100% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(2), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(2)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 50% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(3), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(3)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 33.33333% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(4), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(4)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 25% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(5), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(5)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 20% }
.pdp-sticky-cta .pdp-sticky-cta-menu a { text-decoration: none; border: 0; display: block }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-image { display: inline-block; vertical-align: middle; height: 30px; width: 31px }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title { display: inline-block; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Regular"; margin-top: 0; font-size: 12px; vertical-align: middle }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title .pdp-sticky-cta-primary-title { display: inline-block }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title .pdp-sticky-cta-secondary-title { display: none }

@media only screen and (max-width:1024px) {
.pdp-sticky-cta { background-color: #fff; position: fixed; bottom: 0; border-top: 1px solid #e5e5e5; width: 100%; height: 91px }
.pdp-sticky-cta .owl-wrapper { display: inline-block!important }
.pdp-sticky-cta .owl-wrapper-outer { overflow-x: hidden }
.pdp-sticky-cta .owl-item { float: left }
.pdp-sticky-cta .pdp-sticky-cta-menu { padding-top: 14px; padding-bottom: 14px; display: block; border-right: 1px solid #e5e5e5; text-align: center; margin: 0 }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(1), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(1)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 100% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(2), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(2)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 50% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(3), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(3)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 33.33333% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(4), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(4)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 25% }
.pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(5), .pdp-sticky-cta .pdp-sticky-cta-menu:first-child:nth-last-child(5)~.pdp-sticky-cta .pdp-sticky-cta-menu { width: 20% }
.pdp-sticky-cta .pdp-sticky-cta-menu a { text-decoration: none }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-image { height: 39px; display: block; width: 40px; margin: 0 auto }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title { display: block; text-transform: uppercase; color: #003057; font-family: "Volvo Sans Regular"; font-size: 13.2px; margin-top: 0 }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title .pdp-sticky-cta-primary-title { display: none }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title .pdp-sticky-cta-secondary-title { display: block }
}
.CTA-body h2, .CTA-body h3 { font-family: "Volvo Sans Medium" }

@media screen and (min-width:0) and (max-width:481px) {
.pdp-sticky-cta { height: 87px }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-image { height: 33px; width: 35px; margin: 0 auto }
.pdp-sticky-cta .pdp-sticky-cta-menu a .pdp-sticky-cta-title { font-size: 10px }
}
.mfp-ext-video img, .videoWrapper img { display: block; width: 100%; z-index: 20; top: 0; left: 0 }
.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0 }
.videoWrapper img { position: absolute; height: 100%; cursor: pointer }
.mfp-ext-video img { height: 95%; cursor: pointer }
.mfp-ext-video:after, .videoWrapper:after, .videoWrapperItemList::before, .youtube-preview-img:after { display: table-cell; background: url(/Static/mediaelement/bigplay.png) no-repeat; width: 67px; height: 67px; z-index: 30; cursor: pointer; position: absolute; content: "" }
.mfp-ext-video:after, .videoWrapper:after, .youtube-preview-img:after { opacity: 1 }
.videoWrapperItemList::before { opacity: .8 }
.videoWrapperItemList img, .youtube-preview-img .extf-scale img { cursor: pointer }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.videoIframe { position: absolute; top: 8%; left: 8%; width: 80%; height: 80% }
.YouTubeVideo-overlay-close:before { width: 40px; font-size: 14px; display: block; border-radius: 50%; border: 1px solid #727275; padding: 8px 12px 0; background-color: #000; height: 40px; box-sizing: border-box; cursor: pointer; color: #fff; opacity: .65; position: absolute; right: 8px; top: 8px; z-index: 9 }
.js-GalleryGrid-videoIframe, .js-Slider-videoIframe { width: 100%; height: 100% }
.youtube-preview-img { display: block; position: relative }
.videoGridWrapperActive img, .videoGridWrapperActive:after, .videoWrapper.videoWrapperActive img, .videoWrapper.videoWrapperActive:after { display: none }
.StoryGridWrapper:after, .mfp-ext-video:after, .videoWrapper:after, .videoWrapperItemList::before, .youtube-preview-img:after { top: 0; left: 0; bottom: 0; right: 0; margin: auto }
.videoWrapperItemList { position: relative }
.readmore-overlay .image-content-area .imgposter { width: 100% }

@media (max-width:767px) {
.StoryGridWrapper:after, .YouTubeVideo-overlay-close:before, .mfp-ext-video:after, .videoWrapper:after, .videoWrapperItemList::before, .youtube-preview-img:after { height: 36px; width: 36px; background-size: 100% 100% }
}
.slider-video-player iframe { min-width: 100%; min-height: 375px; max-width: 100% }

@media screen and (min-width:481px) {
.slider-video-player iframe { min-width: 100%; width: 375px; min-height: 277px; max-width: 100% }
}

@media screen and (min-width:1700px) {
.slider-video-player iframe { min-width: 100%; width: 529px; max-width: 100% }
}
.CTA-body { margin-left: auto; margin-right: auto; text-align: center; padding: 74px 80px }
.CTA-body h3 { font-size: 18px; color: #003058 }
.CTA-body h2 { font-size: 54px; color: #003058 }
.CTA-body .cl-detail .cl-description, .CTA-body .cl-detail font, .CTA-body .extf-content, .CTA-body .story-carousel .story-content, .CTA-body .support-area, .CTA-body p, .cl-detail .CTA-body .cl-description, .cl-detail .CTA-body font, .story-carousel .CTA-body .story-content { font-size: 18px; font-family: "Volvo Sans Regular"; color: #003058 }
.CTA-body .extf-image { margin-top: 40px }
.CTA-body .CTA-content { width: 64%; margin: 40px auto }
.CTA-body .CTA-Item-button { margin-top: 40px }
.CTA-body .CTA-Item-button a { color: #003057; text-transform: uppercase; font-family: Volvo Sans Medium; font-size: 14px; text-decoration: none }
.CTA-body .CTA-Item-button .btn { padding: 10px 25px; border: 1px solid #003057; margin-right: 1.875em; font-size: 14px; color: #003057 }
.CTA-body .CTA-Item-button .btn:hover { background: #003057; color: #fff }

@media (max-width:768px) {
.CTA-body { padding: 46px 0 57px }
.CTA-body h3 { font-size: 16px }
.CTA-body h2 { font-size: 42px }
.CTA-body .cl-detail .cl-description, .CTA-body .cl-detail font, .CTA-body .extf-content, .CTA-body .story-carousel .story-content, .CTA-body .support-area, .CTA-body p, .cl-detail .CTA-body .cl-description, .cl-detail .CTA-body font, .story-carousel .CTA-body .story-content { font-size: 16px; color: #003057 }
.CTA-body .CTA-content { width: 82% }
}

@media (max-width:767px) {
.CTA-body { padding: 36px 0 47px }
.CTA-body h3 { font-size: 16px; margin-bottom: 9px }
.CTA-body h2 { font-size: 32px }
.CTA-body .cl-detail .cl-description, .CTA-body .cl-detail font, .CTA-body .extf-content, .CTA-body .story-carousel .story-content, .CTA-body .support-area, .CTA-body p, .cl-detail .CTA-body .cl-description, .cl-detail .CTA-body font, .story-carousel .CTA-body .story-content { font-size: 16px; color: #003057 }
.CTA-body .extf-image { margin-top: 15px }
.CTA-body .CTA-content { width: 94%; margin: 14px auto 0 }
.CTA-body .CTA-Item-button { margin-top: 29px }
}
.start-page-grid { color: #fff; font-weight: 700; font-size: 18px; line-height: 1.1 }
.start-page-grid:after { content: ""; display: table; clear: both }
.start-page-grid.push-down { margin-top: 10px }
.start-page-grid__text-heading { color: #003057; text-align: center; padding: 0 15px }
.cl-detail .start-page-grid__text-heading .cl-description, .cl-detail .start-page-grid__text-heading font, .start-page-grid__text-heading .cl-detail .cl-description, .start-page-grid__text-heading .cl-detail font, .start-page-grid__text-heading .extf-content, .start-page-grid__text-heading .story-carousel .story-content, .start-page-grid__text-heading .support-area, .start-page-grid__text-heading p, .story-carousel .start-page-grid__text-heading .story-content { display: inline-block; margin: 0 .75em 60px; max-width: 33em; text-align: center; font-weight: 100!important }
.start-page-grid__inner { display: block; height: auto }
.start-page-grid__col:after, .start-page-grid__inner:after { content: ""; display: table; clear: both }
.start-page-grid__item { display: block; height: 200px; width: 100%; overflow: hidden; position: relative; background-color: #999; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 0 6px }
.start-page-grid__item:hover .start-page-grid__title { color: #fff }
.start-page-grid__item--md { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; background-color: #777 }
.start-page-grid__item--sm { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; height: 100px; background-color: #555 }
.start-page-grid__item.bg-l { background-position: left center }
.start-page-grid__item.bg-r { background-position: right center }
.start-page-grid__item.item-02 { width: calc(50% - 3px); display: inline-block; float: left; margin: 0 3px 6px 0 }
.start-page-grid__item.item-05 { width: calc(50% - 3px); margin: 0 0 6px 3px }
.start-page-grid__item.item-04 { margin: 0 }
.start-page-grid__title { position: absolute; bottom: 20px; left: 20px; max-width: 300px; margin: 0 20px 0 0; color: #fff; font-weight: 700; border: none }
.start-page-grid__heading { font-size: 32px; padding: 0 15px; line-height: 1.2em; color: #003057; margin-bottom: 17px; margin-top: 60px; text-align: center }

@media screen and (min-width:481px) {
.start-page-grid__heading { font-size: 40px }
}

@media screen and (min-width:769px) {
.start-page-grid__heading { font-size: 54px }
}
.start-page-grid__overlay { display: none; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.4); color: #fff; width: 100%; padding: 0 40px }
.start-page-grid__overlay__inner { max-width: 385px; width: 80%; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; text-align: left }
.account-hero, .account-setting .vehicle-image { text-align: center }
.start-page-grid__overlay__heading, .start-page-grid__overlay__inner-link, .start-page-grid__overlay__text { position: relative; z-index: 10 }
.start-page-grid__overlay__heading { font-size: 18px; font-weight: 700; margin-bottom: 20px; display: block }
.start-page-grid__overlay__text { font-weight: 100 }
.start-page-grid__overlay__inner-link { color: #fff; font-size: 14px; text-transform: uppercase; border-color: #fff }
.start-page-grid__overlay__inner-link:hover { color: #fff; border-color: #fff }
.start-page-grid__citation { background-color: #0d0d0d; cursor: auto!important }
.start-page-grid__citation__inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Volvo Serif Italic", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 18px; line-height: 1.5; text-align: center; width: 80% }
.start-page-grid .hide-sm { display: none }
.start-page-grid .show-sm { display: inline-block; float: right }

@media screen and (min-width:481px) {
.start-page-grid { padding: 5px; font-size: 20px }
.start-page-grid.push-down { margin-top: 70px }
.start-page-grid__bg-wrapper { max-height: 465px; position: relative }
.start-page-grid__bg-wrapper>div { display: block; content: ""; width: 100%; padding-top: 50% }
.start-page-grid__bg-wrapper:after { content: ""; display: table; clear: both }
.cl-detail .start-page-grid__text-heading .cl-description, .cl-detail .start-page-grid__text-heading font, .start-page-grid__text-heading .cl-detail .cl-description, .start-page-grid__text-heading .cl-detail font, .start-page-grid__text-heading .extf-content, .start-page-grid__text-heading .story-carousel .story-content, .start-page-grid__text-heading .support-area, .start-page-grid__text-heading p, .story-carousel .start-page-grid__text-heading .story-content { margin: 0 .75em 70px; font-size: 18px!important }
.start-page-grid__item { height: 100%; margin: 3px }
.start-page-grid__item--md { height: 60% }
.start-page-grid__item--sm { height: 40% }
.start-page-grid__item.item-01 { width: calc(100% - 3px); margin: 0 3px 0 0 }
.start-page-grid__item.item-02 { -ms-flex-preferred-size: calc(40% - 6px); flex-basis: calc(40% - 6px); height: calc(40% - 6px); width: calc(100% - 6px); margin: 0 3px 6px }
.start-page-grid__item.item-03 { width: calc(100% - 6px); margin: 0 3px }
.start-page-grid__item.item-04 { -ms-flex-preferred-size: calc(60% - 3px); flex-basis: calc(60% - 3px); height: calc(60% - 3px); width: calc(100% - 3px); margin: 0 0 3px 3px }
.start-page-grid__item.item-05 { -ms-flex-preferred-size: calc(40% - 3px); flex-basis: calc(40% - 3px); height: calc(40% - 3px); width: calc(100% - 3px); margin: 3px 0 0 3px }
.start-page-grid__overlay { display: none }
.start-page-grid__overlay__heading { font-size: 20px }
.start-page-grid--reverse .start-page-grid__item.item-01 { width: calc(100% - 3px); margin: 0 0 0 3px }
.start-page-grid--reverse .start-page-grid__item.item-02 { -ms-flex-preferred-size: calc(40% - 3px); flex-basis: calc(40% - 3px); height: calc(40% - 3px); width: calc(100% - 3px); margin: 0 3px 6px 0 }
.start-page-grid--reverse .start-page-grid__item.item-03 { -ms-flex-preferred-size: calc(60% - 3px); flex-basis: calc(60% - 3px); height: calc(60% - 3px); width: calc(100% - 3px); margin: 0 3px 0 0 }
.start-page-grid--reverse .start-page-grid__item.item-04 { -ms-flex-preferred-size: calc(60% - 3px); flex-basis: calc(60% - 3px); height: calc(60% - 3px); width: calc(100% - 6px); margin: 0 3px 3px }
.start-page-grid--reverse .start-page-grid__item.item-05 { -ms-flex-preferred-size: calc(40% - 3px); flex-basis: calc(40% - 3px); height: calc(40% - 3px); width: calc(100% - 6px); margin: 3px 3px 0 }
.start-page-grid--reverse .start-page-grid--right { width: calc(100%/3) }
.start-page-grid .hide-sm { display: inline-block }
.start-page-grid .show-sm { display: none }
.start-page-grid--left, .start-page-grid--right { position: absolute; top: 0 }
.start-page-grid--left { width: calc(100%/3); height: 100%; left: 0 }
.start-page-grid--right { height: 100%; left: calc(100%/3) }
.start-page-grid .block-left, .start-page-grid .block-right { width: 50%; height: 100% }
.start-page-grid .block-left { float: left }
.start-page-grid .block-right { float: right }
}

@media screen and (min-width:769px) {
.start-page-grid { padding: 7.5px; font-size: 30px }
.start-page-grid.push-down { margin-top: 70px }
.start-page-grid__bg-wrapper { max-height: 800px }
.start-page-grid__overlay { cursor: initial }
.start-page-grid__overlay__heading { font-size: 24px; margin-bottom: 15px }
.start-page-grid__overlay__text { margin-bottom: 0 }
.start-page-grid__title { font-size: 24px }
.start-page-grid__citation__inner { font-size: 21px }
.start-page-grid--left { width: 50% }
.start-page-grid--right { width: 50%; left: 50% }
.start-page-grid--reverse .start-page-grid__item.item-01, .start-page-grid--reverse .start-page-grid__item.item-02, .start-page-grid--reverse .start-page-grid__item.item-03 { width: calc(100% - 3px) }
.start-page-grid--reverse .start-page-grid__item.item-04, .start-page-grid--reverse .start-page-grid__item.item-05 { width: calc(100% - 6px) }
.start-page-grid--reverse .start-page-grid--left { width: 50% }
.start-page-grid--reverse .start-page-grid--right { width: 50%; left: 50% }
}

@media screen and (min-width:769px) and (min-width:1025px) {
.start-page-grid__item:hover .start-page-grid__overlay { opacity: 1 }
.start-page-grid__item:hover .start-page-grid__overlay__inner { -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.start-page-grid__item:hover .start-page-grid__title { opacity: 0; -webkit-transform: translate(0, -15px); transform: translate(0, -15px) }
.start-page-grid__overlay { display: block; opacity: 0; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out }
.start-page-grid__overlay__inner { -webkit-transform: translate(0, -47%); transform: translate(0, -47%); -webkit-transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out }
.start-page-grid__title { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
}
.account-panel:after, .activity-feed-content:after { display: table; clear: both; content: "" }
.book-a-service-form .account-car .account-setting-card .vehicle-image, .grey-out { opacity: .5 }
.activity-feed-heading { border-top: 1px solid #fff; padding: 21px 0 34px; margin-top: 21px; color: #fff }
.activity-feed-heading:first-child { margin-top: 0; padding-top: 10px; border: none }
.activity-feed-content { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 21px; padding-right: 21px }

@media screen and (min-width:481px) {
.activity-feed-content { padding-left: 42px; padding-right: 42px }
}
.activity-feed-content .innovations-header h3, .activity-feed-content h1, .activity-feed-content h2, .innovations-header .activity-feed-content h3 { margin: 0 }

@media screen and (min-width:641px) {
.activity-feed-heading { padding-top: 42px; margin-top: 102px }
}
.card-container+.activity-feed { padding-top: 0 }
.card-spinner { width: 100% }
.card-spinner img { position: absolute; left: 45%; top: 45% }
.account-panel { background-color: #fff; color: #000; padding: 14px; max-width: 674px }
.account-panel .icon-car { position: absolute; top: -5px; right: 0; font-size: 36px; line-height: normal }
.account-panel h2 { font-size: 26px; line-height: 25px; margin-bottom: 6px }
.account-panel .cl-detail .cl-description, .account-panel .cl-detail font, .account-panel .extf-content, .account-panel .story-carousel .story-content, .account-panel .support-area, .account-panel p, .cl-detail .account-panel .cl-description, .cl-detail .account-panel font, .story-carousel .account-panel .story-content { margin-bottom: 31px }
.account-panel a { color: #000 }
.account-panel~.account-panel { margin-top: 20px }
.account-panel .card-cta { max-width: 366px }
.account-panel .account-info-details { color: #999 }
.form-item .dealer-marker { line-height: normal }
.account-panel.find-dealer .dealer-picker { margin: 0 }
.account-panel.find-dealer .dealer-picker+.button { display: none; margin-top: 40px }
.account-panel.find-dealer .dealer-selected.dealer-picker+.button { display: inline-block }
.account-panel.comunication-preferences fieldset { display: inline-block; margin-right: 40px }
ul.how-to { list-style-type: disc; font-size: 18px; padding-left: 30px }
ul.how-to li { margin-top: 20px }

@media screen and (min-width:481px) {
.account-panel { padding: 42px }
}

@media screen and (min-width:769px) {
.account-panel:after { content: ""; display: table; clear: both }
.account-panel>h2 { font-size: 35px; line-height: 40px; margin-bottom: 14px }
.account-panel>label { margin-bottom: 12px }
.account-panel~.account-panel { margin-top: 40px }
}
.account-hero { color: #fff; min-height: 50px; margin: 87px 0 }
.account-hero .account-hero-profile { display: inline-block; overflow: hidden; width: 128px; height: 128px; border-radius: 83px; margin-top: 7px; border: 2px solid #fff }
.account-hero .account-hero-profile img { max-width: none; width: 100% }
.account-hero .icon { font-size: 128px; line-height: normal }
.account-hero .innovations-header h3, .account-hero h1, .innovations-header .account-hero h3 { margin-top: 12px }

@media screen and (min-width:0) and (max-width:481px) {
.account-hero { margin: 70px 0 }
.account-hero .account-hero-profile { width: 60px; height: 60px; border-radius: 30px; border-width: 1px; margin-bottom: 5px }
.account-hero .innovations-header h3, .account-hero h1, .innovations-header .account-hero h3 { font-size: 2.3125em }
}
.account-setting+.account-setting { margin-top: 35px }
.account-setting .account-setting-card { display: block; background-color: #fff; color: #000; border: 1px solid #BDD6E6; padding: 5px 18px 12px }
.account-setting .account-setting-card .label { font-size: 12px; line-height: 16px }
.account-setting .account-setting-card>ul>li+li { margin-top: 4px }
.account-setting .account-setting-card>ul>li>span { display: inline-block; vertical-align: middle }
.account-setting .account-setting-card>ul>li>span.label { width: 22%; overflow: hidden; margin-right: 18px; min-width: 75px }
.account-setting .account-setting-actions { margin-top: 5px; text-align: left }
.account-setting .account-setting-actions a, .account-setting .account-setting-actions span { display: inline-block; margin-top: 10px; margin-right: 35px; color: #000; font-family: "Volvo Sans Medium"; font-size: .875em; line-height: 14px; letter-spacing: 1px }
.account-setting .account-setting-actions a { border-bottom-color: #000 }
.account-setting .account-setting-actions a:hover { color: #4d4e53; border-bottom-color: #4d4e53 }
.account-setting.account-car .account-setting-card { border-color: #000; padding: 14px }
.account-setting.account-car .vehicle-data .label { display: block; margin-bottom: -4px }
.account-setting.account-car .vehicle-data .data-list li>* { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.account-setting.account-car .account-car-disconnect { color: #999; border-bottom-color: #999 }
.account-setting.account-car .licence-plate a { font-size: 12px; text-decoration: underline; border-bottom: none; display: none }
.account-setting.account-car .licence-plate .cancel-licence-plate, .account-setting.account-car .licence-plate .save-licence-plate { display: none }
.account-setting.account-car .licence-plate .plate-edit-field { display: none!important }
.account-setting.account-car .licence-plate .plate-position { display: none }
.account-setting.account-car .licence-plate .license-field { font-size: 12px; padding: 2px; height: 20px; margin-top: 10px; margin-bottom: 0; text-transform: uppercase }
.account-form .form-item+.form-item, .account-form .radio-container { margin-top: 25px }
.account-setting.account-car .licence-plate .display { display: block!important }

@media screen and (min-width:641px) {
.account-setting.account-car .account-setting-card { white-space: nowrap; padding: 5px 18px 12px }
.account-setting.account-car .vehicle-data, .account-setting.account-car .vehicle-image { display: inline-block; vertical-align: bottom; white-space: normal }
.account-setting.account-car .vehicle-image { width: 22% }
.account-setting.account-car .vehicle-data { width: 78%; padding-left: 18px }
.account-setting.account-car .vehicle-data:after { content: ""; display: table; clear: both }
.account-setting.account-car .vehicle-data .data-list { float: left; width: 50% }
.account-setting.account-car .vehicle-data .data-list+.data-list { padding-left: 9px }
}
#additionalInfo, .account-form .with-placeholder option[value=""][disabled] { display: none }
.account-form .with-placeholder:required:invalid {
color:gray
}
.account-form .with-placeholder option { color: #000 }
.account-form h2 { font-size: 26px; line-height: 25px; margin-bottom: 6px }
.account-form .form-item:after { content: ""; display: table; clear: both }
.account-form .form-item.invalid .form-error, .account-form .form-item.no-data .form-error-nodata, .account-form .form-item.server-error .form-error-server { display: block }
.account-form .form-item.profile-image { margin-bottom: 35px }
.account-form .form-item.profile-image img { display: block; width: 100%; max-width: 162px; background-color: #000; cursor: pointer }
.account-form .form-item label { font-size: 1em; letter-spacing: .6px; margin-bottom: 7px }
.account-form .form-item h3 { text-transform: none; font-size: 20px }
.account-form .form-item label+fieldset { margin-top: 21px }
.account-form .form-item input[type=radio]+label { font-size: 18px; font-weight: 400 }
.account-form .form-item input, .account-form .form-item select { margin: 0 }
.account-form .form-item input+input, .account-form .form-item input+select, .account-form .form-item select+input, .account-form .form-item select+select, .account-form .form-item.is-sub-item+.form-item.is-sub-item { margin-top: 12px }
.account-form .form-item input:hover, .account-form .form-item select:hover { border-color: #999 }
.account-form .form-item input:focus, .account-form .form-item select:focus { border-color: #000 }
.account-form .form-item select { height: 50px }
.account-form .form-item a { color: #000; border-bottom-color: #000 }
.account-form .form-item a:active, .account-form .form-item a:hover { color: #4d4e53; border-bottom-color: #4d4e53 }
.account-form .form-item.invalid input, .account-form .form-item.invalid select, .account-form .form-item.no-data input, .account-form .form-item.no-data select, .account-form .form-item.server-error input, .account-form .form-item.server-error select { border-color: #b30000 }
.account-form .form-req { color: #000 }
.account-form .form-desc { margin-top: 6px; font-size: .8125em; line-height: 20px; color: #999 }
.account-form .form-desc a { font-family: inherit; font-size: inherit; letter-spacing: inherit }
.account-form .form-actions a, .book-a-service-instructions, .car-information-hero dd, .card-overlay .vehicle-overlay-service .accordion-footer, .card-overlay .vehicle-overlay-service .accordion-panel-toggle { font-family: "Volvo Sans Medium" }
.account-form .form-error, .account-form .form-error-nodata, .account-form .form-error-server { display: none; color: #b30000 }
.account-form .form-dropdown { position: relative }
.account-form .form-dropdown i { position: absolute; z-index: 1; right: 14px; top: 50%; line-height: 20px; margin-top: -10px; pointer-events: none }
.account-form .dealer-picker a { color: #000; border-bottom-color: #000 }
.account-form .dealer-picker a:active, .account-form .dealer-picker a:hover { color: #4d4e53; border-bottom-color: #4d4e53 }
.account-form .dealer-picker .search-field-button, .account-form .dealer-picker .search-field-button button { background-color: #000; border: none }
.account-form .dealer-picker .search-field-button button:hover, .account-form .dealer-picker .search-field-button:hover { background-color: #4d4e53; color: #fff }
.account-form .dealer-picker .search-field-button button:active, .account-form .dealer-picker .search-field-button:active { background-color: #999; color: #fff }
.account-form .dealer-picker .search-field-button button:focus, .account-form .dealer-picker .search-field-button:focus { color: #fff }
.account-form .dealer-picker .dealer-picker-item:hover, .account-form .dealer-picker input:hover { border-color: #999 }
.account-form .dealer-picker .dealer-picker-item:focus, .account-form .dealer-picker input:focus { border-color: #000 }
.account-form .dealer-picker .dealer-messages { margin-top: 21px }
.account-form .form-actions a { display: inline-block; font-size: .875em; letter-spacing: 1px; line-height: 14px }
.account-form .form-actions a+a { margin: 20px 0 0 }
.account-form .form-actions a.button, .account-form .form-actions input[type=submit].button { width: 100%; white-space: normal; line-height: 1.3em }
.account-form .form-actions a.button:active, .account-form .form-actions a.button:hover, .account-form .form-actions input[type=submit].button:active, .account-form .form-actions input[type=submit].button:hover { color: #fff; border-color: none }
.account-form a.button, .account-form input[type=submit].button { -webkit-transition-property: background-color; transition-property: background-color; margin: 0; border: none; background-color: #000; color: #fff; font-size: 16px; white-space: normal; line-height: 1.3em }
.account-form a.button.button-hover, .account-form a.button:hover, .account-form input[type=submit].button.button-hover, .account-form input[type=submit].button:hover { background-color: #4d4e53 }
.account-form a.button.button-active, .account-form a.button:active, .account-form input[type=submit].button.button-active, .account-form input[type=submit].button:active { background-color: #999 }
.account-form a.button:focus, .account-form input[type=submit].button:focus { color: #fff }
.account-form a.button.button-disabled, .account-form input[type=submit].button.button-disabled { background-color: #DDD; color: #fff }
.account-form .form-item-hidden { display: none }
.account-form .form-radio fieldset { display: inline }

@media screen and (min-width:769px) {
.account-form .form-item+.form-item { margin-top: 40px }
.account-form .form-pair .form-item { width: 47%; float: left; margin: 0 }
.account-form .form-pair .form-item+.form-item { margin-left: 6% }
.account-form .form-actions { text-align: left }
.account-form .form-actions a.button, .account-form .form-actions input[type=submit].button { width: 47% }
.account-form .form-actions a { vertical-align: middle }
.account-form .form-actions a+a { margin: 0 0 0 14px }
}
.account-form .form-actions { text-align: left }
.general-details form { margin-top: 42px }
.general-details .no-image { width: 150px; height: 150px; border: 1px solid #ccc; background-color: #eee }
.general-details .form-actions { border-top: solid 1px #003057; padding-top: 42px; margin-top: 42px }
.general-details .form-actions .button { margin: 0 }
.grey-out { pointer-events: none }
.your-cars .car-list { width: 500px }
.your-cars .car-list .car-list-car { overflow: hidden; border: 1px solid #87b0cc; margin-bottom: 24px; padding: 14px 14px 14px 107px; min-height: 106px }
.your-cars .car-list .car-list-car dd, .your-cars .car-list .car-list-car dl, .your-cars .car-list .car-list-car dt { margin: 0 }
.your-cars .car-list .car-list-car dd, .your-cars .car-list .car-list-car dt { float: left }
.your-cars .car-list .car-list-car dt { clear: left; margin-right: 5px }
.book-a-service-instructions { font-size: 1.875em; line-height: 1.2em; text-align: center; margin: 0 auto 40px; max-width: 650px }
.theme-teal .book-a-service-instructions { color: #000 }
.book-a-service-form .customer-editor { display: none }
.book-a-service-form .warning-container { background-color: #fff; width: 75%; min-height: 150px; margin: auto auto 30px }
.book-a-service-form .warning-title { margin: auto; padding-top: 30px; text-align: center }
.book-a-service-form .warning-body { margin: auto; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; text-align: center }
.book-a-service-form .container { margin-left: auto; margin-right: auto; padding-left: 13px; padding-right: 13px; max-width: 1034px }
.book-a-service-form .container:after { content: ""; display: table; clear: both }
.card-content .mobile, .vehicle-video-card .media-card-content li.active .icon { display: none }

@media screen and (min-width:481px) {
.book-a-service-form .container { padding-left: 42px; padding-right: 42px }
}
.book-a-service-form .container>div { position: relative; margin-top: 1px; padding: 14px }
.book-a-service-form .book-a-service-form-actions { text-align: center }
.book-a-service-form .book-a-service-form-actions .cl-detail .cl-description, .book-a-service-form .book-a-service-form-actions .cl-detail font, .book-a-service-form .book-a-service-form-actions .extf-content, .book-a-service-form .book-a-service-form-actions .story-carousel .story-content, .book-a-service-form .book-a-service-form-actions .support-area, .book-a-service-form .book-a-service-form-actions p, .cl-detail .book-a-service-form .book-a-service-form-actions .cl-description, .cl-detail .book-a-service-form .book-a-service-form-actions font, .story-carousel .book-a-service-form .book-a-service-form-actions .story-content { margin: 17px auto }
.book-a-service-form .container>div>h2 { font-size: 2em; margin-bottom: 21px; line-height: 39px; margin-right: 50px }
.book-a-service-form .container>div>i { position: absolute; top: 14px; right: 14px; font-size: 36px; line-height: normal }
.book-a-service-form .account-setting, .book-a-service-form .form-item { max-width: 560px }
.book-a-service-form .account-setting-actions { margin-top: 16px }
.book-a-service-form .account-car .account-setting-card { border-color: #DDD; color: #999; cursor: pointer; -webkit-transition: all .1s linear; transition: all .1s linear }
.book-a-service-form iframe { border: none; width: 100%; height: 750px }
.book-a-service-form.theme-teal { color: #000 }
.book-a-service-form.theme-teal .container>div { background-color: #fff }
.book-a-service-form.theme-teal .account-car.active .account-setting-card { border-color: #000; color: #000 }
.book-a-service-form.theme-teal .account-car.active .account-setting-card .vehicle-image { opacity: 1 }
.form-item-maxed { max-width: 100%!important }

@media screen and (min-width:481px) {
.book-a-service-form .container>div>i { top: 30px; right: 42px }
.book-a-service-form .container>div { padding: 33px 42px }
}
.book-a-service-form .panel-icon { top: 30px; right: 42px; position: absolute; font-size: 36px; line-height: normal }
.loading-spinner { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1100 }
.loading-spinner_overlay { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-color: #000; opacity: .8 }
.loading-spinner--contained { min-width: 50px; min-height: 250px; width: 100%; height: 100%; position: relative }
.loading-spinner--contained .loading-spinner_overlay { background-color: #fff; opacity: 1 }
.loading-spinner_spinner { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-image: url(/static/images/preloader_ececec.gif); background-position: center; background-repeat: no-repeat }
.vehicle-video-card { height: 436px }
.vehicle-video-card video { opacity: 1!important; width: 100%; height: 100% }
.vehicle-video-card .scrollbar-inner { max-height: calc(100% - 75px) }
.vehicle-video-card .media-card-content { border-left: 1px solid #BAB29D }
.vehicle-video-card .media-card-content ul { float: left; width: 100% }
.vehicle-video-card .media-card-content li { float: left; cursor: pointer; width: 100%; border-bottom: 1px solid #BAB29D }
.vehicle-video-card .media-card-content li.active { background-color: #D6D2C6 }
.vehicle-video-card .media-card-content .image { max-width: 50%; padding: 20px; display: inline-block; float: left; box-sizing: border-box; position: relative }
.vehicle-video-card .media-card-content .image .icon { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0 }
.vehicle-video-card .media-card-content .image .icon-play { background-image: url(/Static/mediaelement/bigplay.png) }
.vehicle-video-card .media-card-content .title { display: inline-block; width: 50%; text-align: left; float: left; height: 100%; padding: 20px; box-sizing: border-box }
.car-information-hero .hero-content:after, .dealer-details:after { display: table; clear: both; content: "" }
.pika-single { width: 260px!important; position: absolute!important }
.hero-background { height: 100%!important }
.dealer-details ul { margin: 20px 0 40px; font-size: 18px }
.dealer-details .card-cta { float: none; max-width: 366px }
.lxp-content .nav.force-sticky-nav { overflow: visible }
.car-information-hero { color: #fff }
.car-information-hero .hero-content { max-width: 79.125em; margin-left: auto; margin-right: auto; position: relative; table-layout: fixed }
.car-information-hero .hero-content-box { padding: 0; text-align: left }
.car-information-hero .car-stats ul { display: block }
.car-information-hero .car-stats ul:after { content: ""; display: table; clear: both }

@media screen and (min-width:769px) {
.car-information-hero .car-stats li { float: left; display: block; margin-right: 3.48259%; width: 31.01161% }
.car-information-hero .car-stats li:last-child, .car-information-hero .car-stats li:nth-child(4n) { margin-right: 0 }
.car-information-hero .car-stats li:nth-child(4n+1) { clear: left }
.car-information-hero dd { font-size: 28px }
.connect-vehicle-overlay .form-actions .button { max-width: 300px }
}
.vehicle-info-overlay h3 { font-size: 1.875em; text-transform: none; margin-bottom: 12px }
.vehicle-info-overlay .check-list li { position: relative; min-height: 60px; padding: 18px 78px; border: 1px solid #DCDCDC }
.vehicle-info-overlay .check-list li+li { border-top: none }
.vehicle-info-overlay .check-list li .icon { position: absolute; display: block; width: 60px; background-color: #f6f6f6; top: 0; left: 0; bottom: 0; text-align: center; line-height: 20px }
.vehicle-info-overlay .check-list li .icon:before { position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px }
.card-overlay .vehicle-overlay-details .card-content { border: 1px solid #000 }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list:after { content: ""; display: table; clear: both }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list li { margin-bottom: 9px }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list .label { display: block; font-size: 13px }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list strong { display: block; font-family: "Volvo Sans Medium"; font-size: 20px; line-height: 20px; word-wrap: break-word }
.card-overlay .vehicle-overlay-details .vehicle-image { text-align: center }

@media screen and (min-width:1025px) {
.card-overlay .vehicle-overlay-details .vehicle-data, .card-overlay .vehicle-overlay-details .vehicle-image { display: inline-block; vertical-align: middle; width: 50% }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list+.data-list, .card-overlay .vehicle-overlay-details .vehicle-data+.vehicle-image, .card-overlay .vehicle-overlay-details .vehicle-image+.vehicle-data { padding-left: 9px }
.card-overlay .vehicle-overlay-details { white-space: nowrap }
.card-overlay .vehicle-overlay-details .vehicle-data { white-space: normal }
.card-overlay .vehicle-overlay-details .vehicle-data .data-list { float: left; width: 50% }
}
.card-overlay .vehicle-overlay-table { margin: 0 0 6px; font-size: 18px; font-weight: 700; border-top: 1px solid #DDD }
.card-overlay .vehicle-overlay-table td { padding: 17px 21px }
.card-overlay .vehicle-overlay-table .operation-price, .card-overlay .vehicle-overlay-table .total-price { text-align: right }
.card-overlay .vehicle-overlay-table tfoot { background-color: #E8E8E8 }
.connect-vehicle-overlay .vehicle-date, .connect-vehicle-overlay .vehicle-relationship { display: none }
.card-overlay .vehicle-overlay-service .total-cost { font-size: 20px; text-align: right; padding: 21px 21px 21px 0 }
.card-overlay .vehicle-overlay-service .accordion { border: 1px solid #DDD; border-top: none; font-size: 18px }
.card-overlay .vehicle-overlay-service .accordion-content li, .card-overlay .vehicle-overlay-service .accordion-footer, .card-overlay .vehicle-overlay-service .accordion-panel-toggle { padding: 21px; border-top: 1px solid #DDD }
.card-overlay .vehicle-overlay-service .accordion-content li .label, .card-overlay .vehicle-overlay-service .accordion-footer .label, .card-overlay .vehicle-overlay-service .accordion-panel-toggle .label { display: inline-block; width: 80% }
.card-overlay .vehicle-overlay-service .accordion-content li .accordion-arrow, .card-overlay .vehicle-overlay-service .accordion-content li .value, .card-overlay .vehicle-overlay-service .accordion-footer .accordion-arrow, .card-overlay .vehicle-overlay-service .accordion-footer .value, .card-overlay .vehicle-overlay-service .accordion-panel-toggle .accordion-arrow, .card-overlay .vehicle-overlay-service .accordion-panel-toggle .value { display: inline-block; float: right; width: 20%; text-align: right }
.card-overlay .vehicle-overlay-service .accordion-panel-toggle { background-color: #DDD }
.card-overlay .vehicle-overlay-service .accordion-footer { background-color: #F6F6F6 }

@media screen and (min-width:641px) {
.card-overlay .vehicle-overlay-service .total-cost { font-size: 28px }
.card-overlay .vehicle-overlay-service .accordion-content li { padding-left: 42px }
}
.support-search-footer { position: relative }
.support-search-footer h4 { text-align: center; text-transform: none; font-size: 20px }
.support-search-footer .outer-container { max-width: 79.125em; margin-left: auto; margin-right: auto; padding-left: 21px; padding-right: 21px }
.support-search-footer .outer-container:after { content: ""; display: table; clear: both }
.support-search-footer form { float: left; display: block; margin-right: 3.48259%; width: 100%; position: relative }
.support-search-footer form:last-child { margin-right: 0 }
.support-search-footer form input { margin: 0 }
.support-search-footer button { position: absolute; right: 0; bottom: 0; height: 50px; width: 50px; margin: 0; background-color: #003057; padding: 0; color: #fff }
.support-search-footer button .icon { line-height: 50px }
.support-search-footer+.footer { border: none }

@media screen and (min-width:481px) {
.support-search-footer h4 { font-size: 30px }
.support-search-footer form { float: left; display: block; margin-right: 3.48259%; width: 65.5058%; margin-left: 17.2471% }
.support-search-footer form:last-child { margin-right: 0 }
.support-search-footer+.footer { border: none }
}

@media screen and (min-width:769px) {
.support-search-footer form { float: left; display: block; margin-right: 3.48259%; width: 48.25871%; margin-left: 25.87065% }
.support-search-footer form:last-child { margin-right: 0 }
.support-search-footer+.footer { border: none }
}
.support-search-footer.theme-dark input { color: #000 }
.preferred-dealer-footer { margin: 42px 28px }

@media screen and (min-width:769px) {
.preferred-dealer-footer { margin: 98px 0 }
}
.preferred-dealer-footer h6 { font-size: 16px; color: #bdd6e6; margin-bottom: 20px }

@media screen and (min-width:769px) {
.preferred-dealer-footer h6 { font-size: 18px }
}
.preferred-dealer-footer h2 { font-size: 32px }
.cl-detail .preferred-dealer-footer .cl-description, .cl-detail .preferred-dealer-footer font, .preferred-dealer-footer .cl-detail .cl-description, .preferred-dealer-footer .cl-detail font, .preferred-dealer-footer .extf-content, .preferred-dealer-footer .story-carousel .story-content, .preferred-dealer-footer .support-area, .preferred-dealer-footer p, .story-carousel .preferred-dealer-footer .story-content { font-size: 13px; margin-bottom: 0; max-width: none }
.cl-detail .preferred-dealer-footer .address.cl-description, .cl-detail .preferred-dealer-footer .phone.cl-description, .cl-detail .preferred-dealer-footer font.address, .cl-detail .preferred-dealer-footer font.phone, .preferred-dealer-footer .address.extf-content, .preferred-dealer-footer .address.support-area, .preferred-dealer-footer .cl-detail .address.cl-description, .preferred-dealer-footer .cl-detail .phone.cl-description, .preferred-dealer-footer .cl-detail font.address, .preferred-dealer-footer .cl-detail font.phone, .preferred-dealer-footer .phone.extf-content, .preferred-dealer-footer .phone.support-area, .preferred-dealer-footer .story-carousel .address.story-content, .preferred-dealer-footer .story-carousel .phone.story-content, .preferred-dealer-footer p.address, .preferred-dealer-footer p.phone, .story-carousel .preferred-dealer-footer .address.story-content, .story-carousel .preferred-dealer-footer .phone.story-content { color: #bdd6e6 }

@media screen and (min-width:769px) {
.cl-detail .preferred-dealer-footer .cl-description, .cl-detail .preferred-dealer-footer font, .preferred-dealer-footer .cl-detail .cl-description, .preferred-dealer-footer .cl-detail font, .preferred-dealer-footer .extf-content, .preferred-dealer-footer .story-carousel .story-content, .preferred-dealer-footer .support-area, .preferred-dealer-footer p, .story-carousel .preferred-dealer-footer .story-content { font-size: 18px; max-width: 600px; margin: 0 auto }
.preferred-dealer-footer li { display: inline; padding: 18px }
}

@media screen and (min-width:1025px) {
.preferred-dealer-footer li { padding: 20px 50px }
}
.preferred-dealer-footer li a { font-size: 14px; padding: 15px 5px }

@media screen and (min-width:769px) {
.preferred-dealer-footer li a { font-size: 16px; display: inline }
}
.preferred-dealer-footer a.underline { text-decoration: underline }
.preferred-dealer-footer ul { margin: 0 }
.preferred-dealer-footer .icon { display: none }

@media screen and (min-width:769px) {
.preferred-dealer-footer .icon { display: inline; font-size: 32px; vertical-align: middle }
}
.preferred-dealer-footer .button:hover { color: #003057 }
.preferred-dealer-footer .footer-row { position: relative; z-index: 10 }
.preferred-dealer-footer-bg { position: absolute; z-index: 1; width: 100%; max-width: none; height: 100%; top: 0; left: 0; overflow: hidden }
.preferred-dealer-footer-bg img { max-width: none }
.lxp-content .navigation-panel { background-color: #fff!important; padding: 0 }
.lxp-content .navigation-panel .container { padding: 0; max-width: 100% }
.lxp-content .navigation-panel-content { width: 100% }
.lxp-content .navigation-panel-content>div { display: block!important }
.lxp-content .navigation-panel-menu { display: none }
.cl-detail .lxp-content .redes .content-container .cl-description, .cl-detail .lxp-content .redes .content-container font, .lxp-content .redes .account-panel .button, .lxp-content .redes .account-panel input[type=email], .lxp-content .redes .account-panel input[type=submit].button, .lxp-content .redes .account-panel input[type=text], .lxp-content .redes .account-panel label span, .lxp-content .redes .account-panel select, .lxp-content .redes .content-container .cl-detail .cl-description, .lxp-content .redes .content-container .cl-detail font, .lxp-content .redes .content-container .extf-content, .lxp-content .redes .content-container .story-carousel .story-content, .lxp-content .redes .content-container .support-area, .lxp-content .redes .content-container p, .lxp-content .redes .data-list li span, .lxp-content .redes .dealer-details ul li, .lxp-content .redes .form-desc, .lxp-content .redes .form-item h3 span, .lxp-content .redes .form-item label, .lxp-content .redes .form-req, .lxp-content .redes .radio-container label, .lxp-content .redes a, .lxp-content .redes h3, .story-carousel .lxp-content .redes .content-container .story-content { font-size: 15px!important; font-weight: 400!important; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important; color: #000!important; text-transform: none!important }
.cl-detail .lxp-content .redes .content-container .cl-description, .cl-detail .lxp-content .redes .content-container font, .lxp-content .redes .content-container .cl-detail .cl-description, .lxp-content .redes .content-container .cl-detail font, .lxp-content .redes .content-container .extf-content, .lxp-content .redes .content-container .story-carousel .story-content, .lxp-content .redes .content-container .support-area, .lxp-content .redes .content-container p, .lxp-content .redes .content-container ul, .lxp-content .redes .form-item label, .lxp-content .redes h3, .story-carousel .lxp-content .redes .content-container .story-content { padding: 0; margin: 0 }
.lxp-content .redes .account-panel { max-width: none }
.lxp-content .redes .account-panel input[type=email], .lxp-content .redes .account-panel input[type=text], .lxp-content .redes .account-panel select { line-height: 70px; height: 70px; padding: 0 0 0 30px; max-width: 600px; min-width: 260px }
.lxp-content .redes .account-panel .form-dropdown { max-width: 600px }
.lxp-content .redes .dealer-picker-component { min-width: 260px!important; max-width: 400px!important }
.lxp-content .redes .account-panel .button, .lxp-content .redes .account-panel input[type=submit].button { border-color: #007BCD!important; height: 70px!important; margin: 0!important; padding: 0!important; line-height: 70px!important; letter-spacing: 0!important; box-sizing: border-box!important; width: 100%!important; min-width: 260px; max-width: 400px; overflow: hidden!important; border-width: 1px!important; border-style: solid!important; background-color: #fff!important; -webkit-transition: all .3s ease!important; transition: all .3s ease!important; text-transform: none }
.lxp-content .redes .account-panel .button::after, .lxp-content .redes .account-panel .button:after, .lxp-content .redes .account-panel input[type=submit].button::after, .lxp-content .redes .account-panel input[type=submit].button:after { display: inline-block!important; content: ''!important; height: 10px!important; width: 4px!important; margin-left: 5px!important; background-image: url(/images/blue-link-arrow.png)!important; -webkit-transition: all .3s ease!important; transition: all .3s ease!important }
.lxp-content .redes .account-panel .button:hover, .lxp-content .redes .account-panel input[type=submit].button:hover { background-color: #007BCD!important; color: #fff!important }
.lxp-content .redes .account-panel .button:hover::after, .lxp-content .redes .account-panel .button:hover:after, .lxp-content .redes .account-panel input[type=submit].button:hover::after, .lxp-content .redes .account-panel input[type=submit].button:hover:after { background-image: url(/images/white-link-arrow.png)!important }
.lxp-content .redes .account-panel label span { font-size: 15px; color: #999; font-weight: 400 }
.lxp-content .redes .account-panel h2, .lxp-content .redes .h2-forced { margin-top: 79px!important; height: 70px; line-height: 70px; background-color: #fbfbfb; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; text-align: center; font-family: "Volvo Sans Regular", "Arial Narrow", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif!important; font-weight: 400; font-size: 26px; margin-bottom: 0!important; color: #161618!important }
.lxp-content .redes .form-item h3 span, .lxp-content .redes h3, .lxp-content .redes h3 span { font-size: 20px!important }
.lxp-content .redes .account-panel { padding: 0; position: relative }
.lxp-content .redes .content-container { margin: 0 auto; max-width: 900px; position: relative; padding: 0 30px }
.lxp-content .redes input[type=radio]~label { height: 34px; line-height: 34px; padding-left: 42px!important }
.lxp-content .redes .account-form .form-item+.form-item, .lxp-content .redes .account-form .radio-container, .lxp-content .redes input[type=radio]:checked~label:before, .lxp-content .redes input[type=radio]:checked~label:hover:before, .lxp-content .redes input[type=radio]~label:before, .lxp-content .redes input[type=radio]~label:hover:before { margin-top: 0 }
.lxp-content .redes .spacing { height: 30px; width: 100% }
.lxp-content .redes .radio-container label { text-transform: lowercase!important }
.lxp-content .redes .radio-container label:first-letter { text-transform: uppercase!important }
.lxp-content .redes .account-setting-card { border: none!important }
.lxp-content .redes .account-setting-actions { border-bottom: 1px solid #dbdbdb!important; padding-bottom: 20px }
.lxp-content .redes .dealer-picker-component { width: 650px }
.lxp-content .redes .account-form .dealer-picker .search-field-button, .lxp-content .redes .search-field-button button { width: 70px!important; height: 70px!important }
.lxp-content .redes .dealer-details ul { margin-bottom: 20px }
.lxp-content .redes .account-info-details, .lxp-content .redes .form-item, .lxp-content .redes h3 { margin-bottom: 20px!important }
.lxp-content .redes h3 { margin-top: 40px!important }
.lxp-content .redes .account-panel h3 .intro, .lxp-content .redes .force-margin-20 { margin-top: 20px!important }
.cl-detail .lxp-content .redes .content-container .cl-description, .cl-detail .lxp-content .redes .content-container font, .lxp-content .redes .content-container .cl-detail .cl-description, .lxp-content .redes .content-container .cl-detail font, .lxp-content .redes .content-container .extf-content, .lxp-content .redes .content-container .story-carousel .story-content, .lxp-content .redes .content-container .support-area, .lxp-content .redes .content-container p, .story-carousel .lxp-content .redes .content-container .story-content { margin-bottom: 20px; max-width: none }
.lxp-content .redes .manage-vehicle { margin-bottom: 50px }
.lxp-content .redes .manage-vehicle:last-child { margin-bottom: 0 }
.lxp-content .redes .account-label { display: inline-block }
.lxp-content .redes .end-spacing { padding-bottom: 40px }
.lxp-content .redes .vehicle-data .data-list li { margin-bottom: 8px }
.lxp-content .redes .vehicle-data .data-list li .label { margin-bottom: 2px }
.lxp-content .redes .remove-margin { margin-bottom: 0!important }
.lxp-content .redes .dealer-picker-item { border: none; padding-left: 0 }
.lxp-content form.container { width: 100%; max-width: none }
.lxp-content .dealer-details ul a { max-width: 100%; overflow: hidden; display: inline-block }

@media screen and (max-width:1024px) {
.lxp-content .redes .account-panel.account-panel h2, .lxp-content .redes .h2-forced.h2-forced { margin-top: 64px!important }
}
.lxp-content .dealer-picker { color: #000 }
.lxp-content .dealer-picker .dealer-picker-item { border: none; padding: 0 }
.lxp-content .dealer-picker-component { min-width: 260px; max-width: 600px }
.lxp-content #dealer-picker-query { line-height: 70px; height: 70px; padding: 0 0 0 30px; max-width: 600px; min-width: 260px }
.lxp-content .search-field-button, .lxp-content .search-field-button button { width: 70px!important; height: 70px!important }
.nav-drop-body-itemg{ width:160px;height:160px; overflow:hidden}

.extf-has-image{ padding:40px ; color:#fff}
.extf-has-image img{ width:100%}*/
.vompuname{font-size: 12px; letter-spacing: 0;}
