.ui-page,.ui-mobile [data-role=page],.ui-mobile [data-role=dialog]{display:block}
.ui-mobile .ui-header-fixed{position:static}
.docked #wrapper.ng-scope{padding-top:131px}
.docked #wrapper.no-menu-options{padding-top:61px}
.docked.modal-open #wrapper.ng-scope{padding-top:0}
.vsp .top-section-border{border-top:2px solid #efefef}
.vsp .bottom-section-border{border-bottom:2px solid #efefef}
@media only screen and (min-device-width:720px){.ui-mobile-rendering>*{visibility:visible !important}
}
@media only screen and (min-width:768px){.docked #wrapper.ng-scope{padding-top:0}
}
.vsp .vsp-features .base-container{display:flex;flex-flow:column}
.vsp .vsp-features .base-container>.section:nth-child(2){order:1}
.vsp .vsp-features .base-container>.section:nth-child(3){order:2}
.vsp .vsp-features .base-container>.section:nth-child(1n+4){order:100}
.vsp .vsp-features .base-container .wrapper-topic{overflow:hidden;border-bottom:2px solid #efefef}
.vsp .vsp-features .base-container .wrapper-topic.last-wrapper{border-bottom:0}
.vsp .vsp-features .multi-column .multi-column-wrapper,.vsp .vsp-features .title-and-description-container,.vsp .vsp-features .parbase.rotator.section,.vsp .vsp-features .starlink-apps .description-container{background-color:#fff !important}
.vsp .vsp-features .wrx-sti .multi-column .multi-column-wrapper,.vsp .vsp-features .wrx-sti .title-and-description-container{background-color:#000 !important}
.cq-wcm-edit .vsp .base-container .wrapper-topic{border:2px solid #000;background-color:#ccc;padding:50px;width:calc(100% - 104px);margin:30px auto}
.vsp .vsp-features .base-container .wrapper-topic .asc-true-family-section,.vsp .vsp-features .base-container .asc-safe-connected{border-top:2px solid #efefef}
.vsp .vsp-features .base-container .wrapper-topic .asc-true-family-section .rotator{padding-top:0}
@font-face{font-family:'vspicons';src:url("../../fonts/vspicons.eot?");src:url("../../fonts/vspicons.eot?#iefix") format("embedded-opentype"),url("../../fonts/vspicons.ttf?") format("truetype"),url("../../fonts/vspicons.woff?") format("woff"),url("../../fonts/vspicons.svg?#vspicons") format("svg");font-weight:normal;font-style:normal}
.vsp .section-title{text-align:center;height:64px;padding-top:43px}
.vsp .section-title h2{margin:0;font-size:1.3rem;color:#333;font-weight:normal}
.vsp .wrx-sti .section-title h2{color:#fff}
.vsp .section-title h3{margin:0 auto;font-size:13px;color:#999;font-weight:normal}
.vsp .vsp-btn{display:flex;box-sizing:border-box;min-height:47px;line-height:1.5em;padding:2%;margin:0 auto;overflow:hidden;font-size:.7rem;font-weight:bold;text-align:center;text-transform:uppercase;transition-property:color,background-color,border;transition-duration:.2s;letter-spacing:1px;word-spacing:1px;width:81.5%;align-items:center;justify-content:center}
.vsp .vsp-btn.centered{margin:0 auto}
.vsp .vsp-btn p{margin:0}
.vsp .vsp-btn.dark-primary,.vsp .vsp-btn.dark-primary a{background-color:#09f;color:#fff;border:2px solid #09f}
.vsp .vsp-btn.dark-secondary{background-color:transparent;color:#fff;border:2px solid #09f}
.vsp .vsp-btn.dark-tertiary{background-color:#333;color:#fff;border:2px solid #333}
.vsp .vsp-btn.dark-quaternary{background-color:#333;color:#fff;border:2px solid #fff}
.vsp .vsp-btn.light-primary{background-color:#333;color:#fff;border:2px solid #333}
.vsp .vsp-btn.light-secondary{background-color:transparent;color:#333;border:2px solid #333}
.vsp .vsp-btn.light-tertiary{background-color:transparent;color:#09f;border:2px solid #09f}
html:not(.mobile) .vsp .vsp-btn.dark-primary:hover,html:not(.mobile) .vsp .vsp-btn.dark-primary:hover a{background-color:#fff !important;color:#333;border:2px solid #fff}
html:not(.mobile) .vsp .vsp-btn.dark-secondary:hover{background-color:#09f;color:#fff;border:2px solid #09f}
html:not(.mobile) .vsp .vsp-btn.dark-tertiary:hover{background-color:#fff;color:#000;border:2px solid #fff}
html:not(.mobile) .vsp .vsp-btn.dark-quaternary:hover{background-color:#fff;color:#333;border:2px solid #fff}
html:not(.mobile) .vsp .vsp-btn.light-primary:hover{background-color:transparent;color:#333;border:2px solid #333}
html:not(.mobile) .vsp .vsp-btn.light-secondary:hover{background-color:#333;color:#fff;border:2px solid #333}
html:not(.mobile) .vsp .vsp-btn.light-tertiary:hover{background-color:#09f;color:#fff;border:2px solid #09f}
.vsp [class^="icon-"],.vsp [class*=" icon-"]{font-family:'vspicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mobile-device .back-to-top.section{display:none}
.ui-mobile .ui-page-active{overflow:initial;overflow-x:initial}
.disclaimer{color:#09f;cursor:pointer;font-size:inherit;vertical-align:inherit;line-height:inherit}
input[type=range]{-webkit-appearance:none}
.vsp sup{vertical-align:top;font-size:.7em;line-height:1.3em}
.vsp .loader-animated{height:100px;width:100%;display:flex;justify-content:center}
.vsp .loader-animated .wrap-loadings{width:60px;height:auto;display:flex;justify-content:space-around;flex-flow:row nowrap}
.vsp .loader-animated .wrap-loadings .loading{height:15px;flex:0 0 15px;opacity:.1;border-radius:100%;background-color:#000;-webkit-animation:1.8s linear 0 infinite opacityPulse;-moz-animation:1.8s linear 0 infinite opacityPulse;-ms-animation:1.8s linear 0 infinite opacityPulse;-o-animation:1.8s linear 0 infinite opacityPulse;animation:1.8s linear 0 infinite opacityPulse}
.vsp .loader-animated .loading:nth-child(2){animation-delay:.5s}
.vsp .loader-animated .loading:nth-child(3){animation-delay:1s}
.vsp .kpi-cite{position:absolute;top:10px;left:20%;width:60%;margin:0 auto;padding:15px;font-size:12px;text-align:center;background-color:rgba(255,0,0,0.8);color:#fff}
.vsp .kpi-cite a:link,.vsp .kpi-cite a:visited,.vsp .kpi-cite a:active{color:#09f}
.vsp .kpi-cite a:hover{color:#333}
@keyframes opacityPulse{0,40%{opacity:.1}
20%{opacity:.6}
}
.slider-pre-loader{text-align:center;position:absolute;top:calc(50% - 25px);width:100%;opacity:0;transition-property:height,opacity,visibility;transition-duration:.3s}
.slider-pre-loader .slider-dot-loading{margin:0 auto;width:64px;flex-flow:row nowrap;display:flex;justify-content:space-around}
.slider-pre-loader .slider-load-dot{height:15px;flex:0 0 15px;opacity:.1;border-radius:100%;background-color:#000;animation:1.8s linear 0 infinite opacityPulse}
.slider-pre-loader .slider-load-dot:nth-child(2){animation-delay:.5s}
.slider-pre-loader .slider-load-dot:nth-child(3){animation-delay:1s}
@media screen and (min-width:768px){.disclaimer{cursor:pointer}
.vsp .section-title{padding-top:68px;height:112px}
.vsp .section-title h2{font-size:36px}
.vsp .section-title h3{font-size:18px;line-height:22px}
.vsp .vsp-btn{padding-top:20px;padding-bottom:20px;font-size:14px;line-height:normal;min-height:60px;margin:0}
.vsp .vsp-btn.btn-small{width:240px}
.vsp .vsp-btn.btn-small-medium{width:300px}
.vsp .vsp-btn.btn-medium{width:360px}
.vsp .vsp-btn.btn-large{width:34%;max-width:480px}
.ext-strict #CQ .x-form-text{min-width:100px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.vsp .vsp-btn{padding-top:6px;padding-bottom:6px;font-size:11px;line-height:normal;min-height:40px;margin:0}
.vsp .section-title{padding-top:60px;height:97px}
.vsp .section-title h2{font-size:32px}
.vsp .section-title h3{font-size:13px;line-height:17px}
}
#wrapper{position:relative}
.ng-modal{z-index:1001;margin:0 auto;position:fixed;top:0;width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:auto}
body.modal-open{overflow:hidden}
.ng-modal-close,.tooltip-modal-close{display:block;position:fixed;top:8px;right:8px;height:29px;width:29px;background:url('../../../../../../content/dam/subaru/vehicles/global/close.png') no-repeat center center;background-size:cover;z-index:1002;cursor:pointer}
.interior-modal .ng-modal-close,div[class*='modal-360'] .ng-modal-close{background:url('../../../../../../content/dam/subaru/vehicles/global/close_360.png') no-repeat center center;background-size:cover}
.compare-wrapper-modal .ng-modal-dialog,.compare-wrapper-modal .ng-modal-dialog-content{height:auto}
.modal-open.remove-scroll{width:100%;height:100vh}
.ui-mobile body.modal-open,.special-offers-modal,.modal-open .ng-modal{background-color:#efefef}
.ng-modal.modal-contact-subaru{background-color:#fff;height:100vh}
.modal-open #global_footer{display:none}
@media screen and (min-width:768px){.ng-modal-close,.tooltip-modal-close{top:24px;right:24px;height:40px;width:40px;transform:rotateX(0)}
.ng-modal-close.modal-close-fleet{top:10px}
}
@media only screen and (min-width:768px) and (max-width:1024px){.ng-modal-close.modal-close-fleet{top:5px}
}
.cq-wcm-edit .ng-modal,.cq-wcm-design .ng-modal{height:100vh;left:0;position:fixed;top:0;width:100%;overflow:auto}
@keyframes repaint{from{width:99.999999%}
to{width:100%}
}
.navigation{width:100%;z-index:5;font-size:24px}
.touch .navigation{animation:repaint 500ms;animation-iteration-count:infinite}
.touch .navigation,.touch .navigation *{transform:translate3d(0,0,0)}
.navigation .nav-wrapper{width:100%;height:inherit;background-color:#fff}
.hero.section .navigation.opt1.docking,.hero.section .navigation.opt2.docking,.hero.section .navigation.default.docking{position:fixed;top:0;left:0;height:auto;z-index:111}
.hero.section .navigation.docking .vsp-navigator .vsp-info-bar li{display:inline-block}
.hero.section .navigation.docking .vsp-navigator .vsp-info-bar,.hero.section .navigation.docking .vsp-navigator .vsp-nav-find,.hero.section .navigation .prev-year-nav .vsp-menu-options,.hero.section .navigation .hybrid-nav .vsp-menu-options{display:none}
.hero.section .navigation.docking .prev-year-nav .vsp-navigator .vsp-info-bar{display:block}
.hero.section .navigation.docking .prev-year-nav .vsp-navigator .vsp-nav-find{display:flex}
.navigation .vsp-navigator{height:auto;position:relative;font-size:16px;color:#333;margin:0 auto;background-color:#fff}
.navigation .vsp-navigator span.model-bold{font-weight:bold;display:block;width:100%}
.navigation .vsp-navigator span.model-year{font-weight:normal}
.navigation .vsp-navigator ul{margin:0;padding:0;height:inherit;list-style-type:none}
.navigation .vsp-navigator ul li{display:inline-block}
.navigation .vsp-navigator ul li a{color:#000;text-decoration:none}
.navigation .vsp-navigator .vsp-nav-find{width:25%;height:3.8em;background-color:#09f;border-bottom:1px solid #09f;position:absolute;top:0;right:0}
.navigation .vsp-navigator .vsp-nav-find a{color:#fff;font-size:.750em;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100%;padding:0 1.2em}
.navigation .vsp-navigator .vsp-nav-find a span{display:block;width:100%}
.navigation .vsp-navigator .vsp-nav-find .nav-menu,.navigation .vsp-navigator .vsp-nav-find a.desktop{display:none}
.navigation .vsp-navigator .vsp-info-bar{width:75%;height:3.8em;border-bottom:1px solid #efefef;transition:opacity .2s .2s,height .3s}
.navigation .vsp-navigator .vsp-info-bar li{font-size:1em;transition:all .3s;position:relative;float:left;padding:20.5px 5px;overflow:hidden;text-align:center;min-width:44px}
.navigation .vsp-navigator .vsp-info-bar li:first-child{min-width:40%;padding:20.5px 8px;text-align:left}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3) .under-labels{right:5px}
.navigation .prev-year-nav .vsp-info-bar li:nth-child(2),.navigation .prev-year-nav .vsp-info-bar li:nth-child(3){padding:20.5px 5px}
.navigation .hybrid-nav .vsp-info-bar li{padding:20.5px 0}
.navigation .hybrid-nav .vsp-info-bar li:first-child{width:45%;padding:10.5px 0}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:30%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){width:20%;padding-right:5%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{right:20px}
.navigation .vsp-info-bar .under-labels{position:absolute;top:40px;left:0;right:0;margin-left:auto;margin-right:auto;color:#999;font-size:.52em}
.hero.section .navigation .vsp-info-bar .mpg-city{font-size:.750em}
.navigation .vsp-navigator .vsp-info-bar .year-stick{color:#09f;font-size:.52em;position:absolute;top:40px;left:8px;text-align:left}
.navigation .vsp-navigator .vsp-info-bar a.year-stick:before{font-family:'vspicons';content:"\e908";vertical-align:bottom}
.navigation .vsp-navigator .vsp-info-bar .year-stick.desktop{display:none}
.navigation .vsp-navigator .vsp-info-bar .year-stick.mobile{display:inline-block}
.navigation .vsp-navigator .vsp-menu-options{width:100%;min-height:68px;text-align:center;border-bottom:1px solid #efefef}
.navigation .vsp-navigator .vsp-menu-options.hide{display:none}
.navigation .vsp-navigator .prev-year-nav .vsp-menu-options{display:none}
.navigation .vsp-navigator .vsp-menu-options li{float:left;width:20%;font-size:.667em}
.navigation .vsp-navigator .vsp-menu-options.grid-col5 li{width:20%}
.navigation .vsp-navigator .vsp-menu-options.grid-col4 li{width:25%}
.navigation .vsp-navigator .vsp-menu-options.grid-col3 li{width:33.3%}
.navigation .vsp-navigator .vsp-menu-options.grid-col2 li{width:50%}
.navigation .vsp-navigator .vsp-menu-options.grid-col1 li{width:100%}
.navigation .vsp-navigator .vsp-menu-options li.selectedTab,.navigation .vsp-navigator .vsp-menu-options li:hover{background-color:#f5f5f5;height:66px;border-bottom:3px solid #09f}
.navigation .vsp-navigator .vsp-menu-options li a{display:block;padding:2.53em 0;text-align:center;color:#333}
.hero.section .navigation.docking .hybrid-nav .vsp-info-bar,.hero.section .navigation.docking .hybrid-nav .vsp-nav-find{display:block}
@media only screen and (max-device-width:414px) and (orientation:portrait){.navigation .vsp-navigator.mobile-compact-nav-title li{padding-top:1.1em}
}
@media only screen and (max-device-width:375px) and (-webkit-min-device-pixel-ratio:2){.navigation .vsp-navigator .vsp-info-bar li:first-child{padding:20.5px 6px}
.navigation .vsp-navigator .vsp-info-bar .year-stick{left:6px}
.navigation .hybrid-nav .vsp-info-bar li:first-child{padding:10.5px 0;text-align:center}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:25%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){padding-right:10%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{right:25px}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation :landscape){.navigation .vsp-navigator .vsp-info-bar li:first-child{padding:20.5px 20px}
.navigation .vsp-navigator .vsp-info-bar .year-stick{left:18px}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2),.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:20.5px 30px}
.navigation .hybrid-nav .vsp-info-bar li:first-child{padding:20.5px 0}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:15%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){width:12%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{left:18px}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation :portrait){.navigation .hybrid-nav .vsp-info-bar li:first-child{text-align:center}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation :landscape){.navigation .vsp-navigator .vsp-info-bar li:first-child{padding-left:20px}
.navigation .vsp-navigator .vsp-info-bar .year-stick{left:18px}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2),.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:20.5px 30px}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{right:90px}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){width:10%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{right:25px}
}
@media only screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2) and (orientation :landscape){.navigation .hybrid-nav .vsp-info-bar li:first-child{width:40%;line-height:2.6em;padding:0}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:15%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:10%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3) .under-labels{right:6px}
.navigation .prev-year-nav .vsp-info-bar li:nth-child(2),.navigation .prev-year-nav .vsp-info-bar li:nth-child(3){width:20%}
.navigation .vsp-navigator .vsp-info-bar .year-stick{left:18px}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2),.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:22.5px 30px}
}
@media only screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){.navigation .vsp-navigator .vsp-info-bar li{font-size:.79em;padding:22.4px 7px}
.navigation .vsp-navigator .vsp-info-bar li:first-child{padding:22.4px 9px}
.navigation .vsp-navigator .vsp-info-bar .year-stick{left:8px}
.navigation .prev-year-nav .vsp-info-bar li:nth-child(2),.navigation .prev-year-nav .vsp-info-bar li:nth-child(3){padding:22.4px 5px}
.navigation .hybrid-nav .vsp-info-bar li{font-size:.79em;padding:22.5px 0}
.navigation .hybrid-nav .vsp-info-bar li:first-child{padding:14.5px 0}
}
@media only screen and (min-width:768px){.vsp-navigator .vsp-info-bar .vehicle-mpg{display:none}
.navigation .vsp-navigator{height:70px;color:#000}
.navigation .vsp-navigator span.model-year{font-weight:bold}
.hero.section .opt1 .navigation.docking{top:50px;bottom:inherit}
.hero.section .navigation.opt2,.hero.section .default.navigation{position:relative;top:0;height:70px;z-index:12;transform:translateX(0)}
.third_layer_animated-wrapper{z-index:12;width:100%;position:fixed}
.hero.section .navigation.docking .vsp-navigator .vsp-info-bar{height:69px;display:block}
.hero.section .navigation.docking .vsp-navigator .vsp-info-bar li{display:inline-block}
.hero.section .navigation.docking .vsp-navigator .vsp-info-bar,.hero.section .navigation.docking .vsp-navigator .vsp-nav-find,.hero.section .navigation .prev-year-nav .vsp-menu-options{display:block}
.navigation .vsp-navigator span.model-bold{display:inline}
.navigation .vsp-navigator .vsp-menu-options,.navigation .vsp-navigator .vsp-info-bar{height:69px;float:left;border-bottom:1px solid #efefef}
.hero.section .navigation .hybrid-nav .vsp-menu-options{display:block}
.navigation .vsp-navigator .vsp-nav-find{position:relative;width:18.9%;height:69px;float:right}
.navigation .vsp-navigator .vsp-nav-find .expanded:after{font-family:'vspicons';content:"\e904";font-size:8px;margin-left:10px;position:relative;bottom:3px}
.navigation .vsp-navigator .vsp-nav-find .collapsed:after{font-family:'vspicons';content:"\e905";font-size:8px;margin-left:10px;position:relative;bottom:3px}
.navigation .vsp-navigator .vsp-nav-find a{font-size:18px;padding:0 1.4em}
.navigation .vsp-navigator .vsp-nav-find a.desktop{display:flex;height:90px;padding:0}
.navigation .prev-year-nav .vsp-nav-find a.desktop{width:100%}
.navigation .vsp-navigator .vsp-nav-find a.mobile{display:none}
.navigation .vsp-navigator .vsp-nav-find a span.mpg-city{display:inline;width:9%;font-size:.75em}
.navigation .vsp-navigator .fy-link.desktop .under-labels{font-size:11px;text-align:left}
.navigation .vsp-navigator .fy-link.desktop ul{height:58px;padding-top:4px;border-bottom:1px solid #FFF;display:none}
.navigation .vsp-navigator .fy-link.desktop ul li{font-size:23px}
.navigation .vsp-navigator .fy-link.desktop ul li:first-child{margin-right:20px;display:none}
.vsp-navigator .fy-link.desktop ul li sup{font-size:.9em}
.navigation .vsp-navigator .fy-link.desktop .arrow{height:40px;padding-top:0}
.navigation .vsp-navigator .vsp-nav-find .nav-menu{display:block;position:absolute;top:70px;right:0;box-shadow:5px 8.66px 18px 2px rgba(0,0,0,0.05);height:auto}
.navigation .vsp-navigator .vsp-nav-find .nav-menu-options{width:100%;max-height:0;list-style-type:none;background-color:#fff;text-align:center;overflow:hidden;-webkit-transition:max-height .5s ease;-moz-transition:max-height .5s ease;-o-transition:max-height .5s ease;-ms-transition:max-height .5s ease;transition:max-height .5s ease}
.navigation .vsp-navigator .vsp-nav-find .nav-menu-options.show{max-height:450px !important;-webkit-transition:max-height .5s ease;-moz-transition:max-height .5s ease;-o-transition:max-height .5s ease;-ms-transition:max-height .5s ease;transition:max-height .5s ease}
.navigation .vsp-navigator .vsp-nav-find .nav-menu-options li{height:58px;width:74%;border-bottom:2px solid #efefef;text-align:center;overflow:hidden}
.navigation .vsp-navigator .nav-menu-options li:last-child{border-bottom:0}
.navigation .vsp-navigator .nav-menu-options li:hover .icon-byo,.navigation .vsp-navigator .nav-menu-options li:hover .icon-raqvsp,.navigation .vsp-navigator .nav-menu-options li:hover .icon-inventory,.navigation .vsp-navigator .nav-menu-options li:hover .icon-offers,.navigation .vsp-navigator .nav-menu-options li:hover .icon-payment,.navigation .vsp-navigator .nav-menu-options li:hover .icon-chat,.navigation .vsp-navigator .nav-menu-options li:hover .icon-schedule{color:#333}
.navigation .vsp-navigator .nav-menu-options li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px;color:#333;padding:0;margin:0;width:100%;height:100%;text-align:left;line-height:normal}
.navigation .vsp-navigator .nav-menu-options li .icon-raqvsp{margin:0 11px 0 4px;font-size:14px;display:inline-block;color:#09f}
.navigation .vsp-navigator .nav-menu-options li a[data-modal="raq-modal"]{text-align:left}
.navigation .vsp-navigator .nav-menu-options li .icon-byo,.navigation .vsp-navigator .nav-menu-options li .icon-inventory,.navigation .vsp-navigator .nav-menu-options li .icon-offers,.navigation .vsp-navigator .nav-menu-options li .icon-payment,.navigation .vsp-navigator .nav-menu-options li .icon-chat,.navigation .vsp-navigator .nav-menu-options li .icon-schedule{font-size:14px;color:#09f;margin:0 13px 0 2px}
.navigation .vsp-navigator .nav-menu-options li .icon-inventory{font-size:19px}
.navigation .vsp-navigator .nav-menu-options li i{font-family:'vspicons'}
.navigation .vsp-navigator .nav-menu-options .icon-byo:before{content:"\e90c"}
.navigation .vsp-navigator .nav-menu-options .icon-inventory:before{content:"\e918"}
.navigation .vsp-navigator .nav-menu-options .icon-offers:before{content:"\e915"}
.navigation .vsp-navigator .nav-menu-options .icon-payment:before{content:"\e90f"}
.navigation .vsp-navigator .nav-menu-options .icon-chat:before{content:"\e96b"}
.navigation .vsp-navigator .nav-menu-options .icon-raqvsp:before{content:"\ea09"}
.navigation .vsp-navigator .nav-menu-options .icon-schedule:before{content:"\e92c"}
.navigation .vsp-navigator .vsp-info-bar{width:43.1%}
.navigation .vsp-navigator .vsp-info-bar li{font-size:24px;margin:0}
.navigation .vsp-navigator .vsp-info-bar li:first-child{min-width:175px;padding:17px 0 24px 2%}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2){padding:18px 12px 20px 3%}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:10px 30px 20px 3%}
.navigation .vsp-navigator .vsp-info-bar .under-labels{font-size:11px;top:48px;right:0}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3) .under-labels{left:0;right:26px}
.navigation .vsp-navigator .vsp-info-bar .mpg-city{font-size:18px}
.navigation .vsp-navigator .vsp-info-bar .year-stick{font-size:11px;font-weight:bold;top:45px;left:12px}
.navigation .vsp-navigator .vsp-info-bar a.year-stick:before{font-size:11px}
.navigation .vsp-navigator .vsp-info-bar .year-stick.mobile{display:none}
.navigation .vsp-navigator .vsp-info-bar .year-stick.desktop{display:inline-block;left:12px}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:15%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){width:12%}
.navigation .vsp-navigator .vsp-menu-options{width:38%}
.navigation .vsp-navigator .vsp-menu-options.grid-col5,.navigation .vsp-navigator .vsp-menu-options.grid-col4,.navigation .vsp-navigator .vsp-menu-options.grid-col3,.navigation .vsp-navigator .vsp-menu-options.grid-col2,.navigation .vsp-navigator .vsp-menu-options.grid-col1{display:flex;justify-content:flex-end;-webkit-box-pack:end}
.navigation .vsp-navigator .vsp-menu-options li{font-size:14px}
.navigation .vsp-navigator .vsp-menu-options.grid-col5 li,.navigation .vsp-navigator .vsp-menu-options.grid-col4 li,.navigation .vsp-navigator .vsp-menu-options.grid-col3 li,.navigation .vsp-navigator .vsp-menu-options.grid-col2 li,.navigation .vsp-navigator .vsp-menu-options.grid-col1 li{font-size:16px;width:31%}
.navigation .vsp-navigator .vsp-menu-options li.selectedTab,.navigation .vsp-navigator .vsp-menu-options li:hover{height:67px}
.navigation .vsp-navigator .vsp-menu-options li a{padding:25.5px 0}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.es .navigation .vsp-navigator .vsp-menu-options.grid-col5 li,.es .navigation .vsp-navigator .vsp-menu-options.grid-col4 li,.es .navigation .vsp-navigator .vsp-menu-options.grid-col3 li,.es .navigation .vsp-navigator .vsp-menu-options.grid-col2 li,.es .navigation .vsp-navigator .vsp-menu-options.grid-col1 li{font-size:13px;width:31%}
.navigation .nav-wrapper .vsp-navigator .vsp-info-bar,.es .navigation .nav-wrapper .vsp-navigator .vsp-info-bar{width:29%;padding-left:7px}
.navigation .nav-wrapper .vsp-navigator .vsp-nav-find,.es .navigation .nav-wrapper .vsp-navigator .vsp-nav-find{width:25%;height:auto}
.navigation .nav-wrapper .vsp-navigator .fy-link.desktop ul li:first-child{margin-right:5px}
.navigation .nav-wrapper .vsp-navigator .fy-link.desktop ul li{vertical-align:top}
.es .navigation .nav-wrapper .vsp-navigator .fy-link.desktop ul li:first-child{margin-right:2px}
.navigation .prev-year-nav .vsp-navigator .vsp-info-bar li:first-child{width:66%}
}
@media screen and (min-width:768px) and (max-width:1180px){.es .navigation .vsp-navigator .vsp-info-bar{width:31%}
.es .navigation .vsp-navigator .vsp-menu-options{width:43.9%}
.es .navigation .vsp-navigator .vsp-menu-options.grid-col4 li{font-size:15px}
.es .navigation .vsp-navigator .vsp-nav-find{width:25%}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.navigation .vsp-navigator{color:#000}
.navigation .vsp-navigator .vsp-info-bar{width:35%;height:69px}
.navigation .prev-year-nav .vsp-info-bar{width:55%}
.navigation .vsp-navigator .fy-link.desktop .arrow{height:36px;padding-top:17px}
.navigation .vsp-navigator .fy-link.desktop ul{display:block;height:58px;padding-top:4px}
.navigation .vsp-navigator .fy-link.desktop ul li:first-child{display:inline-block}
.navigation .vsp-navigator .vsp-nav-find a.desktop{display:flex;height:69px;padding:0}
.navigation .prev-year-nav .vsp-info-bar li{padding-top:20px}
.navigation .vsp-navigator .vsp-info-bar li{font-size:14px;padding-top:20px;height:16px;text-align:center;height:24px}
.navigation .vsp-navigator .vsp-info-bar li:first-child{min-width:40%;padding:22px 0 23px 4px}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2){width:30%}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){width:18%}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2),.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:22px 0 23px 4px}
.navigation .vsp-navigator .vsp-info-bar .year-stick,.navigation .prev-year-nav .vsp-info-bar .year-stick.desktop{left:3px}
.hero.section .navigation .vsp-info-bar .mpg-city{font-size:12px}
.hero.section .navigation .vsp-info-bar .under-labels{font-size:10px;top:42px;left:0;right:0;margin-left:auto;margin-right:auto}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3) .under-labels{right:0}
.navigation .vsp-navigator .vsp-menu-options,.es .navigation .vsp-navigator .vsp-menu-options{width:45%;height:69px}
.hero .navigation .prev-year-nav .vsp-menu-options{width:45%}
.navigation .vsp-navigator .vsp-menu-options li{font-size:13px;height:66px}
.navigation .vsp-navigator .vsp-menu-options li a{padding:27px 0}
.navigation .vsp-navigator .vsp-nav-find{width:20%;height:69px}
.navigation .vsp-navigator .vsp-nav-find a{font-size:16px}
.navigation .vsp-navigator .nav-menu-options li a{font-size:10px}
.navigation .vsp-navigator .vsp-nav-find .expanded:after,.navigation .vsp-navigator .vsp-nav-find .collapsed:after{margin-left:4px}
.navigation .vsp-navigator .nav-menu-options li .icon-byo,.navigation .vsp-navigator .nav-menu-options li .icon-inventory,.navigation .vsp-navigator .nav-menu-options li .icon-offers,.navigation .vsp-navigator .nav-menu-options li .icon-payment,.navigation .vsp-navigator .nav-menu-options li .icon-chat{font-size:11px;margin:0 3px 0 4px}
.navigation .hybrid-nav .vsp-info-bar{width:57%}
.navigation .hybrid-nav .vsp-menu-options{width:25%}
.navigation .hybrid-nav .vsp-info-bar li:first-child{width:30%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(2){width:21%}
.navigation .hybrid-nav .vsp-info-bar li:nth-child(3){width:15%}
.navigation .vsp-navigator .nav-menu-options li .icon-raqvsp{margin:8px 4px 0 4px;font-size:11px}
}
@media screen and (min-width:768px) and (max-width:1024px){.navigation .vsp-navigator .fy-link.desktop .under-labels{font-size:10px}
.navigation .vsp-navigator .fy-link.desktop ul li:first-child{margin-right:8px}
.navigation .vsp-navigator .fy-link.desktop ul li{font-size:19px}
.navigation .vsp-navigator .vsp-info-bar{width:29%}
.navigation .vsp-navigator .vsp-nav-find{width:25%}
.navigation .vsp-navigator .vsp-menu-options{width:45%}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.navigation .vsp-navigator{color:#000}
.navigation .vsp-navigator .vsp-info-bar li{font-size:20px;padding-top:21px;height:23px}
.navigation .vsp-navigator .vsp-info-bar li:first-child{padding:23px 0 23px 4px;width:50%}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(2),.navigation .vsp-navigator .vsp-info-bar li:nth-child(3){padding:23px 0 23px 4px}
.hero.section .navigation .vsp-info-bar .under-labels,.navigation .vsp-navigator .vsp-info-bar .year-stick{font-size:10px}
.hero.section .navigation .vsp-navigator .vsp-info-bar .year-stick,.hero.section .navigation .vsp-info-bar .under-labels{top:47px}
.navigation .vsp-navigator .vsp-info-bar li:nth-child(3) .under-labels{right:5px}
.navigation .hybrid-nav .vsp-info-bar{width:57%}
.navigation .hybrid-nav .vsp-info-bar li:first-child{width:26%}
.navigation .hybrid-nav .vsp-info-bar li{font-size:15px}
.es .navigation .vsp-navigator .vsp-info-bar,.navigation .prev-year-nav .vsp-navigator .vsp-info-bar{width:32%}
.navigation .vsp-navigator .nav-menu-options li a{font-size:13px}
.navigation .vsp-navigator .nav-menu-options li .icon-byo,.navigation .vsp-navigator .nav-menu-options li .icon-inventory,.navigation .vsp-navigator .nav-menu-options li .icon-offers,.navigation .vsp-navigator .nav-menu-options li .icon-payment,.navigation .vsp-navigator .nav-menu-options li .icon-chat{font-size:11px;margin:0 5px 0 4px}
.es .navigation .vsp-navigator .vsp-menu-options,.hero .navigation .prev-year-nav .vsp-menu-options{width:43%}
}
@media only screen and (max-width:1024px) and (min-width:768px){.navigation .vsp-navigator .vsp-info-bar li:nth-child(2){font-size:2vw}
.navigation .vsp-navigator .vsp-info-bar li{font-size:2vw}
.navigation .vsp-navigator .vsp-info-bar li:first-child{min-width:15.4vw}
.navigation .vsp-navigator .vsp-info-bar .under-labels{font-size:9px;top:45px}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.hero.section .navigation .vsp-info-bar .under-labels,.navigation .vsp-navigator .vsp-info-bar .year-stick{top:46px}
}
.hero{position:relative}
.hero .hero-wrapper{position:relative;margin:0;width:100%;min-height:150px;overflow:hidden;z-index:0}
.hero.section .third_layer_animated-wrapper{position:fixed;z-index:111;width:100%}
.third_layer_animated-wrapper.third_nav-fixed{position:fixed}
.global-nav,.reveal-modal-bg{z-index:112}
.hero .hero-wrapper.previous-year .hero-text{top:15%}
.hero .hero-wrapper .hero-text{position:absolute;width:85%;text-align:center;z-index:1;left:0;right:0;top:125px;margin:0 auto;text-shadow:0 2px 2px rgba(0,0,0,0.35)}
.hero .hero-text.bottom{bottom:10%}
.hero .default .hero-text.bottom{top:40%;padding:0;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}
.hero .brz-mobile-models .hero-text.bottom{top:38.2%}
.hero .brz-mobile-features .hero-text.bottom{top:auto;bottom:6%}
.hero .hero-text.top{margin:0;padding:6% 0;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.hero .hero-text .title,.hero .hero-text .subtitle{color:#fff;padding:0;font-weight:normal}
.hero .hero-text .subtitle{margin:13px 0 0;font-size:19px;line-height:20px}
.hero .hero-text .title{font-size:1.50em;line-height:27px;margin:0 10%}
.es .hero .hero-text .title{font-size:1.1em;line-height:1.1em;margin:0 5%}
.ascent-landing .hero .hero-text .title{margin:0 8%}
.hero .hero-wrapper .gallery_container{width:100%}
.hero .hero-wrapper .hero-image-container{height:35vh;margin-top:125px}
.hero .brz-mobile-models .hero-image-container{height:38vh;margin-top:130px}
.hero .hero-wrapper.opt2 .hero-image-container{height:55vh}
.hero .hero-gallery-wrapper{z-index:0}
.hero .hero-gallery-wrapper.opt1,.hero .hero-gallery-wrapper.opt2,.hero .hero-gallery-wrapper.default{width:100vw;height:55vh}
.hero .hero-wrapper .hero-arrow-down{display:none}
.hero .SubaruBgVideo img.media_img{width:100% !important}
.hero .hero-vsp-ad{position:relative;margin:25px auto;width:95%;height:auto;text-align:center;color:#fff;-moz-box-shadow:0 10px 15px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,0.2);box-shadow:0 10px 15px 0 rgba(0,0,0,0.2);cursor:pointer}
.hero .hero-vsp-ad .hero-ad-wrapper{width:100%;height:100%}
.hero .hero-vsp-ad .hero-ad-title{margin:0;padding:22px 0 0;font-weight:normal;font-size:25px}
.hero .hero-vsp-ad .hero-top-banner+.hero-ad-title,.hero .hero-vsp-ad picture+.hero-ad-title{padding-top:11px}
.hero .hero-vsp-ad p{padding:0 10%;color:#ccc;font-size:13px;margin:15px 0}
.hero .hero-vsp-ad.small{min-height:170px;z-index:2}
.hero .hero-vsp-ad.small .hero-ad-wrapper{min-height:170px}
.hero .hero-vsp-ad.small a{display:block;padding:10px 0;width:50%;margin:0 auto;font-size:13px;font-weight:bold;letter-spacing:1px}
.hero .hero-vsp-ad.large{min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-wrapper{min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-title{padding:30px 0 0;font-size:25px}
.hero .hero-vsp-ad.large p{font-size:13px;padding:0 60px;margin:10px 0 26px;line-height:24px}
.hero .hero-vsp-ad .hero-top-banner{width:100%}
@media only screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){.hero .text-ctk-hybrid .hero-text .title{font-size:1.01em}
.hero .text-ctk-hybrid .hero-text .subtitle{margin:5px;font-size:15px}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.hero .text-ctk-hybrid .hero-text .title{font-size:1.9em}
.hero .text-ctk-hybrid .hero-text .subtitle{margin:6px}
}
.hero .hero-model-label{display:none}
@media screen and (max-width:768px) and (orientation:landscape){.hero .hero-wrapper.gallery.opt1{height:100vh}
.hero .default .hero-text.bottom{top:30%}
.hero .hero-wrapper.opt2 .hero-image-container{height:600px}
.hero .hero-wrapper .hero-image-container{height:100vh}
.hero .hero-gallery-wrapper.opt2{height:600px}
}
@media screen and (min-width:768px){.hero .default .hero-text.bottom{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.33) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.33) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.33) 100%)}
.hero .hero-text.top{background-image:linear-gradient(to bottom,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.3) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);height:100%}
.hero .opt1 .navigation{position:absolute;bottom:0}
.hero .SubaruBgVideo img.media_img{top:55%}
.hero .SubaruBgVideo div.item_container{height:100vh}
.hero .opt1 .hero-text.top{margin:50px auto}
.hero .opt2 .hero-text.top{margin:0;padding:124px 0 0;top:0;width:100%}
.hero .default .hero-text.top{margin:70px auto}
.hero .opt1 .hero-text.bottom{bottom:10%}
.hero .default .hero-text.bottom{top:auto;bottom:0;padding:22px 0}
.hero .opt2 .hero-text.bottom{bottom:30%}
.hero .hero-gallery-wrapper.opt1,.hero .hero-wrapper.opt1{height:80vh;width:100%}
.hero .hero-gallery-wrapper.default,.hero .hero-wrapper.default{height:430px;width:100%}
.hero .hero-wrapper.opt2{height:calc(100vh - 100px)}
.hero .hero-gallery-wrapper.opt2{height:100vh}
.hero .hero-gallery-wrapper{position:fixed;top:0}
.hero .hero-arrow-down.arrow-down-2{display:block;left:0;right:0;margin:0 auto;position:absolute;height:80px;width:80px;bottom:37px;background:url("../../../../../../content/dam/subaru/vehicles/global/arrow_down_2.png") no-repeat center center;cursor:pointer;z-index:2}
.hero .hero-arrow-down.arrow-down-1{display:block;position:absolute;height:80px;width:80px;z-index:2;left:0;right:0;margin:0 auto;bottom:-70px;background:url("../../../../../../content/dam/subaru/vehicles/global/arrow_down_2.png") no-repeat center center}
.es .hero .hero-text .title,.hero .hero-text .title{font-size:34px;line-height:normal;margin:0}
.hero .default .hero-text .title{font-size:44px;margin:0;font-weight:normal;line-height:normal}
.hero .hero-text .subtitle{font-size:34px;font-weight:normal}
.hero .hero-wrapper .hero-image-container,.hero .hero-wrapper.opt2 .hero-image-container{width:100%;position:fixed;top:-55px;left:0;height:100vh;z-index:-10}
.hero .hero-wrapper.default .hero-image-container{position:relative;height:360px;top:70px;margin-top:0}
.hero .hero-vsp-ad{position:absolute;bottom:37px;right:37px;-moz-box-shadow:0 18px 25px 0 rgba(0,0,0,0.10);-webkit-box-shadow:0 18px 25px 0 rgba(0,0,0,0.10);box-shadow:0 18px 25px 0 rgba(0,0,0,0.10);margin:0}
.hero .hero-vsp-ad p{padding:0 15%;margin:12px 0 0;line-height:24px;font-size:17px}
.hero .hero-vsp-ad.small{width:29.15%}
.hero .hero-vsp-ad.small .hero-ad-title{font-size:34px}
.hero .hero-vsp-ad.small a{font-weight:bold;font-size:14px;letter-spacing:1px}
.hero .hero-vsp-ad.large{width:29.15%;min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-wrapper{min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-title{padding:30px 0 0;font-size:34px}
.hero .hero-vsp-ad.large p{font-size:17px;padding:0 60px;margin:10px 0 26px;line-height:24px}
.hero .stand-alone-button .stand-wrapper a.btn-small-medium{width:70%;padding:4.8% 0 !important;border:2px solid #09f !important;font-size:14px}
.hero .hero-model-label{display:block;position:absolute;bottom:0;right:0;color:#f6f6f6}
.hero .hero-model-label p{font-size:14px;margin:10px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.hero .hero-wrapper.image.opt2,.hero .hero-gallery-wrapper.opt1,.hero .hero-gallery-wrapper.opt2,.hero .image.opt2 .hero-image-container{position:relative;top:0}
.hero .image.opt2 .hero-image-container{height:55vh;margin-top:0}
.hero .hero-wrapper.opt2{height:auto}
.hero .SubaruBgVideo img.media_img{width:950px !important;top:540px}
.hero .hero-wrapper .hero-arrow-down{display:none}
.hero .hero-text .subtitle{line-height:normal}
.hero .hero-vsp-ad{position:relative;margin:25px auto;width:95%;left:0;right:0;top:0}
.hero .hero-vsp-ad .hero-ad-wrapper{width:100%;height:100%}
.hero .hero-vsp-ad .hero-ad-title{margin:0;padding:22px 0 0;font-weight:normal;font-size:25px}
.hero .hero-vsp-ad p{padding:0 10%;color:#ccc;font-size:13px;margin:15px 0}
.hero .hero-vsp-ad.small{width:95%;min-height:170px}
.hero .hero-vsp-ad.small .hero-ad-wrapper{min-height:170px}
.hero .hero-vsp-ad.small a{display:block;padding:10px 0;width:100%;margin:0 auto;font-size:16px;font-weight:bold;letter-spacing:1px}
.hero .hero-vsp-ad.large{width:95%;min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-wrapper{min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-title{padding:30px 0 0;font-size:25px}
.hero .hero-vsp-ad.large p{font-size:16px;padding:0 60px;margin:18px 0 26px;line-height:24px}
.hero .stand-alone-button .stand-wrapper a.btn-small-medium{width:70%;padding:2.8% 0 !important;border:2px solid #09f !important;font-size:14px}
.hero .hero-model-label{display:none}
.hero .brz-mobile-features .hero-text .title{font-size:36px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.hero .hero-wrapper.gallery,.hero .hero-wrapper.image.opt2{height:calc(100vh - 100px);top:inherit}
.hero .hero-wrapper.gallery.opt1,.hero .hero-gallery-wrapper.opt2,.hero .image.opt2 .hero-image-container{position:fixed;top:0;height:100vh}
.hero .image.opt2 .hero-image-container{top:0;height:100vh}
.hero .SubaruBgVideo img.media_img{width:1155px !important;top:360px}
.hero .hero-wrapper .hero-arrow-down{display:block}
.hero .hero-vsp-ad{position:absolute;bottom:37px;right:37px;top:inherit;left:inherit;margin:0}
.hero .hero-vsp-ad p{padding:0 10%;margin:12px 0 0;line-height:24px;font-size:16px}
.hero .hero-vsp-ad.small{width:33%}
.hero .hero-vsp-ad.small .hero-ad-title{font-size:25px}
.hero .hero-vsp-ad.small a{font-weight:bold;font-size:16px;letter-spacing:1px}
.hero .hero-vsp-ad.large{width:33%;min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-wrapper{min-height:253px}
.hero .hero-vsp-ad.large .hero-ad-title{padding:30px 0 0;font-size:25px}
.hero .hero-vsp-ad.large p{font-size:16px;padding:0 35px;margin:10px 0 26px;line-height:24px}
.hero .stand-alone-button .stand-wrapper a.btn-small-medium{width:70%;padding:4.8% 0 !important;border:2px solid #09f !important;font-size:14px}
.hero .hero-model-label{display:block}
}
.gallery-panel{width:100% !important;height:100% !important}
.gallery-panel .x-panel-bwrap{padding:0 !important;width:100% !important;height:100% !important}
.gallery-panel .x-panel-body{padding:0 !important;width:100% !important;height:100% !important;overflow:hidden !important}
.cl-selector-iframe{width:100% !important;height:100% !important}
.gallery_selection_placeholder{height:170px}
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2){.hero-wrapper .slide-gradient{height:100%;width:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to bottom,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.3) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%)}
.hero-wrapper.default .slide-gradient{display:none}
.hero .hero-wrapper.opt2.previous-year .hero-image-container{margin-top:62px}
}
.hero .hero-small-text-FOR .title{margin:0 3%}
@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :portrait){.hero .hero-small-text-FOR .title{font-size:1.5em}
.hero .hero-small-text-LEG .title{margin:0}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (device-aspect-ratio:40/71){.hero .hero-text .title,.es .hero .hero-text .title{margin-top:25px}
}
@media screen and (min-width:768px){.hero .hero-wrapper.opt2.hero-previous-year-CTK .hero-image-container{top:70px;height:124vh}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.hero .hero-wrapper.opt2.hero-previous-year-CTK .hero-image-container{top:0;height:50vh}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.hero .image.opt2.hero-previous-year-CTK .hero-image-container{top:60px;height:92vh}
}
.ng-modal.thank-you-modal{width:85%;height:auto;margin:0 auto;left:50%;top:50%;transform:translate(-50%,-50%);position:fixed;overflow-y:auto;z-index:1004}
.ng-modal-overlay-thks{width:100%;height:100%;background-color:#000;position:fixed;left:0;top:0;opacity:.6;z-index:1002}
.ng-modal.thank-you-modal .ng-modal-close{background:url("../../../../../../content/dam/subaru/global/header/close-modal-mobile.png") no-repeat scroll 0 0 transparent;cursor:pointer;height:24px;text-indent:-9999px;top:22px;right:6vw;width:24px;z-index:4000}
.ng-modal.thank-you-modal .request-a-quote .raq-wrapper,.ng-modal.thank-you-modal .schedule-a-test-drive .schedule-container{min-height:0}
.thank-you{position:relative}
.thank-you .thank-you-container .thank-you-wrapper{position:relative;width:100%;min-height:100%;margin:0 auto}
.thank-you .thank-you-container .thank-you-wrapper{width:100%;max-width:1440px}
.thank-you p.supporting-text{margin:45px 0 45px 0}
.thank-you .thank-you-text{text-align:center;width:100%;margin:0 auto;color:#333}
.thank-you .thank-you-text .title{margin:0 70px;padding:50px 0 5px;font-weight:normal;font-size:21px}
.thank-you .thank-you-text .supporting-text{font-size:13px;padding:0;margin:11px 25px;line-height:17px;font-weight:normal}
.thank-you .thank-you-text .thank-you-retailer{font-size:13px;font-weight:bold}
.thank-you .thank-you-checkmark img{width:38%;display:block;margin:0 auto;padding:36px 0}
.thank-you-container.thank-you-request-modal .thank-you-text{margin-bottom:45px}
.thank-you .thank-you-container .thank-you-wrapper h2{font-size:13px;margin:0;font-weight:bold;padding:6px 0 0 0}
.thank-you .thank-you-container .thank-you-wrapper p.supporting-text{width:80%;margin:10px auto}
.thank-you .thank-you-container .thank-you-wrapper h2+p{font-size:13px;margin:3px 0 35px 0;padding:0}
.thank-you .thank-you-container .thank-you-wrapper img{width:150px}
.thank-you .thank-you-text .btnModal{display:block;margin:15px auto;border:1px solid #09f;background-color:transparent;color:#09f;align-items:center;justify-content:center;width:250px;line-height:2.5;text-transform:uppercase;height:40px;font-size:16px;font-weight:bold}
.thank-you .thank-you-text .btnModal.blue{background-color:#09f;color:#fff}
.thank-you .thank-you-text .btnModal.trasp{margin-bottom:40px}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){.thank-you .thank-you-container .thank-you-wrapper{height:90vh;overflow-x:hidden;overflow-y:scroll}
}
@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:landscape){.ng-modal.thank-you-modal{height:calc(40vh + 140px)}
}
@media(min-width:1281px){.ng-modal.thank-you-modal{overflow:visible}
}
@media screen and (min-width:768px){.ng-modal.thank-you-modal{width:80%;left:50%;top:50%;transform:translate(-50%,-50%);position:fixed}
.ng-modal.thank-you-modal .ng-modal-close{background:url("../../../../../../content/dam/subaru/global/footer/simplemodal-close.png") no-repeat scroll 0 0 transparent;width:55px;height:61px;top:-30px;right:-27px}
.thank-you .thank-you-container .thank-you-wrapper img{width:auto}
.thank-you .thank-you-container .thank-you-wrapper h2{padding:28px 0 0 0;font-size:18px}
.thank-you .thank-you-container .thank-you-wrapper h2+p{margin:3px 0 0 0;font-size:18px}
.thank-you .thank-you-text .btnModal{display:inline-block;margin:55px 15px 61px 15px;border:1px solid #09f;background-color:transparent;color:#09f;width:239px;line-height:normal;height:16px;padding:22px 0}
.thank-you .thank-you-text .btnModal.trasp:hover{background-color:#09f;color:#fff}
.thank-you .thank-you-text .btnModal.blue:hover{background-color:transparent;color:#09f;border:1px solid #09f}
.thank-you .thank-you-text .title{padding:77px 0 5px;font-size:36px;margin:0;width:auto}
.email-modal .thank-you .thank-you-text .title{width:480px;margin:0 auto}
.email-modal .thank-you .thank-you-text .subtitle{padding:10px 0 0 0;font-size:26px;width:auto;margin:0 auto;font-weight:normal;text-transform:none}
.thank-you .thank-you-container .thank-you-wrapper p.supporting-text{width:485px;font-size:18px;padding:0 15px;margin:20px auto;line-height:25px}
.thank-you .thank-you-text .thank-you-retailer{display:inline-block;font-size:18px}
.thank-you .thank-you-checkmark img{width:17%;padding:55px 0}
.thank-you .thank-you-text p span{display:block}
.email-modal.thank-you-modal .thank-you .thank-you-text{padding-bottom:65px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.thank-you .thank-you-checkmark img{width:30%}
.ng-modal.thank-you-modal .ng-modal-close{right:0;top:0}
.thank-you .thank-you-text .btnModal.trasp:hover{background-color:transparent;color:#09f}
.thank-you .thank-you-text .btnModal.blue:hover{background-color:#09f;color:#fff}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.thank-you .thank-you-checkmark img{width:25%}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ng-modal.thank-you-modal{overflow:visible}
.thank-you-modal .ng-modal-dialog{position:relative}
.ng-modal.thank-you-modal .ng-modal-close{position:absolute;top:-30px;right:-27px}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width:767px){.ng-modal.thank-you-modal .ng-modal-close{top:30px;right:30px}
}
.animate-thanks{-webkit-animation:.3s show;animation:.3s show;display:block}
@-webkit-keyframes show{0{opacity:0;transform:scale(0.5)}
70%{transform:scale(1.02)}
100%{opacity:1;transform:scale(1)}
}
.stand-alone-button{font-size:18px;overflow:hidden;height:auto;width:100%;padding:15px 0;font-family:Helvetica,Arial,sans-serif}
.stand-alone-button .stand-wrapper{width:100%;height:auto;font-size:16px;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.stand-alone-button .stand-wrapper .btn-small{width:240px}
.stand-alone-button .stand-wrapper .btn-small-medium{width:260px}
.stand-alone-button .stand-wrapper .btn-medium{width:280px}
.stand-alone-button .stand-wrapper .btn-large{width:300px}
.stand-alone-button .stand-wrapper .dark-secondary:hover,.stand-alone-button .stand-wrapper .light-secondary:hover,.stand-alone-button .stand-wrapper .light-tertiary:hover{height:42px;line-height:42px}
.stand-alone-button .stand-wrapper .light-primary:hover{height:38px;line-height:38px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.stand-alone-button.left .stand-wrapper a{margin:0 38%}
.stand-alone-button.right .stand-wrapper a{margin:0 28%}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.stand-alone-button.left .stand-wrapper a{margin:0 35%}
.stand-alone-button.right .stand-wrapper a{margin:0 39%}
}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-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-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height 500ms ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.specifications{position:relative;width:100%;overflow:hidden;min-height:357px;font-size:16px;font-family:Helvetica,Arial,sans-serif;font-weight:normal;background-color:#333}
.specifications .specification-content{width:100%;height:100%;padding:0 0 52px 0;overflow:hidden}
.specifications .specs-list{display:block;overflow:hidden;margin:0;padding:51px 8% 19px 8%;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:center}
.specifications .specs-list li{display:inline-block;vertical-align:top;width:34%;min-height:79px;margin:0 5% 15px 11%;text-align:center;color:#999;font-size:.58em}
.specifications .specs-list li:nth-child(2n){width:41%;margin:0 7% 15px 2%}
.specifications .specs-list li:nth-last-child(1){margin-right:55%}
.specifications .specs-list li p{position:relative;display:block;margin:0 auto;padding:7px 0 4px 0;color:#333}
#CQrte .specifications .specs-list .font-sizes-big,.specifications .specs-list .font-sizes-big{font-size:3em}
#CQrte .specifications .specs-list .font-sizes-medium,.specifications .specs-list .font-sizes-medium{font-size:2.25em}
#CQrte .specifications .specs-list .font-sizes-small,.specifications .specs-list .font-sizes-small{font-size:1.5em}
#CQrte .specifications .specs-list .font-sizes-extra-small,.specifications .specs-list .font-sizes-extra-small{font-size:1em}
.specifications .ng-modal img{width:100%;display:block;margin:0 auto}
.specifications .compare-button-container .compare-icon{display:none}
.specifications .section-title{font-size:1.3rem;margin:0;color:#333;font-weight:normal;height:auto;padding-top:51px}
.specifications .section-subtitle{font-size:.9rem;line-height:17px;margin:0 auto;color:#999;font-weight:normal;text-align:center}
.specifications hr{margin:6% auto 0;border-style:solid;border-width:1px;width:81.5%}
.specifications .previous-year .compare-button-container{margin-bottom:54px}
@media only screen and (min-width:768px){.specifications{min-height:440px;margin:0 auto}
.specifications .specification-content{max-width:1460px;margin:0 auto;padding:0 0 90px 0}
.specifications .specs-list{max-width:none;margin:92px auto;padding:0}
.specifications .specs-list li:first-child{display:block}
.specifications .specs-list li,.specifications .specs-list li:nth-child(2n){width:17%;height:auto;min-height:initial;padding:0;margin:0;font-size:.9em}
.specifications .specs-list li:last-child{width:19%;margin:0}
.specifications .specs-list li p{padding:10px 0 6px 0}
#CQrte .specifications .specs-list .font-sizes-small,.specifications .specs-list .font-sizes-small{font-size:1.500em}
#CQrte .specifications .specs-list .font-sizes-extra-small,.specifications .specs-list .font-sizes-extra-small{font-size:1em}
.specifications .compare-button-container .vsp-btn{display:flex;align-items:center;justify-content:center;line-height:normal;padding-top:6px;padding-bottom:6px}
.specifications .ng-modal-dialog-content{background:#efefef}
.specifications .ng-modal img{width:auto;display:block;margin:0 auto}
.specifications .section-title{font-size:36px;padding-top:68px}
.specifications .section-subtitle{font-size:18px;line-height:22px;padding-top:3px}
.specifications hr{margin:27px auto 0;width:42.5%;opacity:.5}
}
@media only screen and (min-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.es .specifications .specs-list .font-sizes-small{font-size:1.2em}
}
@media only screen and (min-width:1025px){.specifications .compare-button-container .vsp-btn{padding-top:20px;padding-bottom:20px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.specifications .specs-list{width:95%}
.specifications .specs-list li,.specifications .specs-list li:nth-child(2n){width:20%}
.specifications .specs-list li:last-child{width:20%;margin:0 auto}
#CQrte .specifications .specs-list .font-sizes-big,.specifications .specs-list .font-sizes-big{font-size:2.2em}
#CQrte .specifications .specs-list .font-sizes-medium,.specifications .specs-list .font-sizes-medium{font-size:1.875em}
.zh .specifications .specs-list .font-sizes-small{font-size:1.350em}
.es .specifications .specs-list .font-sizes-small{font-size:1em}
}
@media screen and (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.specifications .specs-list{width:95%}
.zh .specifications .specs-list .font-sizes-small{font-size:1.250em}
.es .specifications .specs-list .font-sizes-small{font-size:1em}
}
@media only screen and (min-device-width:834px) and (min-device-height:1112px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.specifications .specs-list{width:99%}
}
.title-and-description-container{position:relative}
.title-and-description{text-align:center;font-size:36px;position:relative}
.title-and-description .title-and-description-text{max-width:450px;margin:0 auto}
.title-and-description p{padding-top:20px;font-size:18px;margin:0}
.title-and-description a,.title-and-description a:link,.title-and-description a:active,.title-and-description a:hover,.title-and-description a:visited{color:#09f}
@media only screen and (min-width:768px){.title-and-description-wrapper{max-width:1440px;margin:0 auto}
.title-and-description .title-and-description-text{max-width:860px}
}
.fma{position:relative;text-align:center;z-index:2;font-family:Helvetica,Arial,sans-serif;font-size:16px}
a.fma-container{display:inline-block;max-height:550px;width:95%;margin:45px 0}
a.fma-container .fma-content,a.fma-container .fma-max-width{width:100%;height:auto;padding-top:20px;float:left}
a.fma-container .fma-max-width.fma-invert{padding-top:0}
a.fma-container .fma-content.fma-invert{padding:20px 0}
a.fma-container .fma-copy{text-align:center;transform:translate(0,0);width:95%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;resize:vertical}
a.fma-container.noDescription .fma-copy{transform:translate(0,25%)}
a.fma-container .fma-title{font-size:1.125em;line-height:1.125em;margin:0 0 5px;padding:0;font-weight:bold}
a.fma-container p{font-size:1em;line-height:1em;font-weight:normal;margin:0}
a.fma-container .fma-link{font-size:.75em;line-height:.75em;margin:21px 0 0;font-weight:bold;letter-spacing:1px}
@media only screen and (min-width:768px){a.fma-container{width:71%;max-height:270px;margin:90px 0}
a.fma-container .fma-content,a.fma-container .fma-max-width{width:50%;padding:0}
a.fma-container .fma-copy{width:90%;margin:5% auto;text-align:left;height:100%}
a.fma-container .fma-title{font-size:2.5vw;line-height:2.5vw}
a.fma-container p{font-size:1.56vw;line-height:1.56vw}
a.fma-container .fma-link{font-size:1.17vw;line-height:1.17vw;margin:32px 0 0}
}
@media only screen and (min-width:1700px){a.fma-container{max-width:1200px}
a.fma-container .fma-title{font-size:42px}
a.fma-container p{font-size:26px}
a.fma-container .fma-link{font-size:20px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.fma{font-size:12px}
a.fma-container{width:95%}
a.fma-container .fma-content,a.fma-container .fma-max-width{height:auto;max-height:270px}
a.fma-container p{font-size:1.5em;line-height:1.5em}
a.fma-container .fma-title{font-size:2.25em;line-height:2.25em;margin-bottom:8px}
a.fma-container .fma-link{font-size:1.125em;line-height:1.125em;margin-top:8px}
#brz-kbb .fma-content .fma-copy{margin-top:0}
#interior-volume .fma-content .fma-copy{margin-top:1%}
}
.fma{width:100%;background:white;line-height:0}
.fma>a,.fma>div{line-height:initial}
.fma .fma-comparison{margin:0 auto;font-size:16px;position:relative;height:auto;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;height:56.5vw}
.fma .fma-comparison .fma-content{position:absolute;height:100%;padding:0 8%;width:84%;margin:0}
.fma .fma-comparison .fma-content .disclaimer{color:#FFF;font-size:.8em;transition-duration:.2s;transition-property:color}
.fma .fma-comparison .fma-content p{margin-top:9%;font-size:1.5em;letter-spacing:-0.3px;line-height:1.2}
.es .fma .fma-comparison .fma-content>div p{font-size:1.5em}
.fma .fma-comparison .fma-content .fma-button p{margin:0;letter-spacing:1.6px;font-size:.7rem}
.fma .fma-comparison .fma-content .fma-button{position:absolute;top:70%;font-weight:normal;max-width:480px;width:83%;left:0;right:0}
.fma .fma-comparison .textDesktop{display:none}
.fma .fma-comparison .textMobile{display:block}
.fma .title-and-description-wrapper[data-bookmark="fma_row-title-description"]{display:none}
@media only screen and (max-device-width:320px) and (orientation:portrait){.es .fma .fma-comparison .fma-content>div p{font-size:1.4em}
}
@media screen and (min-width:450px){.fma .fma-comparison{height:40vw}
.fma .fma-comparison .fma-content .fma-button{top:65%}
}
@media screen and (max-width:767px){.fma .fma-comparison .fma-content p{text-align:center !important}
}
@media screen and (min-width:768px){.fma-section{padding:30px 0}
.fma-row-container{flex-direction:row}
.fma-row-container .parsys.iparsys-limit{width:100%;flex-direction:row;display:flex}
.fma .fma-comparison{height:268px}
.fma .fma-comparison .fma-content{padding:0 9%;width:82%}
.fma .fma-comparison .fma-content p{margin-top:33px;font-size:2.24vw;text-align:left}
.es .fma .fma-comparison .fma-content>div p{font-size:32px}
.fma .fma-comparison .fma-content .fma-button{left:auto;right:auto;width:65%;top:148px}
.fma .fma-comparison .fma-content .fma-button p{letter-spacing:1.4px;font-size:14px}
.fma .fma-comparison .fma-content .fma-button.left{left:9%}
.fma .fma-comparison .fma-content .fma-button.right{right:9%}
.fma .fma-comparison .fma-content .fma-button.center{left:0;right:0}
.fma .fma-comparison .fma-content .disclaimer{font-size:16px}
.fma .fma-comparison .fma-content .disclaimer:hover{color:#000}
.fma .fma-comparison .textMobile{display:none}
.fma .fma-comparison .textDesktop{display:block}
.fma .title-and-description-wrapper[data-bookmark="fma_row-title-description"]{display:block}
.cq-wcm-edit .fma-row-container .fma.section{width:100%}
.cq-wcm-edit .fma-row-container .section{width:400px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.ipad .fma .fma-comparison{height:150px}
.fma .fma-comparison .fma-content p{font-size:19px;margin-top:23px}
.ipad .fma .fma-comparison .fma-content .fma-button p{font-size:11px}
.ipad .fma .fma-comparison .fma-content .fma-button{width:68%;padding-top:0;padding-bottom:0;top:90px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.es .fma .fma-comparison .fma-content>div p{font-size:19px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.es .fma .fma-comparison .fma-content>div p{font-size:20px}
.ipad .fma .fma-comparison .fma-content .fma-button{width:83%}
}
@media screen and (min-width:768px) and (max-width:980px){.fma .fma-comparison{height:200px}
.fma .fma-comparison .fma-content .fma-button{top:110px}
.fma .fma-comparison .fma-content .fma-button p{font-size:1.3vw}
}
@media screen and (min-width:1680px){.fma .fma-comparison .fma-content p{font-size:2.0vw}
}
.common-fma-section{width:100%;min-height:100px}
.common-fma-section-container .fma-row{width:100%;height:auto}
.common-fma-section-container .fma-row-container{display:flex;flex-direction:column}
.common-fma-section-container .common-fma{width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden}
.common-fma-section-container .common-fma .fma-container{position:relative;margin:5px 0 0;padding:0;border:0;overflow:hidden;display:block;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;height:56.2vw}
.common-fma-section-container .common-fma .fma-content{position:absolute;display:block;bottom:0;width:101%;height:101%;margin:0;padding:0;color:#fff;background:-moz-linear-gradient(90deg,#000 0,rgba(0,0,0,0) 66%);background:-webkit-linear-gradient(90deg,#000 0,rgba(0,0,0,0) 66%);background:-ms-linear-gradient(90deg,#000 0,rgba(0,0,0,0) 66%);opacity:.8;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);transition:all 1s;cursor:pointer;overflow:hidden}
.common-fma-section-container .common-fma .fma-content p{font-size:12px;margin:0 auto;text-align:center;display:block;position:absolute;left:0;right:0;bottom:35px;padding:0 3%;transition:all 1s;letter-spacing:.3px;line-height:1.2}
.common-fma-section-container .common-fma .fma-content.no-button p{bottom:20px}
.common-fma-section-container .common-fma .fma-content.no-button a{display:none}
.common-fma-section-container .common-fma .fma-content.no-button a.fma-text{display:block;color:#fff}
.common-fma-section-container .common-fma .fma-content.button a.fma-text{font-weight:normal;bottom:0}
.common-fma-section-container .common-fma .fma-content.button a{font-size:12px;text-align:center;position:absolute;left:0;right:0;bottom:15px;letter-spacing:1px;color:#fff;font-weight:bold}
@media screen and (min-width:768px){.common-fma-section-container .common-fma{background-color:#000}
.common-fma-section-container .fma-row-container{flex-direction:row}
.common-fma-section-container .fma-row-container .parsys.iparsys-limit{width:100%;flex-direction:row;display:flex}
.common-fma-section-container .common-fma .fma-container{margin:0;height:25vw}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content:hover{background:#000;background:-moz-linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 100%);background:linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)}
.common-fma-section-container .common-fma .fma-content.button p,.common-fma-section-container .common-fma .fma-content.no-button p{font-size:18px;bottom:30px}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button:hover a.fma-text p,body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.no-button:hover a.fma-text p{bottom:44px}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.no-button:hover>p,body:not(.mobile-device) .common-fma .fma-content.no-button:hover>a.fma-text p{bottom:50%;-ms-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%)}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button:hover>p{bottom:61%}
.common-fma-section-container .common-fma .fma-content.no-button a{display:none}
.common-fma-section-container .common-fma .fma-content.no-button a.fma-text{display:block;color:#fff}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button a.fma-button{display:block;font-size:14px;font-weight:bold;letter-spacing:1px;line-height:normal;color:rgba(255,255,255,0);border:2px solid rgba(255,255,255,0);max-width:234px;bottom:auto;top:90%;padding:20px 5px;transition:all 1s;left:calc((100%/2) - 117px)}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button a.fma-text{opacity:1;border:0;width:100%;padding:0;max-width:inherit;top:100%;font-weight:normal;display:block;font-size:14px;letter-spacing:1px;line-height:normal;color:#fff;bottom:auto;transition:all 1s}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button:hover>a{top:50%}
body:not(.mobile-device) .common-fma-section-container .common-fma .fma-content.button:hover>a.fma-button{color:rgba(255,255,255,1);border:2px solid rgba(255,255,255,1)}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.common-fma-section-container .common-fma .fma-content p{bottom:35px;font-size:14px}
.common-fma-section-container .common-fma .fma-content.no-button p{bottom:20px}
.common-fma-section-container .common-fma .fma-content.no-button a{display:none}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.common-fma-section-container .common-fma .fma-content p{font-size:11px}
}
.interior-360 .interior-360-container{position:relative;width:100%;height:100vh;margin:0 auto;overflow:hidden;background-color:#353535}
.touch .interior-360 .rotate-instructions{display:block}
.interior-360 .rotate-instructions{position:absolute;max-width:18vh;top:17vh;left:0;right:0;margin:auto;z-index:2;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;transition:opacity .6s}
.interior-360 .no-instructions .rotate-instructions{opacity:0}
.interior-360 .interior-360-text{position:absolute;top:0;padding:10px 0}
.interior-360 .interior-360-text h1{margin:0;display:block;width:100%}
.interior-360 .interior-360-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;width:100%;top:43vh;z-index:1001;color:#fff;height:46px}
.interior-360 .interior-360-selector{display:flex;flex-direction:column;text-align:center;width:4.55em;padding:4px 0;opacity:.149}
.interior-360 .interior-360-selector.active{opacity:1}
.interior-360 .interior-360-selector:hover{opacity:1}
.interior-360 .interior-360-selector a{display:none;width:20px;height:20px;margin:8px auto 13px auto;cursor:pointer}
.show-mobile-icon .interior-360-selector a.gallery1Opt2,.show-mobile-icon .interior-360-selector a.gallery1Opt1,.show-mobile-icon .interior-360-selector a.gallery2Opt1,.show-mobile-icon .interior-360-selector a.gallery2Opt2{display:block;transform:scale(0.35);margin:0 auto 0 auto}
.show-mobile-icon .interior-360-selector.gallery1Opt1,.show-mobile-icon .interior-360-selector.gallery1Opt2,.show-mobile-icon .interior-360-selector.gallery2Opt1,.show-mobile-icon .interior-360-selector.gallery2Opt2{padding-bottom:16px}
.show-mobile-icon .interior-360-selector.gallery1Opt1 span,.show-mobile-icon .interior-360-selector.gallery1Opt2 span,.show-mobile-icon .interior-360-selector.gallery2Opt1 span,.show-mobile-icon .interior-360-selector.gallery2Opt2 span{line-height:0}
.interior-360 .interior-360-selector span{font-size:.55em;line-height:9px;cursor:pointer;font-weight:bold;letter-spacing:1.2px;text-shadow:0 2px 2px rgba(0,0,0,0.5)}
.interior-360 .interior-360-buttons .divider{width:2px;background-color:#fff;height:15px;position:relative}
.interior-360 .interior-360-viewer{width:100%;height:35vh;margin:45px auto}
.interior-360 .interior-360-label{display:none}
.no-divider .gallery1:first-child{display:none !important}
@media screen and (max-width:768px) and (orientation:landscape){.interior-360 .rotate-instructions{top:31vh;max-width:36vh}
.interior-360 .interior-360-buttons{position:absolute;width:100%;bottom:0;top:auto;align-items:center;background-color:rgba(0,0,0,0.5)}
.interior-360 .interior-360-viewer{margin:0 auto;height:100vh}
.interior-360 .interior-360-selector{padding:0}
.no-divider .gallery1:first-child{display:none !important}
}
@media screen and (min-width:768px){.interior-360 .rotate-instructions{max-width:26vh;top:calc(50vh - 90px)}
.interior-360 .interior-360-buttons{position:absolute;padding:5px 0 0;width:100%;bottom:0;top:auto;height:85px;align-items:baseline;background-color:rgba(0,0,0,0.33)}
.interior-360 .interior-360-selector{padding:0;width:77px;height:78px;border:2px solid rgba(255,255,255,0);opacity:1}
.interior-360 .interior-360-selector[data-gallery="gallery1"]{margin:0 19px 0 0}
.interior-360 .interior-360-selector[data-gallery="gallery2"]{margin:0 18px 0 0}
.interior-360 .interior-360-selector[data-gallery="gallery1Opt1"],.interior-360 .interior-360-selector[data-gallery="gallery1Opt2"],.interior-360 .interior-360-selector[data-gallery="gallery2Opt1"],.interior-360 .interior-360-selector[data-gallery="gallery2Opt2"]{margin:0 0 0 20px}
.interior-360 .interior-360-selector.active,.interior-360 .interior-360-selector:hover{border:2px solid rgba(255,255,255,0.3);border-radius:11px}
.interior-360 .interior-360-selector a{display:block;margin:18px auto 7px auto}
.show-mobile-icon .interior-360-selector.gallery1Opt1,.show-mobile-icon .interior-360-selector.gallery1Opt2,.show-mobile-icon .interior-360-selector.gallery2Opt1,.show-mobile-icon .interior-360-selector.gallery2Opt2{padding:0}
.show-mobile-icon .interior-360-selector a.gallery1Opt1,.show-mobile-icon .interior-360-selector a.gallery1Opt2,.show-mobile-icon .interior-360-selector a.gallery2Opt2,.show-mobile-icon .interior-360-selector a.gallery2Opt1{transform:scale(1);margin:18px auto 7px auto}
.interior-360 .interior-360-selector span{font-size:14px;line-height:14px;text-shadow:none}
.show-mobile-icon .interior-360-selector.gallery1Opt1 span,.show-mobile-icon .interior-360-selector.gallery1Opt2 span,.show-mobile-icon .interior-360-selector.gallery2Opt1 span,.show-mobile-icon .interior-360-selector.gallery2Opt2 span{line-height:14px}
.interior-360 .interior-360-viewer{margin:0 auto;height:100vh}
.interior-360 .interior-360-buttons .divider{top:10px}
.interior-360 .interior-360-label{display:block;width:33%;position:absolute;bottom:0;right:0;margin:0 auto;z-index:1001}
.interior-360 .interior-360-label a{float:right;color:#fff;padding:20px 30px;font-size:14px}
.no-divider .gallery1:first-child{display:none !important}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.interior-360 .rotate-instructions{top:36vh}
.interior-360 .interior-360-buttons{position:fixed;width:100%;bottom:0;top:auto;height:90px;align-items:baseline;background-color:rgba(0,0,0,0.5)}
.interior-360 .interior-360-selector a{display:block}
.interior-360 .interior-360-viewer{height:100vh;margin:0 auto}
.interior-360 .interior-colors-image img{bottom:0}
.interior-360 .interior-360-label a{padding:20px 25px;font-size:11px}
.no-divider .gallery1:first-child{display:none !important}
}
.interior-colors{position:relative}
.interior-colors .section-title h2{color:#fff}
.interior-colors .interior-colors-wrapper{position:relative;width:100%;background-color:#000;min-height:200px}
.interior-colors .interior-colors-image{width:100%;background-color:#333;min-height:61vw}
.interior-colors .interior-colors-image img{display:block;width:100%;margin:0 auto}
.interior-colors .interior-colors-list ul{display:flex;justify-content:center;flex-direction:row;margin:0 auto;height:46px;padding:0;overflow-x:auto;overflow-y:hidden;width:auto;-webkit-overflow-scrolling:touch}
.interior-colors .interior-colors-list li{margin:0 5px;position:relative;list-style:none;display:inline-block;padding:0}
.interior-colors .interior-colors-list p{width:100%;color:#fff;text-align:center;font-size:11px;margin:16px 0 17px;text-shadow:0 2px 2px rgba(0,0,0,0.35)}
.interior-colors .interior-colors-list a{display:block;cursor:pointer}
.interior-colors .interior-colors-list img{border-radius:100px;border:1px solid #fff;width:43px;display:block;margin:0 auto}
.interior-colors .interior-colors-list div{width:100%;padding:0 0 20px}
.interior-colors .interior-mob{display:block}
.interior-colors .interior-desk{display:none}
.interior-colors a.btn-interior{width:110px;text-align:center;border-radius:20px;color:#fff;line-height:38px;font-size:10px;margin:25px auto;cursor:pointer;font-weight:bold;transition-property:color,background-color,border;transition-duration:.2s}
.interior-colors .colorship .checkmark{display:none;width:25px;height:25px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}
.interior-colors .colorship:hover .checkmark,.interior-colors .colorship.active .checkmark{display:block;background:url(../../../../../../content/dam/subaru/vehicles/global/checkmark-light.png) no-repeat center center;background-size:12px 8px}
.interior-colors .colorship:hover .checkmark.dark,.interior-colors .colorship.active .checkmark.dark{background:url(../../../../../../content/dam/subaru/vehicles/global/checkmark-dark.png) no-repeat center center;background-size:12px 8px}
.interior-colors .colorship.active .checkmark{display:block}
.interior-color-label{display:none}
@media screen and (min-width:768px){.interior-colors .section-title{position:absolute;left:0;right:0;margin:auto;z-index:1}
.interior-colors .interior-colors-wrapper{overflow:hidden;min-height:250px;max-height:720px}
.interior-colors .interior-colors-image img{position:relative}
.interior-colors .interior-colors-list{display:flex;flex-direction:row;position:absolute;width:100%;bottom:76px;justify-content:center}
.interior-colors .interior-colors-list ul{height:40px;padding:0;margin:0;display:block;overflow:initial}
.interior-colors .interior-colors-list li{width:auto;margin:0 5px}
.interior-colors .interior-colors-list div{margin:0 5px;width:auto;padding:0}
.interior-colors .interior-colors-list p{bottom:46px;font-size:18px;position:absolute;left:0;right:0}
.interior-colors .interior-colors-list img{border:2px solid #fff;width:35px}
.interior-colors .interior-mob{display:none}
.interior-colors .interior-desk{display:block;position:absolute;top:115px;left:0;right:0;z-index:1}
.interior-colors a.btn-interior{width:140px;color:#fff;font-size:14px;margin:25px auto;font-weight:bold;display:block;letter-spacing:1px}
.interior-colors .colorship:hover .checkmark,.interior-colors .colorship.active .checkmark,.interior-colors .colorship:hover .checkmark.dark,.interior-colors .colorship.active .checkmark.dark{background-size:16px 12px}
.interior-colors .interior-color-label{display:block;height:50px;width:100%;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:110}
.interior-colors .interior-color-label a{float:right;color:#fff;padding:10px 25px;font-size:13.5px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.interior-colors .interior-colors-text{position:absolute;top:0;z-index:1;padding:40px 0}
.interior-colors .interior-colors-text h1{font-size:28px}
.interior-colors .interior-mob{display:none}
.interior-colors .interior-desk{display:block;position:absolute;top:115px;left:0;right:0}
.interior-colors .interior-colors-list{display:flex;flex-direction:row;position:absolute;width:100%;bottom:76px;justify-content:center}
.interior-colors .interior-colors-list ul{height:40px;padding:0;margin:0;display:block;overflow:initial}
.interior-colors .interior-colors-list li{width:auto;margin:0 5px}
.interior-colors .interior-colors-list div{margin:0 5px;width:auto;padding:0}
.interior-colors .interior-colors-list p{bottom:46px;font-size:14px;position:absolute;left:0;right:0}
.interior-colors .interior-colors-list img{border:2px solid #fff;width:35px}
.interior-colors .interior-color-label a{padding:20px 25px;font-size:11px}
.interior-colors .colorship:hover .checkmark,.interior-colors .colorship.active .checkmark,.interior-colors .colorship:hover .checkmark.dark,.interior-colors .colorship.active .checkmark.dark{background-size:16px 12px}
}
.cq-wcm-edit .interior-colors .interior-colors-list{display:none}
.ascent-landing .interior-colors .section-title h2{color:#333}
@media screen and (min-width:768px){.ascent-landing .interior-colors .section-title h2{color:#333}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.int-color-outback .interior-colors .interior-colors-list li:first-child{padding-left:165px}
.int-color-outback .interior-color .interior-colors-list li:last-child{padding-right:10px}
.int-color-outback .interior-colors .interior-colors-list a{position:relative}
.int-color-outback .interior-color .colorchips .checkmark{position:absolute}
.interior-colors-wrapper[data-modelcode="LEG"] .interior-colors-list ul{justify-content:initial}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.int-color-outback .interior-colors .interior-colors-list li:first-child{padding-left:111px}
.int-color-outback .interior-color .interior-colors-list li:last-child{padding-right:10px}
.int-color-outback .interior-colors .interior-colors-list a{position:relative}
.int-color-outback .interior-color .colorchips .checkmark{position:absolute}
.interior-colors-wrapper[data-modelcode="LEG"] .interior-colors-list ul{justify-content:initial}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){.int-color-outback .interior-colors .interior-colors-list li:first-child{padding-left:72px !important}
.int-color-outback .interior-color .interior-colors-list li:last-child{padding-right:10px}
.int-color-outback .interior-colors .interior-colors-list a{position:relative}
.int-color-outback .interior-color .colorchips .checkmark{position:absolute}
.interior-colors-wrapper[data-modelcode="LEG"] .interior-colors-list ul{justify-content:initial}
}
@media only screen and (min-device-width :360px) and (max-device-width :640px) and (orientation:portrait){.interior-colors-wrapper[data-modelcode="LEG"] .interior-colors-list ul{justify-content:initial}
}
.ng-modal.0-360-modal{overflow-y:scroll;-webkit-overflow-scrolling:touch}
.exterior-360{position:relative;width:100%;height:auto;font-size:16px;overflow:hidden;background-color:#fff}
.mobile-device .exterior-360 .exterior-360-overlay{display:none}
.exterior-360 .exterior-360-overlay{width:100%;height:100%;position:absolute;z-index:1;display:none}
.exterior-360 .exterior-360-content{width:100%;height:auto;margin:0 auto;padding:0 0 53px 0;overflow:hidden}
.exterior-360 .exterior-360-content .img-container{position:relative;width:100%;height:auto;padding:0}
.exterior-360 .ext-image-hidden{visibility:hidden}
.exterior-360 .ext-image-visible{visibility:visible}
.exterior-360 .img-container .arrow{display:none}
.exterior-360 .swipe-controls .arrow{display:block}
.exterior-360 .img-container .swipe-controls{position:absolute;right:7%;top:3px;width:92px;height:12px;z-index:3}
.es .exterior-360 .img-container .swipe-controls{top:0;width:127px}
.exterior-360 .swipe-controls span{display:block;float:left;width:50%;height:12px;color:#ccc;font-size:.7em;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;text-align:center;line-height:12px}
.exterior-360 .swipe-controls span.desktop{display:none}
.es .exterior-360 .swipe-controls span{width:60%}
.exterior-360 .img-container .arrow-left{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-arrow-left.png)}
.exterior-360 .img-container .arrow-right{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-arrow-right.png)}
.exterior-360 .img-container .arrow{float:left;width:20%;height:100%;text-indent:-9999px;overflow:hidden;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}
.es .exterior-360 .swipe-controls .arrow{width:15%}
.exterior-360 .img-container .reel-container{width:100%;height:auto;margin:0;padding:15px 0 0 0}
.exterior-360 .reel-container #ext-image-reel{overflow:inherit;width:100%;height:100%}
.exterior-360 #ext-image-reel img{width:96%;margin:0 auto}
.exterior-360 .img-container .label-color-name{position:absolute;bottom:0;width:100%;margin:0;padding:0;font-size:.75em;color:#333;text-align:center;font-weight:normal}
.exterior-360 .exterior-360-content .ext-colors-nav{width:100%;overflow:hidden;z-index:2}
.exterior-360 .ext-colors-nav ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;overflow-y:hidden;width:auto;height:63px;padding:0;list-style:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.exterior-360 .ext-colors-nav li{display:table;width:52px;height:100%;margin:0;padding:0 4px;list-style:none}
.exterior-360 .ext-colors-nav li:first-child{margin:0}
.exterior-360 .ext-colors-nav .color-chip{display:block;width:48px;height:48px;background-color:#dfdfdf;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.exterior-360 .ext-colors-nav .color-chip.border-dark{border:2px solid #525256}
.exterior-360 .ext-colors-nav .color-chip.border-light{border:2px solid #ccc}
.exterior-360 .color-chip .chekmark{display:block;width:100%;height:100%}
.exterior-360 .color-chip.active .chekmark{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-chekmark.png);background-size:25% 25%;background-position:50% 50%;background-repeat:no-repeat}
.exterior-360 .chekmark-black.active .chekmark{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-chekmark-black.png);background-size:25% 25%;background-position:50% 50%;background-repeat:no-repeat}
.exterior-360 #ext-image-reel .reel-preloader{width:100% !important;/*!important is required to overwrite in-line rule added by reel plugin*/height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;-webkit-flex-flow:row wrap;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.5)}
.exterior-360 #ext-image-reel .reel-preloader div{height:18px;flex:0 0 18px;margin:0 5px;opacity:.1;border-radius:100%;background-color:#000;-webkit-animation:1.8s linear 0 infinite opacityPulse;-moz-animation:1.8s linear 0 infinite opacityPulse;-ms-animation:1.8s linear 0 infinite opacityPulse;-o-animation:1.8s linear 0 infinite opacityPulse;animation:1.8s linear 0 infinite opacityPulse}
.exterior-360 #ext-image-reel .reel-preloader div:nth-child(2){animation-delay:.5s}
.exterior-360 #ext-image-reel .reel-preloader div:nth-child(3){animation-delay:1s}
.exterior-360 .exterior-360-content .ext-properties-nav{position:absolute;top:76px;left:0;width:100%;height:auto;margin:0 auto}
.exterior-360 .ext-properties-nav ul{width:100%;height:auto;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;-webkit-flex-flow:row wrap;align-items:center;justify-content:center;background-color:transparent}
.exterior-360 .ext-properties-nav .property-item{display:inline;padding:0 13px;border-left:1px solid #d9d9d9}
.exterior-360 .ext-properties-nav .property-item:nth-of-type(1){border:0}
.exterior-360 .ext-properties-nav .property-item a:link,.exterior-360 .ext-properties-nav .property-item a:visited{display:block;margin:0;padding:0;color:rgba(51,51,51,0.302);font-weight:bold;font-size:.71em;line-height:.71em;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.exterior-360 .ext-properties-nav .property-item a:hover,.exterior-360 .ext-properties-nav .property-item a.active{color:#333}
.exterior-360 .exterior-360-content .disclaimer-trim{display:none}
.ng-modal-dialog .exterior-360{top:52px}
.ng-modal-dialog .exterior-360 h1{display:none}
.ng-modal-dialog .exterior-360 .exterior-360-content{padding:20px 0 73px 0}
.ng-modal-dialog #ext-image-reel .reel{-webkit-transform:translate(-1%,-3%);-ms-transform:translate(-1%,-3%);transform:translate(-1%,-3%)}
.ng-modal-dialog .has-properties #ext-image-reel .reel{-webkit-transform:translate(-1%,-6%);-ms-transform:translate(-1%,-6%);transform:translate(-1%,-6%)}
.ng-modal-dialog .exterior-360 .img-container .label-color-name{bottom:14px;line-height:normal;letter-spacing:normal;font-weight:normal}
.ng-modal-dialog .exterior-360 .exterior-360-content .ext-properties-nav{top:auto;bottom:0}
.ng-modal-dialog .exterior-360 .ext-properties-nav ul{padding:23px 0 25px 0;margin:0;background-color:#353535}
.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item{border:0}
.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:link,.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:visited,.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:active{color:#717171}
.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:hover,.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a.active{color:#fff}
.ng-modal-dialog .exterior-360 .exterior-360-content .disclaimer-trim{display:block;position:absolute;right:2%;margin:0;padding:0;color:#666;font-size:.5em;line-height:normal;letter-spacing:normal;font-weight:normal}
@media only screen and (min-device-width:320px) and (max-device-width :736px) and (orientation:landscape){.exterior-360 .img-container .reel-container{width:75%;margin:0 auto;padding:0}
.exterior-360 .img-container .arrow{position:absolute;top:34%;display:block;width:36px;height:24px;cursor:pointer;cursor:hand}
.exterior-360 .img-container .arrow-left{left:5%}
.exterior-360 .img-container .arrow-right{right:5%}
.exterior-360 .img-container .label-color-name{bottom:.2em}
.exterior-360 .exterior-360-content .ext-colors-nav{position:absolute;bottom:-2em}
.exterior-360 .ext-colors-nav ul{justify-content:center;align-items:center}
.exterior-360 .ext-colors-nav ul li{display:inline}
.exterior-360 .ext-colors-nav li:first-child{padding:7px 0}
.ng-modal-dialog .exterior-360{top:0}
.android .ng-modal-dialog .exterior-360{margin-bottom:70px}
.android .modal-360 .modal-360-views{background-color:#fff}
.ng-modal-dialog .exterior-360 .exterior-360-content{padding:65px 0 86px 0}
.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties{padding:60px 0 85px 0}
.ng-modal-dialog .exterior-360 .img-container .label-color-name{bottom:0}
.ng-modal-dialog .exterior-360-content .ext-colors-nav{bottom:70px}
.ng-modal-dialog .exterior-360 .has-properties .ext-properties-nav ul{padding:23px 0}
.ng-modal-dialog .exterior-360 .exterior-360-content .ext-properties-nav,.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties .disclaimer-trim{position:fixed;z-index:2}
.exterior-360 .img-container .swipe-controls{width:220px;bottom:1.3em;top:auto;right:0;left:0;margin:0 auto;background-color:rgba(204,204,204,0.5);border-radius:22px;height:30px;pointer-events:none}
.es .exterior-360 .img-container .swipe-controls{top:auto;width:220px}
.exterior-360 .exterior-360-content[data-modelcode="IMP"] .img-container .swipe-controls,.exterior-360 .exterior-360-content[data-modelcode="WRX"] .img-container .swipe-controls{z-index:1}
.exterior-360 .swipe-controls span{color:#333;width:126px;font-size:.8em;margin:10px auto 0;float:inherit}
.exterior-360 .img-container .swipe-controls .arrow{position:absolute;background-size:30px;width:30px;height:30px;left:20px;top:6px}
.exterior-360 .img-container .swipe-controls .arrow-right{left:auto;right:20px}
.vsp .exterior-360 .section-title{height:80px}
.exterior-360 .ext-colors-nav li:last-child{padding:0}
.exterior-360 .swipe-controls span.desktop{display:block}
.exterior-360 .swipe-controls span.mobile{display:none}
.exterior-360 .img-container .swipe-controls.hideControls{display:none}
.exterior-360-content .ext-colors-nav .color-chip{width:35px;height:35px}
.exterior-360 .ext-colors-nav li{width:auto}
.ng-modal-dialog .exterior-360-content .disclaimer-trim{bottom:4vh}
.ng-modal-dialog .exterior-360-content.has-properties .disclaimer-trim{bottom:17.5vh}
.ng-modal-dialog .exterior-360-content .ext-colors-nav{margin:0;bottom:0}
.exterior-360-content.has-properties .img-container .swipe-controls{bottom:8vh}
.exterior-360-content #ext-image-reel img{width:60%}
.exterior-360-content.has-properties .ext-colors-nav .color-chip{width:30px;height:30px}
.ng-modal-dialog #ext-image-reel .reel{transform:translate(-1%,-7%)}
}
@media only screen and (min-device-width :360px) and (max-device-width :640px) and (orientation:landscape){.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties{padding:70px 0 84px 0}
.exterior-360-content.has-properties #ext-image-reel img{width:65%}
.exterior-360 .ext-colors-nav ul{justify-content:center}
}
@media only screen and (min-device-width :360px) and (max-device-width :740px) and (orientation:landscape){.exterior-360 .ext-colors-nav ul{justify-content:center}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.ng-modal-dialog #ext-image-reel .reel{transform:translate(-1%,-4%)}
}
@media only screen and (min-width:768px){.exterior-360{height:100%;margin:0 auto}
.exterior-360 .authorable-message{position:absolute;top:20%;display:block;width:100%;height:auto;margin:0 auto;font-size:30px;text-align:center}
.exterior-360 .authorable-message span,.exterior-360 .authorable-message cite{margin:15px 0 0 0;display:block;font-size:22px}
.exterior-360 .authorable-message cite{margin:5px 0 0 0;font-size:16px;font-style:italic}
.exterior-360 .error-message{position:absolute;top:40%;display:block;width:80%;height:auto;margin:0;padding:0 10%;text-align:center;font-size:22px}
.exterior-360 .exterior-360-content{width:96%;max-width:1440px;margin:0 auto;padding:0 2% 65px 2%}
.exterior-360 .img-container .arrow{position:absolute;top:42.6%;display:block;width:60px;height:40px;background-size:100% 100%;cursor:pointer;cursor:hand}
.exterior-360 .img-container .swipe-controls{width:241px;bottom:62px;top:auto;right:0;left:0;margin:0 auto;background-color:rgba(204,204,204,0.5);border-radius:22px;height:40px;pointer-events:none}
.es .exterior-360 .img-container .swipe-controls{top:auto;width:241px}
.exterior-360 .exterior-360-content[data-modelcode="IMP"] .img-container .swipe-controls,.exterior-360 .exterior-360-content[data-modelcode="WRX"] .img-container .swipe-controls{z-index:1}
.exterior-360 .swipe-controls span{color:#333;width:126px;font-size:.9em;margin:14px auto 0;float:inherit}
.exterior-360 .img-container .swipe-controls .arrow{position:absolute;background-size:30px;width:30px;height:30px;left:20px;top:10px}
.exterior-360 .img-container .swipe-controls .arrow-right{left:auto;right:20px}
.vsp .exterior-360 .section-title{height:80px}
.exterior-360 .img-container .arrow-left{left:2px}
.exterior-360 .img-container .arrow-right{right:2px}
.exterior-360 .exterior-360-content .img-container{max-width:1024px;margin:0 auto;padding:0 0 24px 0}
.exterior-360 .img-container .reel-container{width:73%;margin:0 auto;padding:0;position:relative}
.exterior-360 #ext-image-reel img{width:100%;-webkit-transform:translate(1%,8%);-ms-transform:translate(1%,8%);transform:translate(1%,8%)}
.exterior-360 .has-properties #ext-image-reel img{-webkit-transform:translate(0,5%);-ms-transform:translate(0,5%);transform:translate(0,5%)}
.exterior-360 .img-container .label-color-name{bottom:7px;font-size:18px}
.exterior-360 .exterior-360-content .ext-colors-nav{max-width:1024px;height:40px;margin:14px auto 5px auto}
.exterior-360 .ext-colors-nav ul{height:40px;margin:0;text-align:center;justify-content:center}
.exterior-360 .ext-colors-nav li,.exterior-360 .ext-colors-nav li:first-child{width:40px;height:40px;margin:0;padding:0 10px 0 0}
.exterior-360 .ext-colors-nav li:last-child{padding:0}
.exterior-360 .ext-colors-nav .color-chip{width:36px;height:36px;cursor:pointer;cursor:hand}
.exterior-360 .color-chip:hover .chekmark,.exterior-360 .color-chip.active .chekmark{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-chekmark.png)}
.exterior-360 .chekmark-black:hover .chekmark,.exterior-360 .chekmark-black.active .chekmark{background:url(../../../../../../content/dam/subaru/vehicles/global/ext-chekmark-black.png)}
.exterior-360 .color-chip:hover .chekmark,.exterior-360 .chekmark-black:hover .chekmark,.exterior-360 .color-chip.active .chekmark,.exterior-360 .chekmark-black.active .chekmark{background-size:16px 11px;background-position:50% 50%;background-repeat:no-repeat}
.exterior-360 #ext-image-reel{width:auto;height:auto;cursor:ew-resize}
.exterior-360 #ext-image-reel.grab{cursor:pointer;cursor:-webkit-grab}
.exterior-360 .exterior-360-content .ext-properties-nav{top:129px}
.exterior-360 .ext-properties-nav .property-item{padding:0 22px}
.exterior-360 .ext-properties-nav .property-item a:link,.exterior-360 .ext-properties-nav .property-item a:visited,.exterior-360 .ext-properties-nav .property-item a:active{font-size:18px;letter-spacing:1px;line-height:normal;padding:0 10px}
.exterior-360 .exterior-360-content .disclaimer-trim{position:absolute;display:block;margin:0;padding:0;bottom:18px;right:6.4%;font-size:14px;color:#666}
.modal-360 .modal-360-nav{background-color:rgba(255,255,255,0.7)}
.ng-modal-dialog .exterior-360{top:inherit;height:auto}
.ng-modal-dialog .exterior-360 .exterior-360-content{width:auto;height:100vh;min-height:700px;max-width:none;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.ng-modal-dialog #ext-image-reel .reel,.ng-modal-dialog .has-properties #ext-image-reel .reel{-webkit-transform:translate(-1%,3%);-ms-transform:translate(-1%,3%);transform:translate(-1%,3%)}
.ng-modal-dialog .exterior-360 .img-container .label-color-name{bottom:8px}
.ng-modal-dialog .exterior-360 .exterior-360-content .ext-properties-nav,.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties .disclaimer-trim{position:fixed;z-index:2}
.ng-modal-dialog .exterior-360 .ext-properties-nav ul{padding:40px 0 41px 0}
.ng-modal-dialog .exterior-360 .exterior-360-content .disclaimer-trim,.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties .disclaimer-trim{bottom:17px;right:2%;font-size:14px}
.ipad .ng-modal-dialog .exterior-360 .exterior-360-content .disclaimer-trim{position:fixed}
.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:link,.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:visited,.ng-modal-dialog .exterior-360 .ext-properties-nav .property-item a:active{font-size:14px}
.exterior-360 .swipe-controls span.desktop{display:block}
.exterior-360 .swipe-controls span.mobile{display:none}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ng-modal-dialog .modal-360 .modal-360-container{height:100%}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){.exterior-360 .exterior-360-content .img-container{min-height:344px}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation:landscape){.exterior-360 .exterior-360-content[data-modelcode="WRX"] .ext-colors-nav,.exterior-360 .exterior-360-content[data-modelcode="IMP"] .ext-colors-nav{margin-bottom:100px}
}
.exterior-360-content[data-modelcode="FOR"][data-trimname*="Limited"] .ext-colors-nav ul li[data-id="M2Y"]{display:none}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.ng-modal-dialog .exterior-360 .exterior-360-content[data-modelcode="ASC"][data-modelyear="2021"]{height:96vh}
}
@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2){.exterior-360 .exterior-360 .ext-colors-nav{position:relative}
.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties{padding:0}
.exterior-360 .exterior-360-content .img-container{margin-top:10px}
.ng-modal-dialog .exterior-360 .exterior-360-content{min-height:300px}
.ng-modal-dialog .exterior-360 .img-container .label-color-name{bottom:6vh}
}
@media only screen and (min-width :896px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.exterior-360 .exterior-360 .ext-colors-nav{position:relative}
.ng-modal-dialog .exterior-360 .exterior-360-content.has-properties,.exterior-360 .exterior-360-content .img-container{padding:0}
.ng-modal-dialog .exterior-360 .exterior-360-content{min-height:300px}
.ng-modal-dialog .exterior-360 .img-container .label-color-name{bottom:6vh}
}
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.exterior-360 .exterior-360-content .ext-colors-nav{position:relative;bottom:0}
}
.thumbnails-gallery{overflow:hidden;width:100%;font-size:24px;position:relative}
.thumbnails-gallery .gallery-section{max-width:1200px;height:auto !important;text-align:center;margin:0 auto}
@media only screen and (min-width:768px){.thumbnails-gallery{min-height:29.5vh}
.thumbnails-gallery .gallery-section{height:345px;width:85%}
}
.features-list{position:relative;width:100%}
.features-list-item{position:relative;width:100%}
.features-list-item .features-opt2-wrapper{width:100%}
.features-list-item .features-opt2-container{max-width:1440px;margin:0 auto}
.features-list-item .features-opt2-container .text-image,.features-list-item .features-opt2-container .image-text{display:flex;flex-direction:column-reverse;align-items:center}
.features-list-item .features-opt2-text{width:100%;margin:0 0 20px;text-align:center}
.features-list-item .features-opt2-text div{display:inline}
.features-list-item .features-opt2-text .chevron{margin:0 13px 0 0;display:inline;background:url(../../../../../../content/dam/subaru/global/header/navigation-sprite.png) no-repeat -64px -161px;width:7px;height:12px;margin-top:3px}
.mobile-device .features-list-item .features-opt2-text .chevron{display:inline-block;height:11px;margin-top:0}
.mobile-device.ipad .features-list-item .features-opt2-text .chevron{margin-top:2px}
.features-list li a:hover .chevron{background-position:-64px -184px}
.features-list-item .vsp-btn.features-opt2-btn{margin:18px auto 38px;max-width:65%}
.features-list-item .features-opt2-text.typeDisc .vsp-btn.features-opt2-btn{letter-spacing:1.3px}
.features-list-item .features-opt2-text .title{font-size:18px;margin:33px auto 19px;font-weight:normal;color:#333}
.features-list-item .features-opt2-text.typeDisc .title{font-weight:bold}
.features-list-item .features-opt2-text p{font-size:15px;line-height:20px}
.features-list .items-list{text-align:center}
.features-list ul{padding:0;overflow:hidden}
.features-list .typeDisc ul{margin-top:12px;padding:0 24px}
.features-list li{display:block;margin:10px 31px}
.features-list li a{font-size:13px;color:#09f;overflow:hidden;display:block}
.features-list li sup a{font-size:12px;color:#09f;overflow:hidden;display:inline-block}
.features-list li a:hover{color:#333}
.features-list-item .features-opt2-image img{width:100%}
.features-list .features-title-and-description h1{margin:12px 0 18px;font-weight:normal;font-size:23px;line-height:29px}
.features-list .features-ruler{width:80%;display:block}
.stand-alone-button.features-stand-alone-button{line-height:4.11;padding:60px 0 70px}
.features-list .items-list li.disc{margin:0 0 15px 0;font-size:16px}
.features-list .items-list li.disc:before{content:"";display:inline-block;height:7px;width:7px;background-color:#000;border-radius:50%;margin:0 12px 3px 0}
@media screen and (min-width:768px){.features-list-item .features-opt2-container{padding:30px 0 57px 0}
.features-list-item .features-opt2-container .text-image{flex-direction:row}
.features-list-item .features-opt2-container .image-text{flex-direction:row-reverse}
.features-list-item .features-opt2-text .title{font-size:24px;font-weight:normal;letter-spacing:-0.7px;margin:11px auto 18px;color:#333}
.features-list-item .features-opt2-text.typeDisc .title{letter-spacing:0;margin-top:0;font-weight:normal;font-size:1.5em}
.features-list-item .vsp-btn.features-opt2-btn{max-width:none}
.features-list-item .features-opt2-text p{font-size:19px;line-height:24px}
.features-list .items-list{text-align:left}
.features-list .items-list li{margin:16px 0}
.features-list .items-list li a{font-size:18px;overflow:hidden;display:block}
.features-list .items-list li sup a{font-size:1em;display:inline-block}
.features-list .items-list li.disc{margin-left:23px;font-size:1.13em}
.features-list .items-list li.disc:before{margin:0 16px .16em -23px;//using negative margin to simulate a disc bullet which can be stylized.}
.features-list-item .features-opt2-text .chevron{float:left}
.features-list-item .features-opt2-text div{float:left;width:91%}
.features-list-item .features-opt2-text div.items-list{margin-bottom:18px}
.features-list-item .features-opt2-text.typeDisc div.items-list{margin-bottom:25px}
.features-list-item .features-opt2-image{width:67%}
.features-list-item .features-opt2-image img{width:100%}
.features-list-item .features-opt2-text{width:24%;text-align:left;margin:0 4% 0 5%}
.features-list-item .features-opt2-text.typeDisc{margin-left:4.4%;font-size:16px}
.features-list-item .vsp-btn.features-opt2-btn{display:table-cell;padding:6px 20px;line-height:normal;vertical-align:middle;height:60px}
.features-list .features-title-and-description h1{font-weight:normal;font-size:34px;margin:0}
.features-list .features-ruler{margin:0 auto 57px;max-width:1440px;background-color:#efefef;height:2px;border:0}
.features-list .stand-alone-button .stand-wrapper .btn-large,.features-list .stand-alone-button .stand-wrapper .btn-medium,.features-list .stand-alone-button .stand-wrapper .btn-small-medium,.features-list .stand-alone-button .stand-wrapper .btn-small{max-width:490px}
.stand-alone-button.features-stand-alone-button{line-height:60px;padding:0 0 90px}
.features-list .typeDisc ul{padding:0}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.features-list-item .features-opt2-container{padding:30px 0 57px 0}
.features-list-item .features-opt2-container .text-image{flex-direction:row}
.features-list-item .features-opt2-container .image-text{flex-direction:row-reverse}
.features-list-item .text-image .features-opt2-text,.features-list-item .image-text .features-opt2-text{text-align:left}
.features-list-item .features-opt2-text .title{font-size:16px;font-weight:normal;margin:20px auto 18px;color:#333}
.features-list-item .features-opt2-text p{font-size:11px}
.features-list .items-list li a{font-size:13px}
.features-list .items-list li sup a{font-size:10px}
.features-list-item .features-opt2-text div{width:86%}
.features-list .features-title-and-description h1{margin:12px 0;font-size:24px}
.features-list-item .vsp-btn.features-opt2-btn{height:40px}
.stand-alone-button.features-stand-alone-button{line-height:40px;padding:0 0 90px}
.features-list .stand-alone-button .stand-wrapper .btn-large,.features-list .stand-alone-button .stand-wrapper .btn-medium,.features-list .stand-alone-button .stand-wrapper .btn-small-medium,.features-list .stand-alone-button .stand-wrapper .btn-small{width:34%;margin:0 auto}
.features-list-item .features-opt2-text.typeDisc{font-size:10px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.features-list-item .features-opt2-text .title{font-size:18px}
.features-list-item .features-opt2-text p{font-size:13px}
.features-list-item .features-opt2-text div{width:90%}
.features-list-item .features-opt2-text.typeDisc{font-size:12px}
}
.cq-wcm-edit .features-list>div{padding:0 50px}
.awards-list-rotator{position:relative;width:100%;margin:0 auto;overflow:hidden;font-size:36px;background-color:#efefef;background-position:75%;background-size:cover;background-repeat:no-repeat}
.awards-list-rotator .authorable-message{display:block;width:100%;height:auto;margin:0 auto 20px auto;font-size:30px;text-align:center}
.awards-list-rotator .awards-list-rotator-wrapper{position:relative;max-width:1440px;width:100%;margin:0 auto}
.awards-list-rotator h2{width:auto;font-size:.6em;font-weight:normal;margin:40px 0 30px;padding:0 20px;text-align:center;color:#fff}
.awards-list-rotator .awards-list-rotator-wrapper .result-error{color:#8b0000;font-weight:bold;text-decoration:underline}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards{position:static;width:94%;max-width:1200px;margin:40px auto 0;padding:0}
.awards-list-rotator-wrapper .owl-carousel.owl-drag .owl-item{background-color:transparent;background-image:none}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards .award-item{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fefefe;background:-webkit-linear-gradient(45deg,#FFF,#f9f9f9);opacity:1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;margin:0;padding-bottom:20px}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards .empty-award{display:none}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper{border-bottom:2px solid #ccc;height:150px;width:100%;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-justify-content:center;justify-content:center}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper img{opacity:0}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-image{border-bottom:2px solid #ccc;font-size:0;height:150px;background-size:cover;background-position:50%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo img{width:auto;max-width:90%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper{padding:0 11.11%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper h4{margin:0;padding:11% 0 0 0;font-weight:normal;font-size:.478em;color:#333;text-align:left}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper p{margin:0;padding:6.5% 0 0 0;text-align:left;font-size:.383em;line-height:1.4}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper p .disclaimer{color:#09f;cursor:pointer;vertical-align:super}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span{display:block;font-size:.383em;margin:4px 0 11px;text-align:left;width:100%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper .date{font-size:.383em;line-height:.3em;color:#999}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:link,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:visited,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:active,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:hover{color:#09f;font-weight:normal;line-height:1.55em}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav{display:none}
.awards-list-rotator .awards-list-rotator-wrapper .owl-dots{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;align-items:center;width:auto;max-width:100%;min-height:72px;height:auto;margin:0;padding:0;background-color:transparent}
.awards-list-rotator .owl-dots .owl-dot{margin:0;padding:3px 2.5% 0}
.awards-list-rotator .owl-dots .owl-dot span{display:block;width:5px;height:5px;margin:0;padding:0;background-color:#000;border:2px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.awards-list-rotator .owl-dots .owl-dot.active span{background-color:#fff}
.awards-list-rotator .loading-overlay{position:relative;width:100%;min-height:400px;flex-flow:row nowrap;justify-content:space-around}
.awards-list-rotator .cq-wcm-edit .loading-overlay,.awards-list-rotator .cq-wcm-design .loading-overlay{display:none}
@keyframes opacityPulse{0.001%,40%{background-color:rgba(255,255,255,0.1)}
20%{background-color:rgba(255,255,255,0.8)}
}
.awards-list-rotator .loading-overlay .dot,.awards-list-rotator .loading-overlay .dot:after,.awards-list-rotator .loading-overlay .dot:before{content:" ";position:absolute;height:18px;width:18px;border-radius:100%;background-color:rgba(255,255,255,0.8);animation:1.8s linear .001s infinite opacityPulse;animation-delay:.5s;top:50%;left:50%;transform:translate(-50%,-50%)}
.awards-list-rotator .loading-overlay .dot:before{animation-delay:.001s;left:calc(50% - 25px)}
.awards-list-rotator .loading-overlay .dot:after{animation-delay:1s;left:calc(50% - -25px)}
.quote-showcase{text-align:center;color:#fff;padding:0 35px;margin:20px auto;max-width:485px}
.quote-showcase h2.testimonial-header{padding:0;margin:0;line-height:1.1;font-size:.43em;font-weight:bold}
.quote-showcase p.testimonial-signature{font-style:oblique;font-size:.319em;margin:2px 0 0}
.awards-list-rotator-container .quote-showcase+.display-awards{margin:34px auto 0}
@media only screen and (min-device-width:320px) and (max-device-width :736px) and (orientation:landscape){.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-image{height:233px}
}
@media only screen and (min-width:768px){.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo img{max-width:320px}
.ipad .awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo img{max-width:90%}
.awards-list-rotator{background-color:#fafafa;background-position:100%;background-size:cover;background-repeat:no-repeat}
.awards-list-rotator h2{font-size:36px;margin:55px 0;width:inherit;padding:0}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards .empty-award{display:inline-block;list-style:none}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards{width:90%;max-width:1200px;padding:0 5%}
.awards-list-rotator .awards-list-rotator-wrapper .display-awards .award-item{-moz-box-shadow:0 18px 28px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 18px 28px 0 rgba(0,0,0,0.25);box-shadow:0 18px 18px 0 rgba(0,0,0,0.25);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;display:inline-block;margin-bottom:31px}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-image,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper{height:14.6485vw;max-height:225px;border-bottom-width:1px;overflow:hidden}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper{padding:0 8%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper h4{padding:10% 0 0 0;margin:0;font-size:19px;font-weight:normal}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper p{margin:0;padding:6% 0 0 0;font-size:14px;font-weight:normal;line-height:26px}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span{display:block;font-size:14px;margin-bottom:10px;width:100%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper .date{font-size:14px;font-weight:normal}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:link,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:visited,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:active,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .content-wrapper span a:hover{font-weight:normal;line-height:20px}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;position:absolute;top:43.6%;left:0;width:100%;height:30px}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-prev,.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-next{position:relative;width:37px;height:37px;margin:0 2.5% 0 0;background-color:#fff;border:1px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;text-indent:9999px}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-prev{margin:0 0 0 2.4%}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-prev::after,.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-next::after{position:absolute;top:13px;content:"";border:solid #333;border-width:0 2px 2px 0;display:inline-block;padding:5px;width:0}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-next::after{left:11px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-prev::after{left:14px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav.disabled .owl-prev,.awards-list-rotator .awards-list-rotator-wrapper .owl-nav.disabled .owl-next{border:1px solid #999;background-color:#999;cursor:default;display:none}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav.disabled .owl-prev::after,.awards-list-rotator .awards-list-rotator-wrapper .owl-nav.disabled .owl-next::after{border-color:#ccc}
.awards-list-rotator .awards-list-rotator-wrapper .owl-dots{min-height:65px;margin:0 0 11px 0}
.awards-list-rotator .awards-list-rotator-wrapper .owl-dots.disabled,.awards-list-rotator .awards-list-rotator-wrapper .owl-dots.disabled .owl-dot,.awards-list-rotator .awards-list-rotator-wrapper .owl-dots.disabled .owl-dot span{cursor:default}
.awards-list-rotator .owl-dots .owl-dot{margin:0;padding:0 1.2084%}
.awards-list-rotator .owl-dots .owl-dot span{width:11px;height:11px}
.awards-list-rotator-container .quote-showcase+.display-awards{margin:70px auto 0}
}
@media only screen and (min-width:768px) and (max-width:1375px){.awards-list-rotator .awards-list-rotator-wrapper .display-awards{width:80%;padding:0 10%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo img{max-width:90%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.awards-list-rotator .awards-list-rotator-wrapper .display-awards{max-width:860px}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-image,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper{height:20vh}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav{top:30%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.awards-list-rotator .awards-list-rotator-wrapper .display-awards{max-width:757px;width:86.5%;padding:0 6.75%}
.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-logo,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper-image,.awards-list-rotator .awards-list-rotator-wrapper .columns-container .award-item .wrapper{height:15vh}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav{top 25%}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-prev{margin:0 0 0 1%}
.awards-list-rotator .awards-list-rotator-wrapper .owl-nav .owl-next{margin:0 1% 0 0}
}
@media only screen and (min-width:992px){.quote-showcase{max-width:800px;margin:78px auto 125px}
.quote-showcase h2.testimonial-header{font-size:25.3px;line-height:1}
.quote-showcase p.testimonial-signature{font-size:21px;margin:0}
}
.models-compare{position:relative;width:100%;height:auto;min-height:422px;font-size:16px;overflow:hidden;background:#e3e3e3;background:-webkit-linear-gradient(#efefef,#efefef 37.5%,#e3e3e3 37.5%,#efefef);background:-moz-linear-gradient(#efefef,#efefef 37.5%,#e3e3e3 37.5%,#efefef);background:-ms-linear-gradient(#efefef,#efefef 37.5%,#e3e3e3 37.5%,#efefef);background:-o-linear-gradient(#efefef,#efefef 37.5%,#e3e3e3 37.5%,#efefef);background:linear-gradient(#efefef,#efefef 37.5%,#e3e3e3 37.5%,#efefef)}
.models-compare .models-compare-content{width:100%;height:100%;margin:0 0 33px 0;overflow:hidden}
.models-compare .trim-container{position:relative;display:block;overflow:hidden;float:left;width:42%;min-height:181px}
.models-compare .first-trim-container{padding:0 8% 6px 0}
.models-compare .second-trim-container{float:right;padding:0 0 6px 7%}
.models-compare .trim-container p{padding:0 6% 0 29%;margin:12px 0 0 0;line-height:16px;font-size:.69em;text-align:right;color:#333}
.models-compare .second-trim-container p{text-align:left;padding:0 20% 0 7%}
.models-compare .trim-container img{position:relative;top:0;width:161%;height:auto}
.models-compare .first-trim-container img{left:-61%}
.models-compare .second-trim-container img{left:0}
.models-compare .top-orientation{display:none}
.models-compare .bottom-orientation{display:block}
.models-compare .stand-alone-button .stand-wrapper .light-secondary{font-weight:bold}
@media only screen and (min-width:768px){.models-compare{min-height:720px;margin:0 auto;background:-webkit-linear-gradient(#efefef,#efefef 50%,#e3e3e3 50%,#efefef);background:-moz-linear-gradient(#efefef,#efefef 50%,#e3e3e3 50%,#efefef);background:-ms-linear-gradient(#efefef,#efefef 50%,#e3e3e3 50%,#efefef);background:-o-linear-gradient(#efefef,#efefef 50%,#e3e3e3 50%,#efefef);background:linear-gradient(#efefef,#efefef 50%,#e3e3e3 50%,#efefef);position:relative}
.models-compare .models-compare-content{max-width:1440px;margin:0 auto}
.models-compare .trim-container{width:42%;min-height:416px}
.models-compare .first-trim-container{padding:0;margin:29px 8% 21px 0;text-align:right}
.models-compare .second-trim-container{float:right;padding:0;margin:29px 0 21px 8%;text-align:left}
.models-compare .trim-container img{position:static;width:85%;max-width:431px;height:auto;max-height:221px;margin:0 0 25px 0}
.models-compare .trim-container p,.models-compare .second-trim-container p{padding:0 0 0 50px;margin:7px 0 0 0;font-size:18px;line-height:normal}
.models-compare .second-trim-container p{padding:0 50px 0 0}
.models-compare .trim-container p:nth-of-type(1){display:block}
.models-compare .trim-container p span:nth-of-type(1){display:inline-block}
.models-compare .top-orientation{display:block}
.models-compare .bottom-orientation{display:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.models-compare{min-height:650px;font-size:14px}
.models-compare .trim-container{min-height:300px}
.models-compare div.trim-container p,.models-compare div.second-trim-container p{font-size:16px}
.models-compare .btn-compare-models{font-size:16px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.models-compare{min-height:550px}
.models-compare .trim-container{min-height:250px}
.models-compare div.trim-container p,.models-compare div.second-trim-container p{font-size:12px}
}
.guided-tour{position:relative;height:auto;width:100%;background-color:#fff;padding:13% 0}
.guided-tour .guided-tour-wrapper{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:center}
.guided-tour .guided-tour-text{min-width:40%}
.guided-tour .guided-tour-text .title{font-size:17px;font-weight:normal;text-align:center;letter-spacing:.5px;margin:0}
.guided-tour .guided-tour-img{padding:14px 0 5px}
.guided-tour .guided-tour-img img{width:207px}
.guided-tour .guided-tour-wrapper.no-image .guided-tour-img{display:none}
.guided-tour .prev-guided-tour-wrapper{position:relative}
.guided-tour .prev-guided-tour-gradient{position:absolute;bottom:0;height:35%;width:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.guided-tour .prev-guided-tour-button{position:relative;background-color:#000;padding:19.5% 0}
.guided-tour-button.stand-alone-button{padding:12px 0}
.guided-tour .vsp-button-gallery .vsp-btn{width:100%;min-height:41px;font-size:.55em}
.vsp .guided-tour-button.stand-alone-button .vsp-btn.dark-primary:hover{background-color:#09f;color:#fff;border:2px solid #09f}
.btn-visibility-hidden{visibility:hidden}
@media screen and (min-width:768px){.guided-tour{height:253px;padding:0}
.guided-tour .guided-tour-wrapper{flex-direction:row}
.guided-tour .guided-tour-text{padding:0 60px 0 0}
.guided-tour .guided-tour-wrapper.no-padding .guided-tour-text{padding:0}
.guided-tour .guided-tour-text .title{margin:0;padding:0 0 20px;font-size:34px;font-weight:normal}
.guided-tour .guided-tour-img{padding:5px 35px 0 20px}
.guided-tour .guided-tour-img img{width:220px}
.guided-tour .prev-guided-tour-gradient{bottom:0;height:60%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.guided-tour .prev-guided-tour-button{position:absolute;top:78%;background-color:transparent;padding:0}
.guided-tour .vsp-button-gallery .vsp-btn{width:360px;font-size:14px}
.vsp .guided-tour-button.stand-alone-button .vsp-btn.dark-primary:hover{background-color:transparent;color:#09f;border:2px solid #09f}
}
.spec-compare-wrapper{padding:2.5em .6em;box-sizing:border-box;min-height:100vh}
html:not(.mobile) .spec-compare-wrapper .disclaimer:hover{color:#fff}
.spec-compare-wrapper h2{font-size:3.2vh;line-height:3.9vh;padding:0;width:79vw;margin:0 auto;font-weight:normal;text-shadow:0 2px 2px rgba(0,0,0,0.35)}
.cell-data-hp{font-size:12px;display:block}
.spec-compare-wrapper h3{font-size:2vh;line-height:2.2vh;margin:4vh 2vh 5.3vh;font-weight:normal;text-shadow:0 2px 2px rgba(0,0,0,0.35)}
.spec-compare-wrapper .large-screen{display:none}
.spec-compare-wrapper h2 p,.spec-compare-wrapper h3 p{margin:0;padding:0}
.spec-compare-wrapper .no-word-break{white-space:nowrap}
.spec-comparison .ng-modal-close{background:url(../../../../../../content/dam/subaru/vehicles/global/close_360.png) no-repeat center center;background-size:cover}
.comparison-table{display:none;flex-direction:row;flex-wrap:wrap;align-items:stretch;padding:5px 0 10px;max-width:960px;margin:0 auto 100px}
.comparison-table.display{display:flex}
.comparison-table .spec-cell{font-size:3vh;padding:0;margin:0;text-align:center}
.comparison-table .spec-cell .cell-data-price{font-size:2.3vh}
.comparison-table .img-option{width:28%;max-width:40px}
.comparison-header p,.spec-data:not(:first-child) .spec-cell:first-child p{font-size:1.9vh}
.comparison-table .spec-data{flex-basis:100%;display:flex}
.comparison-table .spec-cell{height:47px;flex-basis:10%;flex-grow:1;flex-shrink:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.spec-cell.comparison-header{padding:0 5px;height:auto}
.data-emphasis .spec-cell:not(:first-child){font-size:4vh;font-weight:bold}
.data-emphasis .spec-cell .cell-data-price:first-child{font-size:3vh;font-weight:bold}
.spec-data .spec-cell:first-child{flex-grow:2.7}
.switch-wrapper{width:92%;border-radius:5px;max-width:180px;background-color:#333}
:lang(es) .switch-wrapper p{width:auto;letter-spacing:0;margin:0 0 0 7px}
.switch-wrapper p{display:inline-block;width:36%;padding:0;line-height:30px;font-size:1.5vh;font-weight:bold;color:#fff}
.switch-wrapper .switch-marker{position:absolute;width:15px;height:15px;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);left:0;top:-7px;transition:left .3s}
.switch-wrapper .switch-marker.switch-on{left:60%}
.switch-wrapper .switch-bar{display:inline-block;position:relative;overflow:visible;width:20%;height:2px;margin:2px 0;background-color:#09f}
.switch-wrapper .switch-bar:before{content:'';position:absolute;width:100%;height:12px;left:0;top:-5px;cursor:pointer}
.dark-theme .spec-cell{color:#fff}
.light-theme .spec-cell{color:#333}
.dark-theme .spec-data:not(:first-child):not(:nth-child(2)) .spec-cell:first-child{color:#ccc}
.light-theme .spec-data:not(:first-child):not(:nth-child(2)) .spec-cell:first-child{color:#666}
.spec-compare-wrapper.dark-theme .comparison-table{color:#fff;background-color:rgba(0,0,0,0.8)}
.spec-compare-wrapper.light-theme .comparison-table{background-color:rgba(255,255,255,0.902)}
.dark-theme .spec-data:not(:first-child) .spec-cell{border-right:2px solid rgba(255,255,255,0.2)}
.light-theme .spec-data:not(:first-child) .spec-cell{border-right:2px solid rgba(0,0,0,0.2)}
.dark-theme .switch-wrapper .selected{color:#fff}
.light-theme .switch-wrapper .selected{color:#333}
.dark-theme .switch-wrapper p{color:#ccc}
.light-theme .switch-wrapper p{color:#666}
.dark-theme .switch-wrapper{background-color:#333}
.light-theme .switch-wrapper{background-color:#ccc}
.comparison-table .spec-data .spec-cell:last-child{border-right:0}
@media screen and (orientation:landscape) and (min-device-width:319px) and (max-device-width:736px){.spec-compare-wrapper h2{font-size:3.2vw;line-height:3.9vw;width:70vw}
.spec-compare-wrapper h3{font-size:2vw;line-height:2.2vw;margin:4vw auto 5.3vw;width:95vw}
.data-emphasis .spec-cell:not(:first-child),.data-emphasis .spec-cell .cell-data-price:first-child{font-size:4vw}
.comparison-header p,.spec-data:not(:first-child) .spec-cell:first-child p{font-size:1.9vw}
.comparison-table .spec-cell,.comparison-table .spec-cell .cell-data-price{font-size:3vw}
.switch-wrapper p{font-size:1.5vw}
.switch-wrapper .switch-marker.switch-on{left:60%}
}
@media only screen and (min-width:768px){.cell-data-hp{font-size:16px}
.comparison-table{box-sizing:border-box;padding:4px 30px 0 0;flex-wrap:nowrap;margin:0 auto;width:100%;max-width:960px}
.comparison-table .spec-data{display:block;flex-basis:0;flex-grow:5}
.comparison-table .spec-cell{padding:5px;height:88px;flex-basis:10%;flex-grow:1;flex-shrink:1}
.spec-data:first-child{flex-grow:1.18;min-width:211px}
.spec-data .spec-cell:first-child{flex-grow:inherit}
.spec-compare-wrapper h2{font-size:36px;line-height:45px;padding:51px 0 7px;margin:0 auto;width:70vw}
.spec-compare-wrapper h3{font-size:24px;line-height:29px;margin:0 auto 25px;width:86vw}
.spec-compare-wrapper .small-screen{display:none}
.spec-compare-wrapper .large-screen{display:block}
.comparison-header p,.spec-data:not(:first-child) .spec-cell:first-child p{font-size:16px}
.spec-data:first-child{min-width:210px}
.switch-wrapper{width:85%;height:42px}
.switch-wrapper p{font-size:11px;float:left;height:42px;line-height:42px;margin:0}
.switch-wrapper .switch-bar{margin:20px 3px;float:left;width:24%}
.switch-wrapper .switch-marker{width:20px;height:20px;top:-9px}
.switch-wrapper p,.switch-wrapper .switch-marker{cursor:pointer}
.switch-wrapper .switch-marker.switch-on{left:55%}
.dark-theme .spec-data:not(:first-child) .spec-cell{border-right:0;border-bottom:2px solid rgba(255,255,255,0.2)}
.light-theme .spec-data:not(:first-child) .spec-cell{border-right:0;border-bottom:2px solid rgba(0,0,0,0.2)}
.spec-data:not(:first-child) .spec-cell:last-child{border-bottom:0}
.comparison-table .spec-cell,.comparison-table .spec-cell .cell-data-price{font-size:36px}
.data-emphasis .spec-cell:not(:first-child),.data-emphasis .spec-cell .cell-data-price:first-child{font-size:48px}
.comparison-table .img-option{width:40px}
.comparison-header .spec-cell{padding-bottom:12px}
.spec-compare-wrapper h2 sup{font-size:.5em;line-height:1.7em}
.comparison-table sup{font-size:.6em}
.IMP-comparison-vol-modal h3{margin-bottom:17px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.comparison-table{max-width:90%}
.spec-data:first-child{min-width:211px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.es .FOR-comparison-mpg-modal .spec-data .spec-cell:nth-child(1) p{font-size:1.2vh}
.comparison-table .spec-cell .cell-data-price{font-size:23px}
.data-emphasis .spec-cell .cell-data-price:first-child{font-size:35px}
.comparison-table .spec-cell,.comparison-table .spec-cell .cell-data-price{font-size:23px}
}
@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) and (orientation:portrait){.es .spec-data .comparison-header:nth-child(2) p{font-size:1.6vh}
.es .spec-data .comparison-header:nth-child(3) p{font-size:1.4vh}
.es .spec-compare-wrapper .comparison-header:nth-child(3) .no-word-break{white-space:normal}
}
@media only screen and (min-device-width :320px) and (max-device-width :812px){.spec-comparison.OBK-comparison-vol-modal h3{text-shadow:0 2px 2px #000}
}
@media only screen and (min-device-width :320px) and (max-device-width :812px){.spec-comparison.OBK-comparison-mpg-modal h3{text-shadow:0 2px 2px #000}
}
.cq-wcm-edit .comparison-table{position:relative}
.spec-compare-wrapper .spec-edit{line-height:70px;font-size:32px;width:400px;height:70px;border:2px solid #fff;background:rgba(0,0,0,0.8);text-align:center;color:#fff;margin:auto}
@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation:portrait){.ng-modal.spec-comparison .ng-modal-dialog{position:fixed}
}
.compare-wrapper{background:#efefef;width:calc(100% - 24px);padding:0 12px 60px 12px}
.compare-wrapper .competitors-link-angular{display:none}
.compare-wrapper .competitors-link-no-angular{display:block}
.compare-wrapper .parent-table:not(.fixed-bottom):nth-last-child(4){margin-bottom:70px}
body.compare-modal-fleet-open .compare-wrapper .parent-table:not(.fixed-bottom):nth-last-child(4){margin-bottom:0}
body.compare-modal-fleet-open .compare-wrapper .parent-table:not(.fixed-bottom):nth-last-child(1){margin-bottom:70px}
.compare-wrapper p{margin:0}
.compare-wrapper .arrows.hidden,.compare-wrapper .fixed-section .arrow-icon.hidden{opacity:0 !important}
.compare-wrapper header+.parent-table{margin-top:206px}
.compare-wrapper header+.parent-table.no-arrows{margin-top:158px}
.compare-wrapper .trim-pictures{display:none}
.compare-wrapper #fourth_animated_content{min-height:215px}
.zh .compare-wrapper #fourth_animated_content{min-height:163px}
.compare-wrapper .fixed-section.top-stick{position:fixed;left:0;right:0;top:0;margin:auto;width:calc(100% - 24px);padding:0 12px;z-index:101;padding-top:67px}
.compare-wrapper .bottom-stick{position:fixed;bottom:0;z-index:1003}
.compare-wrapper .labels-fixed{background:#efefef}
.compare-wrapper .fixed-header{position:fixed;top:0;left:0;width:calc(100% - 24px);padding:67px 12px 0 12px;height:87px;background:#efefef;z-index:1}
.compare-wrapper .compare-main-title{color:#333;text-align:center;margin:0 0 14px 0;font-size:21px;font-weight:normal}
.compare-wrapper .compare-main-title .title{font-size:1em;margin:0;font-weight:normal}
.compare-wrapper .competitors-link-wrapper{margin-bottom:14px;max-width:100%}
.compare-wrapper .competitors-link-wrapper a::after{content:url(../../../../../../content/dam/subaru/vehicles/vsp/icons/blue-left-arrow.png);padding-left:2px}
.compare-wrapper .labels-fixed,.compare-wrapper .values-fixed,.compare-wrapper .labels,.compare-wrapper .values{float:left}
.compare-wrapper .arrows{border-top:1px solid #ccc;text-align:center;display:inline-block;width:calc(100% - 135px);padding:15px 9px 15px 125px;font-size:14px;background:#efefef}
.compare-wrapper .top-stick.arrows{position:fixed;top:0;width:calc(100% - 176px);z-index:1}
.compare-wrapper .data-row,.compare-wrapper .trim-pictures,.compare-wrapper .trim-titles,.compare-wrapper .labels{list-style:none;padding:0;margin:0}
.compare-wrapper .labels,.compare-wrapper .info-table{overflow:hidden}
.compare-wrapper .trim-pictures,.compare-wrapper .trim-titles,.compare-wrapper .data-row{white-space:nowrap;font-size:0}
.compare-wrapper .data-row .data-entry,.compare-wrapper .trim-title,.compare-wrapper .trim-image{display:inline-block;white-space:normal}
.compare-wrapper .trim-image a{display:block}
.compare-wrapper .data-row .data-entry,.compare-wrapper .trim-title{width:91px;padding:16px 11px 16px 14px;border-right:1px solid #efefef;font-size:12px;text-align:center;background:#fff;color:#333}
.compare-wrapper .trim-title a,.compare-wrapper .trim-title a:hover{color:#333;display:block}
.compare-wrapper .trim-title a{padding-top:10px;padding-bottom:9px;height:34px}
.compare-wrapper .data-row .data-entry{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#efefef;position:relative;vertical-align:middle}
.compare-wrapper .data-row .data-entry.subtitle-cell{font-weight:bold;border-bottom-color:#ccc;border-right-color:#fff;color:#fff}
.compare-wrapper .data-row:last-child .data-entry{border-bottom-width:0}
.compare-wrapper .fixed-section{background:#efefef}
.compare-wrapper .fixed-section .trim-title{height:53px;padding-top:0;padding-bottom:0;font-weight:bold}
.compare-wrapper .labels-fixed .options-title{position:relative;padding-left:11px;margin-top:3px}
.compare-wrapper .trim-title{padding-bottom:15px;background:#fff;vertical-align:middle}
.compare-wrapper .trims-images{display:none}
.compare-wrapper .trims,.compare-wrapper .options-title{font-weight:bold}
.compare-wrapper .feature-name{padding:16px 5px 16px 0;border-bottom:1px solid #ccc;width:112px;text-align:left;border-right:1px solid #ccc}
.compare-wrapper .feature-name:last-child{border-bottom:0}
.compare-wrapper .parent-table:last-child .feature-name:last-child,.compare-wrapper .parent-table:last-child .data-row:last-child .data-entry{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccc}
.compare-wrapper .feature-title{height:100%;margin-right:8px;font-size:12px;font-weight:bold}
.compare-wrapper .subtitle-cell .feature-title{margin-right:0}
.compare-wrapper .feature-text{margin-right:10px;color:#333;word-break:break-word}
.compare-wrapper .subtitle-cell{background:#fff;border-right-color:#fff}
.compare-wrapper .subtitle-cell .feature-text{font-size:18px;font-weight:normal;margin-right:0;overflow-wrap:break-word}
.compare-wrapper .tooltip-icon{position:relative;display:inline-block;width:20px;height:20px;font-size:10px;font-weight:normal;line-height:20px;border-radius:50%;text-align:center;background-color:#09f;color:#fff;cursor:pointer}
.compare-wrapper .feature-tooltip{display:none;position:fixed;left:0;top:0;text-align:left;padding:60px 10px 60px 20px;font-size:13px;background-color:#333;height:calc(100% - 120px);width:calc(100% - 30px);z-index:1004}
.modal-open .compare-wrapper-modal{display:block}
.compare-wrapper-modal{display:none}
.compare-wrapper .tooltip-icon.open .feature-tooltip{display:block}
.compare-wrapper .tooltip-icon:before{font-family:vspicons;content:"\e924"}
.compare-wrapper .mobile-close-tooltip{display:none;position:fixed;top:15px;right:15px;width:30px;height:30px;background-color:#000;color:rgba(255,255,255,0.7);border-radius:50%;cursor:pointer;z-index:1005}
.compare-wrapper .tooltip-icon.open .mobile-close-tooltip{display:block}
.compare-wrapper .mobile-close-tooltip:before{font-size:16px;font-family:vspicons;line-height:29px;content:"\e913"}
.compare-wrapper .values{width:100%;z-index:1 !important}
.compare-wrapper .values-fixed-wrapper{width:calc(100% - 118px);overflow:hidden}
.compare-wrapper .top-stick .values-fixed-wrapper{width:calc(100% - 119px)}
.compare-wrapper .values-fixed{overflow:hidden;background:#fff;border-bottom:1px solid #ccc}
.compare-wrapper .category-header{text-align:left;border-bottom:1px solid #ccc}
.compare-wrapper .collapsed-section .category-header{border-bottom:0}
.compare-wrapper .parent-table:last-of-type .category-header{border-bottom:1px solid #ccc}
.compare-wrapper .category-header a{display:block;padding:12px 0 13px 3px;font-size:18px;border-top:1px solid #ccc}
.compare-wrapper .category-header:last-of-type a{border-bottom:1px solid #ccc}
.compare-wrapper .category-header p{color:#333;display:inline-block}
.compare-wrapper .expand-sign:before{color:#09f;content:"\e91a"}
.compare-wrapper .collapsed-section .expand-sign:before{content:"\e922"}
.compare-wrapper .expand-sign{font-family:vspicons;float:right;margin-right:23px;margin-top:4px;font-size:12px}
.compare-wrapper .icons-details,.compare-wrapper .first-table .trims-titles{position:fixed;top:154px;z-index:1}
.compare-wrapper .first-table .trims-titles{left:129px;width:calc(100% - 141px);border-left:1px solid #ccc;background:#efefef}
.compare-wrapper .labels-fixed .labels{display:block;margin:0;padding:0 13px 8px 0;font-size:11px;background:#efefef;left:12px;text-align:left;color:#999;border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:104px}
.compare-wrapper .title-standard,.compare-wrapper .title-optional{margin-bottom:3px}
.compare-wrapper .options-icon{display:inline-block;margin-right:2px;width:10px;font-family:vspicons;font-size:6px;position:absolute;top:calc(50% - 6px);left:calc(50% - 5px)}
.compare-wrapper .data-row .options-icon{font-size:12px}
.compare-wrapper .options-title .options-icon{left:0;top:25%}
.compare-wrapper .icon-standard:before{color:#333;content:"\e92a"}
.compare-wrapper .icon-optional:before{color:#333;content:"\e91c"}
.compare-wrapper .icon-na:before{color:#333;content:"\e91a"}
.compare-wrapper .collapsed-section .labels,.compare-wrapper .collapsed-section .values{display:none}
.compare-wrapper .dot-icon{display:inline-block;height:9px;width:9px;border-radius:50%;background:#333;cursor:pointer;margin:0 2.2%}
.compare-wrapper .dot-icon.not-shown{background:#ccc}
.compare-wrapper .arrows .arrow-icon{cursor:pointer}
.compare-wrapper .arrows .prev-arrow-icon{float:left}
.compare-wrapper .arrows .next-arrow-icon{float:right}
.compare-wrapper .prev-arrow-icon:before{font-family:vspicons;content:"\e908"}
.compare-wrapper .next-arrow-icon:before{font-family:vspicons;content:"\e907"}
.compare-wrapper .fixed-section .arrow-icon{display:none}
.compare-wrapper .fixed-section .arrows .arrow-icon{display:block}
.compare-wrapper .arrow-icon.disabled{color:#ccc;cursor:default}
.compare-wrapper .desktop-arrow{display:none}
.compare-wrapper .centered{width:90%;vertical-align:middle;display:inline-block}
.compare-wrapper .subtitle-cell .centered{width:94%}
.compare-wrapper .centerer{display:inline-block;height:100%;vertical-align:middle}
.compare-wrapper .legal-disclaimers{left:0;background-color:#fff;width:calc(100% - 12px);padding:0 12px 0 0;background:#efefef}
.compare-wrapper .legal-disclaimers .labels{padding-left:12px;background:#fff}
.compare-wrapper .legal-disclaimers:last-child .feature-name:last-child,.compare-wrapper .legal-disclaimers:last-child .data-row:last-child .data-entry{border-bottom-width:0}
.compare-wrapper .legal-disclaimers>div{width:100%;margin:auto}
.compare-wrapper .legal-disclaimers .find-text{font-weight:bold;text-transform:uppercase;font-size:10px}
.compare-wrapper .legal-disclaimer-button{display:inline-block;margin:0;padding:0;background:transparent;border:0;color:#09f;text-align:left;font-size:12px;white-space:normal}
.compare-wrapper .legal-disclaimers .data-entry{transition:background ease-in-out .2s,color ease-in-out .2s,border-color ease-in-out .2s,border-width ease-in-out .2s;background-color:#09f;padding:0;position:relative}
.compare-wrapper .legal-disclaimers .data-entry:hover{background-color:#333}
.compare-wrapper .legal-disclaimers a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#fff;padding:16px 10px;height:calc(100% - 32px);width:calc(100% - 20px)}
#legal-disclaimer-container{background-color:#fff;border:0;color:#444;padding:20px;font-size:12px;font-family:Helvetica,Arial,sans-serif;color:#55554b;z-index:1004 !important}
#legal-disclaimer-container .simplemodal-wrap{overflow-y:scroll !important}
#disclaimer-simplemodal-container{height:auto !important;top:25% !important;max-width:90%}
div#disclaimer{height:auto;width:auto;margin-bottom:0}
#legal-disclaimer-container .simplemodal-close{right:-14px}
#legal-disclaimer-overlay{background-color:#000;z-index:1003 !important}
.compare-wrapper .bottom-bar-overlay{background:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;left:0;z-index:1003;display:none}
.compare-wrapper .find-yours-modal{display:none;width:100%;position:fixed;bottom:0;right:0;height:100%;background:rgba(0,0,0,.8);z-index:1003;padding:0}
.compare-wrapper .find-modal-wrapper{height:102px;position:fixed;bottom:60px;right:0;width:100%}
.compare-wrapper .desktop-modal{display:none}
.compare-wrapper .mobile-modal{width:60%;margin:0 auto;height:100%}
.compare-wrapper .mobile-modal a{display:block;color:#333;background:#fff;border:1px solid #efefef;font-size:12px;text-transform:uppercase;padding:16px 11px 16px 14px;font-weight:bold}
.compare-wrapper .find-modal-wrapper .compare-icon,.compare-wrapper .find-modal-wrapper .build-icon{margin-right:10px;color:#09f}
.compare-wrapper .find-modal-wrapper .compare-icon:before{font-family:vspicons;content:"\e918"}
.compare-wrapper .find-modal-wrapper .build-icon:before{font-family:vspicons;content:"\e90c"}
.compare-wrapper #fourth_animated_content.hybrid-present{min-height:222px}
.compare-wrapper .fixed-section .hybrid-title a{padding-bottom:0}
.compare-wrapper .fixed-section .hybrid-title .hybrid-availability-disclaimer{color:#09f;cursor:default;text-transform:uppercase}
.compare-wrapper .hybrid-present .top-stick .labels-fixed .labels{height:61px}
.compare-wrapper .hybrid-present .fixed-section .trim-title{height:67px}
.compare-wrapper .hybrid-present .fixed-section .trim-title a{padding-top:0}
@media only screen and (max-width:374px){.compare-wrapper .fixed-section .hybrid-title .hybrid-availability-disclaimer{font-size:9px}
}
.en .compare-wrapper .hybrid-present .top-stick .labels-fixed .labels,.es .compare-wrapper .hybrid-present .top-stick .labels-fixed .labels,.en .compare-wrapper .top-stick .labels-fixed .labels,.es .compare-wrapper .top-stick .labels-fixed .labels{padding-bottom:13px}
@media only screen and (max-width:767px) and (orientation :landscape){#disclaimer-simplemodal-container{width:600px !important}
}
@media only screen and (min-width:768px){.compare-wrapper{width:calc(100% - 24px);margin:0 auto;padding:0 12px 67px 12px;height:auto;overflow-x:hidden}
.compare-wrapper header{margin:auto;left:0;overflow:visible}
.compare-wrapper header+.parent-table,.compare-wrapper header+.parent-table.no-arrows{margin-top:0}
.compare-wrapper .small-header+.parent-table,.compare-wrapper .small-header+.parent-table.no-arrows{margin-top:346px}
.compare-wrapper .sub-header{position:relative}
.ng-modal-dialog-content{background:#efefef}
.compare-wrapper{width:744px;padding:0 0 44px 0}
.compare-wrapper .fixed-section.top-stick{position:static}
.compare-wrapper .fixed-section.small-header{position:fixed}
.compare-wrapper .small-header .compare-main-title{display:none}
.compare-wrapper section{padding:0 12px}
.compare-wrapper header{position:relative}
.compare-wrapper .trim-pictures,.compare-wrapper .desktop-arrow{display:block}
.compare-wrapper .trim-pictures,.compare-wrapper .trim-titles,.compare-wrapper .labels{list-style:none;padding:0;margin:0}
.compare-wrapper .trim-titles{border-left:1px solid #efefef}
.compare-wrapper .subtitle-cell .centered{width:90%}
.compare-wrapper .feature-text{word-break:normal}
.compare-wrapper .labels{overflow:visible}
@supports(-ms-ime-align:auto){[lang="zh"] .compare-wrapper .parent-table ul.labels:first-child{position:absolute}
[lang="zh"] .compare-wrapper .parent-table.fixed-bottom ul.labels{position:relative}
}
.compare-wrapper .labels-fixed{min-height:119px;position:relative}
.compare-wrapper .labels-fixed .labels{font-size:13px;width:286px;padding:0 11px 23px 2px;border-right:1px solid #efefef}
.compare-wrapper .top-stick .labels-fixed .labels{padding-bottom:14px}
.compare-wrapper .top-stick .values-fixed-wrapper{min-height:119px;width:419px}
.compare-wrapper .labels-fixed .options-title{padding-left:19px}
.compare-wrapper .image-wrapper{height:44px;width:84px;margin:16px auto 0 auto;background-repeat:no-repeat;background-position:center 0}
.compare-wrapper .trim-1 .image-wrapper{background-position:center 0}
.compare-wrapper .trim-2 .image-wrapper{background-position:center -44px}
.compare-wrapper .trim-3 .image-wrapper{background-position:center -88px}
.compare-wrapper .trim-4 .image-wrapper{background-position:center -132px}
.compare-wrapper .trim-5 .image-wrapper{background-position:center -176px}
.compare-wrapper .trim-6 .image-wrapper{background-position:center -220px}
.compare-wrapper .trim-7 .image-wrapper{background-position:center -264px}
.compare-wrapper .trim-8 .image-wrapper{background-position:center -308px}
.compare-wrapper .category-header p{color:#09f}
.compare-wrapper .data-row .data-entry.subtitle-cell{color:#333}
.compare-wrapper .feature-title{font-size:16px}
.compare-wrapper .subtitle-cell .feature-title{margin-right:8px}
.compare-wrapper .options-title{margin:18px 0 5px 28px;font-weight:normal}
.compare-wrapper .top-stick .options-title{margin-top:18px;margin-bottom:4px}
.compare-wrapper .feature-name{width:262px;padding:16px 11px 15px 26px}
.compare-wrapper .values,.compare-wrapper .values-fixed-wrapper{width:479px}
.compare-wrapper .values-fixed{position:relative;background:0}
.compare-wrapper .options-icon{font-size:10px}
.compare-wrapper .data-row .data-entry,.compare-wrapper .trim-title{width:184px;font-size:14px}
.compare-wrapper .data-row .data-entry{padding-top:16px;padding-bottom:15px}
.compare-wrapper .trim-image{width:120px}
.compare-wrapper .trim-title{background:#efefef;padding-bottom:13px;font-weight:bold}
.compare-wrapper .compare-main-title{font-size:36px;margin:66px 0 47px 0;padding-bottom:35px;border-bottom:2px solid #ccc}
.compare-wrapper .compare-main-title .title{padding-bottom:20px}
.compare-wrapper small-header .compare-main-title{display:none}
.compare-wrapper .subtitle-cell .feature-text{font-size:21px;margin-right:10px;overflow-wrap:normal}
.compare-wrapper .tooltip-icon:hover{background-color:#333}
.compare-wrapper .tooltip-icon .feature-tooltip.open{display:block;height:auto;width:450px;position:absolute;z-index:1005;padding:15px 20px 15px 15px;border-radius:6px;top:-100%;left:30px;line-height:17px}
.compare-wrapper .tooltip-icon:hover .feature-tooltip{height:auto;width:450px;position:absolute;z-index:1005;padding:15px 20px 15px 15px;border-radius:6px;top:-100%;left:30px}
.compare-wrapper .fixed-section .pictures-values{border-color:#efefef;height:60px}
.compare-wrapper .fixed-section .trim-title{padding-top:0;padding-bottom:0;height:57px;min-height:3px}
.compare-wrapper .fixed-section .trim-title a{padding-top:15px;padding-bottom:14px;height:28px}
.zh .compare-wrapper .fixed-section .trim-title{height:66px}
.zh .compare-wrapper .fixed-section .trim-title a{padding-bottom:23px}
.compare-wrapper .small-header .pictures-values{background-color:#efefef}
.compare-wrapper .small-header .compare-main-title{display:none}
.compare-wrapper .small-header .sub-header .arrow-icon{bottom:60px}
.compare-wrapper .fixed-section .arrows .arrow-icon{display:none}
.compare-wrapper .fixed-section .arrow-icon{display:block;bottom:79px;z-index:10000}
.compare-wrapper .arrow-icon{color:#20609f;font-size:16px;position:absolute;cursor:pointer;z-index:1}
.compare-wrapper .prev-arrow-icon{left:224px;bottom:8px}
.compare-wrapper .next-arrow-icon{right:-21px;bottom:8px}
.compare-wrapper .arrows{display:none}
.compare-wrapper .desktop-arrow.top-stick{bottom:auto;z-index:4}
.compare-wrapper .category-header a{padding:13px 0 12px 30px;font-size:21px}
.compare-wrapper .prev-arrow-icon.top-stick{top:32px;left:220px}
.compare-wrapper .next-arrow-icon.top-stick{top:32px;left:727px;right:auto}
.compare-wrapper .legal-disclaimers{padding:0}
.compare-wrapper .legal-disclaimers,.compare-wrapper header.fixed-section.top-stick{width:100%}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){.compare-wrapper .legal-disclaimers{left:auto;width:auto;padding:0 12px}
.compare-wrapper .legal-disclaimers,.compare-wrapper header.fixed-section.top-stick{width:auto}
}
.compare-wrapper .next-arrow-icon{right:21px}
.compare-wrapper header.fixed-section.top-stick,.compare-wrapper .legal-disclaimers>div{width:720px;padding:0}
.compare-wrapper .legal-disclaimers .labels{padding-left:0}
.compare-wrapper .legal-disclaimers .data-entry{padding:0;height:auto !important}
.compare-wrapper .legal-disclaimers .find-text{font-size:14px;letter-spacing:.09em;margin-left:10px}
.es .compare-wrapper .legal-disclaimers .find-text{font-size:12px;letter-spacing:0;margin-left:9px}
.es .compare-wrapper .legal-disclaimers a.find-yours-link{width:calc(100% - 14px)}
#legal-disclaimer-container{height:auto !important;top:25% !important}
#legal-disclaimer-container .simplemodal-wrap{overflow-y:auto !important}
div#disclaimer{width:282px}
html:not(.touch) .compare-wrapper header.top-stick{right:17px}
html:not(.touch) .compare-wrapper .legal-disclaimers>div{padding-right:17px}
#disclaimer-simplemodal-container{top:35% !important}
.compare-wrapper .find-yours-modal{z-index:1002}
.compare-wrapper .desktop-modal{display:block}
.compare-wrapper .mobile-modal{display:none}
.compare-wrapper .find-modal-wrapper{bottom:40px;height:106px}
html:not(.touch) .compare-wrapper .find-modal-wrapper{right:9px}
.compare-wrapper .content-centerer{width:720px;padding:0;margin:0 auto}
.compare-wrapper .legal-disclaimers-placeholder{width:300px;height:106px;float:left}
.compare-wrapper .modals-container{height:106px;overflow:hidden}
.compare-wrapper .legal-disclaimers .down-arrow-icon{font-size:8px;margin-left:8px}
.compare-wrapper .legal-disclaimers .down-arrow-icon:before{font-family:vspicons;content:"\e904"}
.compare-wrapper .find-modal-wrapper .data-entry{height:auto !important;padding:0;visibility:hidden}
.compare-wrapper .find-modal-wrapper .data-entry a{display:block}
.compare-wrapper .find-modal-wrapper .centered{font-size:12px;font-weight:bold;text-transform:uppercase;text-align:left;color:#333;padding:13px 5px 12px 14px;border-bottom:1px solid #efefef}
.compare-wrapper .find-modal-wrapper .compare-icon,.compare-wrapper .find-modal-wrapper .build-icon{line-height:25px;float:left}
.compare-wrapper .legal-disclaimers .feature-name{padding-top:11px;padding-bottom:11px}
.compare-wrapper .legal-disclaimer-button{font-size:14px}
.compare-wrapper .legal-disclaimers a{padding:12px 0}
.compare-wrapper .fixed-section .hybrid-title a{padding-bottom:0}
.compare-wrapper .fixed-section .hybrid-title .hybrid-availability-disclaimer{color:#09f;padding-top:0;padding-bottom:7px;text-transform:uppercase}
.compare-wrapper .hybrid-present .top-stick .labels-fixed .labels{height:116px}
.compare-wrapper .hybrid-present .fixed-section .trim-title{height:70px}
.compare-wrapper .hybrid-present .fixed-section .trim-title a{padding-top:7px}
.zh .compare-wrapper .hybrid-present .fixed-section .trim-title a{padding-bottom:0}
}
@media only screen and (min-width:1000px) and (max-width:1263px){.compare-wrapper header.fixed-section.top-stick,.compare-wrapper .legal-disclaimers>div,.compare-wrapper .content-centerer{width:960px}
.compare-wrapper .top-stick .values-fixed-wrapper{width:659px}
.compare-wrapper{width:984px}
.compare-wrapper .data-row .data-entry{width:194px}
}
@media only screen and (min-width:1264px){.compare-wrapper,.compare-wrapper .fixed-header{width:1224px}
.compare-wrapper header.fixed-section.top-stick,.compare-wrapper .legal-disclaimers>div,.compare-wrapper .content-centerer{width:1200px}
.compare-wrapper .values,.compare-wrapper .values-fixed-wrapper{width:718px}
.compare-wrapper .top-stick .labels-fixed .labels{padding-bottom:15px}
.compare-wrapper .data-row .data-entry{width:154px}
.compare-wrapper .prev-arrow-icon{left:267px}
.compare-wrapper .next-arrow-icon{right:0}
.compare-wrapper .next-arrow-icon.top-stick{left:967px}
.compare-wrapper .top-stick .values-fixed-wrapper{width:899px}
.compare-wrapper .hybrid-present .top-stick .labels-fixed .labels{padding-bottom:18px}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.compare-wrapper .top-stick .labels-fixed .labels{padding-bottom:24px}
}
@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5){.compare-wrapper .labels,.compare-wrapper .info-table{overflow:hidden;position:relative;z-index:1001}
.compare-wrapper .labels{overflow:visible;position:inherit;z-index:1002}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.compare-wrapper{padding-bottom:90px}
.compare-wrapper .labels-fixed,.compare-wrapper .top-stick .values-fixed-wrapper{min-height:125px}
.compare-wrapper .fixed-section .trim-title{padding-bottom:6px}
.compare-wrapper .fixed-section .arrow-icon{bottom:69px;padding:10px;z-index:10000}
.compare-wrapper .next-arrow-icon{right:11px}
.compare-wrapper .prev-arrow-icon{left:214px}
.zh .portrait .CTK-compare-wrapper-modal .compare-wrapper .trim-image,.zh .portrait .BRZ-compare-wrapper-modal .compare-wrapper .trim-image{width:210px !important}
.ipad .ng-modal-dialog-content .compare-wrapper .top-stick .labels-fixed .labels,.ipad .modal-open .vsp .ng-modal .compare-wrapper div.labels{padding-bottom:18px}
.compare-wrapper .hybrid-present .fixed-section .trim-title{padding-bottom:3px}
.compare-wrapper .labels,.compare-wrapper .info-table{overflow:hidden;position:relative;z-index:1001}
.compare-wrapper .labels{overflow:visible;position:relative;z-index:1002}
}
@media only screen and (min-device-width :375px) and (max-device-width :812px) and (-webkit-device-pixel-ratio :3) and (orientation :landscape){.compare-wrapper-modal .compare-wrapper{padding-bottom:45px}
.compare-wrapper .parent-table:not(.fixed-bottom):nth-last-child(4){margin-bottom:15px}
}
@media only screen and (min-device-width :375px) and (max-device-width :812px) and (-webkit-device-pixel-ratio :3) and (orientation :portrait){.compare-wrapper .parent-table:not(.fixed-bottom):nth-last-child(4){margin-bottom:120px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1366px){.compare-wrapper{overflow-x:visible}
}
@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.zh .compare-wrapper .fixed-section .trim-title{height:60px}
.zh .compare-wrapper .fixed-section .trim-title a{padding-bottom:20px}
.zh .compare-wrapper .hybrid-present .fixed-section .trim-title a{padding-bottom:0}
}
@supports(-ms-ime-align:auto){@media only screen and (min-width:1264px){.zh .compare-wrapper .top-stick .labels-fixed .labels{padding-bottom:18px}
}
}
.compare-wrapper .competitors-link-no-angular,.competitors-link-wrapper.competitors-link-angular{display:none}
.competitors-link-wrapper{display:none;text-transform:uppercase;font-size:10px;font-weight:bold;text-align:center;margin:0 auto 14px auto;max-width:90%;letter-spacing:.1em}
.competitors-link-header,.competitors-link-subheader{margin:0;color:#09f}
@media only screen and (min-width:768px){.competitors-link-wrapper{visibility:hidden;display:block;min-height:13px}
.competitors-link-wrapper.competitors-link-no-angular{display:block}
.competitors-link-wrapper.show{visibility:visible}
.competitors-link-header,.competitors-link-subheader{display:inline-block}
}
.consumer-reports{overflow:hidden;width:100%;height:100%;min-height:55vh;background-color:#efefef;position:relative;padding:53px 0 100px}
.consumer-reports .consumer-report-wrapper{max-width:1440px;height:auto;margin:0 auto;text-align:center;position:relative}
#fma-consumer-reports.fma-container .fma-link{font-size:.68em;margin:19px 0 0}
#fma-consumer-reports.fma-container .fma-link:hover{color:#333}
#fma-consumer-reports.fma-container .fma-content,a.fma-container .fma-max-width{padding-top:30px}
#fma-consumer-reports.fma-container p{font-style:italic;font-size:.58em;padding-top:3px}
#fma-consumer-reports.fma-container .fma-title{font-size:1.35em}
.consumer-reports-modal .ng-modal-dialog-content{max-width:89%;margin:0 auto}
@media only screen and (min-width:768px){.consumer-reports .consumer-report-wrapper{width:inherit;height:auto}
.consumer-reports{padding:73px 0 280px}
body.cq-wcm-edit.main-nav-sticky #global_header #main-nav{position:static}
#fma-consumer-reports.fma-container .fma-link{margin:24px 0 0;font-size:.9em}
#fma-consumer-reports.fma-container .fma-title{font-size:2.63vw;line-height:1.1em}
#fma-consumer-reports.fma-container{width:89%;max-height:550px}
#fma-consumer-reports.fma-container .fma-copy{margin:7% 0 5% 10%;width:86%}
#fma-consumer-reports.fma-container p{font-size:.83em}
#fma-consumer-reports.fma-container .fma-content,a.fma-container .fma-max-width{padding-top:0}
.consumer-reports-modal .ng-modal-dialog-content{max-width:100%}
}
@media screen and (max-width:1024px) and (min-width:768px){#fma-consumer-reports.fma-container{width:95%}
#fma-consumer-reports.fma-container .fma-title{font-size:2.5vw}
#fma-consumer-reports.fma-container .fma-copy{width:86%;margin-top:5%}
.consumer-reports-modal .ng-modal-dialog-content{max-width:88%}
}
body.cq-wcm-edit.main-nav-sticky #global_header #main-nav{position:static}
.consumer-reports-modal .video-wrapper{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:63px}
.consumer-reports-modal .video-wrapper h4{font-size:.95em;margin-top:.5em;color:#333}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow .gallery_item_title{font-size:.95em;color:#333;text-transform:none}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow.single_item .gallery_item_title{margin-top:.5em}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow.show-description .gallery_item_title_container{text-align:left;margin-top:0}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow .nav_fullscreen{visibility:hidden}
@media only screen and (min-width:768px){.consumer-reports-modal .video-wrapper{max-width:880px;margin-top:0;margin-bottom:97px}
.consumer-reports-modal .video-wrapper h4{font-size:1em;margin-top:1.1em}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow.single_item .gallery_item_title{margin-top:1.1em}
.consumer-reports-modal .video-wrapper .SubaruResponsiveSlideshow .gallery_item_title{font-size:1em;margin-top:0}
}
.consumer-reports .reports-title h2{margin:0;font-size:1.4em;color:#333;font-weight:bold}
.consumer-reports .reports-title{text-align:center}
.consumer-reports .title-and-description-container{margin-top:0;margin-bottom:30px}
.consumer-reports .reports-title-wrapper p{font-size:.95em;text-align:center;-webkit-margin-before:0;-webkit-margin-after:0;margin-top:.5em;color:#333}
.consumer-reports .reports-title-wrapper{margin:0 auto 0 auto}
@media screen and (min-width:768px){.consumer-reports .reports-title-wrapper{max-width:1200px}
.consumer-reports .reports-title{height:auto}
.consumer-reports .reports-title-wrapper p{font-size:1.5em}
.consumer-reports .reports-title h2{font-size:2.25em}
.consumer-reports .title-and-description-container{margin-bottom:70px}
}
.consumer-reports .column-text{margin-bottom:46px;text-align:center}
.consumer-reports .column-image{max-width:66%;margin:0 auto}
.consumer-reports .column-image img.media_img{width:100%}
.consumer-reports .one-report-wrapper{margin:0 auto}
.one-report-wrapper .read-full{font-size:.95em;font-weight:normal}
.one-report-wrapper .read-full,.one-report-wrapper .read-full:hover,.two-reports .read-full{color:#09f}
.one-report-wrapper .read-full:hover,.two-reports .read-full:hover{text-decoration:none;color:#333}
.consumer-reports .text-gallery{display:flex;flex-direction:column;width:100%;margin:0 auto}
.consumer-reports .multi-column-container.border-bottom{border-bottom:2px solid #ccc}
.consumer-reports .two-reports .column-cta h5,.consumer-reports .two-reports .column-cta p{color:#333}
.consumer-reports .two-reports .column-cta{margin:0}
.consumer-reports .column-gallery{width:66%;margin:26px auto 0 auto}
.consumer-reports .column-gallery img{width:100%}
.consumer-reports .multi-column-container{margin:0 auto;border-top:1px solid #ccc;padding-top:32px;padding-bottom:32px}
.consumer-reports .two-reports .column-cta h5{font-size:1.22em;margin-bottom:22px;font-weight:normal;margin-top:0}
.two-reports .description p{font-size:.95em;line-height:1.36;margin-bottom:1.5em}
.consumer-reports .column-cta a{font-size:.95em;margin-bottom:5px}
@media only screen and (min-width:768px){.one-report-wrapper .read-full{font-size:1.313em}
.consumer-reports .one-report-wrapper{max-width:420px}
.consumer-reports .multi-column-container{max-width:880px;padding-top:60px;padding-bottom:60px;border-top:2px solid #ccc}
.consumer-reports .multi-column-wrapper{width:100%}
.consumer-reports .column-gallery{width:54.53%;position:relative;margin:0 auto 0 auto}
.consumer-reports .two-reports .column-cta{width:45%}
.consumer-reports .text-gallery{width:100%;position:relative;display:flex;align-items:center;flex-direction:row}
.consumer-reports .column-gallery img{max-width:420px;float:right;margin:0 auto}
.consumer-reports .two-reports .column-cta h5{font-size:1.5em;margin-bottom:29px}
.two-reports .description p,.consumer-reports .column-cta a{font-size:1.125em}
.consumer-reports .column-image{max-width:420px}
.consumer-reports .two-reports .column-cta{margin:0 auto}
}
.find-your-subaru .icon-pin-open:before{content:"\e921"}
.find-your-subaru .icon-phone:before{content:"\e91f"}
.find-your-subaru .icon-build:before{content:"\e90c"}
.find-your-subaru .icon-inventory:before{content:"\e918"}
.find-your-subaru .icon-dollar-sign:before{content:"\e915"}
.find-your-subaru .icon-plus:before{content:"\e922"}
.find-your-subaru .icon-minus:before{content:"\e91a"}
.find-your-subaru .icon-calculator:before{content:"\e90f"}
.find-your-subaru .kpis-container a [class^="icon-"]{color:#09f}
.find-your-subaru{position:relative;width:100%;height:auto;font-size:16px;font-family:Helvetica,Arial,sans-serif;background-color:#fff;overflow:hidden}
.find-your-subaru .section-title{background-color:rgba(255,255,255,0.85)}
.find-your-subaru.section .find-your-subaru-content{width:100%;font-size:100%;padding-top:107px}
.retailer-section .geo-wrapper .load-dot{background-color:#000}
.vsp-gallery .find-your-subaru.section .find-your-subaru-content{padding-top:0}
.find-your-subaru .find-your-subaru-content.no-padding-top{padding-top:0}
.find-your-subaru .find-your-subaru-content .bg-wrapper{width:100%;height:auto;margin:0;padding:0;background-image:url(../../../../../../content/dam/subaru/vehicles/global/find-your-subaru-bg-map.jpg.transform/x736/image.jpg);background-position:65% 100%;background-size:cover;background-repeat:no-repeat}
.find-your-subaru .bg-wrapper .bg-retailer-map{width:100%;height:auto;margin:0;padding:0;background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-moz-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%)}
.find-your-subaru .find-your-subaru-content .retailer-map-container{display:block;align-items:unset;justify-content:unset;width:auto;height:auto;margin:0;padding:32px 34px 52px 36px;overflow:hidden;background-color:transparent}
.find-your-subaru .find-your-subaru-content .retailer-map-content{width:100%}
.find-your-subaru .find-your-subaru-content .retailer-section h2{position:relative;width:auto;height:auto;margin:0 0 33px 0;padding:0;text-transform:uppercase;font-size:.76em;color:#ccc}
.find-your-subaru .find-your-subaru-content .retailer-section h2 a:link,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:visited,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:active{position:absolute;top:0;right:0;font-size:1em;color:#009aff}
.find-your-subaru .find-your-subaru-content .retailer-section h2 a:hover{color:#fff}
.find-your-subaru .find-your-subaru-content .retailer-section p{margin:0;padding:0 0 2px 23px;font-weight:normal;font-size:1em;color:#ccc}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-name{padding:0 0 4px 0;color:#fff;font-weight:bold}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone{padding:23px 0 0 0;color:#009aff;font-weight:bold}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone a:link,.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone a:visited,.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone a:active,.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone a:hover{color:#009aff}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone span{display:none}
.find-your-subaru .retailer-section .icon-pin-open,.find-your-subaru .retailer-section .icon-phone{margin:0 12px 0 0;font-size:.7em;color:#fff}
.find-your-subaru .find-your-subaru-content .map-section{position:relative;height:122px;margin:20px 0 40px;padding:0;overflow:hidden}
.find-your-subaru .find-your-subaru-content .map-section img{position:relative;top:50%;display:inline-block;max-width:100%;height:auto;vertical-align:middle;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.find-your-subaru .find-your-subaru-content .map-section .map-pin{width:9.5vw;height:5.6vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-5vw,-2vh);-ms-transform:translate(-5vw,-2vh);transform:translate(-5vw,-2vh);background-image:url(../../../../../../content/dam/subaru/vehicles/global/pin-icon-with-shadow.png);background-size:100% 100%}
.find-your-subaru .find-your-subaru-content .fys-btn-raq,.find-your-subaru .find-your-subaru-content .fys-btn-std{width:100%}
.find-your-subaru .find-your-subaru-content .fys-btn-raq{margin:0 auto 24px}
.find-your-subaru .find-your-subaru-content .btn-desktop{display:none}
.find-your-subaru .find-your-subaru-content .kpis-container{display:block;clear:both;width:auto;height:auto;min-height:135px;padding:0 9.37%;margin:0;background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-moz-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%);background:linear-gradient(90deg,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.8) 100%)}
.find-your-subaru .find-your-subaru-content .kpis-container ul{width:100%;height:auto;margin:0 auto;padding:36px 0;border-bottom:1px solid rgba(97,95,90,0.2);list-style:none;overflow:hidden}
.find-your-subaru .kpis-container ul li{position:relative;display:block;float:left;width:49.8%;height:auto;min-height:151px;margin:0;padding:0;border-radius:8% 0 0 0;border-right:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;text-align:center;background-color:rgba(0,0,0,0.6)}
.find-your-subaru .kpis-container ul li:nth-of-type(2){border-right:0;border-radius:0 8% 0 0}
.find-your-subaru .kpis-container ul li:nth-of-type(3){border-bottom:0;border-radius:0 0 0 8%}
.find-your-subaru .kpis-container ul li:nth-of-type(4){border-right:0;border-bottom:0;border-radius:0 0 8% 0}
.find-your-subaru .kpis-container li a{display:block;width:auto;height:112px;margin:0;padding:19px 10%;vertical-align:bottom;font-size:.8em;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;line-height:14px}
.find-your-subaru .kpis-container li .icon-build,.find-your-subaru .kpis-container li .icon-inventory,.find-your-subaru .kpis-container li .icon-dollar-sign,.find-your-subaru .kpis-container li .icon-calculator{display:block;width:100%;margin:0;padding:19px 0 13px 0;font-size:2.7em;text-align:center}
.find-your-subaru .kpis-container li .icon-inventory{font-size:3.2em;padding:17px 0 9px 0}
.find-your-subaru .kpis-container li .icon-dollar-sign,.find-your-subaru .kpis-container li .icon-calculator{font-size:2.2em;padding:22px 0 16px 0}
.find-your-subaru .kpis-container li:hover .icon-build,.find-your-subaru .kpis-container li:hover .icon-inventory,.find-your-subaru .kpis-container li:hover .icon-dollar-sign,.find-your-subaru .kpis-container li:hover .icon-calculator{color:#fff}
.find-your-subaru .kpis-container li:first-child a{border:0}
.find-your-subaru .find-your-subaru-content .vehicle-list,.find-your-subaru .vehicle-list ul{display:block;clear:both;width:100%;height:auto;padding:0 0 34px 0;margin:0;background-color:#f0f0f0}
.find-your-subaru .find-your-subaru-content .vehicle-list{padding:15px 0 34px 0}
.find-your-subaru .vehicle-list ul{padding:0}
.find-your-subaru .vehicle-list h2,.find-your-subaru .vehicle-list li{display:table;width:94%;height:46px;margin:0 3%;border-bottom:1px solid #d7d7d7;font-size:1.2em}
.find-your-subaru .vehicle-list h2{background-color:#dadada}
.find-your-subaru .vehicle-list h2 i{float:right;margin:3px 12px 0 0;font-size:.86em;color:#09f}
.find-your-subaru .vehicle-list h2 a,.find-your-subaru .vehicle-list li a{display:table-cell;width:93.8%;height:100%;padding:0 3% 0 3.2%;font-size:.87em;font-weight:normal;vertical-align:middle;color:#333}
.find-your-subaru .vehicle-list .vh-ctkh{display:none}
.find-your-subaru .geolocation .geo-section .geo-retailerPhone{color:#09f;margin:15px 0 0 0}
.find-your-subaru .find-your-subaru-content .retailer-section .geo-wrapper .geolocation .geo-zip-options.flex-elements{display:block}
.find-your-subaru .geolocation .geo-wrapper .geo-zip-options.flex-elements{display:block;height:100%}
.find-your-subaru .geolocation .geo-wrapper{background-color:transparent}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-currentLocation-wrapper{line-height:normal}
.find-your-subaru .geolocation .geo-wrapper .geo-retailer-wrapper,.find-your-subaru .geolocation .geo-wrapper .geo-section #geo-retailerList,.find-your-subaru .geolocation .geo-wrapper .geo-section select.geo-retailerList-selectbox,.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-zip-wrapper{width:100%}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-divider{display:block;line-height:normal;width:100%;margin:1em 0}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-divider.loc-disable{display:none}
.find-your-subaru .find-your-subaru-content .retailer-section h2.geo-title{text-align:left;color:#FFF;font-size:14px;margin:0 0 10px 0}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-divider,.find-your-subaru .geolocation .geo-section .geo-label,.find-your-subaru .geolocation .geo-section .geo-retailerAddress{color:#FFF}
.find-your-subaru .geolocation .geo-section .geo-retailerPhone{color:#09f;margin-top:15px;font-weight:bold}
.find-your-subaru .geolocation .geo-retailerAddress,.find-your-subaru .geolocation .geo-retailerPhone,.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-divider{font-size:14px}
.find-your-subaru .geolocation .geo-wrapper .geo-zip-options.flex-elements{width:100%}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-currentLocation-wrapper{width:80%;margin:0 auto 20px}
.find-your-subaru .find-your-subaru-content .retailer-section .geo-wrapper{padding:0 0 23px 0;min-width:auto}
.find-your-subaru .geolocation .geo-section .geo-label{display:block;font-size:14px;margin-bottom:10px}
.find-your-subaru .geolocation .geo-wrapper .geo-section select.geo-retailerList-selectbox{padding:0 36px 0 10px;font-weight:400;border-radius:4px}
.find-your-subaru .geolocation .geo-section .geo-zipCodeArrow::before{left:calc(100% - 7vw)}
.find-your-subaru .geolocation .geo-section .geo-zipError.hawaiiError,.find-your-subaru .geolocation .geo-section .geo-zipError.simpleError,.find-your-subaru .geolocation .geo-section .geo-zipError.hawaiiError .geo-hawaii-zipcode,.find-your-subaru .geolocation .geo-section .geo-zipError.simpleError .geo-invalid-zipcode{color:red;font-size:12px;padding:0 15px 0 0;margin-top:5px;text-align:left}
.find-your-subaru .geolocation .geo-retailerRadioList-title{color:#333}
.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geolocationArrow,.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geo-currentLocation{color:#09f}
@media only screen and (min-device-width:375px) and (max-device-width:736px) and (orientation:landscape){.find-your-subaru .find-your-subaru-content .map-section .map-pin{width:5vw;height:10vh;-webkit-transform:translate(-2.5vw,-5vh);-ms-transform:translate(-2.5vw,-5vh);transform:translate(-2.5vw,-5vh)}
}
@media only screen and (max-width:767px) and (orientation:landscape){.find-your-subaru .geolocation .geo-section .geo-zipCodeArrow::before{left:calc(100% - 7vh)}
}
@media only screen and (min-width:768px){.find-your-subaru .geolocation .geo-load-dot{background-color:#FFF}
.find-your-subaru .geolocation .geo-retailerRadioList-title{color:#FFF}
.find-your-subaru .find-your-subaru-content .retailer-section .geo-wrapper{padding:0 0 23px 0;min-width:360px}
.find-your-subaru .geolocation .geo-wrapper{margin:0;width:95%}
.find-your-subaru .geolocation .geo-section .geo-zipCodeArrow::before{left:calc(100% - 35px);bottom:23px}
.find-your-subaru .geolocation .geo-section .geo-retailerPhone{color:#FFF;margin-top:0}
.find-your-subaru .geolocation .geo-retailerAddress,.find-your-subaru .geolocation .geo-retailerPhone,.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-divider{font-size:16px}
.find-your-subaru.section .find-your-subaru-content{padding-top:180px}
.find-your-subaru .find-your-subaru-content .retailer-section h2.geo-title{font-size:16px;margin:0 0 25px 0}
.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geolocationArrow,.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geo-currentLocation{color:#FFF}
.vsp-gallery .find-your-subaru.section .find-your-subaru-content{padding-top:0}
.find-your-subaru .find-your-subaru-content.no-padding-top{padding-top:0}
.find-your-subaru .bg-wrapper .bg-retailer-map{width:auto;padding:0 40px}
.find-your-subaru .find-your-subaru-content .bg-wrapper{background-position:top left;background-image:url(../../../../../../content/dam/subaru/vehicles/global/find-your-subaru-bg-map.jpg)}
.find-your-subaru .find-your-subaru-content .retailer-map-container{width:100%;max-width:1200px;min-height:374px;margin:0 auto;padding:59px 0 90px 0;display:flex;align-items:flex-start;justify-content:space-between}
.find-your-subaru .find-your-subaru-content .retailer-section,.find-your-subaru .find-your-subaru-content .map-section{display:block;float:left;width:40%;max-width:360px;height:auto;margin:0;padding:0}
.find-your-subaru .find-your-subaru-content .btn-mobile{display:none}
.find-your-subaru .find-your-subaru-content .map-section{width:44vw;height:auto;margin:0;max-width:600px;max-height:400px}
.find-your-subaru .find-your-subaru-content .map-section img{top:0;-webkit-transform:none;-ms-transform:none;transform:none}
.find-your-subaru .find-your-subaru-content .map-section .map-pin{width:8%;height:13%;-webkit-transform:translate(-34%,-53%);-ms-transform:translate(-34%,-53%);transform:translate(-34%,-53%)}
.find-your-subaru .find-your-subaru-content .retailer-section h2{margin:0 0 42px 0;font-size:18px;font-weight:normal;line-height:15px;color:#999}
.find-your-subaru .find-your-subaru-content .retailer-section h2 a:link,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:visited,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:active{top:1px;right:25%;font-size:14px;letter-spacing:1px;font-weight:bold}
.find-your-subaru .find-your-subaru-content .retailer-section p{position:relative;padding:0 0 7px 40px;font-size:21px;font-weight:normal}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-name{padding:0 0 8px 40px;font-weight:bold}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone{padding:1px 0 0 40px;color:#fff;font-weight:bold;letter-spacing:1px}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone a{display:none}
.find-your-subaru .find-your-subaru-content .retailer-section p.retailer-phone span{display:block}
.find-your-subaru .retailer-section .icon-pin-open,.find-your-subaru .retailer-section .icon-phone{position:absolute;top:4px;left:0;margin:0;font-size:10px}
.find-your-subaru .retailer-section .icon-pin-open{font-size:12px}
.find-your-subaru .retailer-section .icon-phone{top:9px}
.find-your-subaru .find-your-subaru-content .btn-desktop{display:flex}
.find-your-subaru .find-your-subaru-content .fys-btn-raq{margin:0 0 30px 0}
.find-your-subaru .find-your-subaru-content .kpis-container{min-height:299px;padding:0 40px}
.find-your-subaru .find-your-subaru-content .kpis-container ul{max-width:1200px;padding:60px 0 59px 0;border-bottom:2px solid rgba(255,255,255,0.2)}
.find-your-subaru .find-your-subaru-content .fys-btn-raq,.find-your-subaru .find-your-subaru-content .fys-btn-std{width:360px}
.find-your-subaru .kpis-container ul li,.find-your-subaru .kpis-container ul li:nth-of-type(2),.find-your-subaru .kpis-container ul li:nth-of-type(3),.find-your-subaru .kpis-container ul li:nth-of-type(4){width:23.75%;height:180px;margin:0 0 0 1.66%;padding:0;border:0;border-radius:10px;background-color:rgba(0,0,0,0.8)}
.find-your-subaru .kpis-container ul li:first-child{margin:0}
.find-your-subaru .kpis-container li a{width:100%;height:auto;margin:0;padding:127px 0 0 0;font-size:16px;line-height:16px;font-weight:bold;text-transform:uppercase;letter-spacing:3px}
.find-your-subaru .kpis-container li .icon-build,.find-your-subaru .kpis-container li .icon-inventory,.find-your-subaru .kpis-container li .icon-dollar-sign,.find-your-subaru .kpis-container li .icon-calculator{position:absolute;top:36px;left:2px;padding:0;font-size:58px}
.find-your-subaru .kpis-container li .icon-inventory{top:29px;font-size:72px}
.find-your-subaru .kpis-container li .icon-dollar-sign{top:40px;font-size:48px}
.find-your-subaru .kpis-container li .icon-calculator{top:41px;font-size:47px}
.find-your-subaru .find-your-subaru-content .vehicle-list{display:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geolocationArrow,.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geo-currentLocation{color:#09f}
.find-your-subaru .find-your-subaru-content .retailer-map-container{min-height:290px;padding:65px 0;display:flex;align-items:flex-start;justify-content:space-between}
.find-your-subaru .find-your-subaru-content .retailer-section .geo-wrapper{min-width:95%}
.find-your-subaru .find-your-subaru-content .map-section .map-pin{width:30px;height:30px}
.find-your-subaru .find-your-subaru-content .map-section{width:52%;margin:0 0 0 3%;min-height:200px;max-height:375px}
.find-your-subaru .find-your-subaru-content .retailer-section h2{font-size:13px}
.find-your-subaru .find-your-subaru-content .retailer-section h2 a:link,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:visited,.find-your-subaru .find-your-subaru-content .retailer-section h2 a:active{right:5%;font-size:11px}
.find-your-subaru .find-your-subaru-content .retailer-section p{font-size:16px}
.find-your-subaru .find-your-subaru-content .btn-desktop{width:95%}
.find-your-subaru .find-your-subaru-content .fys-btn-raq{margin:28px 0}
.find-your-subaru .find-your-subaru-content .kpis-container{min-height:219px}
.find-your-subaru .find-your-subaru-content .kpis-container ul{padding:55px 0}
.find-your-subaru .kpis-container li a{font-size:14px}
.find-your-subaru .kpis-container li .icon-build,.find-your-subaru .kpis-container li .icon-inventory,.find-your-subaru .kpis-container li .icon-dollar-sign,.find-your-subaru .kpis-container li .icon-calculator{font-size:54px}
.find-your-subaru .kpis-container li .icon-inventory:before{font-size:68px}
.find-your-subaru .find-your-subaru-content .bg-wrapper{background-image:url(../../../../../../content/dam/subaru/vehicles/global/find-your-subaru-bg-map.jpg.transform/x1024/image.jpg)}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geolocationArrow,.find-your-subaru .geo-section .geo-currentLocation-wrapper:hover>.geo-currentLocation{color:#09f}
.find-your-subaru .geolocation .geo-wrapper .geo-section .geo-currentLocation-wrapper{width:100%;margin:0}
.find-your-subaru .geolocation .geo-retailerListArrow::before{top:27px}
.find-your-subaru .find-your-subaru-content .retailer-map-container{padding:60px 0;display:flex;align-items:flex-start;justify-content:space-between}
.find-your-subaru .find-your-subaru-content .retailer-section{margin:0 2% 0 0}
.find-your-subaru .kpis-container li a{padding:125px 0 0 0;font-size:13px;letter-spacing:1px}
.find-your-subaru .find-your-subaru-content .fys-btn-raq{margin:20px 0}
}
.find-your-subaru .find-your-subaru-content .share-container{display:block;clear:both;width:100%;height:auto;min-height:159px;background-color:#fff}
.find-your-subaru .find-your-subaru-content .share-container h2{width:auto;text-align:center;margin:0 auto;padding:42px 0 14px 0;font-size:1.3em;font-weight:normal;color:#333}
.find-your-subaru .find-your-subaru-content .share-container ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:center;width:100%;height:auto;margin:0 auto;padding:0;list-style:none;text-align:center}
.find-your-subaru .share-container ul li{display:inline-block;width:auto;height:auto;margin:0 0 0 3%;padding:0;text-align:center;background-color:transparent}
.find-your-subaru .share-container ul li:first-child{margin:0}
.find-your-subaru .share-container ul li.only-desktop{display:none}
.find-your-subaru .share-container li a{display:block;width:37px;height:40px;margin:0;padding:0;text-decoration:none;text-indent:-9999px;background-image:url(../../../../../../content/dam/subaru/vehicles/global/find-your-subaru-social-btns-sprite.png);background-size:98% auto;background-position:100% -0.4%;background-repeat:no-repeat}
.find-your-subaru .share-container li a:hover{background-position:100% 14%}
.find-your-subaru .share-container a.btn-fb{background-position:100% 28.5%}
.find-your-subaru .share-container a.btn-fb:hover{background-position:100% 42.9%}
.find-your-subaru .share-container a.btn-twitter{background-position:100% 57.25%}
.find-your-subaru .share-container a.btn-twitter:hover{background-position:100% 71.65%}
.find-your-subaru .share-container a.btn-pinterest{background-position:100% 86.1%}
.find-your-subaru .share-container a.btn-pinterest:hover{background-position:100% 100.5%}
.form-section-modal .ohnohoney{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}
@media only screen and (max-width:767px) and (orientation:landscape){.find-your-subaru .share-container a.btn-pinterest:hover{background-position:100% 100.6%}
}
@media only screen and (min-width:768px){.find-your-subaru .find-your-subaru-content .share-container{width:auto;height:auto;min-height:270px;padding:0 40px;margin:0 auto}
.find-your-subaru .find-your-subaru-content .share-container h2{width:100%;max-width:1440px;padding:69px 0 23px 0;font-size:36px}
.find-your-subaru .find-your-subaru-content .share-container ul{max-width:1440px;height:auto}
.find-your-subaru .share-container ul li{margin:0 0 0 1.4%}
.find-your-subaru .share-container ul .only-mobile{display:none}
.find-your-subaru .share-container ul li.only-desktop{display:inline-block;margin:0}
.find-your-subaru .share-container li a{background-size:100% auto;background-position:100% -0.8%;width:60px;height:65px}
.find-your-subaru .share-container li a:hover{background-position:100% 13.6%}
.find-your-subaru .share-container a.btn-fb{background-position:100% 28.1%}
.find-your-subaru .share-container a.btn-fb:hover{background-position:100% 42.5%}
.find-your-subaru .share-container a.btn-twitter{background-position:100% 56.85%}
.find-your-subaru .share-container a.btn-twitter:hover{background-position:100% 71.25%}
.find-your-subaru .share-container a.btn-pinterest{background-position:100% 85.7%}
.find-your-subaru .share-container a.btn-pinterest:hover{background-position:100% 100%}
.find-your-subaru .find-your-subaru-content .vehicle-list{display:none}
.thank-you-modal{width:80%;left:50%;top:50%;transform:translate(-50%,-50%);position:fixed;overflow:unset}
.thank-you-modal .ng-modal-close{background:url("../../../../../../content/dam/subaru/global/footer/simplemodal-close.png") no-repeat scroll 0 0 transparent;width:55px;height:61px;top:-30px;right:-27px}
.email-share-modal-wrapper{width:100%;height:100%;margin:0 auto;padding:0}
.email-share-modal-wrapper .email-share-container-modal{position:relative;top:52px;overflow:hidden;width:52.5%;max-width:660px;min-height:240px;margin:0 auto;padding:30px;background-color:transparent}
.email-share-modal-wrapper h1{font-size:36px;margin:0 0 54px 0;padding:0;font-weight:normal;text-align:center;color:#333}
.email-share-modal-wrapper h2{margin:0 30px 6px 30px;color:#333;font-size:18px;font-weight:normal;text-transform:uppercase}
.email-share-modal-wrapper .email-content-modal{width:auto;height:auto;min-height:82px;margin:0;padding:23px 24px 23px 28px;border:1px solid #ccc;background-color:transparent}
.email-share-modal-wrapper .email-content-modal .subject,.email-share-modal-wrapper .email-content-modal a{word-break:break-all;display:block;margin:0;font-size:18px;line-height:26px}
.email-share-modal-wrapper .email-content-modal .subject{margin:0;padding:0;word-wrap:break-word;word-break:normal;font-weight:bold;color:#333}
.email-share-modal-wrapper .email-content-modal .subject span{font-weight:normal}
.email-share-modal-wrapper .email-content-modal a{color:#20609f}
.email-share-modal-wrapper .form-section-modal{margin:38px 29px 0;padding:0 0 38px}
.email-share-modal-wrapper .form-section-modal label,.email-share-modal-wrapper .form-section-modal cite{display:block;margin:0;color:#333;font-size:18px;line-height:18px;font-weight:normal;text-transform:uppercase}
.email-share-modal-wrapper .form-section-modal cite,.email-share-modal-wrapper .form-section-modal label .optional{margin:0 0 6px 0;font-style:normal;text-transform:none;color:#999}
.email-share-modal-wrapper .form-section-modal label{margin:39px 0 0 0}
.email-share-modal-wrapper .form-section-modal label:nth-child(1){margin:0}
.email-share-modal-wrapper .form-section-modal .comments-count{float:right;font-weight:normal;color:#999}
.email-share-modal-wrapper .form-section-modal .ui-input-text{margin:0;padding:0;border:0;border-radius:0}
.email-share-modal-wrapper .form-section-modal .emails-field,.email-share-modal-wrapper .form-section-modal .name-field,.email-share-modal-wrapper .form-section-modal .comments-field{font-family:Helvetica,Arial,sans-serif;display:block;width:100%;height:60px;margin:0;padding:17px;border:0;box-shadow:none;background:#fff;cursor:text;font-size:18px;color:#666;border-radius:0;box-sizing:border-box}
.email-share-modal-wrapper .form-section-modal>div{margin:30px 0 0 0}
.email-share-modal-wrapper .form-section-modal .name-field,.email-share-modal-wrapper .form-section-modal .comments-field{margin:10px 0 0 0}
.email-share-modal-wrapper .form-section-modal input.input-error{border:1px solid red;color:red;background:linear-gradient(to right,rgba(195,22,0,0.2),rgba(195,22,0,0.2)),linear-gradient(to right,#fff,#fff)}
.email-share-modal-wrapper .form-section-modal .comments-field{min-height:120px;height:auto;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar}
.email-share-modal-wrapper .form-section-modal .error-message{margin:0 0 10px 0;color:red;font-size:11px;line-height:14px;font-style:normal}
.email-share-modal-wrapper .form-section-modal .btn-send,.email-share-modal-wrapper .form-section-modal .btn-cancel{display:block;width:100%;height:60px;padding:0;margin:0;border-radius:5px;border:0;font-size:14px;text-transform:uppercase;text-align:center;line-height:60px;background-color:transparent;color:#232323;cursor:pointer;font-family:Helvetica,Arial,sans-serif}
.email-share-modal-wrapper .form-section-modal .btn-send{margin:40px 0 0 0;color:#fff;background-color:#09f}
.email-share-modal-wrapper .form-section-modal .btn-send:disabled{opacity:.5;cursor:default}
.email-share-modal-wrapper .view-hidden{display:none}
.email-share-modal-wrapper .view-visible{display:block;clear:both}
.email-share-modal-wrapper .thank-you-wrapper{margin:0 auto}
.email-modal .modal-state:not(.active){display:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.find-your-subaru .find-your-subaru-content .share-container{min-height:219px}
.find-your-subaru .find-your-subaru-content .share-container h2{padding:50px 0 23px 0;font-size:29px}
.email-share-modal-wrapper .email-share-container-modal,.email-share-modal-wrapper .thank-you-view{width:59%}
.email-share-modal-wrapper h1{font-size:34px}
.email-share-modal-wrapper h2,.email-share-modal-wrapper .email-content-modal .subject,.email-share-modal-wrapper .email-content-modal a,.email-share-modal-wrapper .form-section-modal label,.email-share-modal-wrapper .form-section-modal cite{font-size:16px}
.email-share-modal-wrapper .form-section-modal .emails-field,.email-share-modal-wrapper .form-section-modal .name-field,.email-share-modal-wrapper .form-section-modal .comments-field{padding:11px;font-size:16px;resize:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.email-share-container-modal,.email-share-modal-wrapper .thank-you-view{width:70%}
}
.special-offers .icon-plus:before{content:"\e922"}
.special-offers .icon-minus:before{content:"\e91a"}
.special-offers{position:relative;width:100%;overflow:hidden;font-size:16px;font-family:Helvetica,Arial,sans-serif;font-weight:normal;background-color:#efefef}
.special-offers .special-offers-wrapper{position:relative;width:100%;margin:0 auto;padding:0;overflow:auto}
.special-offers .special-offers-content{width:94%;margin:0 auto;padding:0 3%}
.special-offers .special-offers-content p.no-special-offers-content{margin:160px auto;border:1px #ccc solid;padding:75px;text-align:center}
.special-offers .special-offers-content h1,.special-offers .special-offers-content p{width:auto;height:auto;margin:0 auto;padding:0;color:#333;text-align:center;font-weight:normal}
.special-offers .special-offers-content h1{padding:106px 0 0 0;font-size:1.3em;color:#333}
.special-offers .special-offers-content p{padding:14px 13% 0 13%;font-size:.8em;line-height:1.4em}
.special-offers .special-offers-content .offers-container{display:block;width:auto;height:auto;margin:48px 0 0 0;padding:0;background-color:transparent}
.special-offers .offers-container li{display:block;width:auto;height:auto;margin:0 0 13px 0;padding:16px 5% 16px 6.6%;background-color:#fff}
.special-offers .offers-container li h2{position:relative;margin:0;padding:0;font-weight:normal;font-size:.8em;text-align:left;color:#333;cursor:pointer;cursor:hand}
.special-offers .offers-container li a{color:#09f;text-decoration:none}
.special-offers .offers-container h2 i{position:absolute;top:0;right:0;margin:3px 6px 0 0;font-size:.8em;color:#09f}
.special-offers .offers-container p{margin:0;padding:0;text-align:left;font-size:.8em;color:#333;line-height:1.4em}
.special-offers .offers-container p:first-child{padding-top:5px;padding-bottom:20px;font-size:.7em}
.special-offers .offers-container .offer-disclaimer{padding:5px 0 10px 0}
.special-offers .offers-container .offer-disclaimer a{display:inline-block;margin:16px 0 0 0;padding:0;font-weight:normal;font-size:.75em;color:#09f}
.special-offers .offers-container .offer-disclaimer p{display:block;margin:10px 0 0 0;padding:0;font-size:.7em;color:#333}
.special-offers .offers-container .offer-disclaimer a.disclaimer-close{display:inline;margin:0;font-size:.65em}
.special-offers .offers-container .collapsed-state,.special-offers .offers-container p.collapsed-state{display:none}
@keyframes opacityPulse{0,40%{opacity:.1}
20%{opacity:.6}
}
.special-offers .dot-loading{position:relative;margin:50px auto 0;width:100%;display:flex;align-items:flex-start;justify-content:center}
.special-offers .load-dot{height:15px;opacity:.1;border-radius:100%;background-color:#000;-webkit-animation:1.8s linear 0 infinite opacityPulse;-moz-animation:1.8s linear 0 infinite opacityPulse;-ms-animation:1.8s linear 0 infinite opacityPulse;-o-animation:1.8s linear 0 infinite opacityPulse;animation:1.8s linear 0 infinite opacityPulse;width:15px;display:block;margin:0 5px 0 0}
.special-offers .load-dot:nth-child(2){animation-delay:.5s}
.special-offers .load-dot:nth-child(3){animation-delay:1s}
.special-offers-results{position:relative;display:block;overflow:hidden;width:100%;height:100%;min-height:150px}
.special-offers .pre-loader{position:absolute;top:48px;background:#efefef;width:100%;min-height:100%;z-index:2}
@media only screen and (min-width:768px){.special-offers .load-dot{height:30px;width:30px}
.special-offers{margin:0 auto;padding:0}
.special-offers .special-offers-content{width:100%;max-width:661px;margin:0 auto;padding:0}
.special-offers .special-offers-content p.no-special-offers-content{margin:90px auto;border:1px #ccc solid;padding:38px}
.special-offers .special-offers-content h1,.special-offers .special-offers-content p{font-size:12px}
.special-offers .special-offers-content h1{padding:82px 0 0 0;font-size:36px}
.special-offers .special-offers-content p{font-size:18px;padding:27px 95px 0 95px;line-height:25px}
.special-offers .special-offers-content .offers-container{margin:0}
.special-offers .geolocation .geo-wrapper{padding:0;width:100%;margin:0;display:block}
.special-offers .offers-container li{margin:0 0 20px 0;padding:31px}
.special-offers .offers-container li h2{font-size:24px}
.special-offers .offers-container h2 i{margin:8px 11px 0 0;font-size:.6em}
.special-offers .offers-container p{padding:0;font-size:18px;line-height:21px}
.special-offers .offers-container p:first-child{padding-top:5px;padding-bottom:44px;font-size:16px}
.special-offers .offers-container .offer-disclaimer{padding:1px 0 6px 0}
.special-offers .offers-container .offer-disclaimer a{margin:20px 0 10px 0;font-size:18px}
.special-offers .offers-container .offer-disclaimer p{font-size:14px;line-height:21px}
.special-offers .offers-container .offer-disclaimer a.disclaimer-close{font-size:15px}
.ng-modal.special-offers-modal{height:100%}
}
@media only screen and (min-device-width:320px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.safari.iphone .special-offers-content .special-offers-results .offers-container li:last-child{margin-bottom:160px}
.safari.iphone .ng-modal{-webkit-overflow-scrolling:auto}
}
.payment-calculator .payment-wrapper .brz.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .brz.position-2{background-position:0 104.4%}
.payment-calculator .payment-wrapper .brz.position-3{background-position:0 101.4%}
.payment-calculator .payment-wrapper .imp.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .imp.position-2{background-position:0 14.4%}
.payment-calculator .payment-wrapper .imp.position-3{background-position:0 28.8%}
.payment-calculator .payment-wrapper .imp.position-4{background-position:0 42.9%}
.payment-calculator .payment-wrapper .imp.position-5{background-position:0 57.4%}
.payment-calculator .payment-wrapper .imp.position-6{background-position:0 71.6%}
.payment-calculator .payment-wrapper .imp.position-7{background-position:0 85.9%}
.payment-calculator .payment-wrapper .imp.position-8{background-position:0 100.5%}
.payment-calculator .payment-wrapper .wrx.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .wrx.position-2{background-position:0 25.3%}
.payment-calculator .payment-wrapper .wrx.position-3{background-position:0 50.5%}
.payment-calculator .payment-wrapper .wrx.position-4{background-position:0 75.7%}
.payment-calculator .payment-wrapper .wrx.position-5{background-position:0 100.9%}
.payment-calculator .payment-wrapper .leg.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .leg.position-2{background-position:0 20.3%}
.payment-calculator .payment-wrapper .leg.position-3{background-position:0 39.5%}
.payment-calculator .payment-wrapper .leg.position-4{background-position:0 60.3%}
.payment-calculator .payment-wrapper .leg.position-5{background-position:0 79.9%}
.payment-calculator .payment-wrapper .leg.position-6{background-position:0 100.9%}
.payment-calculator .payment-wrapper .previous-year .leg.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .previous-year .leg.position-2{background-position:0 25.3%}
.payment-calculator .payment-wrapper .previous-year .leg.position-3{background-position:0 50.5%}
.payment-calculator .payment-wrapper .previous-year .leg.position-4{background-position:0 75.3%}
.payment-calculator .payment-wrapper .previous-year .leg.position-5{background-position:0 100.9%}
.payment-calculator .payment-wrapper .for.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .for.position-2{background-position:0 26%}
.payment-calculator .payment-wrapper .for.position-3{background-position:0 50.5%}
.payment-calculator .payment-wrapper .for.position-4{background-position:0 75.4%}
.payment-calculator .payment-wrapper .for.position-5{background-position:0 100.7%}
.payment-calculator .payment-wrapper .for.position-6{background-position:0 100.6%}
.payment-calculator .payment-wrapper .obk.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .obk.position-2{background-position:0 17%}
.payment-calculator .payment-wrapper .obk.position-3{background-position:0 33.8%}
.payment-calculator .payment-wrapper .obk.position-4{background-position:0 51.4%}
.payment-calculator .payment-wrapper .obk.position-5{background-position:0 67.9%}
.payment-calculator .payment-wrapper .obk.position-6{background-position:0 84.3%}
.payment-calculator .payment-wrapper .obk.position-7{background-position:0 100.3%}
.payment-calculator .payment-wrapper .previous-year .obk.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .previous-year .obk.position-2{background-position:0 20%}
.payment-calculator .payment-wrapper .previous-year .obk.position-3{background-position:0 39.8%}
.payment-calculator .payment-wrapper .previous-year .obk.position-4{background-position:0 60.4%}
.payment-calculator .payment-wrapper .previous-year .obk.position-5{background-position:0 80.9%}
.payment-calculator .payment-wrapper .previous-year .obk.position-6{background-position:0 100.3%}
.payment-calculator .payment-wrapper .previous-year .ctk.position-2{background-position:0 33.5%%}
.payment-calculator .payment-wrapper .previous-year .ctk.position-3{background-position:0 67.5%}
.payment-calculator .payment-wrapper .previous-year .ctk.position-4{background-position:0 101.3%}
.payment-calculator .payment-wrapper .xv.position-1,.payment-calculator .payment-wrapper .ctk.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .xv.position-2,.payment-calculator .payment-wrapper .ctk.position-2{background-position:0 33.5%}
.payment-calculator .payment-wrapper .xv.position-3,.payment-calculator .payment-wrapper .ctk.position-3{background-position:0 67.3%}
.payment-calculator .payment-wrapper .xv.position-4,.payment-calculator .payment-wrapper .ctk.position-4{background-position:0 100.9%}
.payment-calculator .payment-wrapper .xv.position-5,.payment-calculator .payment-wrapper .ctk.position-5{background-position:0 100.9%}
.payment-calculator .payment-wrapper .asc.position-1{background-position:0 0}
.payment-calculator .payment-wrapper .asc.position-2{background-position:0 32.9%}
.payment-calculator .payment-wrapper .asc.position-3{background-position:0 67%}
.payment-calculator .payment-wrapper .asc.position-4{background-position:0 100.7%}
.payment-wrapper{-webkit-overflow-scrolling:touch;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0}
.vsp-payment-iframe{margin:0 auto;width:94%}
.dropdowns-container,.vsp-payment-iframe .pc-iframe{margin:0}
.vsp-payment-iframe .pc-iframe{width:100% !important;min-height:460px}
.vsp-payment-iframe .dropdowns-container .steps-labels{display:none}
.vsp-payment-iframe .dropdowns-container .pc-dropdowns{margin:0;padding-bottom:0;height:175px}
.vsp-payment-iframe .pc-dropdowns>li:first-child{background-color:#333;border:0}
.payment-calculator .payment-wrapper .local-tooltip .payment-tooltip-mobile{position:relative;display:none;top:10px;background-color:#353535}
.vsp-payment-iframe .dropdown-disabled .arrow-mark{display:none}
.vsp-payment-iframe li.dropdown-disabled{cursor:auto;pointer-events:none}
.vsp-payment-iframe .dropdown-disabled .select{color:#fff}
#trims li p:first-child{text-align:left}
#trims li p:last-child{text-align:right}
.payment-calculator .payment-wrapper p{font-size:.4em;width:inherit;padding:0;text-align:center;line-height:1.4;margin:0;color:#333}
.payment-calculator{width:100%;height:auto;font-size:36px;background-color:#fff;position:relative}
.payment-calculator .desktop-only{display:none}
.payment-calculator .mobile-only{display:inline-block}
.payment-calculator .payment-wrapper h2{font-size:.667em;font-weight:normal;margin:0;padding:50px 0 15px;color:#333;text-align:center}
.payment-calculator .payment-wrapper h3{font-size:.5em;text-transform:uppercase;font-weight:normal;text-align:left;padding-left:5%;margin:40px 0 20px}
.payment-calculator .payment-wrapper .icon-question-mark{font-family:'vspicons';display:none;width:20px;height:20px;border-radius:50%;background-color:#09f;color:#fff;font-size:12px;text-align:center;line-height:20px;cursor:pointer;margin:0 4px;position:relative;bottom:3px}
.payment-calculator .payment-wrapper .icon-question-mark:before{content:"\e924"}
.payment-calculator .payment-wrapper .icon-question-mark:hover{background-color:#333}
@media only screen and (min-width:768px){.payment-calculator .payment-wrapper .icon-question-mark{display:inline-block}
.dropdowns-container .custom-select.trims li p:first-child{padding:0}
.payment-calculator .payment-wrapper .clear{clear:both}
.payment-calculator .desktop-only{display:inline-block}
.payment-calculator .mobile-only{display:none}
.payment-calculator .payment-wrapper h2{margin:0;padding:90px 0 12px;font-size:36px}
.payment-calculator .payment-wrapper h3{font-size:18px;text-align:left;width:100%;padding:0;margin:0}
.payment-calculator .payment-wrapper p{padding:0;width:auto;margin:0 auto;font-size:18px;font-weight:normal;color:#999}
.payment-calculator .payment-wrapper .local-tooltip{position:relative;opacity:none}
.payment-calculator .payment-wrapper .local-tooltip .payment-tooltip{width:380px;border-radius:6px;text-transform:none;display:none;background-color:#333;z-index:3;position:absolute}
.payment-calculator .payment-wrapper .payment-tooltip.active{display:block}
.payment-calculator .payment-wrapper h2 .local-tooltip{opacity:1}
.payment-calculator .payment-wrapper h2 .local-tooltip .payment-tooltip{top:40px;left:50%}
.payment-calculator .payment-wrapper .trade-cash .col-two .local-tooltip .payment-tooltip{top:-15px;left:30px}
.payment-calculator .payment-wrapper .trade-cash .last-column .local-tooltip .payment-tooltip{top:-15px;left:-380px}
.payment-calculator .payment-wrapper .payment-tooltip p{width:300px;height:auto;font-size:12px;color:#fff;padding-top:100px;text-align:left;text-transform:none;padding:15px;position:relative;line-height:1.4}
.vsp-payment-iframe{margin:0 auto;min-height:auto;width:75%}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.vsp-payment-iframe{width:94%}
}
@media screen and (min-device-width:768px) and (max-device-width:1080px) and (-webkit-min-device-pixel-ratio:2){.payment-calculator .payment-wrapper h2{font-size:28px}
.payment-calculator .payment-wrapper h3{font-size:14px}
.payment-calculator .payment-wrapper p{font-size:14px}
.payment-calculator .payment-wrapper h2 .local-tooltip .payment-tooltip{top:40px;left:-400%}
.payment-calculator .payment-wrapper .payment-tooltip p{font-size:.675rem}
}
.local-inventory{overflow:hidden;width:100%;height:auto;font-size:36px;background-color:#efefef;position:relative}
.local-inventory .retailer-wrapper{max-width:1440px;height:auto;margin:0 auto;color:#333;text-align:center;position:relative}
.local-inventory .retailer-wrapper .no-retailers-error{width:inherit;margin-top:50px;height:100vh}
.local-inventory .retailer-wrapper .no-retailers-error p{color:#c31600;font-weight:900}
.local-inventory .retailer-wrapper .retailer-container{margin:0 auto;text-align:left;width:100%;height:100%}
.local-inventory .retailer-wrapper .retailer-container a:link,.local-inventory .retailer-wrapper .retailer-container a:visited,.local-inventory .retailer-wrapper .retailer-container a:active{color:#fff}
.local-inventory .retailer-wrapper h2{font-size:.667em;font-weight:normal;margin:0;padding:50px 0 15px}
.local-inventory .retailer-wrapper h3{font-size:.557em;text-transform:uppercase;font-weight:normal;text-align:left;padding-left:0;margin:40px 0 20px}
.local-inventory .retailer-wrapper p{font-size:.4em;width:inherit;padding:0 10%;text-align:center;line-height:1.4;margin:0}
.local-inventory .retailer-wrapper .retailer-container .data-retailer{width:90%;margin:20px auto;height:150px;background-color:#fff}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image{width:50%;height:inherit;padding:0;margin:0;float:left;position:relative}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image .pin{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image .pin .icon-pin{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:0}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image .pin .icon-pin:before{font-size:30px;color:#333;content:"\e920"}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image .pin .number{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;font-size:14px;color:#fff}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image img{border:0;width:100%;height:100%;margin:0;padding:0}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info{width:50%;height:inherit;padding:0;float:left}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info span{display:block;width:auto;height:auto;font-size:.9em;padding:8px 10px 0;text-align:left}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-name{font-weight:bold}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web a:link,.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web a:visited,.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web a:active,.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web a:hover{color:#09f;font-weight:normal}
.local-inventory .geolocation .geo-retailer .geolocationMark::before{left:-2px;top:-12px}
.local-inventory .geolocation-li.geolocation{width:90%;margin:0 auto;padding-bottom:65px}
.local-inventory .geolocation .geo-retailer .geo-RetailerInfo{text-align:left;width:calc(100% - 77px);display:flex;align-items:center;justify-content:space-between}
.local-inventory .geolocation .geo-retailer .geolocationIcon{bottom:35px;left:33px}
.local-inventory .geolocation .geo-retailer .geo-retailerWebSiteCopy{padding-right:20px}
.local-inventory .geolocation .geo-nearRetailer-wrapper .geo-retailerList-title{margin-top:25px}
.local-inventory .geolocation .geo-defaultRetailer-title,.local-inventory .geolocation .geo-nearRetailer-wrapper .geo-retailerList-title{font-size:.8em;margin:15px 0;padding:0}
@media only screen and (min-width:768px){.local-inventory .retailer-wrapper{width:inherit;height:auto}
.local-inventory .retailer-wrapper .no-retailers-error{height:100%}
.local-inventory .retailer-wrapper h2{margin:0;padding:90px 0 26px;font-size:36px}
.local-inventory .retailer-wrapper h3{font-size:.8em;text-align:left;width:100%;padding:0;margin:0}
.local-inventory .retailer-wrapper p{padding:0;width:auto;margin:0 auto;font-size:18px;font-weight:normal}
.local-inventory .retailer-wrapper .retailer-container{width:660px;position:relative;padding-top:43px}
.local-inventory .retailer-wrapper .retailer-container .more-retailers-title{margin-top:57px}
.local-inventory .retailer-wrapper .retailer-container .data-retailer{height:90px;width:660px;position:relative;margin:7px auto 20px}
.local-inventory .retailer-wrapper .retailer-container .data-retailer .map-image{width:81px;height:inherit;padding:0;margin:0;float:left}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info{width:540px;height:inherit;padding:0;float:left}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info span{padding:6px 0 0 0;width:384px}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web{height:inherit;width:136px;margin:0;padding:0;position:absolute;top:0;right:0;text-align:center}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info .retailer-web a{display:block;height:20px;width:100%;margin:35px 0}
.local-inventory .geolocation .geo-retailer .geolocationMark::before{left:0;top:-2px}
.local-inventory .geolocation-li.geolocation{width:100%;margin:0}
.local-inventory .geolocation .geo-retailer .geolocationIcon{bottom:15px;left:35px}
.local-inventory .geolocation .geo-defaultRetailer-title,.local-inventory .geolocation .geo-nearRetailer-wrapper .geo-retailerList-title{padding:0;margin:27px 0 18px}
}
.retailer-wrapper .change-retailer .change-retailer-button{text-transform:uppercase;font-size:.54em;color:#09f}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.local-inventory .retailer-wrapper h2{font-size:28px}
.local-inventory .retailer-wrapper h3{font-size:14px}
.local-inventory .retailer-wrapper p{font-size:17px}
.local-inventory .retailer-wrapper .retailer-container .data-retailer p.retailer-info span{font-size:13px}
}
.modal-open{position:fixed}
.schedule-a-test-drive{position:relative;width:100%}
.schedule-a-test-drive .schedule-container{position:relative;width:100%;height:100%;min-height:1050px;margin:0 auto}
.schedule-a-test-drive .schedule-wrapper{margin:0 auto;color:#333;font-family:Helvetica,Arial,sans-serif}
.schedule-a-test-drive .schedule-wrapper form{padding:0 0 25% 0;margin:0 5%}
.schedule-a-test-drive .schedule-text{text-align:center;width:90%;margin:0 auto 30px;font-size:14px}
.schedule-a-test-drive .schedule-text .title{margin:0;padding:50px 0 5px;font-weight:normal;font-size:24px}
.schedule-a-test-drive .schedule-text p{font-size:14px;margin:5px 0}
.schedule-a-test-drive .column{margin:5% 0}
.schedule-a-test-drive .column>div{border:0}
.schedule-a-test-drive .column.mob-2{width:50%;float:left;padding:0 5px 0 0}
.schedule-a-test-drive .column.mob-2:last-child{padding:0 0 0 5px}
.schedule-a-test-drive .column input,.schedule-a-test-drive .column select{background-color:#fff;display:block;margin:8px 0;padding:11px;opacity:1;border:0;min-height:56px;height:56px;width:100%;font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#666}
.schedule-a-test-drive .column .ui-select>div{padding:8.6px;min-height:56px}
.schedule-a-test-drive .column select{padding:8.6px}
.schedule-a-test-drive .column .ui-corner-all{border-radius:0}
.schedule-a-test-drive .column label{display:none}
.schedule-a-test-drive .column input.datepicker{background-image:url("../../../../../../content/dam/subaru/vehicles/global/calendar.png");background-repeat:no-repeat;background-position:calc(100% - 10px)}
.schedule-a-test-drive .column select,.schedule-a-test-drive .column .ui-select .ui-btn select{color:#666;background-image:url("../../../../../../content/dam/subaru/vehicles/global/dropdown_arrow.png");background-repeat:no-repeat;background-position:calc(100% - 10px);z-index:1;-webkit-appearance:none}
.schedule-a-test-drive .column select::-ms-expand{display:none}
.schedule-a-test-drive .schedule-wrapper form .btn-schedule{width:100%;margin:0;padding:15px;display:inline-block;border-radius:7px;background-color:#09f;color:#fff;cursor:pointer;border:0;font-family:Helvetica,Arial,Sans-serif;font-size:16px;text-align:center}
.schedule-a-test-drive .btn-schedule:disabled{opacity:.5;cursor:default}
.schedule-a-test-drive .clear{clear:both;display:block}
.schedule-a-test-drive .clear *,.schedule-a-test-drive .clear *:after,.schedule-a-test-drive .clear *:before{box-sizing:border-box}
.schedule-a-test-drive .clear:after,.schedule-a-test-drive .clear:before{display:table}
.schedule-a-test-drive .column .input-error{border:1px solid red;color:red;background:linear-gradient(to right,rgba(195,22,0,0.2),rgba(195,22,0,0.2)),linear-gradient(to right,#fff,#fff)}
.schedule-a-test-drive .error-message{font-size:12px;display:none;color:red;text-align:left;font-style:normal}
.schedule-a-test-drive input::-webkit-input-placeholder{color:#999}
.schedule-a-test-drive input.datepicker::-webkit-input-placeholder{color:#999}
.schedule-a-test-drive .schedule-wrapper .error-message.geo-zipError{display:none}
.schedule-a-test-drive .geolocation .geo-section .geo-zipError.hawaiiError,.schedule-a-test-drive .geolocation .geo-section .geo-zipError.simpleError,.schedule-a-test-drive .geolocation .geo-section .geo-zipError.hawaiiError .geo-hawaii-zipcode,.schedule-a-test-drive .geolocation .geo-section .geo-zipError.simpleError .geo-invalid-zipcode{display:block}
.schedule-a-test-drive .step2Title,.schedule-a-test-drive .step1Title{font-size:16px;text-align:left;font-weight:bold;margin:0}
.schedule-a-test-drive .step1Disclaimer{font-size:14px;margin:0;font-weight:bold;text-align:right;color:#999}
.schedule-a-test-drive .step1-wrapper{width:100%;display:flex;align-items:flex-start;justify-content:space-between}
.schedule-a-test-drive .modal-state:not(.active){display:none}
.current-retailer{padding:0;margin:0}
.current-retailer h5{font-size:.8125rem;font-weight:400;text-transform:uppercase;display:inline-block;padding-bottom:10px;color:#999;margin:0 0 14px 0;letter-spacing:.5px}
.current-retailer .change-retailer-button{display:inline-block;margin-left:16px}
.current-retailer .change-retailer-button h2 a{color:#09f;font-weight:bold;letter-spacing:2px;margin-left:0;font-size:.54em}
.current-retailer .change-retailer-button button{-webkit-tap-highlight-color:transparent;border:0;padding:0;font-family:Helvetica,Arial,sans-serif;background-color:transparent}
.current-retailer .phone,.current-retailer .address{font-size:.875rem;padding-left:27px;position:relative;margin:0;line-height:1.34rem;color:#999}
.current-retailer .address span{display:block;letter-spacing:.5px}
.current-retailer .address .retailer-name{font-weight:700;color:#333;letter-spacing:.7px}
.current-retailer .phone a{color:#09f}
.current-retailer .show-for-medium-up{display:none}
.current-retailer .address [class^="icon-"]{top:2px}
.current-retailer .address [class^="icon-"]:before{font-size:.875rem}
.current-retailer .icon-pin-open:before{content:"\e921"}
.current-retailer .icon-phone:before{content:"\e91f"}
.current-retailer .address [class^="icon-"]{position:absolute;top:2px;left:-2px}
.current-retailer .phone [class^="icon-"]{position:absolute;top:2px;left:-1px}
.current-retailer .map{position:relative;height:128px;margin:33px 0 0 0;padding:0;overflow:hidden}
.current-retailer .map img{position:relative;top:50%;display:inline-block;max-width:100%;height:auto;vertical-align:middle;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.current-retailer .map i{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;color:#09f;font-size:32px}
.schedule-container .geo-wrapper{padding:0;margin:0}
.schedule-container .geolocation .geo-section select.geo-retailerList-selectbox{height:56px}
.schedule-container .geolocation .geo-retailerListArrow::before{top:28px}
.schedule-container .geolocation .geo-section .geo-submit{display:none}
.schedule-container .geolocation .geo-retailer-wrapper{margin:35px 0}
.schedule-container .geolocation .geo-hideElement{display:none}
.schedule-container .current-retailer{margin-top:20px}
@media only screen and (min-device-width:375px) and (min-device-height:812px) and (orientation:portrait){.schedule-a-test-drive .schedule-wrapper form{margin:0 5% 15% 5%}
}
@media screen and (min-width:768px){.schedule-a-test-drive .schedule-container{max-width:1440px;height:100%;min-height:100vh}
.schedule-a-test-drive .schedule-wrapper{width:605px}
.schedule-a-test-drive .schedule-wrapper form{padding:32px 0;margin:0}
.schedule-a-test-drive .schedule-text{width:100%}
.schedule-a-test-drive .schedule-text .title{padding:50px 0 5px;font-size:36px}
.schedule-a-test-drive .schedule-text p{font-size:18px;margin:5px 0}
.schedule-a-test-drive .column{margin:0;position:relative;padding:10px 5px;float:left}
.schedule-a-test-drive .column.col-4:first-child{padding:0 5px 10px 0}
.schedule-a-test-drive .column.col-4:last-child{padding:0 0 10px 5px}
.schedule-a-test-drive .column label{display:block;font-size:16px;margin:0}
.schedule-a-test-drive .column span.optional{color:#a9a9a9}
.schedule-a-test-drive .schedule-wrapper form .btn-schedule{width:100%;margin:0 0 30px;font-size:18px;height:60px;text-align:center}
.schedule-a-test-drive .error-message{font-size:12px}
.schedule-a-test-drive .col-6{width:50%;margin:0}
.schedule-a-test-drive .column input{padding:17.5px}
.schedule-a-test-drive .column .ui-select>div{padding:21px}
.schedule-a-test-drive .column input{font-size:18px;color:#666}
.schedule-a-test-drive .column select{font-size:18px;padding:18px 22px;height:60px}
.schedule-a-test-drive .col-4,.schedule-a-test-drive .column.mob-2{width:33.3333333333%;padding:0 5px}
.schedule-a-test-drive input::-webkit-input-placeholder{color:transparent}
.schedule-a-test-drive input.datepicker::-webkit-input-placeholder{color:#666}
.schedule-a-test-drive input:-moz-placeholder{color:transparent;opacity:1}
.schedule-a-test-drive input.datepicker:-moz-placeholder{color:#666;opacity:1}
.schedule-a-test-drive input::-moz-placeholder{color:transparent;opacity:1}
.schedule-a-test-drive input.datepicker::-moz-placeholder{color:#666;opacity:1}
.schedule-a-test-drive input[type='text']:-ms-input-placeholder,.schedule-a-test-drive input[type='email']:-ms-input-placeholder,.schedule-a-test-drive input[type='tel']:-ms-input-placeholder{color:transparent}
.schedule-a-test-drive input[type='text'].datepicker:-ms-input-placeholder{color:#666;font-size:18px}
.schedule-a-test-drive input[type='text']::-ms-clear,.schedule-a-test-drive input[type='email']::-ms-clear,.schedule-a-test-drive input[type='tel']::-ms-clear{display:none}
.current-retailer{overflow:hidden;padding:0;margin:0}
.current-retailer .medium-6{width:50%;position:relative;float:left}
.current-retailer .map{margin:0;height:80px}
.schedule-a-test-drive .column.col-6.col-right{width:51%;padding:0 0 0 3%}
.schedule-a-test-drive .column.col-6.col-right input{width:100%;height:60px}
.schedule-a-test-drive .geo-retailer-wrapper .geo-label{display:none}
.schedule-container .geolocation .geo-retailer-wrapper{margin:30px 0}
.schedule-a-test-drive .column.col-6.col-left{width:48%;padding:0;margin:0 0 5px 0}
.schedule-a-test-drive .column.col-6.col-left input{width:100%;height:60px}
.schedule-container .current-retailer{margin-top:20px}
.schedule-a-test-drive .step1-wrapper{margin-bottom:28px}
.schedule-a-test-drive .clear{clear:both;overflow:hidden}
.schedule-a-test-drive .step2Title{margin-top:20px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.schedule-a-test-drive .clear{clear:both;overflow:hidden}
.schedule-a-test-drive .step2Title{margin-top:20px}
.schedule-a-test-drive .step1-wrapper{margin-bottom:28px}
.schedule-a-test-drive .column.col-6.col-right{width:51%;padding:0 0 0 3%}
.schedule-a-test-drive .column.col-6.col-right input{width:100%;height:60px}
.schedule-a-test-drive .column.col-6.col-left{width:48%;padding:0;margin:0 0 5px 0}
.schedule-a-test-drive .column.col-6.col-left input{width:100%;height:60px}
.schedule-a-test-drive .schedule-wrapper{width:605px}
.schedule-a-test-drive .schedule-wrapper form{padding:32px 0;margin:0}
.schedule-a-test-drive .schedule-text .title{padding:50px 0 5px;font-size:28px}
.schedule-a-test-drive .schedule-text p{font-size:17px;margin:5px 0}
.schedule-a-test-drive .column{margin:0;position:relative;padding:10px 5px;float:left;text-align:center}
.schedule-a-test-drive .column.col-4:first-child{padding:0 5px 10px 0}
.schedule-a-test-drive .column.col-4:last-child{padding:0 0 10px 5px}
.schedule-a-test-drive .column label{display:block;font-size:14px;margin:0}
.schedule-a-test-drive .column span.optional{color:#a9a9a9}
.schedule-a-test-drive .schedule-wrapper form .btn-schedule{width:100%;margin:40px 0 30px;font-size:14px}
.schedule-a-test-drive span.error-message{font-size:14px}
.schedule-a-test-drive .col-6{width:50%;margin:0}
.schedule-a-test-drive .column input{font-size:14px;padding:21.5px}
.schedule-a-test-drive .column select{font-size:14px;height:60px}
.schedule-a-test-drive .col-4,.schedule-a-test-drive .column.mob-2{width:33.3333333333%;padding:0 5px}
.schedule-a-test-drive .column input.datepicker::-webkit-input-placeholder{color:#666;font-size:14px}
}
.schedule-a-test-drive .schedule-container .animate-thanks{-webkit-animation:.5s hide;animation:.5s hide}
@-webkit-keyframes hide{0{opacity:1;transform:scale(1)}
30%{transform:scale(1.02)}
100%{opacity:0;transform:scale(0.5)}
}
.schedule-a-test-drive .schedule-container .animate-thanks{-webkit-animation:.3s show;animation:.3s show}
@-webkit-keyframes show{0{opacity:0;transform:scale(0.5)}
70%{transform:scale(1.02)}
100%{opacity:1;transform:scale(1)}
}
.request-a-quote .raq-wrapper .raq-form .error-message{font-style:normal}
.request-a-quote{width:100%;font-size:36px;background-color:#efefef;position:relative;font-family:Helvetica,Arial,sans-serif}
.thank-you-request-modal{display:none}
.request-a-quote .raq-wrapper{max-width:1440px;min-height:100vh;height:100%;margin:0 auto;color:#333;text-align:center;position:relative}
.request-a-quote .raq-wrapper .animate-thanks{-webkit-animation:.5s hide;animation:.5s hide}
@-webkit-keyframes hide{0{opacity:1;transform:scale(1)}
30%{transform:scale(1.02)}
100%{opacity:0;transform:scale(0.5)}
}
.request-a-quote .raq-wrapper .animate-thanks{-webkit-animation:.3s show;animation:.3s show}
@-webkit-keyframes show{0{opacity:0;transform:scale(0.5)}
70%{transform:scale(1.02)}
100%{opacity:1;transform:scale(1)}
}
.request-a-quote .raq-wrapper .raq-close{display:block;position:absolute;top:10px;right:10px;padding:3%;height:25px;width:25px;cursor:pointer;background:url('../../../../../../content/dam/subaru/vehicles/global/close.png') no-repeat center center}
.request-a-quote .raq-wrapper h2{font-size:.667em;font-weight:normal;margin:0;padding:50px 0 15px}
.request-a-quote .raq-wrapper h2+p{font-size:.4em;width:inherit;padding:0 10%;text-align:center;line-height:normal;margin:0}
.request-a-quote .raq-wrapper .raq-form{padding:25px 0 75px;margin:0 5%}
.request-a-quote .raq-wrapper .raq-form .clear::after,.request-a-quote .raq-wrapper .raq-form .clear::before{content:none !important;display:block}
.request-a-quote .raq-wrapper .raq-form .column{margin:.5em 0;text-align:left}
.request-a-quote .raq-wrapper .raq-form .column>div{border:0}
.request-a-quote .raq-wrapper .raq-form .column input{display:block;background-color:#fff;padding:13px;opacity:1;border:0;width:100%;border-radius:0;color:#666;font-size:.45em;min-height:3.7em;font-family:Helvetica,Arial,sans-serif;margin:0 0 18px}
.request-a-quote .raq-wrapper .raq-form .columns .ui-corner-all{border-radius:0}
.request-a-quote .raq-wrapper .raq-form .column label{display:none}
.request-a-quote .raq-wrapper .raq-form .column select{color:#a9a9a9;background-image:url("../../../../../../content/dam/subaru/vehicles/global/dropdown_arrow.png");background-repeat:no-repeat;background-position:calc(100% - 15px)}
.request-a-quote .raq-wrapper .raq-form .btn-raq{width:100%;margin:0;padding:15px;display:inline-block;border-radius:7px;background-color:#09f;color:#fff;border:0;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:bold;text-align:center}
.request-a-quote .raq-wrapper .raq-form .btn-raq:disabled{opacity:.5;cursor:default;text-align:center}
.request-a-quote .raq-wrapper .raq-form .clear{clear:both;overflow:hidden}
.request-a-quote .raq-wrapper .raq-form .clear *,.request-a-quote .raq-wrapper .raq-form .clear *:after,.request-a-quote .raq-wrapper .raq-form .clear *:before{box-sizing:border-box}
.request-a-quote .raq-wrapper .raq-form .clear:after,.request-a-quote .raq-wrapper .raq-form .clear:before{display:table;content:""}
.request-a-quote .raq-wrapper .raq-form input.input-error{border:1px solid red;color:red;background:linear-gradient(to right,rgba(195,22,0,0.2),rgba(195,22,0,0.2)),linear-gradient(to right,#fff,#fff)}
.request-a-quote .raq-wrapper .raq-form .error-message{font-size:12px;display:none;color:red;text-align:left}
.request-a-quote .raq-wrapper .raq-form .error-message.geo-zipError{display:none}
.request-a-quote .geolocation .geo-section .geo-zipError.hawaiiError,.request-a-quote .geolocation .geo-section .geo-zipError.simpleError,.request-a-quote .geolocation .geo-section .geo-zipError.hawaiiError .geo-hawaii-zipcode,.request-a-quote .geolocation .geo-section .geo-zipError.simpleError .geo-invalid-zipcode{display:block}
.request-a-quote .step2Title,.request-a-quote .step1Title{font-size:16px;text-align:left;font-weight:bold;margin:0}
.request-a-quote .step1Disclaimer{font-size:14px;margin:0;text-align:right;font-weight:bold;color:#999}
.request-a-quote .step1-wrapper{width:100%;display:flex;align-items:baseline;justify-content:space-between;margin:0 0 29px 0}
.request-a-quote .modal-state:not(.active){display:none}
.request-a-quote select{z-index:0}
.request-a-quote input::-webkit-input-placeholder{color:#999}
.request-a-quote input:-moz-placeholder{color:#999;opacity:1}
.request-a-quote input::-moz-placeholder{color:#999;opacity:1}
.request-a-quote .raq-form .column input:-ms-input-placeholder{color:#999}
.request-a-quote input::-webkit-input-placeholder{color:#999}
.request-a-quote .raq-form .column input.input-error:-ms-input-placeholder{color:#999}
.raq-wrapper .current-retailer{padding:25px 0 0;margin:0 5%;overflow:hidden;text-align:left}
.raq-wrapper .current-retailer h5{font-size:.8125rem;font-weight:400;text-transform:uppercase;display:inline-block;padding-bottom:10px;color:#999;margin:0 0 14px 0;letter-spacing:.5px}
.raq-wrapper .current-retailer .change-retailer-button{display:inline-block;margin-left:16px}
.raq-wrapper .current-retailer .change-retailer-button .btn-change{color:#09f;font-weight:bold;letter-spacing:2px;margin-left:0;font-size:.8125rem}
.raq-wrapper .current-retailer .change-retailer-button button{-webkit-tap-highlight-color:transparent;border:0;padding:0;font-family:Helvetica,Arial,sans-serif;background-color:transparent}
.raq-wrapper .current-retailer .phone,.raq-wrapper .current-retailer .address{font-size:.875rem;padding-left:27px;position:relative;margin:0;line-height:1.34rem;color:#999}
.raq-wrapper .current-retailer .address span{display:block;letter-spacing:.5px}
.raq-wrapper .current-retailer .address .retailer-name{font-weight:700;color:#333;letter-spacing:.7px}
.raq-wrapper .current-retailer .phone a{color:#09f}
.raq-wrapper .current-retailer .show-for-medium-up{display:none}
.raq-wrapper .current-retailer .address [class^="icon-"]{top:2px}
.raq-wrapper .current-retailer .address [class^="icon-"]:before{font-size:.875rem}
.raq-wrapper .current-retailer .icon-pin-open:before{content:"\e921"}
.raq-wrapper .current-retailer .icon-phone:before{content:"\e91f"}
.raq-wrapper .current-retailer .address [class^="icon-"]{position:absolute;top:2px;left:2px}
.raq-wrapper .current-retailer .phone [class^="icon-"]{position:absolute;top:2px;left:2px}
.raq-wrapper .current-retailer .map{position:relative;height:128px;margin:33px 0 0 0;padding:0;overflow:hidden}
.raq-wrapper .current-retailer .map img{position:relative;top:50%;display:inline-block;max-width:100%;height:auto;vertical-align:middle;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.raq-wrapper .current-retailer .map i{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;color:#09f;font-size:32px}
.raq-wrapper .geolocation .geo-section .geo-submit{display:none}
@media only screen and (min-device-width:375px) and (min-device-height:812px) and (orientation:portrait){.request-a-quote .raq-wrapper .raq-form{margin:0 5% 15% 5%}
}
@media only screen and (min-width:768px){.request-a-quote .raq-wrapper .raq-form .column input{margin:0 0 15px;width:96%}
.request-a-quote .raq-wrapper{width:inherit}
.request-a-quote .raq-wrapper .raq-form .column>div{width:100%;padding:0;margin:0 0 15px 0}
.request-a-quote .raq-wrapper .raq-close{padding:10px}
.request-a-quote .raq-wrapper h2{margin:0;padding:78px 0 0;font-size:36px}
.request-a-quote .raq-wrapper h2+p{font-size:18px;margin:5px 0 0;width:auto}
.request-a-quote .raq-wrapper .raq-form{padding:82px 0 82px;margin:0 auto;width:605px}
.request-a-quote .raq-wrapper .raq-form .clear:after,.request-a-quote .raq-wrapper .raq-form .clear:before{content:"";display:table}
.request-a-quote .raq-wrapper .raq-form .column{margin:0;padding:0}
.request-a-quote .raq-wrapper .column{position:relative;float:left}
.request-a-quote .raq-wrapper .raq-form .column label{display:block;font-size:16px;float:left;color:#333;margin:0 0 5px 0}
.request-a-quote .raq-wrapper .raq-form .optional-label{text-transform:capitalize;color:#999}
.request-a-quote .raq-wrapper .raq-form .column span.optional{color:#a9a9a9}
.request-a-quote .raq-wrapper .column.col-12{width:100%;padding:0}
.request-a-quote .raq-wrapper .column.col-6{width:50%}
.request-a-quote .raq-wrapper .column input{padding:17.5px;font-size:18px}
.request-a-quote .raq-wrapper .raq-form .btn-raq{width:calc(100% - 5px);height:60px;margin:30px 0 0 0;padding:0;display:block;text-align:center}
.request-a-quote .raq-wrapper .raq-form .error-message{font-size:12px;font-style:normal;text-align:left;color:red}
.request-a-quote input::-webkit-input-placeholder{color:transparent}
.request-a-quote input:-moz-placeholder{color:transparent;opacity:1}
.request-a-quote input::-moz-placeholder{color:transparent;opacity:1}
.request-a-quote .raq-form .column input[type='text']:-ms-input-placeholder,.request-a-quote .raq-form .column input[type='email']:-ms-input-placeholder,.request-a-quote .raq-form .column input[type='tel']:-ms-input-placeholder{color:transparent}
.request-a-quote select::-ms-expand{display:none}
.request-a-quote input[type='text']::-ms-clear,.request-a-quote input[type='email']::-ms-clear,.request-a-quote input[type='tel']::-ms-clear{display:none}
.request-a-quote input.input-error::-webkit-input-placeholder{color:transparent}
.request-a-quote input.input-error:-moz-placeholder{color:transparent;opacity:1}
.request-a-quote input.input-error::-moz-placeholder{color:transparent;opacity:1}
.request-a-quote .raq-form .column input.input-error:-ms-input-placeholder{color:red}
.request-a-quote .raq-wrapper .column.col-sm-6{width:50%}
.raq-wrapper .current-retailer{padding:68px 0 0;margin:0 auto;width:605px}
.raq-wrapper .current-retailer .info,.raq-wrapper .current-retailer .map{padding:0 5px}
.raq-wrapper .current-retailer .medium-6{width:50%;position:relative;float:left}
.raq-wrapper .current-retailer .map{margin:0;height:80px}
.request-a-quote .raq-wrapper .column.col-6.col-right{width:49%;padding:0 0 0 1%}
.request-a-quote .raq-wrapper .raq-form .column.col-6.col-right input{width:100%}
.request-a-quote .geolocation .geo-wrapper{padding:0}
.request-a-quote .raq-wrapper .raq-form .clear.step2Wrapper{margin-top:32px}
.request-a-quote .geolocation-gtp.geolocation{margin-top:31px}
.request-a-quote .raq-wrapper .raq-form .geo-label{margin-bottom:7px}
.request-a-quote .geolocation .geo-zip-options.flex-elements{height:auto;margin:0}
.request-a-quote .geolocation .geo-wrapper .ui-btn-icon-right::after{right:5%}
.request-a-quote .geolocation .geo-retailer-wrapper{padding-top:11px}
.request-a-quote .geolocation .geo-retailer-wrapper{width:69.4%}
.request-a-quote .geolocation .geo-retailer-wrapper label{text-align:left}
.request-a-quote .step2Title,.request-a-quote .step1Title{font-size:18px}
}
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.request-a-quote .raq-wrapper .raq-form .column input{width:96%}
.request-a-quote .raq-wrapper h2{font-size:28px}
.request-a-quote .raq-wrapper p{font-size:17px}
.request-a-quote .raq-wrapper .raq-form .column label{font-size:14px}
.request-a-quote .step2Title,.request-a-quote .step1Title{font-size:18px}
}
.back-to-top{text-align:center;text-transform:uppercase;width:100%;position:relative}
.back-to-top .text-wrapper{padding:17px 0 20px 0}
.back-to-top .top-scroller,.back-to-top .top-scroller:link,.back-to-top .top-scroller:active,.back-to-top .top-scroller:hover,.back-to-top .top-scroller:visited{color:#09f;font-size:12px}
.back-to-top .top-scroller{display:inline-block}
.back-to-top .top-scroller:hover{font-weight:bold;color:#333}
.back-to-top .back-to-top-image{display:inline-block;height:31px;width:30px;margin:0 auto;background-repeat:no-repeat}
.back-to-top p{margin:4px 0 0 0}
@media only screen and (min-width:768px){.back-to-top .text-wrapper{padding:49px 0 53px 0;max-width:1440px;margin:0 auto}
.back-to-top .top-scroller,.back-to-top .top-scroller:link,.back-to-top .top-scroller:active,.back-to-top .top-scroller:hover,.back-to-top .top-scroller:visited{font-size:18px}
.back-to-top p{margin-top:12px}
.back-to-top .back-to-top-image{height:40px;width:40px}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ui-mobile .ui-page.ui-page-active{height:auto !important;overflow:hidden !important}
}
#CAO_EmbeddedChat{z-index:9999 !important}
.ba-slider{overflow:hidden;padding-bottom:46px;position:relative}
.ba-slider img{display:block;max-width:none;width:100%}
.ba-slider .resize{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}
.ba-slider .handle{background:#09f;cursor:-webkit-grab;cursor:grab;height:calc(140px);left:50%;margin-left:-2px;position:absolute;top:calc((100% - 186px) / 2);width:3px}
.cargo-versatility-obk .ba-slider .handle{height:57%;top:calc((100vw - 85vw) / 2)}
.ba-slider .ba-draggable{cursor:-webkit-grabbing;cursor:grabbing}
.ba-slider .handle:after{background:#fff;border-radius:50%;-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px 1px rgba(0,0,0,.2);color:#09f;content:'\2759\2759\2759';font-size:8px;font-weight:bold;height:24px;letter-spacing:1px;line-height:24px;margin:-12px 0 0 -10px;position:absolute;text-align:center;top:50%;width:24px}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.safari .ba-slider .handle:after{letter-spacing:-3px;line-height:22px;margin:-12px 0 0 -11px;padding-right:2px;width:22px}
}
@media screen and (device-aspect-ratio:40/71) and (orientation :landscape){.image-compare-slider-container .slider-label{top:50px}
}
@media only screen and (max-width:767px) and (orientation :landscape){.ba-slider .handle{height:240px;top:calc((100% - 286px) / 2)}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ba-slider .handle{cursor:move}
.ba-slider .ba-draggable{cursor:move}
}
@media screen and (min-width:768px){.ba-slider .handle{height:260px;top:calc((100% - 300px) / 2)}
.cargo-versatility-obk .ba-slider .handle{height:235px;top:calc((100% - 272px) / 2)}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.ba-slider .handle{height:200px;top:calc((100% - 250px) / 2)}
}
@media only screen and (min-width:1025px){.ba-slider .handle{height:250px;left:49.3%;top:calc((100% - 290px) / 2);width:4px}
.cargo-versatility-obk .ba-slider .handle{height:62%;top:calc((100% - 280px) / 2)}
.ba-slider .handle:after{content:url(../../../../../../content/dam/subaru/vehicles/2019/ASC/vsp/cargo-versatility-image-slider/icons/destkop-slider-handle-icon.jpg);font-size:14px;height:40px;letter-spacing:1px;line-height:50px;margin:-20px 0 0 -18px;padding:0;width:40px}
}
@media only screen and (min-width:1200px){.cargo-versatility-obk .ba-slider .handle{height:62%;top:calc((100% - 362px) / 2)}
}
@media only screen and (min-width:667px) and (max-width:766px){.cargo-versatility-obk .ba-slider .handle{height:calc(33vw);top:calc((100% - 39.5vw) / 2)}
}
@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){.ba-slider .handle{height:210px;top:calc((100% - 250px) / 2)}
}
input[type=range].seats-up-down-slider{-webkit-appearance:none;width:88%;margin:0;padding:9.5px 0 9.5px 5%}
input[type=range].seats-up-down-slider:focus{outline:0}
input[type=range].seats-up-down-slider::-webkit-slider-runnable-track{background:#09f;border-radius:1px;border:0 solid #09f;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:3px;width:100%}
input[type=range].seats-up-down-slider::-webkit-slider-thumb{background:#fff;border:1px solid #fff;border-radius:50px;box-shadow:0 2px 2px #c7c7c7,0 0 2px #d4d4d4;cursor:pointer;height:24px;margin-top:-10.5px;width:24px;-webkit-appearance:none}
input[type=range].seats-up-down-slider:focus::-webkit-slider-runnable-track{background:#1fa5ff}
input[type=range].seats-up-down-slider::-moz-range-track{background:#09f;border:0 solid #09f;border-radius:1px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:3px;width:100%}
input[type=range].seats-up-down-slider::-moz-range-thumb{border:1px solid #fff;box-shadow:0 2px 2px #c7c7c7,0 0 2px #d4d4d4;height:24px;width:24px;border-radius:50px;background:#fff;cursor:pointer}
input[type=range].seats-up-down-slider::-ms-track{width:100%;height:3px;cursor:pointer;background:transparent;border-color:transparent;color:transparent;border-width:6px 0}
input[type=range].seats-up-down-slider::-ms-fill-lower{background:#0087e0;border:0 solid #09f;border-radius:2px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}
input[type=range].seats-up-down-slider::-ms-fill-upper{background:#09f;border:0 solid #09f;border-radius:2px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}
input[type=range].seats-up-down-slider::-ms-thumb{box-shadow:0 2px 2px #c7c7c7,0 0 2px #d4d4d4;border:0;height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer}
input[type=range].seats-up-down-slider:focus::-ms-fill-lower{background:#09f}
input[type=range].seats-up-down-slider:focus::-ms-fill-upper{background:#1fa5ff}
input[type=range]::-ms-tooltip{display:none}
@media only screen and (min-width:768px){input[type=range].seats-up-down-slider{width:43%;margin:0;padding:9.5px 0}
input[type=range].seats-up-down-slider::-webkit-slider-thumb{background:#fff;border:1px solid #fff;border-radius:50px;box-shadow:2px 2px 2px #c7c7c7,0 0 2px #d4d4d4;cursor:pointer;height:19px;margin-top:-8.5px;width:19px;-webkit-appearance:none}
input[type=range].seats-up-down-slider:focus::-webkit-slider-runnable-track{background:#1fa5ff}
input[type=range].seats-up-down-slider::-moz-range-track{background:#09f;border:0 solid #09f;border-radius:1px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;cursor:pointer;height:2px;width:100%}
input[type=range].seats-up-down-slider::-moz-range-thumb{border:1px solid #fff;box-shadow:2px 2px 2px #c7c7c7,0 0 2px #d4d4d4;height:19px;width:19px;border-radius:50px;background:#fff;cursor:pointer}
input[type=range].seats-up-down-slider::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}
input[type=range].seats-up-down-slider::-ms-fill-lower{background:#0087e0;border:0 solid #09f;border-radius:2px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}
input[type=range].seats-up-down-slider::-ms-fill-upper{background:#09f;border:0 solid #09f;border-radius:2px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}
input[type=range].seats-up-down-slider::-ms-thumb{box-shadow:1.5px 1.5px 1.5px #c7c7c7,0 0 2px #d4d4d4;height:13px;width:13px;border-radius:50px;background:#fff;cursor:pointer}
input[type=range].seats-up-down-slider:focus::-ms-fill-lower{background:#09f}
input[type=range].seats-up-down-slider:focus::-ms-fill-upper{background:#1fa5ff}
input[type=range]::-ms-tooltip{display:none}
}
@supports(-ms-ime-align:auto){input[type=range].seats-up-down-slider::-ms-thumb{box-shadow:2px 2px 2px #c7c7c7,0 0 2px #d4d4d4;height:19px;width:19px;border-radius:50px;background:#fff;cursor:pointer;margin-top:-0.5px}
input[type=range].seats-up-down-slider{padding:0}
}
.image-compare-slider-container{background-color:#fff;padding:25px 0;position:relative}
.image-compare-slider-container .mobile-only{display:block}
.image-compare-slider-container .p-intro{color:#333;font-size:12px;font-weight:normal;margin:0 20px;text-align:center}
.image-compare-slider-container .h2-title{font-size:22px;font-weight:normal;margin:0 auto 12px;width:80%;text-align:center;color:#333 !important}
.image-compare-slider-container .vertical-slider{margin-top:34px;position:relative}
.image-compare-slider-container .options-switcher{display:flex;font-size:12px;font-weight:bold;justify-content:center;text-transform:uppercase;z-index:2;height:12px}
.image-compare-slider-container .options-switcher.top{top:55px}
.image-compare-slider-container .slider-option{color:#999;letter-spacing:1px;padding:0 21px;position:relative}
.image-compare-slider-container .slider-option:link,.image-compare-slider-container .slider-option:active,.image-compare-slider-container .slider-option:hover,.image-compare-slider-container .slider-option:visited{color:#999}
.image-compare-slider-container .option-a{border-right:1px solid #999}
.image-compare-slider-container .options-switcher .selected{color:#333}
.image-compare-slider-container .options-switcher .selected:link,.image-compare-slider-container .options-switcher .selected:active,.image-compare-slider-container .options-switcher .selected:hover,.image-compare-slider-container .options-switcher .selected:visited{color:#333}
.image-compare-slider-container .slider-label{color:#ccc;font-size:11px;font-weight:bold;left:0;letter-spacing:1px;margin-bottom:4px;position:absolute;right:0;text-align:center;text-transform:uppercase;top:38px;z-index:1}
.image-compare-slider-container.cargo-versatility-obk .slider-label{top:6%}
.image-compare-slider-container .ba-slider{margin:0 auto;max-width:700px}
.ng-modal .image-compare-slider-container .ba-slider{width:108%}
.image-compare-slider-container .horizontal-slider{bottom:0;left:0;margin:0 auto;position:absolute;right:2px;width:87.5%}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:72%}
.image-compare-slider-container .horizontal-bar-labels-wrapper{display:flex;font-size:12px;font-weight:bold;justify-content:space-between;margin-bottom:5px;text-transform:uppercase}
.image-compare-slider-container .horizontal-range-label{color:#333;cursor:pointer;letter-spacing:1px;margin:0 7% .4em 5%}
.image-compare-slider-container .configurations-indicators{display:flex;justify-content:space-between;list-style:none;margin:0 0 0 8%;padding:0;width:82%}
@media only screen and (max-width:767px) and (orientation :landscape){.image-compare-slider-container .configurations-indicators{margin:0 0 0 7%;width:84%}
}
.image-compare-slider-container .configurations-indicators .indicator-container:first-child{margin-left:-12px}
.image-compare-slider-container .configurations-indicators .indicator-container:last-child{margin-right:-12px}
.image-compare-slider-container .configurations-indicators .indicator{background-color:#ccc;border:10px solid white;border-radius:50%;cursor:pointer;height:5px;width:5px;display:inline-block}
.image-compare-slider-container .desktop-only{display:none}
.image-compare-slider-container .slider-option:not(:last-child):after{content:"";width:1px;background-color:#999;height:13px;position:absolute;right:0;top:0;bottom:0;margin:auto}
.image-compare-slider-container.cargo-versatility-obk .slider-option{pointer-events:none;cursor:default}
.image-compare-slider-modal{height:100vh;background-color:#fff;padding:20px 0 0 0}
.image-compare-slider-modal.hide-compare-slider,.ng-modal-dialog-content.hide-compare-table{display:none}
@media only screen and (min-width:768px){.image-compare-slider-container{padding-top:32px;padding-bottom:0}
.image-compare-slider-container .desktop-only{display:block}
.image-compare-slider-container{position:relative}
.image-compare-slider-container .p-intro{font-size:18px;margin:0 auto;width:700px;z-index:1}
.image-compare-slider-modal .image-compare-slider-container .p-intro{width:830px;line-height:25px}
.image-compare-slider-container .h2-title{font-size:36px;font-weight:bold}
.image-compare-slider-container .vertical-slider{margin:7px auto 0}
.image-compare-slider-container .options-switcher{bottom:70px;display:flex;font-size:18px;left:0;position:absolute;width:100%;height:18px}
.image-compare-slider-container.cargo-versatility-obk .options-switcher{bottom:15%}
.image-compare-slider-container .slider-option{padding:0 28px}
.image-compare-slider-container .slider-option:not(:last-child):after{width:1.5px}
.image-compare-slider-container .ba-slider{margin:0 calc(((100% - 962px) / 2) - 7px) 0 auto;max-width:none;order:0;padding-bottom:39px;width:962px}
.ng-modal .image-compare-slider-container .ba-slider{width:962px}
.image-compare-slider-container .slider-label{top:90px}
.image-compare-slider-container.cargo-versatility-obk .slider-label{top:8%}
.image-compare-slider-container .slider-label-text{display:block;margin:0 auto 0 calc(95% /2);text-align:left}
.image-compare-slider-container .horizontal-slider{bottom:0;margin:0 auto 0 calc(6.25% + 4px);text-align:center}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:88%}
.image-compare-slider-container .range-slider-wrapper{align-items:center;display:flex;justify-content:center}
.image-compare-slider-container .horizontal-range-label{display:inline-block;font-size:12px;font-weight:bold;line-height:19px;margin:0;padding:0 18px;text-transform:uppercase}
.image-compare-slider-container .configurations-indicators{font-size:5px;margin:8px auto 0 calc((59% /2) - 11px);width:41%}
.image-compare-slider-container .configurations-indicators .indicator{height:6px;width:6px}
.image-compare-slider-container .configurations-indicators .indicator::after{bottom:5px}
.image-compare-slider-container .mobile-only{display:none}
}
@media screen and (min-width:768px) and (max-width:1200px){.image-compare-slider-container .ba-slider{margin:0 calc(((100% - 700px) / 2) - 7px) 0 auto;width:700px}
.ng-modal .image-compare-slider-container .ba-slider{width:700px}
.image-compare-slider-container .slider-label{top:50px}
.image-compare-slider-modal .image-compare-slider-container .p-intro{width:700px}
.image-compare-slider-container .h2-title{font-size:30px}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:87%}
}
@media only screen and (max-width:767px) and (orientation :landscape){.image-compare-slider-container .slider-label{top:66px}
.image-compare-slider-container.cargo-versatility-obk .slider-label{top:25px}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:295px}
.ng-modal .image-compare-slider-container .ba-slider{max-width:85%}
}
@media screen and (device-aspect-ratio:40/71) and (orientation :portrait){.image-compare-slider-container .slider-label{top:18px}
.image-compare-slider-container .slider-label{top:6px}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:68%}
.cargo-versatility-obk .ba-slider .handle{height:calc(111px);top:calc((100% - 156px) / 2)}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.cargo-versatility-obk .ba-slider .handle{height:calc(190px);top:calc((100% - 235px) / 2)}
.image-compare-slider-container.cargo-versatility-obk .horizontal-slider{top:76%}
}
@media screen and (device-aspect-ratio:40/71) and (orientation :landscape){.image-compare-slider-container .slider-label{top:50px}
}