@charset "UTF-8";
/* Pioneer CarPlay Website http://www.pioneercarplay.com April 2014 ----------------------------- Site by Anyone Collective */
@import url("//hello.myfonts.net/count/33a8c1");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** @license MyFonts Webfont Build ID 3385537, 2017-05-08T14:55:12-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: P22UndergroundBook by P22 URL: http://www.myfonts.com/fonts/p22/underground-basic/book/ Copyright: Copyright (c) 2007-2103 by P22 type foundry. All rights reserved. Licensed pageviews: 10,000  Webfont: P22UndergroundHeavy by P22 URL: http://www.myfonts.com/fonts/p22/underground-basic/heavy/ Copyright: Copyright (c) 2007-2103 by P22 type foundry. All rights reserved. Licensed pageviews: 10,000  Webfont: P22UndergroundCYBook by P22 URL: http://www.myfonts.com/fonts/p22/underground-basic/cy-book/ Copyright: Copyright (c) 2007-2103 by P22 type foundry. All rights reserved. Licensed pageviews: 10,000  Webfont: P22UndergroundCYHeavySC by P22 URL: http://www.myfonts.com/fonts/p22/underground-basic/cy-heavy-small-caps/ Copyright: Copyright (c) 2007-2103 by P22 type foundry. All rights reserved. Licensed pageviews: 20,000   License: http://www.myfonts.com/viewlicense?type=web&buildid=3385537  © 2017 MyFonts Inc
*/
@font-face { font-family: 'Underground'; src: url("../fonts/Underground/33A8C1_1_0.eot"); src: url("../fonts/Underground/33A8C1_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Underground/33A8C1_1_0.woff2") format("woff2"), url("../fonts/Underground/33A8C1_1_0.woff") format("woff"), url("../fonts/Underground/33A8C1_1_0.ttf") format("truetype"); }
@font-face { font-family: 'Underground'; src: url("../fonts/Underground/33A8C1_6_0.eot"); src: url("../fonts/Underground/33A8C1_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Underground/33A8C1_6_0.woff2") format("woff2"), url("../fonts/Underground/33A8C1_6_0.woff") format("woff"), url("../fonts/Underground/33A8C1_6_0.ttf") format("truetype"); font-weight: 700; }
@font-face { font-family: 'Underground CY'; src: url("../fonts/Underground/33A8C1_13_0.eot"); src: url("../fonts/Underground/33A8C1_13_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Underground/33A8C1_13_0.woff2") format("woff2"), url("../fonts/Underground/33A8C1_13_0.woff") format("woff"), url("../fonts/Underground/33A8C1_13_0.ttf") format("truetype"); }
@font-face { font-family: 'Underground CY'; src: url("../fonts/Underground/33A8C1_19_0.eot"); src: url("../fonts/Underground/33A8C1_19_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Underground/33A8C1_19_0.woff2") format("woff2"), url("../fonts/Underground/33A8C1_19_0.woff") format("woff"), url("../fonts/Underground/33A8C1_19_0.ttf") format("truetype"); font-weight: 700; }
html, body { min-height: 100%; min-width: 1080px; height: auto !important; height: 100%; }

body { background-color: black; background-image: none; background-position: top center; background-repeat: repeat-x; font-family: "Underground", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px; color: #303334; -webkit-text-size-adjust: 100%; }

body.ru { font-family: "Underground CY", "Underground", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }

a { color: #303334; text-decoration: none; }

:active, :focus { -moz-outline-style: none; outline: none; }

.pageContainer { min-height: 800px; height: 100%; margin: 0 auto; overflow: hidden; }

.row { position: relative; width: 1080px; margin: 0 auto; }

.center { display: block; margin-right: auto; margin-left: auto; text-align: center; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.3em; }
sup.x2 { font-size: 90%; top: 0; }

sub { bottom: -0.25em; }

.loading-container { display: none; }

.gallery-grid { overflow: hidden; *zoom: 1; margin-left: -9px; margin-right: -9px; }
.gallery-grid .gallery-item { float: left; width: 100% / 12; box-sizing: border-box; background-clip: padding-box; padding: 9px; }
.gallery-grid .gallery-sizer { opacity: 0; }
.gallery-grid .gallery-span-1 { width: 8.3333333333%; }
.gallery-grid .gallery-span-2 { width: 16.6666666667%; }
.gallery-grid .gallery-span-3 { width: 25%; }
.gallery-grid .gallery-span-4 { width: 33.3333333333%; }
.gallery-grid .gallery-span-5 { width: 41.6666666667%; }
.gallery-grid .gallery-span-6 { width: 50%; }
.gallery-grid .gallery-span-7 { width: 58.3333333333%; }
.gallery-grid .gallery-span-8 { width: 66.6666666667%; }
.gallery-grid .gallery-span-9 { width: 75%; }
.gallery-grid .gallery-span-10 { width: 83.3333333333%; }
.gallery-grid .gallery-span-11 { width: 91.6666666667%; }
.gallery-grid .gallery-span-12 { width: 100%; }

.fancybox-type-iframe .fancybox-inner { padding-top: 56.25%; height: 0 !important; }
.fancybox-type-iframe .fancybox-inner .fancybox-iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

header { height: 80px; border-bottom: 1px solid #f9f9f9; }
header .row { padding-top: 22px; }
header h2 { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/header-logo.png?1485756609'); background-repeat: no-repeat; background-position: 50% 50%; width: 200px; height: 27px; margin: 0 auto; }
header .social { position: absolute; top: 22px; right: 0; }
header .social li { width: 35px; height: 35px; margin-left: 10px; float: left; }
header .social li a { display: block; height: 35px; }
header .social li.facebook { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/header-social.png?1485756610'); background-repeat: no-repeat; background-position: 0 0; }
header .social li.twitter { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/header-social.png?1485756610'); background-repeat: no-repeat; background-position: -35px 0; }
header .language-dropdown { background: #2d2d2d url('../img/carplay/dropdown-arrow.png?1485756609') center right no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 180px; position: absolute; top: 20px; right: 0; height: 40px; overflow: hidden; }
header .language-dropdown select { background: transparent; padding: 5px 10px 0; font-size: 14px; line-height: 1.4; border: 0; border-radius: 0; width: 210px; height: 34px; -webkit-appearance: none; color: white; }
header .language-dropdown select option { color: black; }

footer .footer { background: white; height: 75px; border-top: 1px solid #f2f2f2; }
footer .footer h2 { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/footer-logo.png?1485756609'); background-repeat: no-repeat; background-position: 50% 50%; width: 126px; height: 18px; position: absolute; left: 0; top: 30px; }
footer .footer .social { position: absolute; top: 20px; left: 50%; margin-left: -116px; }
footer .footer .social li { width: 38px; height: 38px; margin: 0 10px; float: left; }
footer .footer .social li a { display: block; height: 38px; }
footer .footer .social li.facebook { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/footer-social.png?1486081267'); background-repeat: no-repeat; background-position: 0 0; }
footer .footer .social li.twitter { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/footer-social.png?1486081267'); background-repeat: no-repeat; background-position: -38px 0; }
footer .footer .social li.instagram { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/footer-social.png?1486081267'); background-repeat: no-repeat; background-position: -76px 0; }
footer .footer .social li.youtube { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/footer-social.png?1486081267'); background-repeat: no-repeat; background-position: -114px 0; }
footer .footer .copyright { position: absolute; top: 30px; right: 0; }
footer .legal { padding: 30px 0; }
footer .legal p { margin: 10px 0; color: #f9f9f9; font-size: 11px; line-height: 1.3; }

.content .row .text { padding-top: 60px; }
.content .row .text h1, .content .row .text h2, .content .row .text h3, .content .row .text h4, .content .row .text h5, .content .row .text h6 { font-weight: lighter; line-height: 1.3; }
.content .row .text h1 { font-size: 48px; margin-bottom: 20px; text-transform: uppercase; }
.content .row .text h2 { font-size: 40px; text-transform: uppercase; }
.content .row .text h3 { font-size: 36px; text-transform: uppercase; }
.content .row .text h4 { font-size: 24px; }
.content .row .text p { font-size: 16px; line-height: 1.3; }
.content .row .text .carplay-logo-big { display: block; margin: 0 auto 30px; }
.content .carplay-logo { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/carplay-logo.png?1494968093'); background-repeat: no-repeat; background-position: 50% 50%; width: 162px; height: 46px; margin: 0 auto; }
.content .hero { height: 560px; background: url('../img/carplay/hero-back.jpg?1494528210') center center no-repeat; background-size: cover; }
.content .hero .row { padding-top: 60px; }
.content .hero .row .text.available-now { margin-top: -20px; padding-top: 0; }
.content .hero .row .text.available-now h2 { margin-bottom: 40px; }
.content .hero .headunit-container { position: relative; }
.content .hero .headunit { position: absolute; top: 64px; left: 231px; }
.content .hero .headunit .headunit-back { position: absolute; top: 0; left: 0; }
.content .hero .headunit .headunit-screen { position: absolute; top: 29px; left: 60px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; }
.content .hero.screen-1 #headunit-screen1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .hero.screen-2 #headunit-screen2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .hero .carplay-logo { position: absolute; top: 436px; width: 100%; }
.content .hero-title { height: 350px; background: white; }
.content .hero-title sup { font-size: 40%; line-height: 0; position: relative; vertical-align: baseline; top: -1.2em; }
.content .hero-title h2 { margin: 20px auto; }
.content .hero-title .hero-title-text { font-size: 20px !important; text-transform: none; }
.content .hero-title .hero-title-logo { display: inline-block; position: relative; top: 16px; width: 48px; height: 48px; background: url('../img/carplay/carplay-icon.png?1494526908') center no-repeat; background-size: 48px; margin-top: -16px; margin-right: 20px; }
.content .hero-title-back-container { height: 380px; overflow: hidden; position: relative; }
.content .hero-title-back { height: 500px; width: 100%; background: url('../img/carplay/title-back.jpg?1485756611') center center no-repeat; background-size: cover; }
.content .gallery { background: #fff; }
.content .gallery .gallery-item a { display: block; position: relative; cursor: pointer; }
.content .gallery .gallery-item a:before { position: absolute; z-index: 1; bottom: 15px; left: 15px; display: block; content: '\FF0B'; width: 28px; height: 28px; color: #fff; background: #69de72; font-family: sans-serif; font-size: 21px; line-height: 28px; text-align: center; border-radius: 50%; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }
.content .gallery .gallery-item img { display: block; width: 100%; height: auto; }
.content .apps { height: 840px; position: relative; }
.content .apps .backgrounds { position: absolute; top: 0; left: 0; height: 840px; width: 100%; }
.content .apps .backgrounds .background { position: absolute; top: 0; left: 0; height: 840px; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; }
.content .apps .backgrounds .background#apps-background-1 { background: url('../img/carplay/apps/back-1.jpg?1494138771') center center no-repeat; background-size: cover; }
.content .apps .backgrounds .background#apps-background-2 { background: url('../img/carplay/apps/back-2.jpg?1494138792') center center no-repeat; background-size: cover; }
.content .apps .backgrounds .background#apps-background-3 { background: url('../img/carplay/apps/back-3.jpg?1494979105') center center no-repeat; background-size: cover; }
.content .apps .slide-title { height: 50px; position: relative; }
.content .apps .slide-title h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; color: white; position: absolute; top: 0; left: 0; width: 100%; }
.content .apps .apps-container { margin-top: 40px; position: relative; width: 100%; height: 400px; color: white; }
.content .apps .apps-container img { display: block; }
.content .apps .apps-container .unit { position: absolute; top: -50px; left: 50px; }
.content .apps .apps-container .unit .unit-screen { position: absolute; top: 101px; left: 65px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; }
.content .apps .apps-container .phone { position: absolute; top: 3px; left: 773px; z-index: 10; }
.content .apps .apps-container .phone .phone-screen { position: absolute; top: 45px; left: 24px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; }
.content .apps .apps-container .cable { position: absolute; top: 371px; left: 866px; display: block; z-index: 5; -moz-transition: top 1s ease-in; -o-transition: top 1s ease-in; -webkit-transition: top 1s ease-in; transition: top 1s ease-in; }
.content .apps .apps-container .copy { position: absolute; top: 480px; left: 0; width: 100%; z-index: 10; }
.content .apps .apps-container .copy .slide-copy { position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; }
.content .apps .apps-container .copy .slide-copy h4 { margin-bottom: 10px; font-size: 20px; }
.content .apps .prev-arrow, .content .apps .next-arrow { position: absolute; top: 240px; width: 31px; height: 46px; cursor: pointer; }
.content .apps .prev-arrow { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/arrows.png?1485756608'); background-repeat: no-repeat; background-position: 0 0; left: 0; }
.content .apps .next-arrow { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/arrows.png?1485756608'); background-repeat: no-repeat; background-position: -31px 0; right: 0; }
.content .apps.slide-1 #apps-background-1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-1 #unit-screen-1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-1 #phone-screen-1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-1 #slide-title-1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-1 #slide-copy-1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-1 .cable { top: 407px; }
.content .apps.slide-2 #apps-background-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-2 #unit-screen-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-2 #phone-screen-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-2 #slide-title-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-2 #slide-copy-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-3 #apps-background-3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-3 #unit-screen-3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-3 #phone-screen-2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-3 #slide-title-3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .apps.slide-3 #slide-copy-3 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.content .more-info { background: #f9f9f9; padding-bottom: 70px; }
.content .more-info h2 { margin: 30px 0 40px; font-size: 30px !important; }
.content .more-info button { margin: 0 20px; padding: 20px 40px; font-size: 18px; background: #69de72; color: white; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 0; cursor: pointer; }
.content .introducing { position: relative; height: 675px; background: #16181b; }
.content .introducing .mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 675px; background: url('../img/carplay/introducing/mask.png?1494017771') center center no-repeat; background-size: cover; }
.content .introducing .text { position: relative; z-index: 2; color: white; padding-top: 200px; }
.content .introducing .text .intro { font-size: 32px; margin-bottom: 12px; text-transform: uppercase; }
.content .introducing .text .title { font-size: 48px; font-weight: 700; text-transform: uppercase; }
.content .introducing .text .title span { color: #69de72; }
.content .introducing .text .description { font-size: 32px; margin-top: 24px; }
.content .introducing .unit { position: absolute; z-index: 0; width: 1400px; top: 70px; left: 50%; }
.content .introducing .unit .main-unit { position: relative; left: -185px; }
.content .introducing .unit .frames { position: absolute; width: 366px; height: 256px; top: 0; left: 78px; }
.content .introducing .unit .frames .frame { position: absolute; display: none; }
.content .compatibility { background: #f9f9f9 url('../img/carplay/compatibility/back.jpg?1494359267') top center no-repeat; background-size: cover; padding-bottom: 40px; }
.content .compatibility .row { padding-top: 120px; }
.content .compatibility h4 { margin-bottom: 20px; }
.content .compatibility .headunit-container { position: relative; height: 350px; }
.content .compatibility .headunit-container .headunit { position: absolute; top: 0; }
.content .compatibility .headunit-container .headunit#compatibility-1 { left: 0; }
.content .compatibility .headunit-container .headunit#compatibility-2 { left: 115px; }
.content .compatibility .headunit-container .headunit#compatibility-3 { left: 250px; }
.content .compatibility .headunit-container .headunit#compatibility-4 { left: 385px; }
.content .compatibility .headunit-container .headunit#compatibility-5 { left: 500px; }
.can-parallax .content .compatibility .headunit-container .headunit { left: 250px !important; }
.can-parallax .content .compatibility .headunit-container.transition .headunit { -moz-transition: left 2s ease-in-out; -o-transition: left 2s ease-in-out; -webkit-transition: left 2s ease-in-out; transition: left 2s ease-in-out; }
.can-parallax .content .compatibility .headunit-container.transition .headunit#compatibility-1 { left: 0 !important; }
.can-parallax .content .compatibility .headunit-container.transition .headunit#compatibility-2 { left: 115px !important; }
.can-parallax .content .compatibility .headunit-container.transition .headunit#compatibility-3 { left: 250px !important; }
.can-parallax .content .compatibility .headunit-container.transition .headunit#compatibility-4 { left: 385px !important; }
.can-parallax .content .compatibility .headunit-container.transition .headunit#compatibility-5 { left: 500px !important; }
.content .compatibility .headunit-container .back { z-index: 5; }
.content .compatibility .headunit-container .middle { z-index: 10; }
.content .compatibility .headunit-container .front { z-index: 15; }
.content .compatibility-select { padding: 20px 0; background: #f9f9f9 url('../img/carplay/compatibility/map.png?1485756613') center center no-repeat; }
.content .compatibility-select .countries { margin: 0 -25px; text-align: center; }
.content .compatibility-select .countries li { display: block; text-align: center; color: #494c4d; padding: 5px 10px; margin: 15px 25px; font-size: 18px; line-height: 24px; }
.content .compatibility-select .countries .country { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; color: #fff; background-color: #69de72; width: 149px; width: 147px\9; border-radius: 6px; border: 2px solid #69de72; border-radius: 6px; transition: all 300ms; }
.content .compatibility-select .countries .country.selected, .content .compatibility-select .countries .country:hover { color: #69de72; background-color: transparent; }
.content .compatibility-drawer { display: none; background: white url('../img/carplay/compatibility/drawer-back.png?1485756613') top center no-repeat; background-size: cover; padding-bottom: 60px; transform: translateZ(0); }
.content .compatibility-drawer .drawer-title { margin-bottom: 60px; }
.content .compatibility-drawer .drawer-units-container { margin-left: -20px; width: 1120px; min-height: 180px; overflow: hidden; *zoom: 1; }
.content .compatibility-drawer .drawer-units-container .drawer-units { display: none; overflow: hidden; *zoom: 1; }
.content .compatibility-drawer .drawer-units-container li { display: inline-block; margin: 0 20px 20px; }
.content .compatibility-drawer .drawer-units-container li p { margin-top: 10px; font-size: 14px; }
.content .compatibility-drawer .drawer-units-container li.coming-soon { width: 1080px; margin-bottom: 70px; }
.content .compatibility-drawer .close-button { position: absolute; top: 60px; right: 0; cursor: pointer; }
.content .compatibility-drawer.slide-1 #drawer-units-1 { display: block; margin: 0 50px; }
.content .compatibility-drawer.slide-2 #drawer-units-2 { display: block; margin: 0 50px; }
.content .compatibility-drawer.slide-3 #drawer-units-3 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-4 #drawer-units-4 { display: block; margin: 0 115px; }
.content .compatibility-drawer.slide-5 #drawer-units-5 { display: block; margin: 0 275px; }
.content .compatibility-drawer.slide-6 #drawer-units-6 { display: block; margin: 0 115px; }
.content .compatibility-drawer.slide-7 #drawer-units-7 { display: block; margin: 0 275px; }
.content .compatibility-drawer.slide-8 #drawer-units-8 { display: block; margin: 0 275px; }
.content .compatibility-drawer.slide-9 #drawer-units-9 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-10 #drawer-units-10 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-11 #drawer-units-11 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-12 #drawer-units-12 { display: block; margin: 0 115px; }
.content .compatibility-drawer.slide-13 #drawer-units-13 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-14 #drawer-units-14 { display: block; margin: 0 auto; }
.content .compatibility-drawer.slide-90 #drawer-units-90 { display: block; margin: 0 50px; }
.content .compatibility-drawer.slide-99 #drawer-units-99 { display: block; padding-top: 20px; }
.content .learn-more { display: none; min-width: 250px; margin: 0 10px; padding: 14px 30px; font-size: 18px; background: #69de72; color: white; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 0; cursor: pointer; text-transform: uppercase; box-sizing: border-box; }
.content .learn-more, .content .learn-more-es, .content .learn-more-pt { display: none; cursor: pointer; }

.selector-background, .selector-container { display: none; }

body.selector .selector-background { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 5000; }
body.selector .selector-container { display: block; width: 590px; height: 420px; padding: 30px; position: fixed; top: 50%; left: 50%; margin: -240px 0 0 -325px; background: white url('../img/carplay/selector/world.png?1485756611') center center no-repeat; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); z-index: 5001; }
body.selector .selector-container h1 { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/carplay/selector/logo.png?1485756611'); background-repeat: no-repeat; background-position: 50% 50%; width: 87px; height: 13px; }
body.selector .selector-container h2 { margin-top: 180px; font-size: 24px; }
body.selector .selector-container ul { position: absolute; left: 50%; top: 40px; }
body.selector .selector-container ul li { padding: 10px 0; height: 30px; }
body.selector .selector-container ul li a { padding: 9px 0 5px 50px; font-size: 18px; height: 22px; display: block; }