/* Flows */
#overview.enhanced-active .flows { width: 1024px; overflow: hidden; position: absolute; top: 0; left:0; height: 1465px; z-index: 1; }
#overview.enhanced-active .flows .flow { width: 1024px; height: 1024px; display: none; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: -webkit-transform .85s cubic-bezier(0.6,0,0.6,1); z-index: 2; }

/* Flow style on first section */
#overview.enhanced-active.flow-section-intro .flows .flow { -webkit-transform: translateY(285px); }


/* Fixed hero image */
#overview .fixed-hero { position: absolute; z-index: 9; top: 498px; left: 0; right: 4px; margin-right: auto; margin-left: auto; opacity: 0;  -webkit-transition: none; -webkit-transform: scale(1.21); -webkit-transform-origin: 50% 0%; }
#overview.intro-play.flow-section-intro .fixed-hero,
#overview.intro-play.flow-section-intro.intro-play-complete .fixed-hero { opacity: 1; -webkit-transition: opacity 2s ease; }

#overview.intro-play.flow-section-intro.intro-play-complete.intro-passed .fixed-hero { opacity: 0; -webkit-transition: none; z-index: -1000; }
#overview.intro-play.flow-section-intro.intro-play-complete.intro-passed.flow-section-intro-complete .fixed-hero { opacity: 1; -webkit-transition: opacity .3s; -webkit-transition-delay: 1s; z-index: 9; }

/* Fixed hero states */
#overview.intro-play.intro-play-complete .fixed-hero { opacity : 0; }

/* Intro hero */
#overview .image-padding { width: 1024px; height: 2629px;}
#overview.enhanced-active .intro-hero { padding:350px 0 0; margin:-350px 0; overflow:hidden; opacity: 1; }
#overview.enhanced-active .intro-hero .hero { z-index: -1; position: relative; }
#overview.enhanced-active .content .intro-hero .hero-img { display: block; opacity: 0; padding: 104px 0 1120px; -webkit-transform: scale(1.1); }

/* Intro play */
#overview.enhanced-active.intro-play .intro-hero .hero-img { opacity: 1; -webkit-transition: opacity 2s ease-in-out; }

/* Hero image play complete */
#overview.enhanced-active.hero-img-play-complete .intro-hero .hero,
#overview.enhanced-active.hero-img-play-complete .navigation-wrapper,
#overview.enhanced-active.hero-img-play-complete #ac-gn-segmentbar { opacity: 1; -webkit-transition: opacity .5s; -webkit-transition-delay: .5s; }
#overview.enhanced-active.hero-img-play-complete .flows .flow.selected { opacity: 1; display: block; }

/* All intros complete */
#overview.enhanced-active.intro-play.chapter-flow-ready.hero-img-play-complete .intro-hero .hero-img { -webkit-transition: opacity .5s ease-in-out; opacity: 0; }

/* iPhone 5 overrides */
#overview.ip5 .fixed-hero { top: 529px; -webkit-transform: scale(1.267); }
#overview.enhanced-active.ip5 .flows .flow { width: 1180px; height: 1180px; left:-78px; }
#overview.enhanced-active.ip5.flow-section-intro .flows .flow { -webkit-transform: translate(0, 250px) scale(0.9) }
#overview.enhanced-active.ip5 .content .intro-hero .hero-img { width: 548px; height: 960px; }
*#overview.enhanced-active.ip5 .swipe-to-continue { bottom: -420px; }

/* Fade out */
#overview.enhanced-active .flows .flow.fade-out,
#overview.enhanced-active.ip5 .flows .flow.fade-out { -webkit-transition: opacity .5s ease-out; opacity: 0; z-index: 3; display: block;}

/* Swipe to continue */
.swipe-to-continue { opacity: 0; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; }
#overview.enhanced-active .swipe-to-continue { position: absolute; z-index: 100; width: 100%; text-align: center; bottom: -220px; left: 0; display:block; -webkit-transition: opacity .3s; }
#overview.enhanced-active.chapter-flow-ready.flow-section-intro.intro-play-complete .swipe-to-continue { opacity: 1; }

#overview.enhanced-active .swipe-to-continue p { color: #FFF; }

/* Sections */
#overview.enhanced-active .section-content { z-index: 2; position: relative; padding-bottom: 350px; height: 800px; }
#overview.enhanced-active .section-content section.row { border: none; padding: 40px 0 10px; }
#overview.enhanced-active section { margin-top: 1200px; background-color: rgba( 0, 0, 0, .75 ); padding-left: 42px !important; padding-right: 42px !important; position: relative; z-index: 1; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; }
#overview.ios7.enhanced-active section { -webkit-transform: none; -webkit-backface-visibility: visible; }
/* Section specific breaks */
#overview.enhanced-active .change { margin-top: -600px; }
#overview.enhanced-active .power { margin-top: 1280px; }

#overview.enhanced-active .processor,
#overview.enhanced-active .memory,
#overview.enhanced-active .graphics,
#overview.enhanced-active .storage,
#overview.enhanced-active .wireless,
#overview.enhanced-active .design,
#overview.enhanced-active .assembly { margin-top: 1300px; }

#overview.enhanced-active .thermal { margin-top: 1320px; }

#overview.enhanced-active .fan { margin-top: 1295px; }

#overview.enhanced-active .expansion { margin-top: 1260px; }
#overview.enhanced-active .expansion h1 { padding: 0 20px; }

#overview.enhanced-active .section-content .thunderbolt.row { padding-bottom: 58px; }

#overview.enhanced-active .thunderbolt,
#overview.enhanced-active .io { border-top: 2px solid #666; margin-top: 0px; }
#overview.enhanced-active .thunderbolt .intro.sub,
#overview.enhanced-active .io .intro.sub { text-align: center; }

#overview.enhanced-active .comingsoon { background-color: inherit; margin-top: 880px; padding-bottom: 280px !important; }

/* Design overrides */
#overview.enhanced-active .content .measurements { display: none; }

body#overview.enhanced-active .specs .column .description { font-size: .85em }
body#overview.enhanced-active .chart .text-value { font-size: 1em; }
#overview.enhanced-active .divider { margin-top: -80px; padding-bottom: 48px; }

#overview .navigation-wrapper,
#overview #ac-gn-segmentbar,
#overview .content .intro-hero .hero { opacity: 0; }
#overview .back-to-top-fixed { display: none; }

/* Page Specific
------------------------*/
body#overview .intro { text-align:center; margin:0 -5px 84px; }
body#overview .intro.sub { margin-left:0; margin-right:0; font-size:1.071em; line-height:1.4em; text-align:left; }
body#overview .divider { border-top:2px solid #4d4d4d; }
body#overview .row { padding-top:100px; }
body#overview .row.flushtop { padding-top:0; }
body#overview .row h1 { /*margin-top:30px;*/ }
body#overview .row h1.sub { /*margin-top:10px;*/ margin-bottom:55px; }

body#overview .specs { padding-bottom:47px; }
body#overview .specs .column { width:404px; padding-top:16px; }
body#overview .specs .column.border-top { border-top:2px solid #fff; }
body#overview .specs img { display:block; margin:0; }
body#overview .specs .column .description { display:block; margin-bottom:20px; color:#fff; font-size:0.65em; line-height:40px; }

body#overview .chart { padding-bottom:35px; }
body#overview .chart figcaption img { display:block; margin-bottom:10px; }

body#overview .rounded { display:inline-block; color:#999; font-size:0.714em; font-weight:normal; padding:15px 30px; border:3px solid #333; border-radius:15px; margin-bottom:32px; }

/* Section Specific */
body#overview .navigation-wrapper { position: relative; z-index: 2; background: #000; }
body#overview .productnav { background: #000; -webkit-transform: translateZ(0); }
body#overview .hero .hero-img { margin-bottom:14px; }
body#overview .hero h1 { padding-top:15px; margin-bottom:18px; }
body#overview .hero h2 { margin-bottom:24px; }
body#overview .hero .hero-img { margin-bottom:34px; }

body#overview .change h1 { margin-top:0; }

body#overview .power .hero-img { margin-bottom:25px; }

body#overview .processor .hero-img { margin-bottom:40px; }

body#overview .memory .hero-img { margin-bottom:26px; }
body#overview #main .memory .chart .visual-label.one { right: -0; }

body#overview .graphics .hero-img { margin-bottom:46px; }
body#overview #main .graphics .chart .visual-label.one { right: -208px; }

body#overview .storage .hero-img { margin-bottom:35px; }
body#overview .storage .specs { margin-top: 24px; }
body#overview .storage .specs img.left { margin-top:-20px; }
body#overview .storage .chart .visual-label.two { right: -146px; }
body#overview #main .storage .chart .visual-label.one { right: -342px; }

body#overview .thermal .hero-img { margin-bottom:72px; }
body#overview .thermal h1.sub { margin-bottom:16px; }

body#overview .fan .hero-img { margin-bottom:58px; }
body#overview .fan h1.sub { margin-bottom:16px; }

body#overview .fan .chart.can-animate.animate .text-value { opacity:1; }

body#overview .fan .chart.can-animate .caption-value { color: #FFF; }

body#overview .fan .chart.can-animate .bar.notch { opacity:0;
	-webkit-transition:opacity 0.2s ease-out;
	   -moz-transition:opacity 0.2s ease-out;
	        transition:opacity 0.2s ease-out;
}

body#overview .fan .chart.can-animate .text-value,
body#overview .fan .chart.can-animate .caption-value {
	-webkit-transition:opacity 0.8s ease-out;
	   -moz-transition:opacity 0.8s ease-out;
	        transition:opacity 0.8s ease-out;
}


body#overview .fan .chart.can-animate.animate .bar { opacity:1; }


body#overview .fan .chart.can-animate.animate .blue .bar.caption .text-value {
	-webkit-transition-delay:800ms;
	   -moz-transition-delay:800ms;
	        transition-delay:800ms;
}

body#overview .fan .chart.can-animate.animate .caption-value {
	opacity: 1;
	-webkit-transition-delay:1695ms;
	   -moz-transition-delay:1695ms;
	        transition-delay:1695ms;
}

body#overview .fan .chart.can-animate.animate .blue .caption-value {
	-webkit-transition-delay:2095ms;
	   -moz-transition-delay:2095ms;
	        transition-delay:2095ms;
}

body#overview .fan .chart.can-animate.animate .one {
	-webkit-transition-delay:200ms;
	   -moz-transition-delay:200ms;
	        transition-delay:200ms;
}

body#overview .fan .chart.can-animate.animate .two {
	-webkit-transition-delay:225ms;
	   -moz-transition-delay:225ms;
	        transition-delay:225ms;
}

body#overview .fan .chart.can-animate.animate .three {
	-webkit-transition-delay:250ms;
	   -moz-transition-delay:250ms;
	        transition-delay:250ms;
}

body#overview .fan .chart.can-animate.animate .four {
	-webkit-transition-delay:275ms;
	   -moz-transition-delay:275ms;
	        transition-delay:275ms;
}

body#overview .fan .chart.can-animate.animate .five {
	-webkit-transition-delay:300ms;
	   -moz-transition-delay:300ms;
	        transition-delay:300ms;
}

body#overview .fan .chart.can-animate.animate .six {
	-webkit-transition-delay:325ms;
	   -moz-transition-delay:325ms;
	        transition-delay:325ms;
}

body#overview .fan .chart.can-animate.animate .seven {
	-webkit-transition-delay:350ms;
	   -moz-transition-delay:350ms;
	        transition-delay:350ms;
}

body#overview .fan .chart.can-animate.animate .eight {
	-webkit-transition-delay:375ms;
	   -moz-transition-delay:375ms;
	        transition-delay:375ms;
}

body#overview .fan .chart.can-animate.animate .nine {
	-webkit-transition-delay:400ms;
	   -moz-transition-delay:400ms;
	        transition-delay:400ms;
}

body#overview .fan .chart.can-animate.animate .ten {
	-webkit-transition-delay:425ms;
	   -moz-transition-delay:425ms;
	        transition-delay:425ms;
}

body#overview .fan .chart.can-animate.animate .eleven {
	-webkit-transition-delay:450ms;
	   -moz-transition-delay:450ms;
	        transition-delay:450ms;
}

body#overview .fan .chart.can-animate.animate .twelve {
	-webkit-transition-delay:475ms;
	   -moz-transition-delay:475ms;
	        transition-delay:475ms;
}

body#overview .fan .chart.can-animate.animate .blue .one {
	-webkit-transition-delay:800ms;
	   -moz-transition-delay:800ms;
	        transition-delay:800ms;
}

body#overview .fan .chart.can-animate.animate .blue .two {
	-webkit-transition-delay:825ms;
	   -moz-transition-delay:825ms;
	        transition-delay:825ms;
}

body#overview .fan .chart.can-animate.animate .blue .three {
	-webkit-transition-delay:850ms;
	   -moz-transition-delay:850ms;
	        transition-delay:850ms;
}

body#overview .fan .chart.can-animate.animate .blue .four {
	-webkit-transition-delay:875ms;
	   -moz-transition-delay:875ms;
	        transition-delay:875ms;
}

body#overview .fan .chart.can-animate.animate .blue .five {
	-webkit-transition-delay:900ms;
	   -moz-transition-delay:900ms;
	        transition-delay:900ms;
}

body#overview .fan .chart.can-animate.animate .blue .six {
	-webkit-transition-delay:925ms;
	   -moz-transition-delay:925ms;
	        transition-delay:925ms;
}

body#overview .fan .chart.can-animate.animate .blue .seven {
	-webkit-transition-delay:950ms;
	   -moz-transition-delay:950ms;
	        transition-delay:950ms;
}

body#overview .fan .chart.can-animate.animate .blue .eight {
	-webkit-transition-delay:975ms;
	   -moz-transition-delay:975ms;
	        transition-delay:975ms;
}

body#overview .expansion .hero-img { margin-bottom:90px; }

body#overview .thunderbolt .hero-img { margin-bottom:74px; }
body#overview .thunderbolt h1 { margin-bottom:50px; }

body#overview .io .hero-img { margin-bottom:74px; }
body#overview .io h1 { margin-bottom:50px; }
body#overview .io .grid2col { padding-bottom:25px; }

body#overview .wireless .hero-img { margin-bottom:20px; }
body#overview .wireless h1 { margin-bottom:45px; }
body#overview .wireless .grid2col { padding-bottom:25px; }

body#overview .design .measurements { position:relative; z-index:1; padding-bottom:244px; }
body#overview .design .measurements .dimension { position:absolute; z-index:2; }
body#overview .design .measurements .line { margin:0 auto; }
body#overview .design .measurements .measurement-container { display:block; position:absolute; z-index:2; margin:0; }

body#overview .design .measurements .height { top:5px; left:83px; width:13px; height:1000px; border-top:2px solid #70bce2; border-bottom:2px solid #70bce2; }
body#overview .design .measurements .height .line { display:block; height:100%; margin:0 auto; border-left:2px solid #70bce2; }
body#overview .design .measurements .height .measurement-container { top:489px; left:-106px; }

body#overview .design .measurements .width { top:1063px; left:133px; width:631px; height:13px; border-left:2px solid #70bce2; border-right:2px solid #70bce2; }
body#overview .design .measurements .width .line { height:1px; margin:12px auto; border-top:2px solid #70bce2; }
body#overview .design .measurements .width .measurement-container { top:50px; left:276px; }

body#overview .assembly .hero-img { margin-bottom:66px; }
body#overview .assembly .specs { padding-bottom:62px; }
body#overview .assembly .specs img { margin-bottom:5px; margin-left:-8px; }
body#overview .assembly .specs .last { margin-right: 42px; };
body#overview .assembly h1 { margin-bottom:3px; }
body#overview .assembly .assembly-video { text-align: center; padding-bottom: 24px; }
body#overview .assembly .assembly-video .caption { color:#FFF; padding:0 70px; }

body#overview .learnmore { padding-top:20px; padding-bottom:240px; text-align: center; }
body#overview .learnmore .link { margin-bottom: 65px; }
body#overview .learnmore .link.first { margin-top: 30px; }

body#overview .toplink { display:block; width:300px; margin-top:130px; text-decoration:none; }
body#overview .toplink .caret { display:block; }
body#overview .toplink .cta { font-size:0.714em; color:#fff; }

/* overrides for ac-theme-dark */
.ac-theme-dark #ac-globalfooter { background:transparent; }
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip { padding-top:0; }
.ac-theme-dark #ac-globalfooter .ac-gf-footer-legal-links { width:40%; }
.ac-theme-dark.enhanced-active #ac-globalfooter section { margin-top:0; background-color:transparent; padding-left:0 !important; padding-right:0 !important; -webkit-backface-visibility:visible; }

/* segmentbar visible */
html.ac-gn-segmentbar-visible { margin-top: 0 !important; }
.ac-gn-segmentbar-visible #ac-gn-segmentbar { top: 0; }
.ac-gn-segmentbar-visible #ac-globalnav { top: 40px; }
.ac-gn-segmentbar-visible #ac-gn-placeholder { height: 84px; }