body { display: none; }

/* disable blue outline on focused elements */
*:focus { outline: 0; }

html.enabled, html.enabled body, html.enabled #wrapper { height: 100%; }

html.overflow, html.enabled #wrapper, html.overflow body { overflow: hidden; }

html, body, #wrapper { overflow-x: hidden; }

#wrapper { min-width: 980px; position: relative; z-index: 10; }

body, html { background: #000; }

#videocontainer .still { opacity: 0; }

#panelcontainer { opacity: 1; height: 100%; min-height: 100%; width: 980px; margin: 0 auto; position: relative; z-index: 40; }

.panel { display: none; position: absolute; width: 980px; height: 850px; overflow: hidden; }

#navcontainer { position: absolute; width: 100%; top: 0; }

.hero_still { display: none; }

#curtain { height: 100%; width: 100%; background: #000; position: absolute; z-index: 30; opacity: 0; -webkit-transition: opacity 0.6s ease-out; -moz-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; }

#curtain.fadeOut { z-index: 10000; opacity: 1; }

/* end sequence */
#globalfooter, .sosumi { display: none; opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }

#globalfooter.show, .sosumi.show { display: block; opacity: 1; }

body.end #globalfooter { opacity: 1; }

body.end #panelcontainer #hero { height: auto; opacity: 1; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

body.end .panel { display: none; }

body.end #panelcontainer #hero .title, body.end #panelcontainer #hero .subtitle { display: none; }

body.end #wrapper { height: auto; }

body.end #panelcontainer { height: auto; min-height: auto; }

body.end #panelcontainer .panel { position: relative; display: none; }

body.end #panelcontainer #comingsoon.panel, body.end #panelcontainer #hero.panel { display: block; }

body.end #panelcontainer #comingsoon .copy { position: static; }

body.end #panelcontainer #videocontainer { margin-top: -18px; }

#sectionNav { color: #fff; display: none; opacity: 0; right: 20px; top: 240px; position: absolute; z-index: 10010; }

#sectionNav .list { list-style: none; margin: 0; padding: 0; position: relative; z-index: 3; }

#sectionNav .list li { cursor: default; display: block; position: relative; text-align: right; }

#sectionNav .list li .label { color: white; display: block; position: absolute; width: 150px; top: 1px; right: 28px; opacity: 0; -webkit-transition-property: color, opacity; -moz-transition-property: color, opacity; transition-property: color, opacity; -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

#sectionNav .list li .dot { cursor: pointer; width: 20px; height: 21px; display: inline-block; }

#sectionNav .list li .dot .inner { top: 2px; left: -5px; height: 10px; width: 10px; position: relative; display: inline-block; background: #fff; opacity: 0.35; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transition: 350ms -webkit-transform ease-in-out, 300ms opacity ease-in; -moz-transition: 350ms -moz-transform ease-in-out, 300ms opacity ease-in; -ms-transition: 350ms -ms-transform ease-in-out, 300ms opacity ease-in; transition: 350ms -webkit-transform ease-in-out, 300ms opacity ease-in; }

#sectionNav .list li.hover .dot .inner { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

#sectionNav .list li.hover .label, #sectionNav .list li.active .dot .inner, #sectionNav.paused .list li.active.hover .label { opacity: 1; }

#sectionNav.paused .list li .label { opacity: 0; }

#sectionNav .range { position: absolute; z-index: 2; left: 0; top: 2px; -webkit-appearance: slider-vertical; width: 20px; height: 330px; opacity: 0; display: block; }

#sectionNav input[type='text'] { display: none; }

/* footer style overrides */
#globalfooter a { color: #70bce2; }

#breadory { border-color: #444; }

#globalfooter ul.piped a, #globalfooter ul.piped a.contact_us, #globalfooter .gf-sosumi { border-color: #444; }

#globalfooter #breadory ol#breadcrumbs li, #globalfooter #breadory ol#breadcrumbs li a, .sosumi { color: #888; text-shadow: none; }

#globalfooter #breadory ol#breadcrumbs li a:hover { color: #666; }

#breadory ol#breadcrumbs li a { background-image: url(/v/mac-pro/home/a/images/breadcrumb_separator.png); }

#breadory ol#breadcrumbs li.home a, #breadory ol#breadcrumbs li.home a:hover { background-image: url(/v/mac-pro/home/a/images/breadcrumb_home.png); }

@media only screen { #breadory ol#breadcrumbs li a { background-image: url(/v/mac-pro/home/a/images/breadcrumb_separator.svg); }
  #breadory ol#breadcrumbs li.home a, #breadory ol#breadcrumbs li.home a:hover { background-image: url(/v/mac-pro/home/a/images/breadcrumb_home.svg); } }
/* panels */
.panel .copy { width: 980px; text-align: center; opacity: 0; }

.panel .copy h1 { margin: 0 auto; }

.panel .copy .intro { width: 680px; margin-left: auto; margin-right: auto; color: #b3b3b3; }

.panel .copy.left h1 { width: 680px; text-align: left; }

.panel .copy.left .intro { font-size: 1.167em; text-align: left; }

.panel .specs { position: absolute; z-index: 2; width: 200px; opacity: 0; line-height: 1.250em; }

.panel .specs.divider { width: 85px; padding-top: 10px; border-top: 1px solid #fff; }

.panel .specs.divider img { position: relative; z-index: 1; margin: 0 0 3px -2px; }

.panel .specs .description { display: block; margin-bottom: 5px; color: #fff; font-size: 1em; }

/* carets */
.caret { position: absolute; display: none; z-index: 3; width: 980px; text-align: center; color: #fff; font-size: 1em; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; }

#desktop #panelcontainer .caret.next { bottom: 20px; display: block; visibility: hidden; }

#desktop #panelcontainer .caret.next:focus { visibility: visible; }

.caret .button { width: 240px; margin: 0 auto; cursor: pointer; -webkit-perspective: 500; -webkit-transform-style: preserve-3d; }

.caret .button .cta { display: block; }

.caret .button .cta.scroll { opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; }

.caret .button:hover .cta.scroll { opacity: 1; }

@-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0, 0, 10px) rotateX(37deg); opacity: 0; }
  20% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
  60% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
  80% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 0, 10px) rotateX(-45deg); opacity: 0; } }

.caret .button .arrow { opacity: 0; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 0 0 -12px; }

.caret.show .button .arrow { padding-top: 3px; display: block; margin: 0 auto; width: 23px; height: 13px; opacity: 1; -webkit-animation-name: arrow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; }

#comingsoon .caret.show .button .arrow { -webkit-animation-direction: reverse; padding-bottom: 2px; }

#comingsoon .caret .cta { opacity: 1; }

/* accessibility 'next' arrows */
#panelcontainer .panel .copy .caret { display: block; bottom: 0; }

#panelcontainer .panel .copy .caret .next.button { opacity: 0; cursor: default; }

#panelcontainer .panel .copy .caret .next.button:focus { opacity: 1; }

#panelcontainer .panel .copy .cta, #panelcontainer .panel .copy .arrow { opacity: 1; }

/* comparison charts */
.chart, .chart .bars { height: 284px; }

.chart { right: 0; top: 190px; }

.chart .bars { position: relative; z-index: 1; display: block; width: 2px; }

.chart .bars li { display: block; position: absolute; bottom: 0; height: 0; -webkit-transform: translateZ(0); -webkit-transition-property: height; -moz-transition-property: height; transition-property: height; -webkit-transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-transition-duration: .6s; -moz-transition-duration: .6s; transition-duration: .6s; }

.chart .bars li span { display: block; width: 100px; }

.chart .bars li .text-value { position: absolute; top: -2px; left: 10px; opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); transition-timing-function: cubic-bezier(0.28, 0.11, 0.32, 1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s; }

.chart.animate .bars li .text-value { opacity: 1; }

.chart .bars li .text-value .data-value { color: #fff; }

.chart .bars li .visual-value { position: absolute; bottom: 0; width: 2px; height: 100%; }

.chart .bars .blue .text-value { color: #70bce2; }

.chart .bars .blue .visual-value { background-color: #70bce2; }

.chart .bars .orange .text-value { color: #f0860c; }

.chart .bars .orange .visual-value { background-color: #f0860c; }

.chart .bars .bar-one { left: 0; height: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; }

.chart .bars .bar-two { left: 6px; height: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; }

.chart .bars .bar-three { left: 12px; height: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; }

.chart .label { display: block; margin-top: 5px; margin-left: -2px; color: #fff; font-size: 1.333em; }

/* panel-specific */
#hero .title { margin: 41px 0 4px; opacity: 0; text-align: center; }

#hero .subtitle { opacity: 0; }

#globalheader { opacity: 0; }

#change .copy .intro { width: 755px; }

#processor .specs { width: 112px; }

#processor .description { width: 180px; }

#memory .specs { width: 117px; }

#memory .bandwidth .description { width: 120px; }

#memory .improvement .description { width: 109px; }

#memory .chart { right: -19px; width: 155px; }

#graphics .teraflops { width: 111px; }

#graphics .teraflops img { margin-left: -1px; }

#graphics .teraflops .description { width: 132px; }

#graphics .chart { width: 155px; right: 50px; }

#storage .improvement { width: 97px; }

#storage .chart { width: 155px; right: 50px; }

#storage .chart .text-value { width: 120px; }

#storage .callout.right .bar-three .text-value { bottom: -2px; top: auto; }

#fan .copy .title, #fan .copy .intro { width: 688px; }

#thunderbolt .specs { width: 91px; }

#thunderbolt .daisychain .description { width: 80px; }

#io .usb { width: 180px; }

#io .gigabit { width: 180px; }

#measurements .width, #measurements .height { position: absolute; z-index: 1; }

#measurements .measurement { -webkit-transform: scaleY(0); font-size: 1.33334em; font-weight: normal; color: #70bce2; opacity: 0; }

#measurements .line { position: relative; z-index: 1; opacity: 0; }

#measurements .line-head, #measurements .line-tail { position: absolute; z-index: 1; }

#measurements .measurement-container { display: block; position: absolute; z-index: 2; margin: 0; opacity: 0; }

#measurements .height { top: 60px; left: 280px; width: 8px; height: 529px; }

#measurements .height .line { width: 1px; height: 0%; margin: 0 auto; vertical-align: bottom; border-left: 1px solid #70bce2; }

#measurements .height .measurement-container { top: 10px; left: -7px; }

#measurements .height .line-head, #measurements .height .line-tail { left: -1px; width: 6px; height: 1px; border-top: 1px solid #70bce2; }

#measurements .height .line-head { bottom: -1px; }

#measurements .height .line-tail { top: -1px; }

#measurements .width { top: 612px; left: 323px; width: 331px; height: 8px; }

#measurements .width .line { width: 0%; height: 1px; margin: 0 auto; border-top: 1px solid #70bce2; }

#measurements .width .measurement-container { top: -13px; left: 41%; }

#measurements .width .line-head, #measurements .width .line-tail { top: -6px; width: 1px; height: 6px; border-right: 1px solid #70bce2; }

#measurements .width .line-head { left: -1px; }

#measurements .width .line-tail { right: -1px; }

#design .copy p { width: 784px; }

#assembly .thermalcore .description { width: 168px; }

#assembly .enclosure .description { width: 163px; }

#assembly .specs img { position: relative; left: -3px; }

#comingsoon h1 { margin-bottom: 5px; }

.overflow body#desktop, .overflow #desktop #wrapper { overflow: hidden; }

#desktop body { line-height: 0px; }

#desktop .clip { visibility: hidden; }

#desktop .clip.visible { visibility: visible; }

#desktop #wrapper #stillcontainer .visible { display: block; }

#desktop #panelcontainer .panel { min-height: 583px; overflow: visible; }

#desktop #panelcontainer .panel img.hero { display: none; }

#desktop #wrapper { min-height: 583px; }

#desktop #stillcontainer, #desktop #videocontainer, #desktop #introcontainer { position: absolute; z-index: 1; left: 50%; width: 3000px; height: 100%; margin: 0 -1500px; }

#desktop .placeholder-container { position: absolute; }

#desktop #videocontainer.transition, #desktop #stillcontainer.transition { -webkit-transition: -webkit-transform 1.5s ease-out, height 0.2s linear; -moz-transition: -moz-transform 1.5s ease-out, height 0.2s linear; -o-transition: transform 1.5s ease-out, height 0.2s linear; transition: transform 1.5s ease-out, height 0.2s linear; }

#desktop #videocontainer.delayed-transition, #desktop #stillcontainer.delayed-transition { -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.305, 0.025, 0.99, 0.57), height 0.2s linear; -moz-transition: -moz-transform 1.5s cubic-bezier(0.305, 0.025, 0.99, 0.57), height 0.2s linear; -o-transition: -o-transform 1.5s cubic-bezier(0.305, 0.025, 0.99, 0.57), height 0.2s linear; transition: transform 1.5s cubic-bezier(0.305, 0.025, 0.99, 0.57), height 0.2s linear; -webkit-transition-delay: 1s, 0; -moz-transition-delay: 1s, 0; -o-transition-delay: 1s, 0; transition-delay: 1s, 0; }

#desktop #videocontainer.lowered, #desktop #stillcontainer.lowered, #desktop #introcontainer.lowered { -webkit-transform: translate3d(0, 185px, 0); -moz-transform: translate3d(0, 185px, 0); -ms-transform: translateY(185px); -o-transform: translateY(185px); transform: translate3d(0, 185px, 0); }

#desktop #stillcontainer img, #desktop #videocontainer canvas, #desktop #introcontainer canvas, #desktop #videocontainer video, #desktop #introcontainer video { display: block; height: 100%; margin: 0 auto; }

#desktop #stillcontainer .still { display: none; margin-bottom: -100%; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; }

#desktop #stillcontainer .still.crossFade { opacity: 1; -webkit-transition: opacity 1.3s ease-in; -moz-transition: opacity 1.3s ease-in; -o-transition: opacity 1.3s ease-in; transition: opacity 1.3s ease-in; }

#desktop #stillcontainer .still.initial { -webkit-transition: opacity 1.3s ease-in; -moz-transition: opacity 1.3s ease-in; -o-transition: opacity 1.3s ease-in; transition: opacity 1.3s ease-in; }

#desktop #panelcontainer { z-index: 4; }

#desktop #panelcontainer .panel.show.front { z-index: 3; }

#desktop #panelcontainer .panel.show { z-index: 2; }

#desktop #panelcontainer .panel { z-index: 1; }

#desktop #stillcontainer { z-index: 3; }

#desktop #introcontainer { z-index: 2; }

#desktop #videocontainer { z-index: 1; }

#desktop #panelcontainer { position: absolute; z-index: 50; top: 0; left: 50%; width: 980px; min-height: 0; margin-left: -490px; }

#desktop #panelcontainer .panel { display: none; height: 100%; }

#desktop #panelcontainer .panel.show { display: block; }

#desktop #panelcontainer .panel.front .copy { z-index: 10; }

#desktop .panel .v-center-wrapper { text-align: center; height: 100%; }

#desktop .panel .v-center-wrapper:before { content: ""; display: inline-block; height: 100%; margin: -4px; vertical-align: middle; }

#desktop .panel .v-center-wrapper .v-center { display: inline-block !important; vertical-align: middle; }

#desktop .panel .bottom-container { position: absolute; z-index: 3; bottom: 0; width: 100%; height: 30%; margin: 0 auto; }

#desktop #panelcontainer .copy { position: relative; top: auto; padding-top: 90px; background: url(/v/mac-pro/home/a/images/gradient_copy.png) 0 0 repeat-x; }

#desktop #panelcontainer .copy p { margin-bottom: 40px; }

#desktop .placeholder-container { position: absolute; z-index: 2; top: 28%; width: 100%; }

#desktop .placeholder-inner { position: relative; z-index: 5; width: 465px; height: 800px; margin: 0 auto; }

#desktop .placeholder-inner .callout { position: absolute; z-index: 1; width: 200px; border-radius: 0; }

#desktop .placeholder-inner .callout.left { left: -220px; }

#desktop .placeholder-inner .callout.right { right: -220px; }

#desktop .placeholder-inner .callout .mid { position: relative; width: 100%; height: 80%; min-height: 300px; }

#desktop .placeholder-inner .callout .mid .specs { text-align: left; }

#desktop .placeholder-inner .callout .mid .specs.top { top: 0; bottom: auto; }

#desktop .placeholder-inner .callout .mid .specs.bottom { top: auto; bottom: -4px; }

#desktop .chart { top: 0; right: auto; bottom: auto; left: 0; height: 100%; }

#desktop .chart .bars-container { position: relative; z-index: 2; }

#desktop .chart .bars { height: 100%; }

#desktop .chart .label { position: absolute; bottom: -60px; }

#desktop .chart .static.text-value, #desktop .chart .static.data-value { display: none; }

#desktop #sectionNav { display: block; top: 50%; margin-top: -178px; }

#desktop #sectionNav .list li .label { top: 0px; }

/* section-specific */
#desktop #hero h1.title, #desktop #hero h2.subtitle { margin: 0; }

#desktop #hero h1 img, #desktop #hero h2 img { margin-left: auto; margin-right: auto; }

#desktop #hero img.svg { display: none; }

#desktop #hero h1 img.svg { width: 31%; height: auto; margin-bottom: 1.01%; }

#desktop #hero h2 img.svg { width: 63%; height: auto; }

#desktop #hero img.png { display: block; }

#desktop #hero h1 img.png { width: auto; height: auto; margin-bottom: 10px; }

#desktop #hero h2 img.png { width: auto; height: auto; }

@media only screen { #desktop #hero img.svg { display: block; }
  #desktop #hero img.png { display: none; } }
#desktop #hero .caret { display: block; top: auto; bottom: 3%; }

#desktop #hero .caret .button .arrow { padding-top: 11px; }

#desktop #hero .placeholder-container { width: 980px; }

#desktop #hero .heading .placeholder-inner { min-height: 105px; max-height: 124px; min-width: 762px; max-width: 980px; margin: 0 auto; text-align: center; }

#desktop #change .copy { background-image: none; }

#desktop #change .copy p { margin-bottom: 36px; }

#desktop #change .bottom-container { height: 43%; }

#desktop #processor .callout.left { left: -292px; }

#desktop #processor .callout.left .pcie { right: 0; left: auto; }

#desktop #processor .callout.left .cores { right: 0; left: auto; }

#desktop #processor .callout.right { right: -292px; }

#desktop #processor .bottom-container { height: 30%; }

#processor .bottom-container .copy { background: none; }

#desktop #memory .callout.left { left: -256px; }

#desktop #memory .callout.left .bandwidth { right: 0; left: auto; }

#desktop #memory .callout.left .improvement { right: 0; left: auto; }

#desktop #memory .callout.right { right: -253px; }

#desktop #memory .callout.right .chart { width: 102px; }

#desktop #memory .bottom-container { height: 30%; }

#memory .bottom-container .copy { background: none; }

#desktop #graphics .callout.left { left: -292px; }

#desktop #graphics .callout.left .dual-gpus { right: 0; left: auto; margin-right: -89px; }

#desktop #graphics .callout.left .teraflops { right: 0; left: auto; }

#desktop #graphics .callout.right { right: -292px; }

#desktop #graphics .callout.right .chart { width: 155px; }

#desktop #graphics .bottom-container { height: 34%; }

#graphics .bottom-container .copy { background: none; }

#graphics .bottom-container .copy .wider { width: 688px; margin-left: 150px; margin-right: 142px; }

@media screen and (max-height: 650px) { #desktop #graphics .placeholder-container .mid { min-height: 256px; max-height: 256px; margin-top: -30px; } }
#desktop #storage .callout.left { left: -210px; }

#desktop #storage .callout.left .mid { max-height: 192px; min-height: 192px; }

#desktop #storage .callout.left .flash { top: auto; right: auto; bottom: 132px; left: 0; }

#desktop #storage .callout.left .improvement { top: auto; right: 0; bottom: 0; left: 0; width: 98px; }

#desktop #storage .callout.right { right: -301px; }

#desktop #storage .callout.right .chart { width: 115px; }

#desktop #storage .bottom-container { height: 32%; }

#storage .bottom-container .copy { background: none; }

@media screen and (max-height: 650px) { #desktop #storage .placeholder-inner .callout.left .mid { margin-top: -30px; } }
#desktop #thermal .bottom-container { height: 34%; }

#desktop #fan .bottom-container { height: 29%; }

#desktop #expansion .bottom-container { height: 32%; }

#desktop #thunderbolt .mid { height: 60%; max-height: 327px; min-height: 261px; }

#desktop #thunderbolt .specs { min-height: 115px; }

#desktop #thunderbolt .callout.left { left: -266px; }

#desktop #thunderbolt .callout.left .speeds { top: 0; right: 0; bottom: auto; left: auto; }

#desktop #thunderbolt .callout.left .improvement { right: 0; left: auto; }

#desktop #thunderbolt .callout.right { right: -255px; }

#desktop #thunderbolt .callout.right .daisychain { right: auto; left: 0; }

#desktop #thunderbolt .callout.right .displays { right: auto; left: 0; }

#desktop #thunderbolt .bottom-container { height: 32%; }

@media screen and (max-height: 650px) { #desktop #thunderbolt .placeholder-inner .mid { margin-top: -16px; max-height: 327px; } }
#desktop #io .mid { height: 70%; max-height: 334px; }

#desktop #io .specs { width: 130px; min-height: 130px; }

#desktop #io .callout.left { left: -247px; }

#desktop #io .callout.left .thunderbolt { top: 0; right: 0; bottom: auto; left: auto; }

#desktop #io .callout.left .hdmi { right: 0; left: auto; }

#desktop #io .callout.right { right: -246px; }

#desktop #io .callout.right .usb { left: 0; right: auto; }

#desktop #io .callout.right .gigabit { top: auto; right: auto; bottom: 0; left: 0; }

#desktop #io .bottom-container { height: 32%; }

@media screen and (max-height: 650px) { #desktop #io .placeholder-inner .mid { max-height: 327px; margin-top: 27px; } }
#desktop #wireless .mid { height: 70%; }

#desktop #wireless .specs { width: 130px; }

#desktop #wireless .callout.left { left: -222px; }

#desktop #wireless .callout.left .ac { right: 0; left: auto; }

#desktop #wireless .callout.right { right: -223px; }

#desktop #wireless .callout.right .bluetooth { right: auto; left: 0; }

#desktop #wireless .bottom-container { height: 36%; }

@media screen and (max-height: 650px) { #desktop #wireless .placeholder-inner .mid { max-height: 327px; } }
#desktop #design .bottom-container { height: 33%; }

#desktop #assembly .mid { min-height: 220px; max-height: 220px; }

#desktop #assembly .callout.left { left: -256px; }

#desktop #assembly .callout.left .thermalcore { left: auto; right: 0; margin-right: -39px; }

#desktop #assembly .callout.right { right: -253px; }

#desktop #assembly .callout.right .enclosure { left: 0; right: auto; margin-left: 12px; }

#desktop #assembly .bottom-container { height: 33%; }

#desktop #measurements .line { display: block; }

#desktop #measurements .measurement-wrapper h1 { margin-bottom: 0; line-height: 16px; }

#desktop #measurements .v-center-wrapper:before { margin: 0 -15px; }

#desktop #measurements .measurement { opacity: 1; -webkit-transform: none; }

#measurements .height { left: -67px; top: 0; width: 30px; height: 100%; }

#measurements .height .line { vertical-align: middle; }

#measurements .height .measurement-container { position: relative; top: 0; right: 14px; left: auto; padding-top: 0; }

#desktop #measurements .width { bottom: -36px; left: 0px; top: auto; width: 100%; }

#desktop #measurements .width .measurement-wrapper { display: inline-block; position: relative; z-index: 3; bottom: -58px; width: 100%; vertical-align: middle; }

#desktop #measurements .width .measurement-container { position: static; z-index: 2; width: 67px; padding: 0; margin: 0 auto; background: transparent; color: #fff; text-align: center; }

#desktop #comingsoon .caret { display: block; position: relative; top: auto; padding-bottom: 30px; }

#desktop #comingsoon .caret .cta { margin-top: 12px; }

#desktop #comingsoon .caret .cta .arrow { display: block; }

#desktop #comingsoon .caret .button .arrow { padding-bottom: 2px; }

#desktop #comingsoon .caret .button .arrow { display: block; width: 23px; height: 13px; margin: 0 auto; padding-top: 3px; }

#desktop #comingsoon .bottom-container { height: 51%; }

#desktop #comingsoon .bottom-container .copy { top: 0; padding-top: 0; }

#desktop .sosumi { width: 940px; margin-left: auto; margin-right: auto; }

#desktop #sosumi, #desktop #globalfooter { line-height: 18px; }

#static #videocontainer, #static #introcontainer { display: none !important; }

#static #curtain { display: none !important; }

#static .placeholder-inner { height: auto !important; top: auto !important; }

#static .callout { top: auto !important; height: auto !important; }

/* desktop static/dynamic integration */
#static #thunderbolt .placeholder-container, #static #io .placeholder-container, #static #assembly .placeholder-container { display: none; }

#static #panelcontainer #change { padding-top: 0; }

#static #panelcontainer #change .intro { margin-top: 0; }

#static #panelcontainer #hero .subtitle { margin-bottom: 32px; }

#static #panelcontainer #hero .hero { margin-bottom: 15px; }

#static #panelcontainer #hero .placeholder-inner { display: block; height: auto !important; width: auto !important; }

#static #wrapper #panelcontainer .panel .copy .intro { width: 680px; }

#static #wrapper #panelcontainer .panel .copy { opacity: 1 !important; }

#static #wrapper #panelcontainer .panel .bottom-container { min-height: auto !important; }

#static #stillcontainer { display: none; }

#static #navcontainer { position: static; }

#static #globalheader { opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#static li .text-value { display: block; opacity: 1; }

#static li.bar-one { height: 100%; }

/* -- */
body#static, #static #wrapper { overflow-x: visible; }

#static #globalheader { opacity: 1; }

#static #wrapper { height: auto; overflow: visible; }

#static #panelcontainer { width: 980px; height: auto; margin: 0 auto; }

#static .panel { display: block; position: relative; height: auto; }

#static .panel .copy { position: relative; z-index: 1; top: auto; opacity: 1; }

#static .panel .specs { opacity: 1; }

#static .border-bottom { padding: 100px 0 50px; border-bottom: 1px solid #333; }

#static .grid2col .specs, #static .grid4col .specs { position: relative; }

#static img.hero { display: block; margin-right: auto; margin-left: auto; margin-bottom: 10px; text-align: center; }

#static img.hero.top-align { margin-top: -100px; }

#static #hero { padding-top: 0; }

#static #hero .subtitle, #static #hero #globalheader { opacity: 1; }

#static #hero .title { opacity: 1; margin-top: 25px; }

#static #hero .subtitle { text-align: center; margin-bottom: 25px; opacity: 1; }

#static #hero .svg { display: none; }

#static #power img.hero { margin-bottom: 30px; }

#static #change { padding-top: 81px; }

#static #change .title { margin: 11px auto 0; }

#static #change .intro { margin-top: -14px; }

#static #processor .hero { margin-top: -45px; }

#static #processor .pcie { left: 100px; top: 190px; }

#static #processor .cores { left: 100px; top: 423px; }

#static #processor .chart { right: 94px; }

#static #processor .chart .bar-two { height: 50%; }

#static #processor .copy { margin-top: 34px; }

#static #memory .hero { margin-top: -53px; }

#static #memory .bandwidth { left: 18px; top: 190px; }

#static #memory .improvement { left: 18px; top: 393px; }

#static #memory .copy { margin-top: 36px; }

#static #memory .chart .bar-two { height: 50%; }

#static #graphics .hero { margin-top: -45px; }

#static #graphics .teraflops { left: 100px; top: 407px; }

#static #graphics .dual-gpus { left: 100px; top: 190px; }

#static #graphics .copy { margin-top: 19px; }

#static #graphics .chart .bar-two { height: 38.57%; }

#static #storage .hero { margin-top: -45px; }

#static #storage .improvement { left: 100px; top: 309px; }

#static #storage .flash { left: 100px; top: 238px; }

#static #storage .chart .bar-two { height: 40%; }

#static #storage .chart .bar-three { height: 8.8%; }

#static #thermal .hero { margin-top: -40px; margin-bottom: 33px; }

#static #fan .hero { margin-top: -53px; margin-bottom: 33px; }

#static #expansion { padding-bottom: 82px; }

#static #expansion img.hero { margin-bottom: 40px; }

#static #thunderbolt { padding-bottom: 82px; }

#static #thunderbolt .copy h1 { text-align: center; }

#static #thunderbolt .copy p { margin-bottom: 40px; text-align: center; }

#static #thunderbolt .grid4col { width: 515px; margin: 0 auto; }

#static #thunderbolt .grid4col .column { margin-left: 50px; }

#static #io { padding-bottom: 82px; }

#static #io .copy h1 { text-align: center; }

#static #io .copy p { margin-bottom: 50px; text-align: center; }

#static #io .grid4col { width: 555px; margin: 0 auto; }

#static #io .grid4col .column { width: 130px; margin-left: 10px; }

#static #wireless .hero { margin-bottom: -12px; }

#static #wireless .specs.left { left: 77px; }

#static #wireless .specs.right { right: 8px; }

#static #wireless .ac { top: 321px; }

#static #wireless .bluetooth { top: 321px; }

#static #wireless .fixed { *position: relative; *zoom: 1; }

#static #measurements { display: none; }

#static #design { padding-top: 100px; padding-bottom: 82px; }

#static #design img.hero { margin-bottom: 33px; }

#static #assembly { padding-bottom: 82px; }

#static #assembly .copy p { margin-bottom: 94px; text-align: center; }

#static #assembly .grid2col { width: 442px; margin: 0 auto; }

#static #assembly .grid2col .specs.thermalcore .description { width: 177px; }

#static #assembly .grid2col .specs.enclosure { position: relative; z-index: 1; margin-right: -84px; }

#static #assembly .grid2col .specs.enclosure .description { width: 160px; }

#static #panelcontainer #comingsoon { border-bottom: none; }

#static #comingsoon { padding-bottom: 126px; }

#static #comingsoon .caret { top: 754px; }

#static #comingsoon { border-bottom: none; }

#static #comingsoon .caret .button .arrow { opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

#static #comingsoon .caret { display: none; }

#static #globalfooter, #static .sosumi { display: block; opacity: 1; }

#static .sosumi { width: 940px; margin: 0 auto; }