@charset "UTF-8";@font-face{font-family:volvo-instruments;src:url(/static/fonts/xc90demoappfonts/Instrument103.eot?#iefix) format("embedded-opentype"),url(/static/fonts/xc90demoappfonts/Instrument103.otf) format("opentype"),url(/static/fonts/xc90demoappfonts/Instrument103.woff) format("woff"),url(/static/fonts/xc90demoappfonts/Instrument103.ttf) format("truetype"),url(/static/fonts/xc90demoappfonts/Instrument103.svg#Instrument103) format("svg");font-weight:400;font-style:normal}.touch-screen-demo .touch-screen-fallback-img{display:none}.touch-screen-demo .touch-screen-loader{display:none;position:absolute;top:0;bottom:0;width:100%;background:#000;opacity:1;background-image:url(/static/images/xc90demoappimages/loading.gif);background-position:center;background-color:#000;opacity:.9;background-repeat:no-repeat;z-index:100}.touch-screen-demo.no-js .touch-screen-inner{display:none}.touch-screen-demo.no-js .touch-screen-fallback-img{display:block}.touch-screen-demo.is-loading .touch-screen-loader{display:block}.touch-screen-demo .touch-screen-demo-container{max-width:79.125em;margin-left:auto;margin-right:auto}.touch-screen-demo .touch-screen-demo-container:after{content:"";display:table;clear:both}.touch-screen-demo .touch-screen-body{margin-top:1em;float:left;width:497px;font-family:"Volvo Sans Regular","Arial Narrow","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}.touch-screen-demo .touch-screen-body .touch-screen-body-content{margin-bottom:.75em}.touch-screen-demo .touch-screen-body .touch-screen-cta{display:inline-block;text-transform:uppercase;margin-right:1em}.touch-screen-demo .touch-screen-wrapper{width:768px;float:left;overflow:hidden;position:relative}.touch-screen-demo .touch-screen-wrapper .touch-screen-fallback-img{width:90%;margin:0 0 0 10%}.touch-screen-demo.touch-screen-demo-mirror .touch-screen-body{float:right}.touch-screen-demo.touch-screen-demo-mirror .touch-screen-wrapper{float:left}.touch-screen-demo.touch-screen-demo-mirror .touch-screen-wrapper .touch-screen-fallback-img{margin:0 10% 0 0}@media screen and (max-width:1280px){.touch-screen-demo .touch-screen-body,.touch-screen-demo.touch-screen-demo-mirror .touch-screen-body{margin:1em auto 0;float:none;width:100%;max-width:620px}.touch-screen-demo .touch-screen-wrapper,.touch-screen-demo.touch-screen-demo-mirror .touch-screen-wrapper{width:100%;float:none}.touch-screen-demo .touch-screen-wrapper .touch-screen-fallback-img,.touch-screen-demo.touch-screen-demo-mirror .touch-screen-wrapper .touch-screen-fallback-img{margin:2em auto 0;width:100%;max-width:100%}}@media screen and (max-width:780px){.touch-screen-demo .touch-screen-body .touch-screen-cta{font-size:.9em}}@media screen and (max-width:560px){.touch-screen-demo .touch-screen-body{padding:2.5em 2.5em 0}}.touch-screen-demo .touch-screen-wrapper{-moz-osx-font-smoothing:grayscale;font-size:10px;line-height:1.2!important;cursor:default;cursor:url(/static/images/xc90demoappimages/cursor-40x40.png) 20 20,default}.touch-screen-demo .touch-screen-wrapper:active{cursor:url(/static/images/xc90demoappimages/cursor-active-40x40.png) 20 20,default}.touch-screen-demo .touch-screen-wrapper *{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:1280px){.touch-screen-demo .touch-screen-inner{margin-top:-7em}}@media screen and (max-width:780px),screen and (max-height:870px){.touch-screen-demo .touch-screen-inner{font-size:9px}.touch-screen-demo .touch-screen-body{max-width:560px}}@media screen and (max-width:700px),screen and (max-height:770px){.touch-screen-demo .touch-screen-inner{font-size:8px}.touch-screen-demo .touch-screen-body{max-width:500px}}@media screen and (max-width:620px),screen and (max-height:670px){.touch-screen-demo .touch-screen-inner{font-size:7px}}@media screen and (max-width:540px),screen and (max-height:570px){.touch-screen-demo .touch-screen-inner{font-size:6px}}@media screen and (max-height:470px){.touch-screen-demo .touch-screen-inner{font-size:5px}}@media screen and (max-width:470px){.touch-screen-demo .touch-screen-inner{font-size:5px;margin:0 -10em}}@media screen and (max-height:768px){.touch-screen-demo .touch-screen-inner{font-size:7px}}@media screen and (max-height:768px) and (orientation:portrait){.touch-screen-demo .touch-screen-inner{font-size:5px}}@media screen and (min-width:1280px) and (min-height:579px){.touch-screen-demo .touch-screen-inner{font-size:5px}}@media screen and (min-width:1280px) and (min-height:679px){.touch-screen-demo .touch-screen-inner{font-size:6px}}@media screen and (min-width:1280px) and (min-height:767px){.touch-screen-demo .touch-screen-inner{font-size:7px}}@media screen and (min-width:1280px) and (min-height:879px){.touch-screen-demo .touch-screen-inner{font-size:8px}}@media screen and (min-width:1280px) and (min-height:979px){.touch-screen-demo .touch-screen-inner{font-size:9px}}.touch-screen-wrapper .clearfix:after,.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul:after,.touch-screen-wrapper .climate-control .main-content .top-bar .main-nav:after,.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .chars:after,.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .number:after,.touch-screen-wrapper .keypad-control .main-content .top-bar .main-nav:after,.touch-screen-wrapper .screen-applications .button-grid:after,.touch-screen-wrapper .screen-car-functions .button-grid:after,.touch-screen-wrapper .single-contact .main-content .top-bar .main-nav:after,.touch-screen-wrapper .tile-navigation .navcontainer .button-grid:after,.touch-screen-wrapper .tile-weather .left-actions .button-grid:after,.touch-screen-wrapper .tile-weather .right-forcast .weather-item:after{content:"";display:table;clear:both}.touch-screen-wrapper .hidden{display:none}.touch-screen-wrapper .app-footer,.touch-screen-wrapper .app-header,.touch-screen-wrapper .frame,.touch-screen-wrapper .full-img-bg,.touch-screen-wrapper .help-mode .help-mode-applications,.touch-screen-wrapper .help-mode .help-mode-home,.touch-screen-wrapper .help-mode .help-mode-home .hand,.touch-screen-wrapper .home-btn,.touch-screen-wrapper .logo,.touch-screen-wrapper .screen-applications .button-grid .icon,.touch-screen-wrapper .screen-car-functions .button-grid .icon,.touch-screen-wrapper .screen-car-functions .button-grid .light,.touch-screen-wrapper .screen-tiles .tile-header:before,.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-loading .tile-loading-icon,.touch-screen-wrapper .tile-navigation,.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon,.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon{background-position:center center;background-repeat:no-repeat;background-size:100%}.touch-screen-wrapper .center-img-bg{background-position:center center;background-repeat:no-repeat;background-size:auto}.touch-screen-wrapper .button-active:active{background-color:#516e8b}.touch-screen-wrapper .button-block{display:block}.touch-screen-wrapper .ac-control-slides .ac-slide.left .sync-temp .inner-element .sync-text,.touch-screen-wrapper .app-footer .heat-temperature .text,.touch-screen-wrapper .back-button .text,.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate .text-big,.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate .text-small,.touch-screen-wrapper .climate-control .main-content .main-area .meter .auto-button .text,.touch-screen-wrapper .climate-control .main-content .main-area .meter .fan-off .text,.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .text,.touch-screen-wrapper .climate-control .main-content .top-bar .heading,.touch-screen-wrapper .climate-control .main-content .top-bar .main-nav ul li,.touch-screen-wrapper .close-button .text,.touch-screen-wrapper .dotdotdot,.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .text,.touch-screen-wrapper .media-tile .heading,.touch-screen-wrapper .media-tile .left-actions .action-button .text,.touch-screen-wrapper .media-tile .left-actions .button-block .header .text,.touch-screen-wrapper .phone-tile .heading,.touch-screen-wrapper .phone-tile .left-actions .action-button .text,.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .tile-text-1 .text,.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .tile-text-2 .text,.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small .tile-info .tile-text-1 .text,.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small .tile-info .tile-text-2 .text,.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .text .bot-text,.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .text .top-text,.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-1 .text,.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-2 .text,.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-3 .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-screen-wrapper .back-button,.touch-screen-wrapper .close-button{position:relative;height:5.5em;background-color:#000;border:1px solid #424242}.touch-screen-wrapper .back-button .icon,.touch-screen-wrapper .close-button .icon{background-image:url(/static/images/xc90demoappimages/close-icon.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:3em;height:3em;position:absolute;top:.3em;left:50%;margin-left:-1.5em}.touch-screen-wrapper .back-button .text,.touch-screen-wrapper .close-button .text{text-align:center;position:absolute;top:3em;display:block;clear:both;width:100%}.touch-screen-wrapper .back-button .text span,.touch-screen-wrapper .close-button .text span{font-size:1.5em}.touch-screen-wrapper .back-button:active,.touch-screen-wrapper .close-button:active{background-color:#516e8b!important}.touch-screen-wrapper .back-button.is-disabled,.touch-screen-wrapper .close-button.is-disabled{opacity:.2}.touch-screen-wrapper .back-button.is-disabled:active,.touch-screen-wrapper .close-button.is-disabled:active{background-color:#000!important}.touch-screen-wrapper .back-button .icon{background-image:url(/static/images/xc90demoappimages/back-icon.png)}.touch-screen-wrapper .frame{background-color:#000;background-image:url(/static/images/xc90demoappimages/frame.jpg);height:102.4em;max-width:76.8em;margin:0 auto;padding:0;z-index:1;position:relative}.touch-screen-wrapper .touch-screen{position:absolute;left:7.4em;top:8.6em;width:100%;max-width:62em;height:82em;z-index:1;overflow:hidden}.touch-screen-wrapper .home-btn{position:absolute;width:24em;height:10em;left:50%;margin-left:-12em;bottom:2em;background-image:url(/static/images/xc90demoappimages/bg/home-button-sprite.png);background-position:0 0}.touch-screen-wrapper .home-btn:active{background-position:0 -10em}.touch-screen-wrapper .logo{position:absolute;width:12em;height:1em;left:50%;margin-left:-6em;top:5em;background-image:url(/static/images/xc90demoappimages/volvo_logotype.png)}.touch-screen-wrapper .black-fade{background:#000;opacity:0;width:100%;height:82em;position:absolute;left:0;top:0;z-index:10;display:none}.touch-screen-wrapper .app-header{background-image:url(/static/images/xc90demoappimages/app-header.jpg);position:absolute;top:0;left:0;width:100%;max-width:62em;height:4em}.touch-screen-wrapper .app-header .demo-message{text-align:center;font-size:2.5em;height:2.5em;width:100%;background:#000;background:linear-gradient(to bottom,#000 39%,#000 39%,#121212 100%);display:none;line-height:2em;z-index:20;line-height:2.5em;position:absolute;top:-2.5em;left:0}.touch-screen-wrapper .app-header .demo-message .block-image{background-image:url(/static/images/xc90demoappimages/icons/car-functions/img_hmc_blocked.png);width:1.6em;height:1.2em;background-size:100%;display:inline-block;margin-top:.3em}.touch-screen-wrapper .app-header .demo-message .highlight-block{background:#fff;opacity:.4;display:none;position:absolute;left:0;top:0;width:100%;height:2.5em}.touch-screen-wrapper .settings-container{height:50em;width:100%;top:-25em;position:absolute}.touch-screen-wrapper .settings-container .settings-slide{height:25em;width:100%;position:absolute;background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_settings_pane_bg.png);z-index:10;top:0;left:0;background-repeat:repeat}.touch-screen-wrapper .settings-container .settings-slide .drag-handle{background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_stngs_handle_S0.png);height:4em;width:100%;background-size:100%;bottom:-4em;left:0;position:absolute}.touch-screen-wrapper .settings-container .settings-slide .top-settings{background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_stngs_btn_0.png);background-size:100%;width:100%;height:10.2em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-1{width:43%;text-align:center;display:inline-block;position:relative}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-1 .settings-icon{background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_settings.png);background-size:100%;width:7em;height:7em;display:inline-block;position:absolute;left:4em;top:-.5em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-1 .text{display:inline-block;position:absolute;top:1em;font-size:2.2em;left:5.5em;max-width:6em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-2{width:42%;text-align:center;display:inline-block;position:relative}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-2 .settings-icon{background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_drvr_manual.png);background-size:100%;width:7em;height:7em;display:inline-block;position:absolute;left:1em;top:-.3em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-2 .text{display:inline-block;position:absolute;top:1em;font-size:2.2em;left:3.5em;max-width:8em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-3{width:14%;text-align:center;display:inline-block;font-size:2em}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-3 .settings-icon{background-image:url(/static/images/xc90demoappimages/topSlider/img_med_artist.png);background-size:100%;width:4em;height:4em;display:inline-block;position:absolute;right:.1em;top:0}.touch-screen-wrapper .settings-container .settings-slide .top-settings .settings-3 .text{display:inline-block;position:absolute;top:2.8em;font-size:1em;right:.8em;max-width:3.8em}.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification{background:#2a2a2a;width:90%;height:6em;margin:0 5%}.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .icon{background-image:url(/static/images/xc90demoappimages/topSlider/img_hmc_bt.png);background-size:100%;width:6em;height:6em;float:left;margin-right:1em}.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .text{float:left}.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .text .top-text{clear:both;display:block;font-size:2.5em;max-width:19em}.touch-screen-wrapper .settings-container .settings-slide .bottom-area .notification .text .bot-text{color:#ccc;font-size:2em;display:block;max-width:19em}.touch-screen-wrapper .app-footer{position:absolute;bottom:0;left:0;width:100%;max-width:62em;height:11.5em}.touch-screen-wrapper .app-footer .button-air-seat{transition:transform .4s;-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);position:relative;left:43%;top:2.5em;width:100%;max-width:7.5em;height:5.8em}.touch-screen-wrapper .app-footer .button-air-seat .seat{background-image:url(/static/images/xc90demoappimages/car-functions/img_clm_manikin_minimized.png);background-size:100%;max-width:5em;height:4.5em;width:100%;position:absolute;bottom:-.8em;right:0;z-index:3}.touch-screen-wrapper .app-footer .button-air-seat .fan{background-image:url(/static/images/xc90demoappimages/car-functions/img_clm_fan_minimized.png);background-size:100%;max-width:1.6em;height:1.7em;width:100%;position:absolute;top:2em;left:2em;z-index:8}.touch-screen-wrapper .app-footer .button-air-seat .fan.is-disabled{background-image:url(/static/images/xc90demoappimages/car-functions/img_clm_fan_large_OFF.png)}.touch-screen-wrapper .app-footer .button-air-seat.active .fan{top:3.4em;left:0}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow{position:relative}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-bg{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_inactive.png);background-size:100%;width:100%;height:5em;position:absolute}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-bg-active{width:100%;height:5em;position:absolute;top:0;left:0}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-bg-active.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_active.png);background-size:100%}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks{position:absolute;width:100%;height:5em;top:1.5em}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .top{width:100%;height:5em;position:absolute;top:0;left:0}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .top.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_top.png);background-size:100%}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .mid{width:100%;height:5em;position:absolute;top:0;left:0}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .mid.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_mid.png);background-size:100%}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .bot{width:100%;height:6em;position:absolute;top:0;left:0}.touch-screen-wrapper .app-footer .button-air-seat.active .air-flow .air-flow-clicks .bot.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_bot.png);background-size:100%}.touch-screen-wrapper .app-footer .button-air-seat .bottom-text{position:absolute}.touch-screen-wrapper .app-footer .button-air-seat .bottom-text.auto{background-image:url(/static/images/xc90demoappimages/ac-control/auto_small_text.png);background-size:100%;background-repeat:no-repeat;width:6em;height:2em;bottom:-3em;left:1.5em}.touch-screen-wrapper .app-footer .button-air-seat .bottom-text.max{background-image:url(/static/images/xc90demoappimages/ac-control/max_small_text.png);background-size:100%;background-repeat:no-repeat;width:4em;height:1.8em;bottom:-3em;left:2.5em}.touch-screen-wrapper .app-footer .button-air-seat .bottom-text.off{background-image:url(/static/images/xc90demoappimages/ac-control/off_small_text.png);background-size:100%;background-repeat:no-repeat;width:4em;height:1.8em;bottom:-3em;left:2.5em}.touch-screen-wrapper .app-footer .button-ac-close{position:relative;left:42%;top:4.5em;width:100%;max-width:10em;height:5.8em}.touch-screen-wrapper .app-footer .button-ac-close .button-case{width:100%}.touch-screen-wrapper .app-footer .button-ac-close .button-case .close-button{width:100%}.touch-screen-wrapper .app-footer .button-heat.left{position:absolute;left:20%;bottom:2.5em;width:100%;max-width:11.5em;height:4.8em;background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_0.png);background-size:100%}.touch-screen-wrapper .app-footer .button-heat.left.level-1{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_1.png)}.touch-screen-wrapper .app-footer .button-heat.left.level-2{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_2.png)}.touch-screen-wrapper .app-footer .button-heat.left.level-3{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_3.png)}.touch-screen-wrapper .app-footer .button-heat.right{position:absolute;right:20%;bottom:2.5em;width:100%;max-width:11.5em;height:4.8em;background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_0_flip.png);background-size:100%}.touch-screen-wrapper .app-footer .button-heat.right.level-1{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_1_flip.png)}.touch-screen-wrapper .app-footer .button-heat.right.level-2{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_2_flip.png)}.touch-screen-wrapper .app-footer .button-heat.right.level-3{background-image:url(/static/images/xc90demoappimages/car-functions/climate_seat_level_3_flip.png)}.touch-screen-wrapper .app-footer .button-heat:active{-ms-transform:scale(.95);transform:scale(.95)}.touch-screen-wrapper .app-footer .heat-temperature{font-family:volvo-instruments,"Volvo Sans Regular","Arial Narrow","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;position:absolute;bottom:1em}.touch-screen-wrapper .app-footer .heat-temperature .text{font-size:5.4em;display:inline-block;max-width:3em}.touch-screen-wrapper .app-footer .heat-temperature .icon{background-image:url(/static/images/xc90demoappimages/img_clm_degree_c.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:2em;height:2em;display:inline-block;position:absolute;top:.8em;right:-2em}.touch-screen-wrapper .app-footer .heat-temperature .decimal{font-size:2em;color:#fff;position:absolute;bottom:.4em;right:-1em}.touch-screen-wrapper .app-footer .heat-temperature.left{left:2em}.touch-screen-wrapper .app-footer .heat-temperature.left.hidden{display:none}.touch-screen-wrapper .app-footer .heat-temperature.right{right:4em}.touch-screen-wrapper .app-footer .heat-temperature.right.hidden{display:none}.touch-screen-wrapper .app-footer .heat-temperature.heat-slider-off .text{font-size:4em}.touch-screen-wrapper .app-footer .heat-temperature.heat-slider-off.right{right:2em}.touch-screen-wrapper .is-home-screen:not(.is-tile-open) .button-air-seat{-ms-transform:translateY(-2em) scale(1.3);transform:translateY(-2em) scale(1.3)}.touch-screen-wrapper .screen-applications,.touch-screen-wrapper .screen-car-functions,.touch-screen-wrapper .screen-tiles{position:absolute;top:0;left:0;width:100%;max-width:62em;height:67em;overflow:hidden;background-size:100%}.touch-screen-wrapper .screen-headline-1{font-size:1.9em;padding:1em .4em;line-height:1}.touch-screen-wrapper .screen-car-functions .screen-wrap{max-width:58em;margin:0 auto}.touch-screen-wrapper .screen-car-functions .button-grid .car-function-btn{display:block;border:1px solid #424242;height:9em;float:left;width:32.73333%;margin:.3%;display:block;position:relative}.touch-screen-wrapper .screen-car-functions .button-grid .car-function-btn.is-disabled .icon,.touch-screen-wrapper .screen-car-functions .button-grid .car-function-btn.is-disabled .light,.touch-screen-wrapper .screen-car-functions .button-grid .car-function-btn.is-disabled .text{opacity:.3}.touch-screen-wrapper .screen-car-functions .button-grid .car-function-btn:active:not(.is-disabled){border-top-color:#516e8b;background:#516e8b}.touch-screen-wrapper .screen-car-functions .button-grid .light{position:absolute;top:2.1em;left:1.2em;background-image:url(/static/images/xc90demoappimages/car-functions/img_hmc_diod_indication_OFF.png);width:.9em;height:4.4em}.touch-screen-wrapper .screen-car-functions .button-grid .is-active .light{background-image:url(/static/images/xc90demoappimages/car-functions/img_hmc_diod_indication_ON.png)}.touch-screen-wrapper .screen-car-functions .button-grid .icon{background-size:100%;position:absolute;top:2.2em;left:2.4em;width:4.2em;height:4.2em}.touch-screen-wrapper .screen-car-functions .button-grid .text{position:absolute;top:2.2em;left:7.2em;margin:0;width:11em;height:4em;line-height:4;overflow:hidden}.touch-screen-wrapper .screen-car-functions .button-grid .text span{font-size:1.5em;display:inline-block;vertical-align:middle;line-height:1.35}.touch-screen-wrapper .screen-car-functions .button-grid .icon.esc_sport{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 0}.touch-screen-wrapper .screen-car-functions .button-grid .icon.park_assist{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -4.2em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.start_stop{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -8.4em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.trfc_sign{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -12.6em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.spd_limadapt{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -16.8em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.gntl_function{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -21em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.reduced_guard{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -25.2em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.conering_light{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -29.4em}.touch-screen-wrapper .screen-car-functions .button-grid .icon.wpr_service{background-image:url(/static/images/xc90demoappimages/icons/car-functions/car-functions-sprite.png);background-position:0 -33.6em}.touch-screen-wrapper .screen-car-functions .button-grid-divider{height:9em}.touch-screen-wrapper .screen-applications:after{position:absolute;bottom:0;left:0;right:0;height:3em;content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.touch-screen-wrapper .screen-applications .screen-wrap{max-width:58em;margin:0 auto;padding-bottom:3em;position:relative;top:-10px}.touch-screen-wrapper .screen-applications .button-grid .application-btn{display:block;border:1px solid #424242;height:9em;float:left;width:9.2em;margin:.2em;display:block;position:relative}.touch-screen-wrapper .screen-applications .button-grid .application-btn.is-disabled .icon,.touch-screen-wrapper .screen-applications .button-grid .application-btn.is-disabled .text{opacity:.3}.touch-screen-wrapper .screen-applications .button-grid .application-btn:active:not(.is-disabled){border-top-color:#516e8b;background:#516e8b}.touch-screen-wrapper .screen-applications .button-grid .icon{background-size:100%;position:absolute;top:-.5em;left:1em;width:7em;height:7em}.touch-screen-wrapper .screen-applications .button-grid .text{position:absolute;top:5em;width:100%;text-align:center;height:3.3em;line-height:3.3;overflow:hidden}.touch-screen-wrapper .screen-applications .button-grid .text span{font-size:1.4em;display:inline-block;vertical-align:middle;line-height:1.2;margin:0 .4em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_am{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 0}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_fm{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -7em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_mrf{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -14em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_bluetooth{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -21em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_usb{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -28em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_ipod{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -35em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_aux{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -42em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_tv{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -49em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_msg{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -56em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_carinfo{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -63em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_dvr_perf{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -70em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_ota{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -77em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_navi_conn{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -84em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_carplay{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -91em}.touch-screen-wrapper .screen-applications .button-grid .icon.img_hmc_weather{background-image:url(/static/images/xc90demoappimages/applications/application-sprite.png);background-position:0 -98em}.touch-screen-wrapper .screen-applications .button-grid-divider{height:9em}.touch-screen-wrapper .screen-tiles .tile{width:100%;padding:0 1em;margin-bottom:.8em;overflow:hidden;position:relative}.touch-screen-wrapper .screen-tiles .tile-header{position:relative;border:1px solid #181818;border-top:none;width:100%;height:14.4em;transition:height .5s;z-index:1;overflow:hidden;background-color:#000}.touch-screen-wrapper .screen-tiles .tile-header:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:1em;background-image:url(/static/images/xc90demoappimages/img_hmc_top_static_S1.png);z-index:1}.touch-screen-wrapper .screen-tiles .tile-header .tile-headline{padding:.9em 0 0 1.6em;font-weight:bolder}.touch-screen-wrapper .screen-tiles .tile-header .tile-headline .text{font-size:1.8em;line-height:1}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big{opacity:1;transition:opacity .5s;position:absolute;top:0;width:100%}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info{position:absolute;top:5em;width:43em;left:1.6em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .tile-text-1 .text{font-size:2.2em;line-height:1.2;color:#8a8a8a}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .tile-text-2 .text{font-size:3em;line-height:1.2;color:#6793b1}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .song-progress{width:100%;height:.2em;background:#8a8a8a;clear:both;margin-bottom:.3em;margin-top:.2em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .song-progress .progress-bar{height:.2em;background:#fff;width:0}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .left-time{float:left;display:inline-block;width:20%;font-size:1.5em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-info .right-time{float:right;display:inline-block;width:20%;text-align:right;font-size:1.5em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon{position:absolute;height:14.4em;width:14.4em;right:0;top:0}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon img{max-width:100%;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .call-status{position:absolute;width:100%;bottom:0;background:rgba(0,0,0,.8);text-align:center}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .call-status .text{padding:.3em .7em;font-size:1.8em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .song-status{position:absolute;width:100%;top:0;background:rgba(0,0,0,.4);text-align:center;height:14.4em}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .song-status .pause-icon{background-image:url(/static/images/xc90demoappimages/icons/media/img_nav_pause_OFF.png);background-repeat:no-repeat;background-position:center;width:100%;height:14.4em;position:relative}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .song-status .pause-icon.hidden{display:none}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .song-status .play-icon{background-image:url(/static/images/xc90demoappimages/icons/media/img_nav_pause_ON.png);background-repeat:no-repeat;background-position:center;width:100%;height:14.4em;position:relative}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-big .tile-icon .song-status .play-icon.hidden{display:none}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small{opacity:0;transition:opacity .5s;position:absolute;top:0}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small .tile-info{position:absolute;top:.8em;width:42em;left:14em;padding-left:2.5em;border-left:1px solid #3c3c3c}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small .tile-info .tile-text-1 .text{font-size:1.8em;line-height:1.2;color:#8a8a8a}.touch-screen-wrapper .screen-tiles .tile-header .tile-header-small .tile-info .tile-text-2 .text{font-size:2.2em;line-height:1.2;color:#6793b1}.touch-screen-wrapper .screen-tiles .tile-body{height:0;width:100%;overflow:hidden;opacity:0;transition:height .5s,opacity .5s}.touch-screen-wrapper .screen-tiles .tile-body .heading{margin-top:.3em}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile .tile-headline{max-width:14em}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile .tile-header{height:6em}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile .tile-header .tile-header-big{opacity:0}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile .tile-header .tile-header-small{opacity:1}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-open .tile-headline{max-width:100%}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-open .tile-header{height:14.4em}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-open .tile-header .tile-header-big{opacity:1}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-open .tile-header .tile-header-small{opacity:0}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-open .tile-body{height:39em;opacity:1}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-loading .tile-body{opacity:0}.touch-screen-wrapper .screen-tiles .tiles.is-open .tile.is-loading .tile-loading-icon{background-image:url(/static/images/xc90demoappimages/loading.gif);position:absolute;top:50%;left:50%;margin-top:-2.4em;margin-left:-2.4em;width:4.8em;height:4.8em}.touch-screen-wrapper .swiper-container{margin:0 auto;position:absolute;z-index:1;top:3.8em;width:100%;height:70em}.touch-screen-wrapper .swiper-container-no-flexbox .swiper-slide{float:left}.touch-screen-wrapper .swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.touch-screen-wrapper .swiper-wrapper{position:relative;width:100%;height:100%;margin-top:2.5em;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.touch-screen-wrapper .swiper-container-android .swiper-slide,.touch-screen-wrapper .swiper-wrapper{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.touch-screen-wrapper .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.touch-screen-wrapper .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.touch-screen-wrapper .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.touch-screen-wrapper .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.touch-screen-wrapper .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.touch-screen-wrapper .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.touch-screen-wrapper .swiper-button-next,.touch-screen-wrapper .swiper-button-prev{position:absolute;top:50%;width:2.7em;height:4.4em;margin-top:-2.2em;z-index:10;cursor:pointer;background-size:2.7em 4.4em;background-position:center;background-repeat:no-repeat}.touch-screen-wrapper .swiper-button-next.swiper-button-disabled,.touch-screen-wrapper .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.touch-screen-wrapper .swiper-pagination{position:absolute;text-align:center;transition:.3s;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;top:.7em;width:5.4em;left:50%;margin-left:-2.7em}.touch-screen-wrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.touch-screen-wrapper .swiper-pagination-bullet{width:.8em;height:.8em;display:block;float:left;border-radius:100%;background:#2e2e2e;opacity:.2;cursor:pointer}.touch-screen-wrapper button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.touch-screen-wrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.touch-screen-wrapper .swiper-pagination-white .swiper-pagination-bullet{background:#2e2e2e}.touch-screen-wrapper .swiper-pagination-bullet-active{opacity:1;background:#fff}.touch-screen-wrapper .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.touch-screen-wrapper .swiper-pagination-black .swiper-pagination-bullet-active{background:#fff}.touch-screen-wrapper .swiper-container-vertical>.swiper-pagination{right:1em;top:50%;-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.touch-screen-wrapper .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:.5em 0;display:block}.touch-screen-wrapper .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 .5em}.touch-screen-wrapper .swiper-container-3d{-o-perspective:120em;perspective:120em}.touch-screen-wrapper .swiper-container-3d .swiper-cube-shadow,.touch-screen-wrapper .swiper-container-3d .swiper-slide,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-bottom,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-left,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-right,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-top,.touch-screen-wrapper .swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-bottom,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-left,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-right,.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.touch-screen-wrapper .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.touch-screen-wrapper .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.touch-screen-wrapper .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.touch-screen-wrapper .swiper-container-fade .swiper-slide{pointer-events:none}.touch-screen-wrapper .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.touch-screen-wrapper .swiper-container-fade .swiper-slide-active,.touch-screen-wrapper .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.touch-screen-wrapper .swiper-container-cube{overflow:visible}.touch-screen-wrapper .swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.touch-screen-wrapper .swiper-container-cube.swiper-container-rtl .swiper-slide{-ms-transform-origin:100% 0;transform-origin:100% 0}.touch-screen-wrapper .swiper-container-cube .swiper-slide-active,.touch-screen-wrapper .swiper-container-cube .swiper-slide-next,.touch-screen-wrapper .swiper-container-cube .swiper-slide-next+.swiper-slide,.touch-screen-wrapper .swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.touch-screen-wrapper .swiper-container-cube .swiper-slide-shadow-bottom,.touch-screen-wrapper .swiper-container-cube .swiper-slide-shadow-left,.touch-screen-wrapper .swiper-container-cube .swiper-slide-shadow-right,.touch-screen-wrapper .swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.touch-screen-wrapper .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.touch-screen-wrapper .swiper-scrollbar{border-radius:1em;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.touch-screen-wrapper .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:.3em;z-index:50;height:.5em;width:98%}.touch-screen-wrapper .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:.3em;top:1%;z-index:50;width:.5em;height:98%}.touch-screen-wrapper .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:1em;left:0;top:0}.touch-screen-wrapper .swiper-scrollbar-cursor-drag{cursor:move}.touch-screen-wrapper .swiper-lazy-preloader{width:4.2em;height:4.2em;position:absolute;left:50%;top:50%;margin-left:-2.1em;margin-top:-2.1em;z-index:10;-ms-transform-origin:50%;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}.touch-screen-wrapper .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.touch-screen-wrapper .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.touch-screen-wrapper .ac-slider{position:absolute;top:10em;width:7.4em;height:62em}.touch-screen-wrapper .ac-slider .slider-handle{background-image:url(/static/images/xc90demoappimages/heat-control/slider-handle.png);background-repeat:no-repeat;background-size:100%;background-position:center;width:10em;height:6em;height:4%;height:2.48em;position:absolute;cursor:pointer;line-height:3em}.touch-screen-wrapper .ac-slider.left{margin-left:2em}.touch-screen-wrapper .ac-slider.left:before{content:"";background:linear-gradient(to bottom,#6f0909 0,#6f6f6f 50%,#15526f 100%);position:absolute;top:0;bottom:0;left:0;width:1em}.touch-screen-wrapper .ac-slider.left .slider-handle{top:0;left:-1.3em}.touch-screen-wrapper .ac-slider.right{margin-right:2em;right:0}.touch-screen-wrapper .ac-slider.right:before{content:"";background:linear-gradient(to bottom,#6f0909 0,#6f6f6f 50%,#15526f 100%);position:absolute;top:0;bottom:0;right:0;width:1em}.touch-screen-wrapper .ac-slider.right .slider-handle{right:-1.3em;left:auto}.touch-screen-wrapper .ac-control-slides{position:relative;left:0;top:0;width:100%;z-index:10}.touch-screen-wrapper .ac-control-slides .ac-slide{font-family:volvo-instruments,"Volvo Sans Regular","Arial Narrow","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;position:absolute}.touch-screen-wrapper .ac-control-slides .ac-slide.left{background:#0f0f0f;left:-1px;top:-1px;width:100%;max-width:26em;height:82em}.touch-screen-wrapper .ac-control-slides .ac-slide.left.is-hidden{display:none}.touch-screen-wrapper .ac-control-slides .ac-slide.left .sync-temp{position:absolute;top:0;left:0;width:100%;height:6em;padding:.5em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .sync-temp .inner-element{width:100%;height:6em;background:#1a1a1a;padding:.5em;text-align:center}.touch-screen-wrapper .ac-control-slides .ac-slide.left .sync-temp .inner-element .sync-icon{background-image:url(/static/images/xc90demoappimages/heat-control/img_clm_unSync.png);width:7em;height:4.2em;clear:both;background-size:100%;text-align:center;margin:0 auto;margin-top:-2em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .sync-temp .inner-element .sync-text{font-size:1.5em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-numbers{font-family:volvo-instruments;position:absolute;left:4.6em;height:62em;top:10em;max-width:3em;width:100%}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-numbers .number{display:block;clear:both;height:2.48em;width:2.5em;margin-top:.05em;margin-top:0;overflow:hidden}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-numbers .number span{font-size:2em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box{width:12em;position:absolute;left:12em;top:25em;height:35em;border:1px solid #a1a1a1;text-align:center}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .plus{text-align:center;position:absolute;width:100%;top:0;padding:1.5em 0}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .plus:active{background:linear-gradient(to bottom,#516e8b 0,#0f0f0f 100%)}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .plus .text{font-size:7.5em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .number{line-height:1;position:absolute;top:14em;left:.9em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .number .text{font-size:7em;width:100%;text-align:left}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .number .icon{background-image:url(/static/images/xc90demoappimages/img_clm_degree_c.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:2.2em;height:2.2em;display:inline-block;position:absolute;top:.5em;right:-2.2em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .number .decimal{font-size:2.5em;color:#fff;position:absolute;bottom:.3em;right:-.9em}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .minus{text-align:center;position:absolute;width:100%;bottom:0;padding:1.5em 0}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .minus:active{background:linear-gradient(to bottom,#0f0f0f 0,#516e8b 100%)}.touch-screen-wrapper .ac-control-slides .ac-slide.left .heat-control-box .minus .text{font-size:7.5em}.touch-screen-wrapper .ac-control-slides .ac-slide.right{background:#0f0f0f;right:-1px;top:-1px;width:100%;max-width:26em;height:82em}.touch-screen-wrapper .ac-control-slides .ac-slide.right.is-hidden{display:none}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-numbers{position:absolute;right:4em;height:62em;top:10em;max-width:3em;width:100%}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-numbers .number{display:block;clear:both;height:2.48em;width:2.5em;overflow:hidden}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-numbers .number span{font-size:2em}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box{width:12em;position:absolute;right:12em;top:25em;height:35em;border:1px solid #a1a1a1;text-align:center}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .plus{text-align:center;position:absolute;width:100%;top:0;padding:1.5em 0}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .plus:active{background:linear-gradient(to bottom,#516e8b 0,#0f0f0f 100%)}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .plus .text{font-size:7.5em}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .number{line-height:1;position:absolute;top:14em;left:.9em}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .number .text{font-size:7em;width:100%;text-align:left}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .number .icon{background-image:url(/static/images/xc90demoappimages/img_clm_degree_c.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:2.2em;height:2.2em;display:inline-block;position:absolute;top:.5em;right:-2.2em}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .number .decimal{font-size:2.5em;color:#fff;position:absolute;bottom:.3em;right:-.9em}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .minus{text-align:center;position:absolute;width:100%;bottom:0;padding:1.5em 0}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .minus:active{background:linear-gradient(to bottom,#0f0f0f 0,#516e8b 100%)}.touch-screen-wrapper .ac-control-slides .ac-slide.right .heat-control-box .minus .text{font-size:7.5em}.touch-screen-wrapper .ac-control-slides .ac-slide .button-case{padding:0 1em;overflow:hidden;position:absolute;bottom:1.5em;width:100%}.touch-screen-wrapper .ac-control-slides .ac-slide .button-case .close-button{width:100%;background:#0f0f0f}.touch-screen-wrapper .climate-control{z-index:1;position:absolute;top:4em;left:0;height:70em;width:100%;z-index:9}.touch-screen-wrapper .climate-control.is-hidden{z-index:0}.touch-screen-wrapper .climate-control .backdrop{z-index:2;position:absolute;width:100%;height:70em;top:0;left:0}.touch-screen-wrapper .climate-control .main-content{z-index:3;position:relative;margin-top:1em}.touch-screen-wrapper .climate-control .main-content .top-bar{width:100%;height:5em;clear:both;margin:0 auto;border-bottom:1px solid #1a1a1a;padding:0 6% 7em 6%}.touch-screen-wrapper .climate-control .main-content .top-bar .heading{color:#6793b1;clear:both;font-size:3em;margin-bottom:.15em}.touch-screen-wrapper .climate-control .main-content .top-bar .main-nav{width:100%}.touch-screen-wrapper .climate-control .main-content .top-bar .main-nav ul li{float:left;display:inline-block;margin-right:2em;padding-bottom:.4em;font-size:1.7em;color:#8a8a8a;max-width:8em}.touch-screen-wrapper .climate-control .main-content .top-bar .main-nav ul li.active{color:#fff;font-weight:700;border-bottom:.2em solid #6793b1}.touch-screen-wrapper .climate-control .main-content .main-area{width:80%;margin:0 auto;margin-top:3em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar{width:100%;height:7em;background:#0f0f0f}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li{float:left;display:inline-block;width:20%;text-align:center;position:relative;height:7em;box-sizing:border-box;border-right:3px solid #000;overflow:hidden}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li.active{background:#2d3a46}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li:active{background-color:#516e8b}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .icon-max{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_maxDefrost_txt.png);background-size:100%;width:8em;height:8em;position:absolute;left:1em;top:-.2em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .icon-electric{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_frontDefrost_txt.png);background-size:100%;width:8em;height:8em;position:absolute;left:1em;top:-.2em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .icon-rear{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_rearDefrost_txt.png);background-size:100%;width:8em;height:8em;position:absolute;left:1em;top:-.2em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .icon-ac{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_AC.png);background-size:100%;width:8em;height:8em;position:absolute;left:1em;top:-.2em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .icon-recirc{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_recirc_txt.png);background-size:100%;width:8em;height:8em;position:absolute;left:1em;top:-.2em}.touch-screen-wrapper .climate-control .main-content .main-area .nav-bar ul li .text{position:absolute;bottom:.2em;text-align:center;width:100%;display:block;font-size:1.5em}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area{clear:both;padding-top:2em;width:80%;position:relative;display:block;margin:0 auto;height:35em;padding-bottom:4em}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area .fan{position:absolute;background-image:url(/static/images/xc90demoappimages/ac-control/Air_distrubution/img_clm_fan_large_OFF.png);width:14%;background-size:100%;height:5.9em;top:15em;left:2em}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area .seat{background-image:url(/static/images/xc90demoappimages/ac-control/Air_distrubution/img_clm_manikin_large_OFF.png);width:53%;height:19em;position:absolute;right:0;background-size:100%;top:10em}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .fan{background-image:url(/static/images/xc90demoappimages/ac-control/Air_distrubution/img_clm_fan_large_ON.png)}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .seat{background-image:url(/static/images/xc90demoappimages/ac-control/Air_distrubution/img_clm_manikin_large_ON.png)}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow{position:relative}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-bg{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_active.png);background-size:100%;width:100%;height:30em;position:absolute}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-bg-active{width:100%;height:30em;position:absolute;top:0;left:0}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks{position:absolute;width:100%;height:30em}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .top{width:100%;height:29em;position:absolute;top:0;left:0}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .top.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_top.png);background-size:100%}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .mid{width:100%;height:30em;position:absolute;top:0;left:0}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .mid.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_mid.png);background-size:100%}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .bot{width:100%;height:30em;position:absolute;top:0;left:0}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .air-flow-clicks .bot.active{background-image:url(/static/images/xc90demoappimages/ac-control/fan_stream_bot.png);background-size:100%}.touch-screen-wrapper .climate-control .main-content .main-area .main-control-area.active .air-flow .top-image{position:absolute;top:0;left:0;width:100%}.touch-screen-wrapper .climate-control .main-content .main-area .meter .fan-off{float:left;display:inline-block;height:6.8em;width:6.8em;background:#0f0f0f;margin-right:.5em;text-align:center}.touch-screen-wrapper .climate-control .main-content .main-area .meter .fan-off.active{background:#2d3a46}.touch-screen-wrapper .climate-control .main-content .main-area .meter .fan-off .icon{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_fan_small_OFF.png);background-size:100%;width:2.8em;height:3em;margin:0 auto;margin-top:1em;margin-bottom:.6em}.touch-screen-wrapper .climate-control .main-content .main-area .meter .fan-off .text{font-size:1.2em}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_fanlevels_bg.png);background-size:100%;width:35em;height:7em;float:left;display:inline-block}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar.manual{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_fanlevels_bg_overlay_manual.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar.auto{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_fanlevels_bg_overlay_auto.png);background-size:100%}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul{margin:0;padding:0;float:left;text-align:left}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li{display:inline-block;width:6.83em;height:6.8em;background-size:100%;float:left;margin-right:.2em;background-repeat:no-repeat;background-position:bottom left}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li:last-child{margin-right:0}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li.bar1.active{background-image:url(/static/images/xc90demoappimages/ac-control/HIGH_APP_CLIMATE_LAYOUT_fanctrl_1.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li.bar2.active{background-image:url(/static/images/xc90demoappimages/ac-control/HIGH_APP_CLIMATE_LAYOUT_fanctrl_2.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li.bar3.active{background-image:url(/static/images/xc90demoappimages/ac-control/HIGH_APP_CLIMATE_LAYOUT_fanctrl_3.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li.bar4.active{background-image:url(/static/images/xc90demoappimages/ac-control/HIGH_APP_CLIMATE_LAYOUT_fanctrl_4.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .meter-bar ul li.bar5.active{background-image:url(/static/images/xc90demoappimages/ac-control/HIGH_APP_CLIMATE_LAYOUT_fanctrl_5.png)}.touch-screen-wrapper .climate-control .main-content .main-area .meter .auto-button{height:7em;height:6.8em;width:6.8em;background:#0f0f0f;margin-left:.5em;float:left;text-align:center}.touch-screen-wrapper .climate-control .main-content .main-area .meter .auto-button.active{background:#2d3a46}.touch-screen-wrapper .climate-control .main-content .main-area .meter .auto-button .icon{background-image:url(/static/images/xc90demoappimages/ac-control/img_clm_fan_minimized.png);background-size:100%;width:2.8em;height:3em;margin:0 auto;margin-top:1em;margin-bottom:.6em}.touch-screen-wrapper .climate-control .main-content .main-area .meter .auto-button .text{font-size:1.2em}.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate{width:35em;margin:2em auto;background:#0f0f0f;height:7em;text-align:center}.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate.active{background:#2d3a46}.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate .text-big{font-size:2.5em;clear:both;padding-top:.3em;width:100%;display:block}.touch-screen-wrapper .climate-control .main-content .main-area .auto-climate .text-small{font-size:2em;clear:both;width:100%;display:block}.touch-screen-wrapper .climate-control.fade-out .backdrop,.touch-screen-wrapper .climate-control.is-hidden .backdrop{background:rgba(0,0,0,0)}.touch-screen-wrapper .climate-control.fade-out .main-content .air-flow,.touch-screen-wrapper .climate-control.fade-out .main-content .auto-climate,.touch-screen-wrapper .climate-control.fade-out .main-content .meter,.touch-screen-wrapper .climate-control.fade-out .main-content .nav-bar,.touch-screen-wrapper .climate-control.fade-out .main-content .top-bar,.touch-screen-wrapper .climate-control.is-hidden .main-content .air-flow,.touch-screen-wrapper .climate-control.is-hidden .main-content .auto-climate,.touch-screen-wrapper .climate-control.is-hidden .main-content .meter,.touch-screen-wrapper .climate-control.is-hidden .main-content .nav-bar,.touch-screen-wrapper .climate-control.is-hidden .main-content .top-bar{opacity:0;transition-delay:0s}.touch-screen-wrapper .climate-control.fade-out .main-content .main-control-area,.touch-screen-wrapper .climate-control.is-hidden .main-content .main-control-area{-ms-transform:translateY(37.3em) scale(.24);transform:translateY(37.3em) scale(.24)}.touch-screen-wrapper .climate-control.fade-out .main-content .main-control-area .fan,.touch-screen-wrapper .climate-control.is-hidden .main-content .main-control-area .fan{-ms-transform:translateX(1em);transform:translateX(1em)}.touch-screen-wrapper .climate-control.fade-out .main-content .main-control-area .seat,.touch-screen-wrapper .climate-control.is-hidden .main-content .main-control-area .seat{-ms-transform:translateX(-6.3em);transform:translateX(-6.3em)}.touch-screen-wrapper .is-home-screen:not(.is-tile-open) .climate-control.fade-out .main-content .main-control-area,.touch-screen-wrapper .is-home-screen:not(.is-tile-open) .climate-control.is-hidden .main-content .main-control-area{-ms-transform:translateY(35.5em) scale(.31);transform:translateY(35.5em) scale(.31)}.touch-screen-wrapper .climate-control.is-hidden .main-control-area{opacity:0}.touch-screen-wrapper .climate-control{transition:background .4s}.touch-screen-wrapper .climate-control .backdrop{transition:background .4s;background:#000}.touch-screen-wrapper .climate-control .main-content .air-flow,.touch-screen-wrapper .climate-control .main-content .auto-climate,.touch-screen-wrapper .climate-control .main-content .meter,.touch-screen-wrapper .climate-control .main-content .nav-bar,.touch-screen-wrapper .climate-control .main-content .top-bar{transition:opacity .4s;transition-delay:.4s}.touch-screen-wrapper .climate-control .main-content .main-control-area{transition:transform .4s,opacity .4s;-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.touch-screen-wrapper .climate-control .main-content .main-control-area .fan{transition:transform .4s;-ms-transform:translateX(0);transform:translateX(0)}.touch-screen-wrapper .climate-control .main-content .main-control-area .seat{transition:transform .4s;-ms-transform:translateX(0);transform:translateX(0)}.touch-screen-wrapper .tile-navigation{position:relative;background-position:top center;background-image:url(/static/images/xc90demoappimages/map2d.jpg)}.touch-screen-wrapper .tile-navigation .label2d{display:none}.touch-screen-wrapper .tile-navigation.bg-3d{background-image:url(/static/images/xc90demoappimages/map3d.jpg)}.touch-screen-wrapper .tile-navigation.bg-3d .label3d{display:none}.touch-screen-wrapper .tile-navigation.bg-3d .label2d{display:inline}.touch-screen-wrapper .tile-navigation .navigation-depth{background:rgba(0,0,0,.8);text-align:center;border-radius:50%;width:7.2em;height:7.2em;position:relative;top:3em;left:1em}.touch-screen-wrapper .tile-navigation .navigation-depth span{font-size:2.1em;font-family:"Volvo Sans Light";text-shadow:2 2 2 #000;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:2px 3px 2px #000}.touch-screen-wrapper .tile-navigation .navcontainer{position:absolute;bottom:0;left:0;text-align:center;width:100%;padding:0;margin:0;vertical-align:bottom}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid{display:inline-block;vertical-align:bottom}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn{display:block;background:rgba(0,0,0,.8);height:5.4em;float:left;width:7.6em;margin-left:.1em;display:block;position:relative}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn.is-disabled .icon,.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn.is-disabled .text{opacity:.3}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn:active:not(.is-disabled){border-top-color:#516e8b;background:#516e8b}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn:first-child{border-radius:.3em 0 0}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .navigation-btn:last-child{border-radius:0 .3em 0}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon{background-size:100%;position:absolute;top:0;left:1.3em;width:5em;height:5em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .text{position:absolute;top:3.4em;width:100%;text-align:center;height:4em;line-height:4;overflow:hidden}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .text span{font-size:1.4em;display:inline-block;vertical-align:top;line-height:1.2;margin:0 .4em;max-height:1.2em;overflow:hidden}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_destination{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -.7em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_pause{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -5.5em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_mute{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -10.6em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_repeat{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -15.7em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_detour{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -20.9em}.touch-screen-wrapper .tile-navigation .navcontainer .button-grid .icon.img_nav_minimise{background-image:url(/static/images/xc90demoappimages/navigation/navigation.min.png);background-position:0 -25.7em}.touch-screen-wrapper .title-icon-navigation{background-color:#111}.touch-screen-wrapper .tile-weather .hidden{display:none}.touch-screen-wrapper .tile-weather .full-height{height:100%}.touch-screen-wrapper .tile-weather .heading{margin-left:11.3em;font-size:2em;height:1.2em}.touch-screen-wrapper .tile-weather .left-actions{width:32%;float:left;background:#000;height:100%;position:relative}.touch-screen-wrapper .tile-weather .left-actions .action-button{background:#1a1a1a;width:100%;height:6em;border:none;margin-bottom:.1em;text-align:center}.touch-screen-wrapper .tile-weather .left-actions .action-button .text{font-size:2em;color:#fff;position:relative;top:-1.2em;left:-.5em;display:inline-block}.touch-screen-wrapper .tile-weather .left-actions .action-button .icon{display:inline-block;background-size:100%;width:6em;height:6em;position:relative;left:-1em}.touch-screen-wrapper .tile-weather .left-actions .action-button .icon.contacts-icon{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_library.png)}.touch-screen-wrapper .tile-weather .left-actions .action-button .icon.recents-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_recents.png)}.touch-screen-wrapper .tile-weather .left-actions .action-button .icon.keypad-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_keypad.png)}.touch-screen-wrapper .tile-weather .left-actions .action-button.disabled .icon{opacity:.2}.touch-screen-wrapper .tile-weather .left-actions .action-button.disabled .text{opacity:.2}.touch-screen-wrapper .tile-weather .left-actions .action-button.bottom{position:absolute;bottom:6em}.touch-screen-wrapper .tile-weather .left-actions .action-button.bottom .text{top:.8em;left:0}.touch-screen-wrapper .tile-weather .left-actions .action-button:hover{background:#1c1c1c}.touch-screen-wrapper .tile-weather .left-actions .button-grid{display:inline-block;vertical-align:bottom}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn{display:block;background:#1a1a1a;height:7em;float:left;width:9.2em;margin-left:.1em;margin-bottom:.1em;display:block;position:relative}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn.is-disabled .icon,.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn.is-disabled .text{opacity:.3}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn:active:not(.is-disabled){border-top-color:#516e8b;background:#516e8b}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn:first-child{border-radius:.3em 0 0 0}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn:nth-child(2){border-radius:0 .3em 0 0}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn:nth-child(3){border-radius:0 0 0 .3em}.touch-screen-wrapper .tile-weather .left-actions .button-grid .weather-btn:last-child{border-radius:0 0 .3em 0}.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon{background-size:100%;position:absolute;top:1em;left:2em;width:5em;height:5em}.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon.img_weather_all_day{background-image:url(/static/images/xc90demoappimages/weather/24h.png)}.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon.img_weather_all_week{background-image:url(/static/images/xc90demoappimages/weather/7d.png)}.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon.img_weather_point{background-image:url(/static/images/xc90demoappimages/weather/point.png)}.touch-screen-wrapper .tile-weather .left-actions .button-grid .icon.img_weather_settings{background-image:url(/static/images/xc90demoappimages/weather/settings.png)}.touch-screen-wrapper .tile-weather .right-forcast{width:66%;margin-left:2%;float:left;background:#000;height:39em}.touch-screen-wrapper .tile-weather .right-forcast:after{position:absolute;bottom:0;left:0;right:0;height:3em;content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.touch-screen-wrapper .tile-weather .right-forcast .weather-item{width:100%;background:#1a1a1a;font-size:2em;padding:.8em;box-sizing:border-box;color:#8a8a8a;font-family:"Volvo Sans Light";border-bottom:1px solid #000}.touch-screen-wrapper .tile-weather .right-forcast .weather-item .weather-time{float:left;width:80%}.touch-screen-wrapper .tile-weather .right-forcast .weather-item .weather-degrees{float:left;width:10%;text-align:right}.touch-screen-wrapper .tile-weather .right-forcast .weather-item .weather-icon{float:right;width:10%;overflow:hidden}.touch-screen-wrapper .tile-weather .right-forcast .weather-item .weather-icon img{width:1.1em;max-width:100%;float:right}.touch-screen-wrapper .title-icon-weather{background-color:#111}.touch-screen-wrapper .title-icon-weather img{position:absolute;top:50%;right:0p;-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.touch-screen-wrapper .media-tile .hidden{display:none}.touch-screen-wrapper .media-tile .full-height{height:100%}.touch-screen-wrapper .media-tile .heading{margin-left:11.3em;font-size:2em;height:1.2em}.touch-screen-wrapper .media-tile .left-actions{width:32%;float:left;background:#000;height:100%;position:relative}.touch-screen-wrapper .media-tile .left-actions .action-button{background:#1a1a1a;width:100%;height:6em;border:none;margin-bottom:.1em;text-align:center;overflow:hidden;position:relative}.touch-screen-wrapper .media-tile .left-actions .action-button:active{background-color:#516e8b}.touch-screen-wrapper .media-tile .left-actions .action-button .text{font-size:2em;color:#fff;position:absolute;top:.8em;left:2.8em;display:inline-block;max-width:6em}.touch-screen-wrapper .media-tile .left-actions .action-button .icon{display:inline-block;background-size:100%;width:6em;height:6em;position:absolute;left:0;top:-.1em}.touch-screen-wrapper .media-tile .left-actions .action-button .icon.contacts-icon{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_library.png)}.touch-screen-wrapper .media-tile .left-actions .action-button .icon.recents-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_recents.png)}.touch-screen-wrapper .media-tile .left-actions .action-button .icon.keypad-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_keypad.png)}.touch-screen-wrapper .media-tile .left-actions .action-button.disabled .icon{opacity:.2}.touch-screen-wrapper .media-tile .left-actions .action-button.disabled .text{opacity:.2}.touch-screen-wrapper .media-tile .left-actions .action-button.bottom{position:absolute;bottom:6em}.touch-screen-wrapper .media-tile .left-actions .action-button.bottom .text{top:.8em;left:0}.touch-screen-wrapper .media-tile .left-actions .button-block{background:#1a1a1a;overflow:hidden;position:absolute;top:13em;width:100%}.touch-screen-wrapper .media-tile .left-actions .button-block .header{clear:both;background:0 0;width:100%;border-bottom:1px solid #000;padding:0 5%;color:#8a8a8a;height:3em}.touch-screen-wrapper .media-tile .left-actions .button-block .header .text{font-size:1.7em;top:.2em;display:block;position:relative}.touch-screen-wrapper .media-tile .left-actions .button-block .action-button{background:0 0;width:100%;border-bottom:1px solid #000;padding:0 5%;text-align:left}.touch-screen-wrapper .media-tile .left-actions .button-block .action-button:active{background-color:#516e8b}.touch-screen-wrapper .media-tile .left-actions .button-block .action-button .text{top:1em;left:1em;max-width:8em}.touch-screen-wrapper .media-tile .right-contacts{width:66%;margin-left:2%;float:left;background:#000;height:39em}.touch-screen-wrapper .media-tile .right-contacts:after{position:absolute;bottom:0;left:0;right:0;height:3em;content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.touch-screen-wrapper .media-tile .right-contacts .song-item{width:100%;height:6em;background:#1a1a1a;margin-bottom:.1em}.touch-screen-wrapper .media-tile .right-contacts .song-item audio{visibility:hidden}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-name{float:left;width:75%;height:6em}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-name .text-song-name{font-size:2em;color:#fff;position:relative;top:.3em;margin-left:1em;display:block;clear:both}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-name .text-artist-name{font-size:2em;color:#fff;position:relative;top:.2em;margin-left:1em;display:block;clear:both}.touch-screen-wrapper .media-tile .right-contacts .song-item:hover{background:#1c1c1c}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-image{float:right;width:15%;height:6em;overflow:hidden}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-image img{width:100%;max-width:100%}.touch-screen-wrapper .media-tile .right-contacts .song-item .song-image .icon{background-image:url(/static/images/xc90demoappimages/icons/media/img_med_now_playing.png);background-size:100%;width:100%;height:6em;display:none}.touch-screen-wrapper .media-tile .right-contacts .song-item.active{background:#303d4a}.touch-screen-wrapper .media-tile .right-contacts .song-item.active:hover{background:#303d4a}.touch-screen-wrapper .media-tile .right-contacts .song-item.active .song-image img{display:none}.touch-screen-wrapper .media-tile .right-contacts .song-item.active .song-image .icon{display:block}.touch-screen-wrapper .media-tile .right-contacts .block-button{background:#1a1a1a;width:50%;border:1px solid #000;box-sizing:border-box;height:13em;float:left;text-align:center}.touch-screen-wrapper .media-tile .right-contacts .block-button .text{font-size:2em;clear:both;display:inline-block;color:#fff;text-align:center;width:100%}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon{display:inline-block;background-size:100%;width:6em;height:6em;position:relative;top:2em}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon.icon-mute{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_mute.png)}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon.icon-add{background-image:url(/static/images/xc90demoappimages/phone/img_clm_tempadjust_plus.png)}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon.icon-private{background-image:url(/static/images/xc90demoappimages/phone/img_tel_private.png)}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon.icon-keypad{background-image:url(/static/images/xc90demoappimages/phone/img_tel_keypad.png)}.touch-screen-wrapper .media-tile .right-contacts .block-button .icon.icon-end{background-image:url(/static/images/xc90demoappimages/phone/img_tel_decline.png)}.touch-screen-wrapper .media-tile .right-contacts .block-button.full-width{width:100%;height:6em;margin-top:1em}.touch-screen-wrapper .media-tile .right-contacts .block-button.full-width .icon{left:-1em;top:auto}.touch-screen-wrapper .media-tile .right-contacts .block-button.full-width .text{width:auto;top:-1.2em;position:relative;left:-.5em}.touch-screen-wrapper .media-tile .right-contacts .block-button.red{background:#53110b}.touch-screen-wrapper .media-tile .right-contacts .block-button.disabled .icon{opacity:.2}.touch-screen-wrapper .media-tile .right-contacts .block-button.disabled .text{opacity:.2}.touch-screen-wrapper .carplay-tile{position:relative}.touch-screen-wrapper .carplay-tile .clock{position:absolute;left:3.7em;top:7.5em;font-size:1.6em;background-color:#000;width:2.8em;text-align:center;font-family:arial}.touch-screen-wrapper .phone-tile .hidden{display:none}.touch-screen-wrapper .phone-tile .full-height{height:100%}.touch-screen-wrapper .phone-tile .heading{margin-left:11.3em;font-size:2em;height:1.2em}.touch-screen-wrapper .phone-tile .left-actions{width:32%;float:left;background:#000;height:100%;position:relative}.touch-screen-wrapper .phone-tile .left-actions .action-button{background:#1a1a1a;width:100%;height:6em;border:none;margin-bottom:.1em;overflow:hidden;position:relative}.touch-screen-wrapper .phone-tile .left-actions .action-button .text{font-size:2em;color:#fff;position:absolute;top:.8em;left:2.8em;display:inline-block;max-width:6em}.touch-screen-wrapper .phone-tile .left-actions .action-button .icon{display:inline-block;background-size:100%;width:6em;height:6em;position:absolute;left:0;top:-.1em}.touch-screen-wrapper .phone-tile .left-actions .action-button .icon.contacts-icon{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_library.png)}.touch-screen-wrapper .phone-tile .left-actions .action-button .icon.recents-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_recents.png)}.touch-screen-wrapper .phone-tile .left-actions .action-button .icon.keypad-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_keypad.png)}.touch-screen-wrapper .phone-tile .left-actions .action-button.disabled .icon{opacity:.2}.touch-screen-wrapper .phone-tile .left-actions .action-button.disabled .text{opacity:.2}.touch-screen-wrapper .phone-tile .left-actions .action-button.bottom{position:absolute;top:27em}.touch-screen-wrapper .phone-tile .left-actions .action-button.bottom .text{top:.8em;left:.8em;max-width:8em}.touch-screen-wrapper .phone-tile .left-actions .action-button:active{background-color:#516e8b}.touch-screen-wrapper .phone-tile .right-contacts{width:66%;margin-left:2%;float:left;background:#000;height:39em;overflow:hidden;padding-bottom:2em}.touch-screen-wrapper .phone-tile .right-contacts:after{position:absolute;bottom:0;left:0;right:0;height:3em;content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)}.touch-screen-wrapper .phone-tile .right-contacts .js-home-contact-list{padding-bottom:5em}.touch-screen-wrapper .phone-tile .right-contacts .contact-item{width:100%;height:6em;background:#1a1a1a;margin-bottom:.1em}.touch-screen-wrapper .phone-tile .right-contacts .contact-item .contact-name{float:left;width:75%;height:6em}.touch-screen-wrapper .phone-tile .right-contacts .contact-item .contact-name .text{font-size:2em;color:#fff;position:relative;top:.8em;margin-left:1em}.touch-screen-wrapper .phone-tile .right-contacts .contact-item:active{background-color:#516e8b}.touch-screen-wrapper .phone-tile .right-contacts .contact-item .contact-image{float:right;width:15%;height:6em;overflow:hidden}.touch-screen-wrapper .phone-tile .right-contacts .contact-item .contact-image img{width:100%;max-width:100%}.touch-screen-wrapper .phone-tile .right-contacts .block-button{background:#1a1a1a;width:50%;border:1px solid #000;box-sizing:border-box;height:13em;float:left;text-align:center}.touch-screen-wrapper .phone-tile .right-contacts .block-button .text{font-size:2em;clear:both;display:inline-block;color:#fff;text-align:center;width:100%}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon{display:inline-block;background-size:100%;width:6em;height:6em;position:relative;top:2em}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon.icon-mute{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_mute.png)}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon.icon-add{background-image:url(/static/images/xc90demoappimages/phone/img_clm_tempadjust_plus.png)}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon.icon-private{background-image:url(/static/images/xc90demoappimages/phone/img_tel_private.png)}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon.icon-keypad{background-image:url(/static/images/xc90demoappimages/phone/img_tel_keypad.png)}.touch-screen-wrapper .phone-tile .right-contacts .block-button .icon.icon-end{background-image:url(/static/images/xc90demoappimages/phone/img_tel_decline.png)}.touch-screen-wrapper .phone-tile .right-contacts .block-button.full-width{width:100%;height:6em;margin-top:1em}.touch-screen-wrapper .phone-tile .right-contacts .block-button.full-width .icon{left:-1em;top:auto}.touch-screen-wrapper .phone-tile .right-contacts .block-button.full-width .text{width:auto;top:-1.2em;position:relative;left:-.5em}.touch-screen-wrapper .phone-tile .right-contacts .block-button.red{background:#53110b}.touch-screen-wrapper .phone-tile .right-contacts .block-button.disabled .icon{opacity:.2}.touch-screen-wrapper .phone-tile .right-contacts .block-button.disabled .text{opacity:.2}.touch-screen-wrapper .single-contact{position:absolute;top:4em;left:0;height:70em;width:100%;background:#000;z-index:9}.touch-screen-wrapper .single-contact.is-hidden{display:none}.touch-screen-wrapper .single-contact .main-content{margin-top:1em}.touch-screen-wrapper .single-contact .main-content .top-bar{width:100%;height:5em;clear:both;margin:0 auto;border-bottom:1px solid #1a1a1a;padding:0 6% 7em 6%}.touch-screen-wrapper .single-contact .main-content .top-bar .heading{color:#6793b1;clear:both;font-size:3em;margin-bottom:.15em}.touch-screen-wrapper .single-contact .main-content .top-bar .main-nav{width:100%}.touch-screen-wrapper .single-contact .main-content .top-bar .main-nav ul li{float:left;display:inline-block;margin-right:2em;padding-bottom:.4em;font-size:1.7em;color:#fff;font-weight:700}.touch-screen-wrapper .single-contact .main-content .main-area{width:88%;margin:0 auto;margin-top:2em;position:relative;height:54em;overflow:hidden;position:relative}.touch-screen-wrapper .single-contact .main-content .main-area:after{position:absolute;bottom:0;left:0;right:0;height:3em;content:"";background:linear-gradient(to bottom,transparent 0,#000 100%)}.touch-screen-wrapper .single-contact .main-content .main-area .contact-head{clear:both;overflow:hidden}.touch-screen-wrapper .single-contact .main-content .main-area .contact-head .contact-pic{width:20%;float:left;height:12em;margin-left:2em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-head .contact-pic img{width:100%;max-width:100%}.touch-screen-wrapper .single-contact .main-content .main-area .contact-head .contact-name{float:left;margin-top:.5em;margin-left:1em;font-size:2.4em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block{clear:both}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-header{clear:both;border:1px solid #181818;background-color:#0c0c0c;position:relative;height:3em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-header:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:.1em;background:#616161;background:linear-gradient(to right,#616161 0,#fff 50%,#616161 100%);opacity:.4;z-index:1}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-header .text{font-size:2em;margin-left:1em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item{height:6em;background:#0c0c0c;width:100%;border-bottom:1px solid #000;border-left:3px solid #0c0c0c}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .phone-icon{width:6em;height:6em;float:left;margin-right:2em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .phone-icon .icon{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_phone.png);background-size:100%;width:8em;height:6em;display:block;margin-top:-1em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .phone-info{width:31em;float:left;margin-left:7em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .phone-info .text-top{font-size:2em;clear:both;display:block;margin-top:.2em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .phone-info .text-bot{font-size:1.6em;color:#87ceeb;clear:both;display:block}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .message-button{background:#1a1a1a;height:6em;float:right;width:6em;text-align:center}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .message-button .message-icon{background-image:url(/static/images/xc90demoappimages/phone/img_tel_msg.png);width:4em;height:4em;background-size:100%;display:block;margin-left:1em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .message-button .text{font-size:1.2em;top:-1em;position:relative}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .map-icon{width:6em;height:6em;float:left;margin-right:2em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .map-icon .icon{background-image:url(/static/images/xc90demoappimages/phone/img_hmc_navi_conn.png);background-size:100%;width:8em;height:8em;display:block}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .address-info{width:33em;float:left;margin-left:7em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .address-info .text-top{font-size:2em;clear:both;display:block;margin-top:.2em}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item .address-info .text-bot{font-size:1.6em;color:#87ceeb;clear:both;display:block}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item.active{border-left:3px solid #87ceeb}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body .block-item:active{background-color:#516e8b}.touch-screen-wrapper .single-contact .main-content .main-area .contact-block .block-body.contact-body .block-item{height:11em}.touch-screen-wrapper .single-contact .main-content .buttons .close-button{position:absolute;right:2em;bottom:0;width:10em}.touch-screen-wrapper .single-contact .main-content .buttons .back-button{position:absolute;left:2em;bottom:0;width:10em}.touch-screen-wrapper .keypad-control{position:absolute;top:4em;left:0;height:70em;width:100%;background:#000;z-index:9}.touch-screen-wrapper .keypad-control.is-hidden{display:none}.touch-screen-wrapper .keypad-control .main-content{margin-top:1em}.touch-screen-wrapper .keypad-control .main-content .top-bar{width:100%;height:5em;clear:both;margin:0 auto;border-bottom:1px solid #1a1a1a;padding:0 6% 7em 6%}.touch-screen-wrapper .keypad-control .main-content .top-bar .heading{color:#6793b1;clear:both;font-size:3em;margin-bottom:.15em}.touch-screen-wrapper .keypad-control .main-content .top-bar .main-nav{width:100%}.touch-screen-wrapper .keypad-control .main-content .top-bar .main-nav ul li{float:left;display:inline-block;margin-right:2em;padding-bottom:.4em;font-size:1.7em;color:#fff;font-weight:700}.touch-screen-wrapper .keypad-control .main-content .main-area{width:70%;margin:0 auto;margin-top:3em;position:relative;height:60em}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area{position:absolute;top:0;left:0;height:12.5em;width:100%;transition:top .3s}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .numbers-field{width:100%;text-align:center;font-size:3.4em;height:1.5em}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field{height:8em;width:100%;background:#0c0c0c}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-photo{width:18%;float:left}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-photo img{max-width:100%;width:100%}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-info{float:left;width:64%;padding-left:5%;height:100%}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-info .contact-name{clear:both;font-size:2.4em;display:block;position:relative;top:.5em}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-info .phone-number{clear:both;font-size:2em;display:block;position:relative;top:.8em}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-number{float:left;width:18%;background:#1a1a1a;height:100%;text-align:center;line-height:1}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area .contacts-field .contact-number .number{position:relative;font-size:4em;top:.4em}.touch-screen-wrapper .keypad-control .main-content .main-area .result-area.no-contact{top:7.4em}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad{position:absolute;top:12.5em;left:0;width:100%}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul{list-style:none;padding:0;margin:0}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li{display:inline-block;float:left;width:50%;background:#000;height:7em;box-sizing:border-box;border:1px solid #1a1a1a;text-align:center}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li:active{background-color:#516e8b}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li.green{background:#2c4234;position:relative}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .number{margin-top:.6em;font-size:2.4em;display:block}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .chars{font-size:1.4em;display:block}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .phone-icon{display:inline-block;background-image:url(/static/images/xc90demoappimages/phone/img_hmc_phone.png);background-size:100%;width:6em;height:5em;margin-top:.5em;position:absolute;left:4.4em;top:0}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .text{display:inline-block;font-size:2.4em;position:absolute;top:.7em;left:4em;max-width:4.5em}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul li .delete-icon{display:inline-block;background-image:url(/static/images/xc90demoappimages/phone/img_hmc_erase.png);background-size:100%;width:6em;height:6em;margin-top:.5em}.touch-screen-wrapper .keypad-control .main-content .main-area .keypad ul.main-keypad li{width:33.3%}.touch-screen-wrapper .keypad-control .main-content .buttons .close-button{position:absolute;right:2em;bottom:0;width:10em}.touch-screen-wrapper .keypad-control .main-content .buttons .back-button{position:absolute;left:2em;bottom:0;width:10em}.touch-screen-wrapper .help-mode .help-mode-applications,.touch-screen-wrapper .help-mode .help-mode-home{z-index:10;position:absolute;top:0;left:0;width:62em;height:82em;display:none}.touch-screen-wrapper .help-mode .help-mode-home{background-image:url(/static/images/xc90demoappimages/HelpMode/img_hmc_helpmode_bg_S4.png)}.touch-screen-wrapper .help-mode .help-mode-home .hand{background-image:url(/static/images/xc90demoappimages/HelpMode/img_hmc_helpmode_hand.png);position:absolute;top:35.5em;left:27em;width:10em;height:24em;animation-duration:6s;animation-fill-mode:both;animation-name:handSwiping;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.touch-screen-wrapper .help-mode .help-mode-applications{background-image:url(/static/images/xc90demoappimages/HelpMode/img_hmc_helpmode_bg_S4-applications.png)}.touch-screen-wrapper .help-mode .guide-text-1,.touch-screen-wrapper .help-mode .guide-text-2,.touch-screen-wrapper .help-mode .guide-text-3,.touch-screen-wrapper .help-mode .guide-text-4{position:absolute}.touch-screen-wrapper .help-mode .guide-text-1 .text,.touch-screen-wrapper .help-mode .guide-text-2 .text,.touch-screen-wrapper .help-mode .guide-text-3 .text,.touch-screen-wrapper .help-mode .guide-text-4 .text{font-size:2.4em}.touch-screen-wrapper .help-mode .guide-text-1{top:7em;left:34em;width:20em}.touch-screen-wrapper .help-mode .guide-text-2{bottom:41em;left:18em;width:26em;text-align:center}.touch-screen-wrapper .help-mode .guide-text-3{bottom:2em;left:18em;width:26em;text-align:center}.touch-screen-wrapper .help-mode .guide-text-4{bottom:22em;left:15em;width:32em;text-align:center}.touch-screen-wrapper .clock{position:absolute;color:#fff;right:.4em;top:.1em;z-index:8;font-size:2.8em;font-family:"Volvo Sans Light"}.touch-screen-wrapper .swiper-button-next,.touch-screen-wrapper .swiper-button-prev{cursor:url(/static/images/xc90demoappimages/cursor-40x40.png) 20 20,auto}.xc90-magnific-active .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.xc90-magnific-active .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.xc90-magnific-active .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.xc90-magnific-active .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.xc90-magnific-active .mfp-align-top .mfp-container:before{display:none}.xc90-magnific-active .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.xc90-magnific-active .mfp-ajax-holder .mfp-content,.xc90-magnific-active .mfp-inline-holder .mfp-content{width:100%;cursor:auto}.xc90-magnific-active .mfp-ajax-cur{cursor:progress}.xc90-magnific-active .mfp-zoom-out-cur,.xc90-magnific-active .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.xc90-magnific-active .mfp-zoom{cursor:pointer;cursor:zoom-in}.xc90-magnific-active .mfp-auto-cursor .mfp-content{cursor:auto}.xc90-magnific-active .mfp-arrow,.xc90-magnific-active .mfp-close,.xc90-magnific-active .mfp-counter,.xc90-magnific-active .mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.xc90-magnific-active .mfp-loading.mfp-figure{display:none}.xc90-magnific-active .mfp-hide{display:none!important}.xc90-magnific-active .mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.xc90-magnific-active .mfp-preloader a{color:#ccc}.xc90-magnific-active .mfp-preloader a:hover{color:#fff}.xc90-magnific-active .mfp-s-ready .mfp-preloader{display:none}.xc90-magnific-active .mfp-s-error .mfp-content{display:none}.xc90-magnific-active button.mfp-arrow,.xc90-magnific-active button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none}.xc90-magnific-active button::-moz-focus-inner{padding:0;border:0}.xc90-magnific-active .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.xc90-magnific-active .mfp-close:focus,.xc90-magnific-active .mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.xc90-magnific-active .mfp-close:active{top:1px}.xc90-magnific-active .mfp-close-btn-in .mfp-close{color:#333}.xc90-magnific-active .mfp-iframe-holder .mfp-close,.xc90-magnific-active .mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.xc90-magnific-active .mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.xc90-magnific-active .mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.xc90-magnific-active .mfp-arrow:active{margin-top:-54px}.xc90-magnific-active .mfp-arrow:focus,.xc90-magnific-active .mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.xc90-magnific-active .mfp-arrow .mfp-a,.xc90-magnific-active .mfp-arrow .mfp-b,.xc90-magnific-active .mfp-arrow:after,.xc90-magnific-active .mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.xc90-magnific-active .mfp-arrow .mfp-a,.xc90-magnific-active .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.xc90-magnific-active .mfp-arrow .mfp-b,.xc90-magnific-active .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.xc90-magnific-active .mfp-arrow-left{left:0}.xc90-magnific-active .mfp-arrow-left .mfp-a,.xc90-magnific-active .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.xc90-magnific-active .mfp-arrow-left .mfp-b,.xc90-magnific-active .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.xc90-magnific-active .mfp-arrow-right{right:0}.xc90-magnific-active .mfp-arrow-right .mfp-a,.xc90-magnific-active .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.xc90-magnific-active .mfp-arrow-right .mfp-b,.xc90-magnific-active .mfp-arrow-right:before{border-left:27px solid #3f3f3f}.xc90-magnific-active .mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.xc90-magnific-active .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.xc90-magnific-active .mfp-iframe-holder .mfp-close{top:-40px}.xc90-magnific-active .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.xc90-magnific-active .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.xc90-magnific-active img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.xc90-magnific-active .mfp-figure{line-height:0}.xc90-magnific-active .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.xc90-magnific-active .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.xc90-magnific-active .mfp-figure figure{margin:0}.xc90-magnific-active .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.xc90-magnific-active .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.xc90-magnific-active .mfp-image-holder .mfp-content{max-width:100%}.xc90-magnific-active .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.xc90-magnific-active .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.xc90-magnific-active .mfp-img-mobile img.mfp-img{padding:0}.xc90-magnific-active .mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.xc90-magnific-active .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.xc90-magnific-active .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.xc90-magnific-active .mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.xc90-magnific-active .mfp-img-mobile .mfp-counter{right:5px;top:3px}.xc90-magnific-active .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.xc90-magnific-active .mfp-arrow{-ms-transform:scale(.75);transform:scale(.75)}.xc90-magnific-active .mfp-arrow-left{-ms-transform-origin:0;transform-origin:0}.xc90-magnific-active .mfp-arrow-right{-ms-transform-origin:100%;transform-origin:100%}.xc90-magnific-active .mfp-container{padding-left:6px;padding-right:6px}}.xc90-magnific-active .mfp-ie7 .mfp-img{padding:0}.xc90-magnific-active .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.xc90-magnific-active .mfp-ie7 .mfp-container{padding:0}.xc90-magnific-active .mfp-ie7 .mfp-content{padding-top:44px}.xc90-magnific-active .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.xc90-magnific-active .mfp-iframe-holder button.mfp-close{top:-50px;right:0;font-family:volvo-icons;font-size:20px;padding:0;margin:0;height:40px;line-height:normal;width:40px}.xc90-magnific-active .mfp-iframe-holder button.mfp-close:before{width:40px;font-size:14px!important;display:block;border-radius:50%;border:1px solid #727275;padding:12px 10px 0 0;background-color:#000;height:40px;box-sizing:border-box;font-weight:700;cursor:pointer;color:#fff;content:"\E014";position:absolute;top:0;right:0}.touch-screen-wrapper .notification .text{display:none}.touch-screen-wrapper .notification .icon{opacity:.2;filter:alpha(opacity=20)}.touch-screen-wrapper .screen-applications .icon.img_hmc_bluetooth,.touch-screen-wrapper .screen-applications .icon.img_hmc_bluetooth+.text{opacity:.2;filter:alpha(opacity=20)}.touch-screen-wrapper .screen-applications .icon.img_hmc_carplay,.touch-screen-wrapper .screen-applications .icon.img_hmc_carplay+.text{opacity:1;filter:alpha(opacity=100)}.touch-screen-wrapper .phone-tile .tile-text-1 .text{display:none}.touch-screen-wrapper .phone-tile .tile-text-1 .text.carplay-enabled-text{display:block}.touch-screen-wrapper .phone-tile .tile-text-2 .text{display:none}.touch-screen-wrapper.carplay-disabled .notification .text{display:block}.touch-screen-wrapper.carplay-disabled .notification .icon{opacity:1;filter:alpha(opacity=100)}.touch-screen-wrapper.carplay-disabled .screen-applications .icon.img_hmc_bluetooth,.touch-screen-wrapper.carplay-disabled .screen-applications .icon.img_hmc_bluetooth+.text{opacity:1;filter:alpha(opacity=100)}.touch-screen-wrapper.carplay-disabled .screen-applications .icon.img_hmc_carplay,.touch-screen-wrapper.carplay-disabled .screen-applications .icon.img_hmc_carplay+.text{opacity:.2;filter:alpha(opacity=20)}.touch-screen-wrapper.carplay-disabled .phone-tile .tile-text-1 .text{display:block}.touch-screen-wrapper.carplay-disabled .phone-tile .tile-text-1 .text.carplay-enabled-text{display:none}.touch-screen-wrapper.carplay-disabled .phone-tile .tile-text-2 .text{display:block}.touch-screen-wrapper.carplay-disabled .app-header{background-image:url(/static/images/xc90demoappimages/app-header-bt-active.jpg)}@keyframes handSwiping{0%{transform:translateX(0)}15%{transform:translateX(-12em)}30%{transform:translateX(12em)}45%{transform:translateX(-12em)}60%{transform:translateX(0)}100%{transform:translateX(0)}}