/* ---- BUILT FILE. DO NOT MODIFY THIS DIRECTLY. ---- */

body { min-width: 1024px; background: #fff; }

#main { top: -72px; margin: 0 auto -72px; width: 100%; }

.flushrow { *position: relative; overflow: hidden; padding-top: 60px; padding-bottom: 70px; }

.alternate { background: #f6f6f6; }

.divider, .flushrow .divider { border-top: 1px solid #e2e2e2; }

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

/* typography */
.main { font-size: 1.167em; /*14px*/ line-height: 1.5714; /*22px*/ word-spacing: -1px; }

.main h1 { margin-bottom: 10px; font-size: 1.7142em; /*24px*/ line-height: 1.1666; /*28px*/ font-weight: normal; }

.main h2 { margin-bottom: 07px; font-size: 1.2857em; /*18px*/ line-height: 1.3888; /*25px*/ }

.main h3 { margin-bottom: 07px; font-size: 1.1428em; /*16px*/ line-height: 1.2500; /*20px*/ }

.main h4 { margin-bottom: 07px; font-size: 1em; /*14px/22px*/ }

.main h1 img, .main h2 img { display: block; margin: 0; }

.main .title, .main .title h1, .main .title h2 { line-height: 1.2142; font-weight: normal; }

.main .title { margin-bottom: 10px; font-size: 2em; }

.main .title h1, .main .title h2 { margin-bottom: 0; font-size: 1em; }

.main .title h2 { color: #888; }

.main .big { font-size: 1.1429em; /*16px*/ line-height: 1.6875; /*27px*/ }

.main .small { font-size: .8571em; /*12px*/ line-height: 1.5; /*18px*/ }

.main .intro { color: #333; font-size: 1.2857em; /*18px*/ line-height: 1.8; /*25px*/ font-weight: normal; }

.main .caption { color: #666; }

.main .intro + .more, .main .intro + .wrap, .main .intro + .more + .more, .main .intro + .wrap + .wrap, .main .intro + .more + .wrap, .main .intro + .wrap + .more { font-size: 1.2857em; /*18px*/ }

/* layout */
.main .row { padding-top: 50px; padding-bottom: 32px; }

.main .column { *display: inline; }

.main .block { display: block; }

.main .inline { display: inline; }

.main .left { float: left; }

.main .right { float: right; }

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

/* links */
.main a { cursor: pointer; }

.main a.block { background: url(https://www.apple.com/global/elements/blank.gif); color: #333; }

.main a.wrap, .main a.block .wrap { text-decoration: none; }

.main a.wrap:hover span, .main a.block:hover .wrap span { text-decoration: underline; cursor: pointer; }

.more, .wrap { position: relative; z-index: 1; display: inline-block; padding: 0 !important; background: none !important; line-height: 1.71; behavior: url(/v/ios/carplay/a/scripts/more.htc); }

.center .more, .center .wrap { text-align: center; }

.main p + .more, .main p + .wrap { top: -.8571em; margin-bottom: .2857em; }

.main .more + .more, .main .wrap + .more, .main .more + .wrap, .main .wrap + .wrap { top: -.8571em; *top: -1.1429em; margin-left: 30px; }

.more:after { content: '>'; position: absolute; z-index: 1; top: 0; right: -.9em; bottom: 0; display: block; font: bold 1em/1.71 'Courier New', Courier, monospace; text-align: left; -webkit-transform: scale(0.55, 1.11) translateY(3%); transform: scale(0.55, 1.11) translateY(3%); }

@media only screen and (max-device-width: 768px) { .more:after { -webkit-transform: scale(0.55, 1) translateY(3.7%); transform: scale(0.55, 1) translateY(3.7%); } }
/* Footers
------------------------*/
#globalfooter { clear: both; }

/* sosumi */
.sosumi { margin: 24px auto 18px; width: 940px; padding: 0 20px; }

.sosumi a { color: #333; }

.sosumi ol { margin: 0; padding-right: 21px; padding-left: 21px; }

.sosumi ul { margin: 0; }

.sosumi li { padding-bottom: 5px; }

.sosumi small { font-size: 1em; }

/* Page Specific
------------------------*/
.main { overflow: hidden; }

.sosumi ol { padding-left: 15px; }

@media only screen and (max-device-width: 768px) { .main { overflow: visible; } }
.carplay .app { position: relative; z-index: 9; overflow: visible; height: 392px; padding: 0; }

.carplay .app .row { position: static; padding-top: 87px; }

.carplay .app .text { position: relative; z-index: 10; }

.carplay .app .title { margin-bottom: 22px; font-size: 4.6em; }

.carplay .app .icon { padding-bottom: 15px; }

.carplay .app .subtitle { padding-top: 17px; padding-bottom: 10px; }

.carplay .app .intro { margin-bottom: 25px; padding: 0 130px; font-size: 1.2857em; color: #303030; }

.carplay .app .landscape { position: absolute; bottom: 0; top: -100%; left: 0; right: 0; }

.carplay .dashboard { position: relative; z-index: 10; margin: 0 auto; width: 1024px; -webkit-transform: translateZ(0); }

.carplay .dashboard img { display: block; }

.carplay .dashboard .screen { display: block; position: absolute; left: 50%; bottom: 137px; margin-left: -249px; }

.carplay .app.maps .intro { padding: 0 180px; }

.carplay .app.phone { z-index: 8; }

.carplay .app.messages { z-index: 7; }

.carplay .app.messages .intro { padding: 0 240px; }

.carplay .app.music { z-index: 6; }

.carplay .app.music .intro { padding: 0 190px; }

.carplay .app.music .text { -webkit-transform: translateZ(0); }

.carplay .thirdparty { margin-bottom: 20px; background: #f7f7f7; }

.carplay .thirdparty .row { padding-top: 40px; }

.carplay .thirdparty .intro { padding: 0 140px 23px; }

.carplay .thirdparty .apps li { display: inline-block; *display: inline; zoom: 1; padding: 0 10px; }

.carplay .thirdparty .apps h4 { font-weight: normal; }

.carplay .brands { padding-top: 27px; padding-bottom: 0; }

.carplay .brands .row { padding-bottom: 65px; }

.carplay .brands li { display: inline-block; *display: inline; zoom: 1; padding: 0 22px 49px; }

.carplay .brands .intro { padding: 0 200px 27px; }

.carplay .partners { padding-top: 0; }

.carplay .partners-image { padding-top: 15px; }

.carplay .comingsoon { padding-bottom: 45px; }

.carplay .comingsoon-afterpartners { padding-top: 10px; }

.carplay .comingsoon .intro { padding-bottom: 26px; }

.carplay .comingsoon ul { display: inline-block; *display: inline; zoom: 1; }

.carplay .comingsoon li { padding: 0 31px 47px; }

.carplay .compatibility { padding-top: 49px; padding-bottom: 0; background: url(https://www.apple.com/v/ios/carplay/a/images/fade_background.jpg) top left repeat-x; }

.carplay .compatibility .row { padding-bottom: 0; }

.carplay .compatibility .title { padding-bottom: 40px; font-size: 3.35em; }

.carplay .compatibility-ios-pl1 .title { padding-bottom: 24px; }

.carplay .compatibility .image { margin-left: -16px; }

.carplay .compatibility-ios-pl1 .image { margin-bottom: 78px; }

@media only screen and (min-width: 1025px) { .carplay .header .hero:before, .header .hero:after { position: absolute; top: 0; height: 100%; width: 767px; content: ''; }
  .carplay .header .hero:before { left: -767px; }
  .carplay .header .hero:after { right: -767px; }
  .carplay .dashboard:before, .carplay .dashboard:after { position: absolute; top: 0; height: 100%; width: 768px; content: ''; }
  .carplay .dashboard:before { left: -768px; }
  .carplay .dashboard:after { right: -768px; } }
@media only screen and (max-device-width: 768px) { .static.carplay #main { top: 0; }
  .static.carplay .globalnav-wrapper { background: #f3f3f3; }
  .static.carplay .header .hero-wrap { margin-top: -438px; } }
.carplay .header { overflow: visible; padding-top: 106px; padding-bottom: 0; background: #000; }

.carplay .header .title { position: relative; z-index: 10; width: auto; padding: 0; text-align: center; }

.carplay .header .title h1 { margin-bottom: -7px; }

.carplay .header .hero-wrap { overflow: hidden; margin: -466px auto -377px; width: 100%; }

.carplay .header .hero { position: relative; margin: 0 auto; width: 1024px; }

.carplay .header h2 { margin-bottom: 0; }

.carplay .header .grid2col { padding: 69px 0 0; width: 898px; }

.carplay .header .column.first { width: 743px; }

.carplay .header .column.device-container { position: relative; z-index: 1; top: -42px; width: 142px; height: 386px; }

.carplay .header .column .device { position: relative; z-index: 3; top: 44px; *top: 47px; height: 255px; }

.carplay .can-parallax .header .column .device { top: 0; }

.carplay .header .column .device .springboard { position: absolute; top: 0; left: 0; display: none; }

.carplay .can-parallax .header .column .device .springboard { display: block; }

.carplay .header .column.hide-springboard .device .springboard { display: none; }

.carplay .header .column .cable { position: absolute; z-index: 1; bottom: -76px; left: 63px; }

@media only screen and (min-width: 1025px) { .carplay .header .hero:before { background: url(https://www.apple.com/v/ios/carplay/a/images/hero_left.jpg) top left no-repeat; }
  .carplay .header .hero:after { background: url(https://www.apple.com/v/ios/carplay/a/images/hero_right.jpg) top left no-repeat; } }
.carplay .integration { position: relative; z-index: 10; background: #f5f5f5; color: #303030; box-shadow: 0 1px 0 1px #f5f5f5; -webkit-transform: translateZ(0); transform: translateZ(0); }

.carplay .integration .row { padding: 24px 0 0; width: 1024px; }

.carplay .integration .intro { padding: 0 155px; }

.carplay .integration .controls { padding-top: 59px; padding-left: 20px; color: #000; }

.carplay .integration .controls li { width: 325px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

.carplay .integration .controls .caption { padding: 26px 30px 0; }

.carplay .integration .controls h3 { color: #000; }

.carplay .app .landscape-container { position: absolute; z-index: 1; top: 770px; bottom: 0; left: 50%; width: 1024px; height: 1850px; margin-left: -512px; }

.carplay .app .landscape { position: relative; top: 0; height: 1px; z-index: 10; }

.carplay .app .landscape .image { position: absolute; bottom: 75px; z-index: 10; height: 850px; width: 1024px; }

.carplay .can-parallax .app .landscape .image { bottom: 145px; }

@media only screen and (max-device-width: 768px) and (min-device-width: 321px) { .carplay .app .landscape-container { -webkit-perspective-origin: 100% 0.05405%; -webkit-perspective: 10px; }
  .carplay .app .landscape { -webkit-transform: translate3d(0, 0, -100px) scale(11); -webkit-transform-origin: 100% 100%; position: -webkit-sticky; top: 158%; }
  .carplay .app .landscape .image { bottom: 190px; } }
@media only screen and (min-width: 1025px) { .carplay .app .landscape .image:before, .carplay .app .landscape .image:after { position: absolute; top: 0; height: 850px; width: 768px; content: ''; }
  .carplay .app .landscape .image:before { left: -768px; }
  .carplay .app .landscape .image:after { right: -768px; }
  .carplay .dashboard:before { background: url(https://www.apple.com/v/ios/carplay/a/images/dashboard_left.png) top left no-repeat; }
  .carplay .dashboard:after { background: url(https://www.apple.com/v/ios/carplay/a/images/dashboard_right.png) top left no-repeat; }
  .carplay .app.maps .landscape .image:before { background: url(https://www.apple.com/v/ios/carplay/a/images/maps_landscape_left.jpg) top left no-repeat; }
  .carplay .app.maps .landscape .image:after { background: url(https://www.apple.com/v/ios/carplay/a/images/maps_landscape_right.jpg) top left no-repeat; }
  .carplay .app.phone .landscape .image:before { background: url(https://www.apple.com/v/ios/carplay/a/images/phone_landscape_left.jpg) top left no-repeat; }
  .carplay .app.phone .landscape .image:after { background: url(https://www.apple.com/v/ios/carplay/a/images/phone_landscape_right.jpg) top left no-repeat; }
  .carplay .app.music .landscape .image:before { background: url(https://www.apple.com/v/ios/carplay/a/images/music_landscape_left.jpg) top left no-repeat; }
  .carplay .app.music .landscape .image:after { background: url(https://www.apple.com/v/ios/carplay/a/images/music_landscape_right.jpg) top left no-repeat; }
  .carplay .app.messages .landscape .image:before { background: url(https://www.apple.com/v/ios/carplay/a/images/messages_landscape_left.jpg) top left no-repeat; }
  .carplay .app.messages .landscape .image:after { background: url(https://www.apple.com/v/ios/carplay/a/images/messages_landscape_right.jpg) top left no-repeat; } }