/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
 
audio,canvas,video{display:inline-block}
 
audio:not([controls]){display:none;height:0}
 
[hidden]{display:none}
 
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
 
body{margin:0}
 
a:focus{outline:thin dotted}
 
a:active,a:hover{outline:0}
 
h1{font-size:2em}
 
abbr[title]{border-bottom:1px dotted}
 
b,strong{font-weight:bold}
 
dfn{font-style:italic}
 
mark{background:#ff0;color:#000}
 
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
 
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
 
q{quotes:"\201C" "\201D" "\2018" "\2019"}
 
small{font-size:80%}
 
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 
sup{top:-.5em}
 
sub{bottom:-.25em}
 
img{border:0}
 
svg:not(:root){overflow:hidden}
 
figure{margin:0}
 
ol,ul{margin:0;padding:0;list-style:none}
 
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
 
legend{border:0;padding:0}
 
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
 
button,input{line-height:normal}
 
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
 
button[disabled],input[disabled]{cursor:default}
 
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
 
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
 
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
 
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
 
textarea{overflow:auto;vertical-align:top}
 
table{border-collapse:collapse;border-spacing:0}
 
html{padding:0}
 
a:hover{text-decoration:none}
 
h1,h2,h3,h4,blockquote,q{font-family:'Roboto', arial, sans-serif;font-weight:400;margin:0}
 
#maia-main,#maia-footer{margin:0;max-width:none;z-index:1000;position:relative}
 
#maia-signature{margin-top:-4px;max-width:1200px;background:#fff;z-index:1000;position:relative}
 
.signature-wrapper{background:#fff}
 
#maia-footer{font-family:"Helvetica Neue", arial, sans-serif}
 
.maia-aux{max-width:1200px}
 
.maia-button{font-family:'Roboto', arial, sans-serif}
 
.clearfix:after,.nav-product:after,.header-site:after,.mobile-header:after,footer:after,.google-nav:after,.index .intro-title:after,.devices-panel:after,ul.retailers:after,.color-selector:after,ul.playerapps:after{content:"";display:table;clear:both}
 
.hide-text,.nav-product a.ss-home,.ss-home-mobile{text-indent:100%;white-space:nowrap;overflow:hidden}
 
.border-box,.col,.ratio-content,.device-panel-bg,.background,.header-site,footer,.google-nav,.index .intro-title,.device-panel,.device-page .intro-content,.phone-centered,.phone-text-panel,.device-images,ul.retailers li,ul.playerapps li{box-sizing:border-box}
 
.hidden{display:none}
 
.js-hidden{opacity:0;visibility:hidden}
 
.hidden-iframe{display:none}
 
.left{float:left}
 
.right{float:right}
 
.label-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
 
.mobile,.tablet-mobile{display:none;visibility:hidden}
 
@media only screen and (max-width: 767px){.nonmobile{display:none !important;visibility:hidden !important}
 
.mobile{display:block !important;position:relative !important;opacity:1 !important;visibility:visible !important}
 
.mobile-no-float{float:none}
 
.mobile-left{clear:left;float:left}
 
}
 
@media only screen and (max-width: 1024px){.tablet-nonmobile{display:none !important;visibility:hidden !important}
 
.tablet-mobile{display:block !important;position:relative !important;opacity:1 !important;visibility:visible !important}
 
}
 
.col{float:left}
 
.one-quarter{width:25%}
 
.one-third{width:33%}
 
.two-thirds{width:66%}
 
.one-half{width:50%}
 
.six-tenths{width:60%}
 
.four-tenths{width:40%}
 
.one-fifth{width:20%}
 
.eight-tenths{width:80%}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tablet-one-half{width:50%}
 
}
 
@media only screen and (max-width: 767px){.one-third,.one-half,.two-thirds,.six-tenths,.four-tenths{width:100%}
 
}
 
.ratioColorChoose,.ratioWatchplay,.ratioEpicShots,.ratioCoverBand,.ratioCharging,.ratioIntro,.ratio32-15,.ratio16-9,.ratio2-1,.ratio1-1{position:relative}
 
.ratioColorChoose:before,.ratioWatchplay:before,.ratioEpicShots:before,.ratioCoverBand:before,.ratioCharging:before,.ratioIntro:before,.ratio32-15:before,.ratio16-9:before,.ratio2-1:before,.ratio1-1:before{content:"";display:block}
 
.ratioIntro:before{padding-top:50%}
 
.ratioWatchplay:before,.ratioColorChoose:before{padding-top:68%}
 
.ratioCharging:before{padding-top:63%}
 
.ratioCheckout{padding-bottom:50%}
 
.ratioEpicShots:before{padding-top:84%}
 
.ratio32-15:before{padding-top:42%}
 
.ratio16-9:before{padding-top:56.25%}
 
.ratioCover{padding-bottom:67.9%}
 
.ratioCoverBand:before{padding-top:8.81%}
 
@media only screen and (max-width: 1199px){.ratioIntro:before{padding-top:53%}
 
.ratioEpicShots:before{padding-top:84%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.ratioIntro:before{padding-top:58%}
 
.tablet-ratio16-9:before{padding-top:56.25%}
 
.ratioEpicShots:before{padding-top:110%}
 
.device-panels .ratio1-1:before{padding-top:105%}
 
.ratioCover,.ratioCheckout{padding-top:67.9%;padding-bottom:0}
 
}
 
.ratio2-1:before{padding-top:50%}
 
.ratio1-1:before{padding-top:100%}
 
.ratio-content,.device-panel-bg,.background{position:absolute;left:0;top:0;right:0;bottom:0}
 
@media only screen and (max-width: 767px){.ratioIntro,.ratioWatchplay,.ratio32-15,.ratio16-9,.ratio2-1,.ratio1-1{padding-top:0;position:relative}
 
.ratioIntro:before,.ratioWatchplay:before,.ratio32-15:before,.ratio16-9:before,.ratio2-1:before,.ratio1-1:before{display:none}
 
.ratioCover{padding-top:137.9%;padding-bottom:0}
 
.ratioCheckout{padding-bottom:0;padding-top:100%}
 
}
 
.card{background-color:#fff;border-radius:2px;box-shadow:0px 2px 3px rgba(0,0,0,0.15);display:block;padding:30px 35px;position:relative;will-change:box-shadow, margin, transform;z-index:1}
 
@media only screen and (max-width: 767px){.card{padding:16px}
 
}
 
@media only screen and (max-width: 767px){.mobile-card{background-color:#fff;border-radius:2px;box-shadow:0px 2px 3px rgba(0,0,0,0.15);display:block;padding:16px;position:relative;will-change:box-shadow, margin, transform;z-index:1}
 
}
 
.comparison-panel{display:inline-block;width:100%;background:white}
 
@media only screen and (max-width: 767px){.comparison-panel{padding:0}
 
}
 
@media only screen and (min-width: 1200px){.comparison-panel{padding:0 2%}
 
}
 
@media only screen and (max-width: 767px){.comparison-panel h2{padding:0 24px}
 
}
 
.comparison-panel .center{text-align:center}
 
.comparison-panel__tip{text-align:center}
 
.comparison-selector__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
 
@media only screen and (max-width: 767px){.comparison-selector__list{display:block;overflow:auto;white-space:nowrap;width:100%}
 
.comparison-selector__list::-webkit-scrollbar{height:12px;width:8px}
 
.comparison-selector__list::-webkit-scrollbar-track{box-shadow:inset 0 0 2px rgba(0,0,0,0.5)}
 
.comparison-selector__list::-webkit-scrollbar-thumb{border-radius:8px;background:#d2d2d2;border-radius:8px;width:4px}
 
.comparison-selector__list::-webkit-scrollbar-thumb:window-inactive{background:#dcdcdc}
 
}
 
.comparison-selector__phone{text-align:center;padding:45px 0;width:150px}
 
@media only screen and (max-width: 767px){.comparison-selector__phone{display:inline-block;padding:25px 0}
 
}
 
@media only screen and (min-width: 1200px){.comparison-selector__phone{padding:25px 0}
 
}
 
.comparison-selector__phone label{color:#444444;cursor:pointer;display:block;font-size:20px;-webkit-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}
 
.comparison-selector__phone label span{display:block}
 
.comparison-selector__phone input{display:none}
 
.comparison-selector__phone.checkbox-is-checked label{color:#00838f}
 
.comparison-selector__phone.checkbox-is-checked .comparison-selector__phone-indicator{border-color:#00838f}
 
.comparison-selector__phone.checkbox-is-checked .comparison-selector__phone-indicator::after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.comparison-selector__phone .comparison-selector__phone-indicator{border:2px solid #444444;border-radius:50%;content:' ';display:inline-block;height:20px;position:relative;-webkit-transition:border-color 0.2s ease-in-out;transition:border-color 0.2s ease-in-out;width:20px}
 
.comparison-selector__phone .comparison-selector__phone-indicator::after{position:absolute;content:' ';top:50%;left:50%;margin-left:-6px;margin-top:-6px;width:12px;height:12px;background:#00838f;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}
 
._wrapper{border-top:1px dotted rgba(210,210,210,0.62);overflow:hidden;margin-top:-1px;position:relative;width:100%}
 
@media only screen and (max-width: 885px){._wrapper:before{box-shadow:inset -5px -5px 8px rgba(0,0,0,0.5);content:"";display:block;height:105%;width:10px;position:absolute;right:0;top:-1px;z-index:2}
 
}
 
@media only screen and (min-width: 1200px){._wrapper{border-top:none}
 
}
 
.comparison-chart{overflow:auto;table-layout:fixed;width:100%;white-space:nowrap}
 
@media only screen and (max-width: 885px){.comparison-chart{display:block;min-width:100%;overflow:auto;white-space:nowrap}
 
.comparison-chart::-webkit-scrollbar{height:12px;width:8px}
 
.comparison-chart::-webkit-scrollbar-track{box-shadow:inset 0 0 2px rgba(0,0,0,0.5)}
 
.comparison-chart::-webkit-scrollbar-thumb{border-radius:8px;width:4px;background:#d2d2d2}
 
.comparison-chart::-webkit-scrollbar-thumb:window-inactive{background:#dcdcdc}
 
}
 
.comparison-chart .buy-link{display:inline-block;float:none;margin:0;width:auto}
 
.comparison-list__item{border-right:1px solid #EDECEC;display:none;font-size:16px;min-height:130px;min-width:200px;padding:20px 30px;white-space:normal}
 
@media only screen and (max-width: 1350px){.comparison-list__item{font-size:15px}
 
}
 
@media only screen and (max-width: 1199px){.comparison-list__item{font-size:14px}
 
}
 
.comparison-list__item.-grey{background:#f7f7f7}
 
.comparison-list__item.-header{border:none}
 
@media only screen and (max-width: 1199px){.comparison-list__item.-header{min-height:100px}
 
}
 
@media only screen and (min-width: 1200px){.comparison-list__item.-header{padding:0 30px 10px}
 
}
 
.comparison-list__item.-image,.comparison-list__item.-header,.comparison-list__item.-footer{border:none}
 
.comparison-list__item.-footer{min-height:100%;padding-bottom:30px}
 
@media only screen and (max-width: 767px){.comparison-list__item.-footer{padding:30px 0 40px 0}
 
}
 
@media only screen and (min-width: 1200px){.comparison-list__item.-footer{padding-bottom:60px}
 
}
 
.comparison-list__item.-image{padding-top:50px;position:relative;text-align:center}
 
@media only screen and (max-width: 767px){.comparison-list__item.-image{padding:40px 30px 10px}
 
}
 
.comparison-list__item.is-visible-column-cell{display:table-cell}
 
.comparison-list__image{bottom:0;display:block;height:200px;width:auto}
 
@media only screen and (max-width: 767px){.comparison-list__image{height:120px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.comparison-list__image{height:150px}
 
}
 
.comparison-list__name{color:#444;font-weight:400;font-size:20px;margin:40px 0 30px;text-align:left;-webkit-font-smoothing:antialiased}
 
@media only screen and (max-width: 1599px){.comparison-list__name{font-size:20px}
 
}
 
@media only screen and (max-width: 1199px){.comparison-list__name{font-size:18px;margin:15px 0 10px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.comparison-list__name{font-size:16px}
 
}
 
.comparison-list__heading{font-weight:600}
 
.comparison-list__heading,.comparison-list__copy{color:#212121;margin:0}
 
@media only screen and (max-width: 767px){.comparison-list__heading,.comparison-list__copy{font-size:14px !important}
 
}
 
p{color:#444}
 
p.white{color:#fff}
 
a{color:#00838f;font-size:14px;text-decoration:none}
 
a:hover{color:#006064}
 
a:visited:hover{color:#006064}
 
a.with-carrot:after{background:transparent url(../images/icons/blue-carrot.svg) left top no-repeat;content:" ";display:inline-block;margin:0 0 -1px 8px;width:8px;height:12px;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}
 
a.with-carrot:hover:after{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
 
.shop-now{color:#00838f;font-size:14px;font-weight:500}
 
.shop-now:visited{color:#00838f}
 
.small-link,.faux-link,.small-link:visited{color:#00838f;cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase}
 
.icon{display:inline-block;overflow:hidden}
 
.draggable-gallery{overflow-x:scroll;overflow-y:hidden;height:auto;padding:0;padding-bottom:40px;position:relative;top:-100px;width:100%;z-index:4}
 
.draggable-gallery::-webkit-scrollbar{width:8px}
 
.draggable-gallery::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}
 
.draggable-gallery::-webkit-scrollbar-thumb{border-radius:8px;width:4px;background:#d2d2d2}
 
.draggable-gallery::-webkit-scrollbar-thumb:window-inactive{background:#dcdcdc}
 
@media only screen and (max-width: 767px){.draggable-gallery{padding-top:80px;top:0}
 
}
 
.draggable-gallery ._container{margin:0 auto;width:100%;white-space:nowrap}
 
.draggable-gallery ._item{display:inline-block;cursor:pointer;max-width:240px;padding:0 16px;vertical-align:middle;width:auto}
 
.draggable-gallery ._item.portrait{max-width:300px}
 
.tooltip{background:#eeeeee;border-radius:2px;box-shadow:2px 2px 4px 0px rgba(0,0,0,0.1);font-size:14px;left:80px;opacity:0;padding:16px;position:absolute;top:120px;-webkit-transition:opacity 0.1s linear, visibility 0.1s linear;transition:opacity 0.1s linear, visibility 0.1s linear;visibility:hidden;width:300px;z-index:10}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tooltip{left:120px}
 
}
 
@media only screen and (max-width: 767px){.tooltip{width:240px;left:4px}
 
}
 
.tooltip.active{opacity:1;visibility:visible}
 
@media only screen and (max-width: 767px){.tooltip.mobile-left::before{border-top:20px solid transparent;border-left:20px solid #eeeeee;border-right:none;left:0;right:auto}
 
}
 
@media only screen and (max-width: 767px){.tooltip.mobile-right{right:0;left:auto}
 
.tooltip.mobile-right::before{border-top:20px solid transparent;border-right:20px solid #eeeeee;border-left:none;left:auto;right:8px}
 
}
 
.tooltip::before{width:20px;height:20px;background:#eeeeee;content:'';top:0;left:0;position:absolute;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate(4px, -10px) rotate(45deg);-ms-transform:translate(4px, -10px) rotate(45deg);transform:translate(4px, -10px) rotate(45deg)}
 
.tooltip .tooltip-text p,.tooltip .tooltip-text h2,.tooltip .tooltip-text h3{color:#757575;margin-bottom:0}
 
.tooltip .tooltip-text del{display:inline-block}
 
.tooltip-hoverable:hover .tooltip{display:block;opacity:1;visibility:visible}
 
*{box-sizing:border-box}
 
*:before,*:after{box-sizing:border-box}
 
body{background:#fff;color:#444;font:300 16px/1.6 "Roboto",arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative}
 
body.js-no-scroll{overflow:hidden}
 
input[type="text"]{font-family:'Roboto', arial, sans-serif !important;font-weight:300}
 
img{max-width:100%}
 
video:focus{outline:none}
 
.one-half{width:50%}
 
.float-left{float:left}
 
.float-right{float:right}
 
.lightbox{position:fixed;left:0;top:0;bottom:0;right:0;pointer-events:none;opacity:0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;visibility:hidden}
 
.lightbox ._wrapper{position:absolute;width:100%;height:100%}
 
.lightbox ._wrapper ._image{position:relative;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
 
.lightbox.active{background:#fff;opacity:1;pointer-events:all;visibility:visible;z-index:100}
 
.lightbox.active.-faded{background:rgba(255,255,255,0.9)}
 
.lightbox-buy{height:100%;width:100%}
 
.lightbox-buy ._container{width:320px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
 
.lightbox-buy .card{padding:0}
 
.lightbox-close{background:transparent url(../images/icons/grey-close-icon.svg) left top no-repeat;background-size:14px 14px;cursor:pointer;position:absolute;top:24px;right:24px;width:28px;height:28px;z-index:101}
 
.container{overflow-x:hidden;width:100%}
 
@media only screen and (max-width: 767px){.container{margin-top:80px;position:relative}
 
}
 
.margin-bottom{margin-bottom:8px}
 
.uppercase{text-transform:uppercase}
 
.button{border-radius:2px;border:none;color:#fff !important;font-size:14px;font-weight:500;padding:10px 15px}
 
.button.blue{background-color:#00838f;color:#fff}
 
.button.blue:hover{background-color:#006064}
 
.button.inactive{background-color:#757575;cursor:initial}
 
.button.inactive:hover{background-color:#757575}
 
.round-button{background:#00838f;box-shadow:0 2px 4px rgba(0,0,0,0.2);border-radius:50%;cursor:pointer;width:50px;height:50px}
 
@media only screen and (min-width: 768px){.js-parallax{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
 
}
 
.intro-full-photo{background-size:cover;height:100%;position:absolute;top:0;left:0;width:100%}
 
.google-play-icon{padding-right:8px;max-width:80px}
 
.google-logo{opacity:0.54}
 
.nav-product{float:left;font-size:26px;font-weight:300}
 
@media only screen and (max-width: 1199px){.nav-product{font-size:22px}
 
}
 
.nav-product ul{margin:-8px 0 0 0}
 
.nav-product li{display:block;float:left;margin-right:40px}
 
.faux-nav{line-height:1;padding:5px 8px}
 
.nav-product a{color:#444;display:block;font-size:26px;line-height:1;padding:5px 8px;-webkit-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out}
 
.nav-product a.ss-home{background:transparent url(/images/logo.jpg) left top no-repeat;background-size:100% auto;width:54px;height:58px;margin-top:-20px;padding:0}
 
@media only screen and (max-width: 1199px){.nav-product a.ss-home{width:82px;height:20px}
 
}
 
.nav-product a.nav-player{letter-spacing:1px}
 
.nav-product a:hover{color:#00838f}
 
.no-svg .nav-product a.ss-home{background-image:url(../images/nexus-logo-grey.png)}
 
.mobile-nav,.cart-nav{background:#fff;border-right:1px solid #e1e1e1;height:100%;position:fixed !important;left:0;top:80px;-webkit-transition:-webkit-transform 100ms ease-in-out;transition:-webkit-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;width:240px;z-index:20}
 
.mobile-nav ul,.cart-nav ul{padding:30px 34px 0 34px}
 
.mobile-nav li,.cart-nav li{margin-bottom:18px}
 
.mobile-nav a,.cart-nav a{color:#444}
 
.mobile-nav{-webkit-transform:translateX(-240px);-ms-transform:translateX(-240px);transform:translateX(-240px)}
 
.mobile-nav.active{overflow-y:scroll;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
.cart-nav{border-right:none;border-left:1px solid #e1e1e1;-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px);right:0;left:auto}
 
.cart-nav.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
.mobile-main li{font-size:20px}
 
.mobile-sub{border-top:1px solid #e1e1e1;margin-top:30px}
 
.mobile-sub li{font-size:16px}
 
.header-site{background:transparent;height:128px;padding:55px;position:fixed;width:100%;left:0;top:0;z-index:20;-webkit-transition:background .1s ease-out;transition:background .1s ease-out}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.touch .header-site{background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.2)}
 
}
 
@media only screen and (min-width: 768px){.header-site.active{background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.2);padding:35px 55px;height:88px}
 
.header-site.active .nav-product a:hover{color:#006064}
 
}
 
@media only screen and (max-width: 1199px){.header-site{height:90px;padding:36px}
 
.header-site.active{height:90px;padding:36px}
 
}
 
@media only screen and (max-width: 767px){.header-site{background:#455a64;height:80px;padding:0 24px}
 
.header-site.active{height:80px;padding:0 24px}
 
}
 
@media only screen and (max-width: 767px){.header-site.light-theme{background:#fff}
 
}
 
h1.header-intro{font-weight:300;font-size:50px;margin:35px 0;text-align:center}
 
.support-link{color:#00838f;display:block;float:right;font-size:14px;font-weight:500;margin-top:-2px}
 
.support-link:visited{color:#00838f}
 
.support-link:visited:hover{color:#006064}
 
.support-link:hover{color:#006064}
 
.buy-link,.buy-link-container{display:block;float:right;font-size:14px;font-weight:500;margin:-12px 0 0 30px;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}
 
.buy-link.disabled,.buy-link-container.disabled{background-color:#c2c2c2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 
.buy-link-container{margin:0;position:relative}
 
.buy-link-content{background:#fff;box-sizing:border-box;border-radius:2px;border-top:1px solid #efefef;box-shadow:0 12px 13px 0 rgba(0,0,0,0.15);font-size:16px;font-weight:300;opacity:0;position:absolute;top:34px;right:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);visibility:hidden;-webkit-transition:opacity 80ms ease-out, visibility 0s 120ms, -webkit-transform 110ms ease-out;transition:opacity 80ms ease-out, visibility 0s 120ms, -webkit-transform 110ms ease-out;transition:opacity 80ms ease-out, transform 110ms ease-out, visibility 0s 120ms;transition:opacity 80ms ease-out, transform 110ms ease-out, visibility 0s 120ms, -webkit-transform 110ms ease-out}
 
.buy-link-content.open{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible;-webkit-transition:opacity 80ms ease-out, -webkit-transform 110ms ease-out;transition:opacity 80ms ease-out, -webkit-transform 110ms ease-out;transition:opacity 80ms ease-out, transform 110ms ease-out;transition:opacity 80ms ease-out, transform 110ms ease-out, -webkit-transform 110ms ease-out}
 
.buy-link-content.is-modal{-webkit-transition:none;transition:none}
 
.buy-link-content.is-modal .buy-link-list{display:none;visibility:hidden}
 
.buy-link-content ul{padding:22px 32px 4px 26px}
 
.buy-link-content a{color:#444;white-space:nowrap}
 
.buy-link-content a:hover,.buy-link-content a:focus{color:#00838f}
 
.buy-link-content li{margin-bottom:24px}
 
.buy-link-content li.temporary-grey a{color:#BDBBBB}
 
.buy-link-content li.temporary-grey a:hover{color:#BDBBBB}
 
.mobile-header{position:absolute !important;left:0;top:0;width:100%;height:100%}
 
.mobile-nav-toggle{background:url('/images/Hamburger-Menu-icon.png') center center no-repeat;background-size:18px 12px;height:24px;position:absolute;left:12px;top:26px;width:36px}
 
.mobile-nav-toggle.disabled{opacity:0.1;pointer-events:none}
 
.light-theme .mobile-nav-toggle{background:transparent url(../images/mobile-nav-icon-black.svg) center center no-repeat;background-size:18px 12px}
 
.mobile-cart-toggle{background:transparent url(../images/mobile-cart-icon.svg) left top no-repeat;background-size:20px 20px;height:20px;position:absolute;right:24px;top:32px;width:20px}
 
.mobile-cart-toggle.disabled{opacity:0.1;pointer-events:none}
 
.light-theme .mobile-cart-toggle{background:transparent url(../images/mobile-cart-icon-black.svg) left top no-repeat;background-size:20px 20px}
 
.mobile-header-logo{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -44%);-ms-transform:translate(-50%, -44%);transform:translate(-50%, -44%)}
 
.ss-home-mobile{background:transparent url(../images/nexus-logo-grey.svg) left top no-repeat;background-size:100% auto;float:left;width:87px;height:18px;margin:0;padding:0}
 
.light-theme .ss-home-mobile{background:transparent url(../images/nexus-logo-black.svg) left top no-repeat;background-size:100% auto}
 
.mobile-device-name{color:#fff;float:right;font-size:22px;font-weight:300;margin-left:12px;line-height:0.8}
 
.light-theme .mobile-device-name{color:#444444}
 
body.n5x .nav-product a.nav-5,body.n6p .nav-product a.nav-6,body.n9 .nav-product a.nav-9,body.player .nav-product a.nav-player{color:#00838f}
 
footer{background:transparent;color:#fff;position:relative;width:100%}
 
footer a,footer a:visited{color:#fff}
 
@media only screen and (max-width: 767px){footer{border-top:none}
 
}
 
footer input[type="email"]{background-color:transparent;color:#e1e1e1}
 
.sign-up{margin:0 auto;padding:20px 0;width:460px}
 
.sign-up h3{font-size:20px;margin:0 0 20px 0;text-align:center}
 
@media only screen and (max-width: 767px){.sign-up h3{font-size:20px;padding:60px 0 40px}
 
}
 
.sign-up ::-webkit-input-placeholder{color:#e1e1e1}
 
.sign-up :-moz-placeholder{color:#e1e1e1}
 
.sign-up ::-moz-placeholder{color:#e1e1e1}
 
.sign-up :-ms-input-placeholder{color:#e1e1e1}
 
.sign-up select{color:#e1e1e1}
 
.sign-up select::-ms-expand{display:none}
 
.sign-up .form-success,.sign-up .error-message{margin-bottom:24px;text-align:center}
 
.sign-up .error-message{color:#cc3300}
 
.sign-up form{-webkit-transition:all 100ms ease-out;transition:all 100ms ease-out}
 
.sign-up .form-row.email{margin-bottom:10px;min-height:45px}
 
.sign-up .form-row.checkbox{float:left;margin-bottom:30px;width:290px}
 
@media only screen and (max-width: 767px){.sign-up .form-row.checkbox{margin-bottom:0}
 
}
 
.sign-up .form-row.checkbox .ss-choice-label{width:250px}
 
.sign-up label{font-size:11px;font-style:italic;font-weight:400;width:290px}
 
.sign-up select{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border-radius:0;margin-bottom:30px}
 
@media only screen and (max-width: 767px){.sign-up .ss-form-question{margin-top:20px}
 
}
 
.sign-up input[type="text"],.sign-up input[type="email"],.sign-up select{border:none;border-bottom:1px solid #e1e1e1;box-shadow:none;font-weight:300;padding:10px 0 8px 0;width:100%}
 
.sign-up input[type="text"]:focus,.sign-up input[type="email"]:focus,.sign-up select:focus{outline-style:none;border:none;box-shadow:none;border-bottom:2px solid #00838f}
 
@media only screen and (max-width: 767px){.sign-up input[type="text"],.sign-up input[type="email"],.sign-up select{width:100%}
 
}
 
.sign-up input[type="checkbox"]{margin-right:10px}
 
@media only screen and (max-width: 767px){.sign-up{padding:0 24px;margin:0 auto;width:100%}
 
}
 
.google-nav{background:#FCFCFC;border-top:1px solid #e1e1e1;padding:24px 24px 14px 24px;width:100%}
 
.google-nav li{display:block;float:left;font-size:14px;font-weight:400;margin-right:40px}
 
.google-nav li.g-plus{float:right;margin-right:0}
 
@media only screen and (max-width: 767px){.google-nav li.g-plus{clear:both;float:none;padding-top:12px}
 
}
 
.google-nav li.satellite{color:#757575;float:right;font-size:11px;font-style:italic;margin:5px 25px 0 0}
 
@media only screen and (max-width: 767px){.google-nav li.satellite{float:left;margin-top:12px}
 
}
 
@media only screen and (max-width: 767px){.google-nav{padding:24px 24px 15px 24px}
 
}
 
@media only screen and (max-width: 767px){#ss-submit{margin:60px 0}
 
}
 
@-webkit-keyframes floating-scale{from{-webkit-transform:scale(1);transform:scale(1)}
 
to{-webkit-transform:scale(.5);transform:scale(.5)}
 
}
 
@keyframes floating-scale{from{-webkit-transform:scale(1);transform:scale(1)}
 
to{-webkit-transform:scale(.5);transform:scale(.5)}
 
}
 
@media only screen and (max-width: 767px){.index .container{margin-top:44px}
 
}
 
.index h2{color:#444;font-size:46px;font-weight:300;line-height:1.25;margin:20px auto;max-width:900px;text-align:center}
 
@media only screen and (max-width: 767px){.index h2{font-size:36px;max-width:100%}
 
}
 
.index a:hover{color:#006064}
 
.index button:hover{color:#006064}
 
.index .landing-into{z-index:-1}
 
.index .panel{display:inline-block;width:100%}
 
.index .intro-panel{margin-top:0px;margin-bottom:8px;opacity:0;padding:0;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;width:100%}
 
@media only screen and (max-width: 767px){.index .intro-panel{margin-top:24px;min-height:300px}
 
}
 
@media only screen and (max-width: 440px){.index .intro-panel{margin-top:24px}
 
}
 
.index .intro-panel h2{bottom:auto;left:50%;position:absolute;top:25%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
 
.index .intro-panel .background{background-position:left center;background-repeat:no-repeat;background-size:contain}
 
@media only screen and (max-width: 1199px){.index .intro-panel .background{background-size:contain}
 
}
 
@media only screen and (max-width: 767px){.index .intro-panel .background{background-position:center center;background-size:auto 400px}
 
}
 
@media only screen and (max-width: 440px){.index .intro-panel .background{background-size:auto 300px}
 
}
 
.index .intro-title{bottom:auto;color:#00838f;font-size:56px;left:50%;position:absolute;text-align:center;top:120px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:800px}
 
.index .intro-title:hover span.shop-now{color:#006064}
 
@media only screen and (max-width: 767px){.index .intro-title h2{font-size:48px}
 
}
 
.index .intro-title .button{background:#00838f;cursor:pointer}
 
@media only screen and (max-width: 1199px){.index .intro-title{padding-left:20px;padding-right:20px;width:100%}
 
}
 
@media only screen and (max-width: 767px){.index .intro-title{display:block;left:0;margin:0 auto;position:relative;padding:0 24px;top:24px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);width:100%}
 
}
 
.index .intro-panel__column{margin-top:-40px}
 
.index .intro-panel__column h4{font-size:20px;text-align:center}
 
@media only screen and (max-width: 767px){.index .intro-panel__column h4{text-align:left}
 
}
 
.index .intro-panel__column span{color:#00838f;display:block;font-weight:500;text-align:center;text-transform:uppercase}
 
@media only screen and (max-width: 767px){.index .intro-panel__column span{text-align:left}
 
}
 
.index .intro-panel__column a{margin:0 auto;text-align:center}
 
@media only screen and (max-width: 767px){.index .intro-panel__column a{margin:0;padding-top:0;text-align:left}
 
}
 
@media only screen and (max-width: 767px){.index .intro-panel__column{font-size:20px;margin-top:450px;width:210px}
 
}
 
@media only screen and (max-width: 767px){.index .intro-panel__column.float-left{padding-left:40px}
 
}
 
@media only screen and (max-width: 440px){.index .intro-panel__column.float-left{font-size:14px;width:120px;margin-left:20px;margin-top:275px;padding-left:0}
 
}
 
@media only screen and (max-width: 767px){.index .intro-panel__column.float-right{padding-right:40px}
 
}
 
@media only screen and (max-width: 440px){.index .intro-panel__column.float-right{padding-right:0;font-size:14px;width:120px;margin-top:275px;margin-right:10px}
 
}
 
.index .blue-arrow-icon{display:inline-block !important;margin-left:10px}
 
.index .google-dots{margin:0 auto;width:200px}
 
.index .new-features__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
 
@media only screen and (min-width: 1200px) and (max-width: 1400px){.index .new-features__features{padding:0 24px}
 
}
 
@media only screen and (max-width: 1199px){.index .new-features__features{padding:0 10px}
 
}
 
@media only screen and (max-width: 1024px){.index .new-features__features{display:block}
 
}
 
@media only screen and (max-width: 767px){.index .new-features__features{padding:0}
 
}
 
.index .new-features__feature{overflow:hidden;float:left;margin-right:16px}
 
.index .new-features__feature:nth-of-type(3){margin-right:0}
 
@media only screen and (max-width: 1024px){.index .new-features__feature{float:none;margin-right:0;margin-bottom:25px;width:100%}
 
}
 
.index .new-features__feature video{height:auto;max-width:100%;width:100%}
 
.index .new-features__feature .blue-arrow-icon{-webkit-transform:rotate(270deg) translateX(5px);-ms-transform:rotate(270deg) translateX(5px);transform:rotate(270deg) translateX(5px)}
 
.index .new-features__feature.is-active .feature-overlay{z-index:5}
 
.index a.cta,.index button.cta{background:transparent;border:none;cursor:pointer;font-size:14px;outline:none;padding-left:0;padding-right:0}
 
.index .cta{color:#00838f;display:block;font-weight:500;padding-top:15px;text-transform:uppercase}
 
.index .card{border-left:none;border-top:none;padding:0}
 
.index .card .feature-description{padding:20px}
 
.index .card .feature-description h3{font-size:20px}
 
.index .card p{font-weight:400;margin:0}
 
@media screen and (max-width: 940px){.index .card p{min-height:75px}
 
}
 
.index .feature-overlay{background:#37474F;bottom:0;min-height:100%;padding:20px;position:absolute;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);width:100%;z-index:-5}
 
.index .feature-overlay .closer{cursor:pointer;height:35px;position:absolute;right:0;width:35px}
 
.index .feature-overlay .closer:after{background:url(../images/landing/nexus-close.png) no-repeat center center;content:' ';display:block;height:14px;position:relative;width:14px}
 
.index .feature-overlay .feature-summary{bottom:20px;opacity:0;padding:20px 30px 20px 10px;position:absolute;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;z-index:-6}
 
.index .feature-overlay .feature-summary p,.index .feature-overlay .feature-summary h4{color:#ffffff;font-size:15px}
 
.index .feature-overlay .feature-summary.is-active{opacity:1;z-index:6}
 
.index .feature-overlay .feature-summary.is-active img{height:40px;margin-bottom:20px}
 
.index .marshmallow-update-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 
.index .marshmallow-update-panel h2{margin:0px auto 40px;text-align:left;white-space:nowrap}
 
@media only screen and (max-width: 767px){.index .marshmallow-update-panel h2{margin:0 auto 20px}
 
}
 
.index .marshmallow-update-panel video{height:auto;max-width:100%;width:100%}
 
@media only screen and (max-width: 767px){.index .marshmallow-update-panel{display:block}
 
}
 
.index .marshmallow-update-panel .marshmallow-update-panel__column{-webkit-box-flex:1;-ms-flex:1;flex:1}
 
@media only screen and (max-width: 767px){.index .marshmallow-update-panel .marshmallow-update-panel__column{float:none;width:100%}
 
}
 
.index .marshmallow-update-panel .marshmallow-description{max-width:430px}
 
@media only screen and (max-width: 767px){.index .marshmallow-update-panel .marshmallow-description{margin-top:24px;max-width:100%}
 
}
 
.index .best-of-google-panel{display:block}
 
.index .best-of-google-panel .best-of-google-description{margin:0 auto;width:650px}
 
.index .best-of-google-panel .best-of-google-description h2{width:100%}
 
@media only screen and (max-width: 767px){.index .best-of-google-panel .best-of-google-description h2{text-align:left}
 
}
 
.index .best-of-google-panel .best-of-google-description p{margin:0 auto;padding:0 25px;text-align:center;width:600px}
 
@media only screen and (max-width: 767px){.index .best-of-google-panel .best-of-google-description p{margin:0;padding:0;text-align:left;width:100%}
 
}
 
@media only screen and (max-width: 767px){.index .best-of-google-panel .best-of-google-description{margin-left:0;width:100%}
 
}
 
.index .best-of-google-icon{width:65px;height:65px}
 
.index .best-of-google-icon:nth-child(1){-webkit-animation:floating-scale 5s .66s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .66s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(2){-webkit-animation:floating-scale 5s .09s ease-in-out infinite alternate;animation:floating-scale 5s .09s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(3){-webkit-animation:floating-scale 5s .12s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .12s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(4){-webkit-animation:floating-scale 5s .44s ease-in-out infinite alternate;animation:floating-scale 5s .44s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(5){-webkit-animation:floating-scale 5s .66s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .66s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(6){-webkit-animation:floating-scale 5s .1s ease-in-out infinite alternate;animation:floating-scale 5s .1s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(7){-webkit-animation:floating-scale 5s .38s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .38s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(8){-webkit-animation:floating-scale 5s .45s ease-in-out infinite alternate;animation:floating-scale 5s .45s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(9){-webkit-animation:floating-scale 5s .76s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .76s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(10){-webkit-animation:floating-scale 5s .42s ease-in-out infinite alternate;animation:floating-scale 5s .42s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(11){-webkit-animation:floating-scale 5s .39s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .39s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(12){-webkit-animation:floating-scale 5s .56s ease-in-out infinite alternate;animation:floating-scale 5s .56s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
.index .best-of-google-icon:nth-child(13){-webkit-animation:floating-scale 5s .77s ease-in-out infinite alternate-reverse;animation:floating-scale 5s .77s ease-in-out infinite alternate-reverse;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
 
.index .best-of-google-icon:nth-child(14){-webkit-animation:floating-scale 5s .96s ease-in-out infinite alternate;animation:floating-scale 5s .96s ease-in-out infinite alternate;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
 
@media only screen and (max-width: 767px){.index .best-of-google-icon{-webkit-animation:none !important;animation:none !important;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}
 
}
 
.index .best-of-google-icon.calendar{background:url(../images/landing/app-icons/calendar.png) no-repeat 0 0;background-size:contain;left:0;position:absolute;top:0}
 
.index .best-of-google-icon.camera{background:url(../images/landing/app-icons/camera.png) no-repeat 0 0;background-size:contain;left:72%;position:absolute;top:35%}
 
.index .best-of-google-icon.youtube{background:url(../images/landing/app-icons/youtube.png) no-repeat 0 0;background-size:contain;left:25%;position:absolute;top:90%}
 
.index .best-of-google-icon.search{background:url(../images/landing/app-icons/google.png) no-repeat 0 0;background-size:contain;left:38%;position:absolute;top:55%}
 
@media only screen and (max-width: 1199px){.index .best-of-google-icon.search{left:48%}
 
}
 
.index .best-of-google-icon.music{background:url(../images/landing/app-icons/music.png) no-repeat 0 0;background-size:contain;right:0;position:absolute;top:70%}
 
.index .best-of-google-icon.keep{background:url(../images/landing/app-icons/keep.png) no-repeat 0 0;background-size:contain;left:13%;position:absolute;top:45%}
 
@media only screen and (max-width: 1199px){.index .best-of-google-icon.keep{top:50%}
 
}
 
.index .best-of-google-icon.maps{background:url(../images/landing/app-icons/maps.png) no-repeat 0 0;background-size:contain;right:38%;position:absolute;top:75%}
 
@media only screen and (max-width: 1199px){.index .best-of-google-icon.maps{right:30%}
 
}
 
.index .best-of-google-icon.gmail{background:url(../images/landing/app-icons/gmail.png) no-repeat 0 0;background-size:contain;right:5%;position:absolute;top:5%}
 
.index .best-of-google-icon.chrome{background:url(../images/landing/app-icons/chrome.png) no-repeat 0 0;background-size:contain;left:45%;position:absolute;top:5%}
 
.index .best-of-google-icon.fit{background:url(../images/landing/app-icons/fit.png) no-repeat 0 0;background-size:contain;left:23%;position:absolute;top:11%}
 
.index .best-of-google-icon.drive{background:url(../images/landing/app-icons/drive.png) no-repeat 0 0;background-size:contain;left:15%;position:absolute;top:60%}
 
.index .best-of-google-icon.photo{background:url(../images/landing/app-icons/photos.png) no-repeat 0 0;background-size:contain;left:10%;position:absolute;top:20%}
 
.index .best-of-google-icon.play{background:url(../images/landing/app-icons/play.png) no-repeat 0 0;background-size:contain;right:90%;position:absolute;top:80%}
 
.index .icon-wrapper{min-height:300px;width:100%;display:block;position:relative}
 
.index .lower-icon-wrapper{position:relative;width:100%}
 
.index .lower-icon-wrapper .photo{background:url(../images/landing/app-icons/photos.png) no-repeat 0 0;background-size:contain;left:8%;position:absolute;top:20%}
 
.index .lower-icon-wrapper .play{background:url(../images/landing/app-icons/play.png) no-repeat 0 0;background-size:contain;right:8%;position:absolute;top:20%}
 
.mobile-icon-wrapper{min-height:90px}
 
@media only screen and (max-width: 440px){.mobile-icon-wrapper{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:55px}
 
}
 
.best-of-google-icon-mobile{position:relative;float:left;margin-bottom:20px;margin-right:40px;width:80px;height:80px}
 
@media screen and (max-width: 420px){.best-of-google-icon-mobile{height:60px;background-position:center center;width:60px}
 
}
 
.best-of-google-icon-mobile.chrome{background:url(../images/landing/app-icons/chrome.png) no-repeat;background-size:contain}
 
.best-of-google-icon-mobile.gmail{background:url(../images/landing/app-icons/gmail.png) no-repeat;background-size:contain}
 
.best-of-google-icon-mobile.play{background:url(../images/landing/app-icons/play.png) no-repeat;background-size:contain;margin-bottom:0}
 
.best-of-google-icon-mobile.search{background:url(../images/landing/app-icons/google.png) no-repeat;background-size:contain}
 
.best-of-google-icon-mobile.maps{background:url(../images/landing/app-icons/maps.png) no-repeat;background-size:contain;margin-bottom:0}
 
.best-of-google-icon-mobile.youtube{background:url(../images/landing/app-icons/youtube.png) no-repeat;background-size:contain;clear:both;margin-bottom:0;margin-top:15px}
 
@media screen and (max-width: 420px){.best-of-google-icon-mobile.youtube{margin-top:10px}
 
}
 
.devices-panel{position:relative;z-index:3}
 
.devices-panel>a:last-child .device-panel{border-left:8px solid #fff;border-right:none;padding-left:0;padding-right:0}
 
.device-panel{background-color:#F5F3F3;border-right:8px solid #fff;border-bottom:8px solid #fff;box-shadow:none;float:left;max-height:500px;opacity:1;overflow:hidden;width:50%}
 
.device-panel .device-compare{bottom:30px;left:45px;position:absolute}
 
@media only screen and (max-width: 767px){.device-panel .device-compare{left:20px}
 
}
 
.device-panel .device-compare:before{bottom:-5px;content:url("../images/landing/nexus-devices/nexus-compare-icon.png");height:25px;position:relative;width:25px}
 
.device-panel .device-compare button{background:transparent;border:none;color:#00838f;cursor:pointer;font-size:16px;font-weight:300;outline:none}
 
@media only screen and (max-width: 767px){.device-panel{background-color:#fff;border-radius:2px;box-shadow:0px 2px 3px rgba(0,0,0,0.15);display:block;padding:30px 35px;position:relative;will-change:box-shadow, margin, transform;z-index:1;border:none;float:none;height:0;min-height:400px;margin-bottom:20px;max-height:600px;padding-bottom:100% !important;position:relative;text-align:center;width:auto}
 
}
 
@media only screen and (max-width: 767px) and (max-width: 767px){.device-panel{padding:16px}
 
}
 
@media only screen and (max-width: 767px){.device-panel .device-description{margin:20px;text-align:left}
 
}
 
.device-panel .device-description h3{color:#444}
 
@media only screen and (max-width: 767px){.device-panel .device-description h3{font-size:24px;text-align:left}
 
}
 
.device-panel.nexus5 .device-panel-bg{background:url(../images/landing/nexus-devices/n5x-1600.png) no-repeat center center;background-size:contain}
 
@media only screen and (max-width: 1199px){.device-panel.nexus5 .device-panel-bg{background:url(../images/landing/nexus-devices/n5x-1600.png) no-repeat center center;background-size:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-panel.nexus5 .device-panel-bg{background:url(../images/landing/nexus-devices/n5x-768.png) no-repeat center center;background-size:60% auto}
 
}
 
@media only screen and (max-width: 767px){.device-panel.nexus5 .device-panel-bg{background:url(../images/landing/nexus-devices/n5x-768.png) no-repeat center center;background-size:70% auto}
 
}
 
.device-panel.nexus6 .device-panel-bg{background:url(../images/landing/nexus-devices/n6p-1600.png) no-repeat center center;background-size:contain}
 
@media only screen and (max-width: 1199px){.device-panel.nexus6 .device-panel-bg{background-image:url(../images/landing/nexus-devices/n6p-1600.png) no-repeat center center;background-size:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-panel.nexus6 .device-panel-bg{background:url(../images/landing/nexus-devices/n6p-768.png) no-repeat center center;background-size:60% auto}
 
}
 
@media only screen and (max-width: 767px){.device-panel.nexus6 .device-panel-bg{background:url(../images/landing/nexus-devices/n6p-768.png) no-repeat center center;background-size:70% auto}
 
}
 
.device-panel.nexus{border-right:none;padding-right:8px}
 
@media only screen and (max-width: 767px){.device-panel.nexus{height:430px}
 
}
 
.device-panel.nexusPlayer .device-panel-bg{background:url(../images/landing/nexus-devices/nplayer-1600.png) no-repeat center center;background-size:contain}
 
@media only screen and (max-width: 1199px){.device-panel.nexusPlayer .device-panel-bg{background:url(../images/landing/nexus-devices/nplayer-1600.png) no-repeat center center;background-size:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-panel.nexusPlayer .device-panel-bg{background:url(../images/landing/nexus-devices/nplayer-768.png) no-repeat center center;background-size:70% auto}
 
}
 
@media only screen and (max-width: 767px){.device-panel.nexusPlayer .device-panel-bg{background:url(../images/landing/nexus-devices/nplayer-768.png) no-repeat center center;background-size:80% auto}
 
}
 
.device-panel.nexus9 .device-panel-bg{background:url(../images/landing/nexus-devices/n9-1600.png) no-repeat center center;background-size:contain}
 
@media only screen and (max-width: 1199px){.device-panel.nexus9 .device-panel-bg{background:url(../images/landing/nexus-devices/n9-1600.png) no-repeat center center;background-size:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-panel.nexus9 .device-panel-bg{background:url(../images/landing/nexus-devices/n9-768.png) no-repeat center center;background-size:70% auto}
 
}
 
@media only screen and (max-width: 767px){.device-panel.nexus9 .device-panel-bg{background:url(../images/landing/nexus-devices/n9-768.png) no-repeat center center;background-size:80% auto}
 
}
 
.device-panel .device-panel-bg{background-color:transparent;background-repeat:no-repeat;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);-webkit-transform-origin:50% 80%;-ms-transform-origin:50% 80%;transform-origin:50% 80%;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out;width:100%}
 
.device-panel:hover span{color:#006064}
 
.device-panel:hover .device-panel-bg{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 
.device-panel .ratio-content{padding:55px}
 
@media only screen and (max-width: 1199px){.device-panel .ratio-content{padding:36px}
 
}
 
@media only screen and (max-width: 767px){.device-panel .ratio-content{padding:0}
 
}
 
.touch .device-panel:hover .device-panel-bg{-webkit-transform:none;-ms-transform:none;transform:none}
 
.is-expanded .comparison-panel{display:block}
 
.comparison-panel{display:none}
 
.project-fi-content-container{margin:0 auto;width:630px}
 
@media only screen and (max-width: 767px){.project-fi-content-container{width:100%}
 
}
 
@media only screen and (max-width: 767px){.project-fi-logo{float:none;width:100%}
 
}
 
.project-fi-logo img{height:170px}
 
.project-fi-description{width:460px}
 
@media only screen and (max-width: 767px){.project-fi-description{float:none;width:100%}
 
}
 
.project-fi-description h4{font-size:20px;padding:20px 0 10px}
 
.nexus-panel{background:#455a64;color:#fff;font-size:56px;font-weight:300;line-height:1.3;padding:100px;position:relative;z-index:4;text-align:center}
 
@media only screen and (max-width: 1199px){.nexus-panel{font-size:40px;padding:50px 100px}
 
}
 
@media only screen and (max-width: 767px){.nexus-panel{padding:20px 50px}
 
}
 
.nexus-panel p{margin:0}
 
.buy-modal{box-sizing:border-box;display:none;height:599px;opacity:0;overflow:hidden;width:700px;z-index:20}
 
.is-modal .buy-modal{display:block}
 
.buy-modal .lightbox-close{right:8px;z-index:10}
 
.buy-modal-content{background-color:#fff;background-position:left center;background-repeat:no-repeat;background-size:350px 600px;box-sizing:border-box;display:none;height:600px;opacity:0;position:absolute;left:0;top:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:700px}
 
.buy-modal-content .checkout-card{background:transparent;border-left:1px solid #e1e1e1;box-sizing:border-box;float:right;height:600px;padding:88px 38px 0 38px;width:350px}
 
.buy-modal-content h2{color:#757575;font-size:40px;font-weight:300;line-height:1.125}
 
.buy-modal-content .retailers{box-sizing:border-box;padding:0;position:absolute;bottom:0;right:0;width:349px}
 
.buy-modal-content .retailers li{margin:0}
 
.buy-modal-content .eight-up a{height:74px}
 
.hide-below-small-desktop{display:block}
 
@media screen and (max-width: 1024px){.hide-below-small-desktop{display:none}
 
}
 
.show-below-small-desktop{display:none}
 
@media screen and (max-width: 1024px){.show-below-small-desktop{display:block}
 
}
 
.no-js .intro-panel,.no-js .device-panel{opacity:1}
 
.no-js .nexus6-intro,.no-js .device-panel.nexus9{display:block}
 
.device-page .intro-panel{background-repeat:no-repeat;opacity:0;padding:0 50px;position:relative;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;z-index:2}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-page .intro-panel{padding:36px}
 
}
 
@media only screen and (max-width: 399px){.device-page .intro-panel{padding:145% 24px 24px 24px}
 
}
 
@media only screen and (min-width: 400px) and (max-width: 767px){.device-page .intro-panel{padding:125% 24px 24px 24px}
 
}
 
.device-page .intro-content{color:#fff;margin-top:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:540px}
 
.device-page .intro-content .seein3d-cta:before{background-image:url(../images/icons/3dbtn.svg) !important}
 
.device-page .intro-content h1{color:#444;font-size:56px;font-weight:300;line-height:1.2;margin:8px 0 0 0}
 
@media only screen and (min-width: 1200px) and (max-width: 1400px){.device-page .intro-content h1{font-size:50px}
 
}
 
@media only screen and (max-width: 1199px){.device-page .intro-content h1{font-size:48px}
 
}
 
@media only screen and (max-width: 1024px){.device-page .intro-content h1{font-size:40px}
 
}
 
@media only screen and (max-width: 767px){.device-page .intro-content h1{color:#00838f}
 
}
 
.device-page .intro-content h2{color:#444;font-size:16px;font-weight:300;margin:12px 0 0 0}
 
@media only screen and (max-width: 767px){.device-page .intro-content h2{margin-top:5px}
 
}
 
@media only screen and (max-width: 1199px){.device-page .intro-content{margin-top:45px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-page .intro-content{margin-top:45px}
 
}
 
@media only screen and (max-width: 767px){.device-page .intro-content{background:transparent;bottom:64px;color:#00838f;left:0;margin:0;padding:0 24px;position:absolute;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}
 
}
 
.device-page .intro-content .video-cta{color:#00838f;display:inline-block;font-size:16px;line-height:1;margin-top:30px;margin-right:30px;cursor:pointer}
 
@media only screen and (max-width: 767px){.device-page .intro-content .video-cta{margin-top:20px}
 
}
 
.device-page .intro-content .video-cta:hover{color:#006064}
 
.device-page .intro-content .video-cta:hover:before{margin-right:12px}
 
.device-page .intro-content .video-cta:before{background:transparent url(../images/icons/playbtn.svg) left top no-repeat;background-size:20px;content:"";display:inline-block;margin:0 8px -3px 0;width:20px;height:20px;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
 
.device-page .intro-content button{background:transparent;border:0;color:#00838f;font-size:16px;font-weight:300;padding:0}
 
.device-page .intro-content button:hover{color:#006064}
 
.device-page .intro-content .three-d-cta{display:inline-block;font-size:16px;margin-right:30px}
 
@media only screen and (max-width: 767px){.device-page .intro-content .three-d-cta{display:block;margin-right:0;margin-top:10px;text-align:left}
 
}
 
.device-page .intro-number{color:#00838f;display:block;font-size:300px;font-weight:200;line-height:0.9;margin:0 0 0 -20px}
 
@media only screen and (min-width: 1200px) and (max-width: 1400px){.device-page .intro-number{font-size:225px;margin-left:-12px}
 
}
 
@media only screen and (max-width: 1199px){.device-page .intro-number{font-size:150px;line-height:1;margin-left:-10px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-page .intro-number{font-size:140px}
 
}
 
@media only screen and (max-width: 767px){.device-page .intro-number{float:left;font-size:100px;margin:0 8px 0 0}
 
}
 
.content-panel{color:#757575;padding:55px}
 
@media only screen and (max-width: 767px){.content-panel.no-mobile-padding{padding:0}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel{padding:36px}
 
}
 
@media only screen and (max-width: 767px){.content-panel{padding:64px 24px}
 
.content-panel p{line-height:1.8}
 
}
 
.content-panel h2{color:#444;font-size:48px;font-weight:300;line-height:1.2;margin-bottom:40px}
 
.content-panel h2.centered{text-align:center}
 
@media only screen and (max-width: 767px){.content-panel h2.centered{text-align:left}
 
}
 
@media only screen and (max-width: 1024px){.content-panel h2{font-size:40px}
 
}
 
@media only screen and (max-width: 767px){.content-panel h2{line-height:1.2;margin:0 0 20px 0}
 
.content-panel h2.mobile-top-margin{margin-top:24px}
 
.content-panel h2.mobile-bottom-margin{margin-bottom:36px}
 
}
 
.content-panel h3{color:#444;font-size:20px;font-weight:400}
 
.content-panel h3+p{margin-top:12px;margin-bottom:36px}
 
.content-panel.centered{margin:0 auto;max-width:1400px}
 
.content-panel.border-bottom{border-bottom:1px solid #e1e1e1}
 
.content-panel.center-text{text-align:center}
 
.content-panel.no-side-padding{padding:55px 0}
 
.content-panel.extra-top-padding{padding-top:124px}
 
@media only screen and (max-width: 767px){.content-panel.extra-top-padding{padding-top:24px}
 
}
 
.content-panel.extra-bottom-padding{padding-bottom:124px}
 
@media only screen and (max-width: 767px){.content-panel.extra-bottom-padding{padding-bottom:24px}
 
}
 
.content-panel .col{padding-right:48px}
 
@media only screen and (max-width: 767px){.content-panel .col{padding-right:0}
 
}
 
.content-panel .shared-col{padding:0 24px}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel .shared-col{padding:0 12px}
 
}
 
.content-panel .center{text-align:center}
 
.centered{margin:0 auto;max-width:1400px}
 
@media only screen and (max-width: 767px){.panel-text.mobile-padding{padding:24px;width:100%}
 
}
 
.android-l{height:900px;background:#ffffff;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(41%, #fff), color-stop(99%, #e1e1e1));background:-webkit-radial-gradient(center, ellipse cover, #fff 0%, #fff 41%, #e1e1e1 99%);background:-webkit-radial-gradient(center ellipse, #fff 0%, #fff 41%, #e1e1e1 99%);background:radial-gradient(ellipse at center, #fff 0%, #fff 41%, #e1e1e1 99%);overflow:hidden;position:relative}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.android-l{min-height:800px;padding-top:124px}
 
}
 
@media only screen and (max-width: 767px){.android-l{background:rgba(144,164,174,0.1);height:auto;padding:58px 24px}
 
.android-l.margin-bottom{margin-bottom:0}
 
}
 
.android-l .round-button{position:absolute;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;z-index:3}
 
.android-l .round-button:hover{box-shadow:0 3px 6px rgba(0,0,0,0.3)}
 
.android-l .round-button.multitasking{background:#00838f url(../images/animation/multitasking-white.svg) 50% 50% no-repeat;left:165px;top:-20px}
 
.android-l .round-button.multitasking.js-active{background:#fff url(../images/animation/multitasking-blue.svg) 50% 50% no-repeat}
 
.android-l .round-button.design{background:#00838f url(../images/animation/star-white.svg) 50% 50% no-repeat;left:118px;bottom:-10px}
 
.android-l .round-button.design.js-active{background:#fff url(../images/animation/star-blue.svg) 50% 50% no-repeat}
 
.android-l .round-button.notifications{background:#00838f url(../images/animation/bell-white.svg) 50% 50% no-repeat;left:-17px;bottom:30px}
 
.android-l .round-button.notifications.js-active{background:#fff url(../images/animation/bell-blue.svg) 50% 50% no-repeat}
 
.phone-centered{height:100%;margin:0 auto;max-width:1400px;padding:0;position:relative}
 
@media only screen and (max-width: 1024px){.phone-centered{padding:0}
 
}
 
.phone-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:330px}
 
@media only screen and (max-width: 1199px){.phone-content{top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
 
}
 
@media only screen and (max-width: 1024px){.phone-content{padding-top:0;width:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.phone-content{text-align:center;width:100%}
 
}
 
.phone-content h2{margin-top:0}
 
.phone-screen video{position:absolute;width:100%;height:100%;max-width:100%;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
 
.phone-screen video.js-hide{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
 
.phone-text-panel{background:transparent;position:absolute;right:0;top:50%;min-height:260px;width:300px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:4}
 
@media only screen and (max-width: 1199px){.phone-text-panel{margin-top:50px;right:auto;top:auto;position:relative;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.phone-text-panel{float:left;margin-top:200px}
 
}
 
@media only screen and (max-width: 767px){.phone-text-panel{background:transparent;margin:0;padding:0;width:100%}
 
.phone-text-panel.active{border:none;box-shadow:none}
 
}
 
.phone-text-panel .text{opacity:0;position:absolute;-webkit-transform:translate(0, 60px);-ms-transform:translate(0, 60px);transform:translate(0, 60px);-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;visibility:hidden;width:300px}
 
.phone-text-panel .text.js-active{width:300px;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1;visibility:visible}
 
.phone-text-panel .text.js-active .text-content{opacity:1;visibility:visible}
 
.phone-text-panel .text.js-out{opacity:0;-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:all 160ms ease-in-out;transition:all 160ms ease-in-out}
 
@media only screen and (max-width: 767px){.phone-text-panel .text{border:1px solid #efefef;margin-bottom:16px;opacity:1;position:relative;-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;width:100%}
 
.phone-text-panel .text.js-active{width:100%}
 
}
 
.phone-text-panel .text h4{color:#00838f;font-size:20px;margin:0 0 4px 0}
 
.phone-text-panel .text h4:before{content:" ";display:inline-block;margin-right:10px;margin-bottom:-2px;width:18px;height:20px}
 
.phone-text-panel .text h4.multitasking-header:before{background:#fff url(../images/animation/multitasking-blue.svg) left 50% no-repeat}
 
.phone-text-panel .text h4.notifications-header:before{background:#fff url(../images/animation/bell-blue.svg) left 50% no-repeat}
 
.phone-text-panel .text h4.design-header:before{background:#fff url(../images/animation/star-blue.svg) left 50% no-repeat}
 
.phone-text-panel .text p{margin:20px 0}
 
@media only screen and (max-width: 767px){.phone-text-panel .text p{margin:10px 0 0 0}
 
}
 
.tech-specs-panel{background:#fff;border-bottom:8px solid #fff;padding:0;position:relative}
 
.tech-specs-panel h2{color:#fff}
 
@media only screen and (max-width: 1024px){.tech-specs-panel{height:auto !important}
 
}
 
@media only screen and (max-width: 767px){.tech-specs-panel{border-bottom:none}
 
}
 
.tech-specs-button{background-image:url(../images/animation/specs.svg);background-position:center center;background-repeat:no-repeat;margin-top:-24px;position:absolute;left:-32px;top:50%;z-index:3}
 
.tech-specs-button.open{display:none}
 
@media only screen and (min-width: 768px){.tech-specs-button.-mobile{display:none}
 
}
 
@media only screen and (max-width: 1199px){.tech-specs-button{left:50%;margin-left:-24px;margin-top:-24px;top:0;-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}
 
}
 
@media only screen and (max-width: 1024px){.tech-specs-button{box-shadow:2px 0 4px rgba(0,0,0,0.2);-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tech-specs-button{left:50%;margin-left:-24px;margin-top:-24px}
 
}
 
@media only screen and (max-width: 767px){.tech-specs-button{position:absolute;top:100%;z-index:5}
 
}
 
.tech-specs{background:#455a64;color:#fff;overflow:hidden;padding:120px;position:absolute;left:0;top:0;-webkit-transition:height 150ms ease-in-out;transition:height 150ms ease-in-out;width:100%;z-index:2}
 
.tech-specs.open{height:auto !important;z-index:6}
 
.tech-specs.open .col1,.tech-specs.open .col2,.tech-specs.open .col3{opacity:1;visibility:visible}
 
.tech-specs.open .featured-specs{opacity:0;visibility:hidden;display:none}
 
.tech-specs.open .tech-specs-close{opacity:1;visibility:visible}
 
@media only screen and (max-width: 1199px){.tech-specs{padding:55px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tech-specs{position:relative}
 
}
 
@media only screen and (max-width: 1024px){.tech-specs{position:relative}
 
.tech-specs.open{height:auto !important}
 
}
 
@media only screen and (max-width: 767px){.tech-specs{padding:60px 24px;overflow:visible}
 
}
 
.tech-specs h2{margin-top:0}
 
@media only screen and (max-width: 767px){.tech-specs h2{font-size:30px}
 
}
 
.tech-specs h3{color:#fff;font-size:16px;font-weight:500;margin:0}
 
.tech-specs h3+p{margin-bottom:0;margin-top:6px}
 
.tech-specs p{color:#fff;font-size:16px;font-weight:300;line-height:25px;margin-top:0}
 
.tech-specs p i{font-size:13px;line-height:1.4;display:block}
 
.tech-specs .featured-specs{opacity:1;visibility:visible;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;display:block}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tech-specs .featured-specs{padding-right:0 !important;width:100% !important}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.tech-specs .tablet-col{float:left;padding-right:48px;width:33%}
 
}
 
.tech-specs .tech-specs-close{background:transparent url(../images/icons/white-close-icon.svg) left top no-repeat;background-size:14px 14px;cursor:pointer;position:absolute;top:60px;right:60px;color:#fff;opacity:0;visibility:hidden;width:32px;height:32px}
 
@media only screen and (max-width: 767px){.tech-specs .tech-specs-close{top:18px;right:18px}
 
}
 
.col1,.col2,.col3{opacity:0;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;visibility:hidden}
 
.device-images{background:#fff;border-left:8px solid #fff;position:relative;float:right;width:60%;height:100%;z-index:3;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}
 
.device-images.closed{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-images{border-left:none;float:none;width:100%}
 
.device-images.closed{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
}
 
@media only screen and (max-width: 767px){.device-images{z-index:1}
 
}
 
.device-images .spec-image-container{display:block;overflow:hidden}
 
.device-images .spec-image-container.margin-bottom{margin-bottom:8px}
 
.device-images .spec-image{position:relative;width:100%}
 
.device-images img{display:block;margin:0;position:relative;width:100%;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out;-webkit-transform:translateZ(0);transform:translateZ(0)}
 
.device-images img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 
.device-images .left-col{float:left;width:57.25%}
 
.device-images .right-col{float:right;border-left:8px solid #fff;width:42.75%}
 
.checkout{background:#f7f7f7;padding:100px 100px 100px 0}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.checkout{padding:90px 32px 90px 0}
 
}
 
@media only screen and (max-width: 767px){.checkout{padding:100% 0 0 0}
 
}
 
.checkout-card{background:#fff;float:right;padding:32px;width:418px}
 
.checkout-card h2{margin-bottom:24px}
 
.checkout-card h2 .border-box,.checkout-card h2 .col,.checkout-card h2 .ratio-content,.checkout-card h2 .device-panel-bg,.checkout-card h2 .background,.checkout-card h2 .header-site,.checkout-card h2 footer,.checkout-card h2 .google-nav,.checkout-card h2 .index .intro-title,.index .checkout-card h2 .intro-title,.checkout-card h2 .device-panel,.checkout-card h2 .device-page .intro-content,.device-page .checkout-card h2 .intro-content,.checkout-card h2 .phone-centered,.checkout-card h2 .phone-text-panel,.checkout-card h2 .device-images,.checkout-card h2 ul.retailers li,ul.retailers .checkout-card h2 li,.checkout-card h2 ul.playerapps li,ul.playerapps .checkout-card h2 li{padding:0}
 
@media only screen and (max-width: 1199px){.checkout-card{width:382px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.checkout-card{width:302px}
 
}
 
@media only screen and (max-width: 767px){.checkout-card{float:none;width:100%}
 
}
 
.checkout-card .play-button{margin:20px 0 0 0}
 
.recommended a{display:block}
 
.recommend-box{border-right:8px solid #fff;position:relative;overflow:hidden;width:33%;float:left}
 
.recommend-box.last{border-right-color:#efefef}
 
.recommend-box h3{color:#444;font-size:16px;font-weight:400;margin:0;position:absolute;bottom:24px;left:24px}
 
.recommend-box .recommend-box-bg{background-color:transparent;background-position:center top;background-repeat:no-repeat;background-size:cover;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);-webkit-transform-origin:50% 80%;-ms-transform-origin:50% 80%;transform-origin:50% 80%}
 
.recommend-box .recommend-box-bg.nexus-controller{background-image:url(../images/recommended/player-controller-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.nexus-controller{background-image:url(../images/recommended/player-controller-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.nexus-controller{background-image:none}
 
}
 
.recommend-box .recommend-box-bg.nexus9{background-image:url(../images/recommended/N9-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.nexus9{background-image:url(../images/recommended/N9-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.nexus9{background-image:none}
 
}
 
.recommend-box .recommend-box-bg.nexus6{background-image:url(../images/recommended/N6-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.nexus6{background-image:url(../images/recommended/N6-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.nexus6{background-image:none}
 
}
 
.recommend-box .recommend-box-bg.nexus-charger{background-image:url(../images/recommended/wirelesscharger-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.nexus-charger{background-image:url(../images/recommended/wirelesscharger-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.nexus-charger{background-image:none}
 
}
 
.recommend-box .recommend-box-bg.player{background-image:url(../images/recommended/Player-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.player{background-image:url(../images/recommended/Player-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.player{background-image:none}
 
}
 
.recommend-box .recommend-box-bg.keyboard{background-image:url(../images/recommended/N9keyboard-recommended-1600.jpg)}
 
@media only screen and (max-width: 1199px){.recommend-box .recommend-box-bg.keyboard{background-image:url(../images/recommended/N9keyboard-recommended-1024.jpg)}
 
}
 
@media only screen and (max-width: 767px){.recommend-box .recommend-box-bg.keyboard{background-image:none}
 
}
 
.recommend-box:hover .recommend-box-bg{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 
.checkout{background-position:right center;background-repeat:no-repeat;background-size:cover}
 
.checkout a.disabled{pointer-events:none;opacity:0.25}
 
@media only screen and (max-width: 767px){.checkout-card{width:100% !important}
 
}
 
.checkout-top{padding:30px 35px}
 
.checkout-bottom{padding:0 35px 30px}
 
.checkout-bottom .play-button{margin-top:0}
 
ul.retailers{background:#fff;border-top:1px solid #e1e1e1;width:100%}
 
ul.retailers .retailer-new{display:block;margin:auto;max-height:80%;max-width:80%;overflow:hidden;text-indent:100%;white-space:nowrap}
 
ul.retailers.disabled{cursor:default;opacity:0.2;pointer-events:none}
 
ul.retailers li{border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;display:block;float:left;position:relative;text-align:center;width:50%}
 
ul.retailers li.disabled a{cursor:default;opacity:0.2;pointer-events:none}
 
ul.retailers a{display:block;height:100px;position:relative}
 
ul.retailers a .retailer{display:inline-block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
 
ul.retailers li:nth-of-type(2n){border-right:0}
 
ul.retailers img{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
 
.inline-checkout .checkout-bottom{padding:0}
 
.inline-checkout .checkout-bottom p{margin:0}
 
.inline-checkout ul.retailers{border-top:0;margin-top:30px;width:100%}
 
@media only screen and (min-width: 1200px){.inline-checkout ul.retailers{width:70%}
 
}
 
.inline-checkout ul.retailers li{border:0;padding-bottom:10px;padding-right:5px}
 
.inline-checkout ul.retailers a{border:3px solid #f4f4f4;border-radius:5px}
 
.inline-checkout ul.retailers li:nth-of-type(2n){padding-left:5px;padding-right:0}
 
#video-container{background:rgba(255,255,255,0.9) url(../images/icons/grey-close-icon.svg) top 20px right 20px no-repeat;cursor:pointer;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;opacity:0;visibility:hidden;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
 
#video-container.active{opacity:1;visibility:visible}
 
#video-embed,.three-d-iframe{border:12px solid #fff;box-shadow:0 0 3px rgba(0,0,0,0.4);position:fixed;left:50%;top:50%;margin:-211px 0 0 -385px}
 
@media only screen and (max-width: 767px){#video-embed,.three-d-iframe{margin:-90px 0 0 -170px;height:180px;width:320px}
 
}
 
.three-d-iframe{background:#fff;margin:-355px 0 0 -384px}
 
@media only screen and (max-width: 767px){.three-d-iframe{height:404px;margin:-202px 0 0 -150px;width:300px}
 
}
 
#see-in-3d-embed{box-sizing:border-box;height:100%;width:100%}
 
.see-in-3d-x{background:transparent url(../images/icons/grey-close-icon.svg) center center no-repeat;background-position:50% 50%;background-size:20px 20px;cursor:pointer;height:30px;position:absolute;right:13px;top:13px;width:30px}
 
.custom-3d-x{cursor:pointer;position:absolute;height:42px;right:0;top:0;width:42px}
 
.custom-3d-x:after{background:transparent url(../images/icons/grey-close-icon.svg) center center no-repeat;background-size:20px 20px;content:' ';display:block;height:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:12px}
 
.custom-3d-embed{border:1px solid #ccc;box-shadow:0 4px 16px rgba(0,0,0,0.2);height:500px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:750px}
 
@media only screen and (max-width: 767px){.custom-3d-embed{height:100%;width:100%}
 
}
 
.custom-3d{height:100%;width:100%;border:none}
 
@media only screen and (max-width: 767px){.custom-3d{overflow:hidden}
 
}
 
.reviews{position:relative}
 
.reviews .review{opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-transition-delay:.8s;transition-delay:.8s}
 
@media screen and (max-width: 768px){.reviews .review{opacity:1}
 
}
 
.reviews .review.is-active{opacity:1}
 
.reviews .review.stagger-0{-webkit-transition-delay:.8s;transition-delay:.8s}
 
.reviews .review.stagger-1{-webkit-transition-delay:1.8s;transition-delay:1.8s}
 
.reviews .review.stagger-2{-webkit-transition-delay:2.8s;transition-delay:2.8s}
 
.device-page .nexus5-intro{background-repeat:no-repeat;background-size:cover;background-position:right -30px}
 
@media only screen and (min-width: 400px) and (max-width: 767px){.device-page .nexus5-intro{padding-top:135%}
 
}
 
.camera-view{background-position:left 220px;background-repeat:no-repeat;background-size:cover}
 
.camera-view .panel-text{position:absolute;top:124px;right:100px;width:400px;height:auto}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.camera-view .panel-text{top:64px;right:48px}
 
}
 
@media only screen and (max-width: 767px){.camera-view .panel-text{position:relative;top:auto;width:100%;right:auto}
 
}
 
@media only screen and (min-width: 1200px){.camera-view .panel-text h2{margin-top:0}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.camera-view .panel-text h2{margin-bottom:20px}
 
}
 
@media only screen and (max-width: 1199px){.camera-view{background-position:center 160px;background-size:100% auto}
 
}
 
@media only screen and (max-width: 767px){.camera-view{background-position:0 300px;background-size:100% auto;padding-bottom:120% !important}
 
}
 
.content-panel.moments{margin-bottom:150px;overflow:hidden;text-align:center}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.moments{padding:55px 0}
 
}
 
@media only screen and (max-width: 767px){.content-panel.moments{background-color:#f3f3f3;margin-bottom:0;padding-bottom:60px;text-align:left}
 
}
 
.content-panel.moments h2{margin-bottom:0}
 
@media only screen and (max-width: 767px){.content-panel.moments h2{margin-bottom:24px}
 
}
 
.moments-container{color:#444}
 
.moments-phone{background:transparent url(../images/nexus5/N5-sidephone.jpg) center top no-repeat;width:654px;height:375px;margin:0 auto;position:relative}
 
.moment-screen{width:453px;height:255px;position:absolute;left:93px;top:62px;overflow:hidden}
 
.moment-image{position:absolute;left:0;top:0;width:453px;height:255px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.moment-image.js-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
.moments-caption{min-height:90px;position:relative}
 
.moments-caption p{margin:0;position:absolute;top:0;text-align:center;width:100%;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.moments-caption p.js-active{opacity:1;visibility:visible}
 
@media only screen and (max-width: 767px){.moments-caption p{margin-bottom:16px;position:relative;opacity:1;text-align:left;visibility:visible}
 
.moments-caption p .caption-header{color:#00838f;font-size:20px;font-weight:400;margin-bottom:10px}
 
.moments-caption p .caption-header:before{content:" ";display:inline-block;margin-right:10px;margin-bottom:-6px;width:28px;height:28px}
 
.moments-caption p .caption-header.perfect-header:before{background:url(../images/animation/hdr-blue.svg) 50% 50% no-repeat;background-size:28px 28px}
 
.moments-caption p .caption-header.degree-header:before{background:url(../images/animation/360deg-blue.svg) 50% 50% no-repeat;background-size:28px 28px}
 
.moments-caption p .caption-header.awesome-header:before{background:url(../images/animation/autostars-blue.svg) 50% 50% no-repeat;background-size:28px 28px}
 
.moments-caption p .caption-header.movie-header:before{background:url(../images/animation/wand-blue.svg) 50% 50% no-repeat;background-size:28px 28px}
 
}
 
.moments-nav{margin:0 auto;width:768px}
 
.moments-nav .moment-icon{cursor:pointer;float:left;font-size:19px;font-weight:400;position:relative;text-align:center;width:190px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.moments-nav .moment-icon:before{background-color:#fff;background-position:center;background-repeat:no-repeat;border-radius:50%;border:1px solid #4A4A4A;content:"";display:block;margin-bottom:15px;width:44px;height:44px;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.moments-nav .moment-icon.moment-perfect:before{background-image:url(../images/animation/hdr.svg)}
 
.moments-nav .moment-icon.moment-360:before{background-image:url(../images/animation/photosphere.svg)}
 
.moments-nav .moment-icon.moment-auto:before{background-image:url(../images/animation/autoawesome.svg)}
 
.moments-nav .moment-icon.moment-movies:before{background-image:url(../images/animation/movies.svg)}
 
.moments-nav .moment-icon:last-child:after{display:none}
 
.moments-nav .moment-icon:after{background:transparent url(../images/animation/dots.svg) left top no-repeat;content:" ";display:block;height:3px;left:125px;top:22px;position:absolute;width:135px;z-index:3}
 
.moments-nav .moment-icon.js-active{color:#00838f}
 
.moments-nav .moment-icon.js-active:before{border-color:#00838f}
 
.moments-nav .moment-icon.js-active.moment-perfect:before{background-image:url(../images/animation/hdr-blue.svg)}
 
.moments-nav .moment-icon.js-active.moment-360:before{background-image:url(../images/animation/photosphere-blue.svg)}
 
.moments-nav .moment-icon.js-active.moment-auto:before{background-image:url(../images/animation/autoawesome-blue.svg)}
 
.moments-nav .moment-icon.js-active.moment-movies:before{background-image:url(../images/animation/movies-blue.svg)}
 
.moment-bar{background:#00838f;height:5px;margin:0 0 0 28px;position:absolute;left:50%;top:21px;width:0;z-index:10}
 
.watch-play{background-position:140% bottom;background-size:auto 100%;background-repeat:no-repeat}
 
@media only screen and (max-width: 1199px){.watch-play{background-position:120% bottom}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.watch-play{background-position:5% top;padding-top:600px;background-size:100% auto}
 
}
 
@media only screen and (max-width: 767px){.watch-play{background-position:-60px 60px;background-size:120% auto;padding-top:150% !important}
 
}
 
.watch-play .panel-text{position:absolute;top:50px;left:100px;width:350px;height:auto}
 
.watch-play .panel-text h2{margin-top:0}
 
@media only screen and (max-width: 1199px){.watch-play .panel-text{width:250px}
 
}
 
@media only screen and (max-width: 1024px){.watch-play .panel-text{background:#fff;left:0;top:auto;bottom:0;width:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.watch-play .panel-text{padding:64px 36px}
 
.watch-play .panel-text .tablet-col{float:left;width:48%}
 
.watch-play .panel-text .tablet-col:last-child{margin-left:4%}
 
}
 
@media only screen and (max-width: 767px){.watch-play .panel-text{background-color:#fff;padding-top:40px !important;padding-bottom:40px !important;position:relative;top:auto;left:auto}
 
}
 
.nexus5 .phone-base{background:transparent url(../images/nexus5/N5-android-bg.png) left top no-repeat;background-size:454px 602px;height:602px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-30%, -50%);-ms-transform:translate(-30%, -50%);transform:translate(-30%, -50%);width:454px;z-index:3}
 
@media only screen and (max-width: 1199px){.nexus5 .phone-base{left:auto;top:50%;right:-100px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5 .phone-base{margin-top:50px;top:auto;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
 
}
 
@media only screen and (max-width: 767px){.nexus5 .phone-base{display:none}
 
}
 
.nexus5 .phone-base .phone-screen{background:transparent;position:absolute;width:255px;height:452px;left:41px;top:60px;overflow:hidden;z-index:2}
 
.nexus5 .phone-base .phone-screen .phone-ui{position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.nexus5 .phone-base .phone-screen .phone-ui.js-active{display:block}
 
.nexus5 .phone-base .round-button.design{left:144px;bottom:5px}
 
.nexus5 .phone-base .round-button.notifications{left:5px;bottom:70px}
 
.nexus5 .phone-base .round-button.multitasking{left:195px;top:-10px}
 
.nexus5 .checkout{min-height:500px}
 
@media only screen and (max-width: 1199px){.nexus5 .checkout{min-height:500px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5 .checkout{min-height:320px}
 
}
 
@media only screen and (max-width: 767px){.nexus5 .checkout{background-position:left top;background-size:100% auto;min-height:0}
 
}
 
.nexus5 .checkout-card{width:335px}
 
.reviews{font-size:0;padding:50px 5%}
 
.reviews .review{font-size:16px;margin:0 auto 2em;padding-left:4.5%;padding-right:4.5%;text-align:center;vertical-align:top;width:80%}
 
@media screen and (min-width: 1200px){.reviews .review{display:block;font-size:18px;margin-top:-40px;padding-left:15%;padding-right:15%}
 
}
 
@media screen and (min-width: 768px){.reviews .review{display:inline-block;margin:0;width:33%}
 
}
 
.reviews .review .review__excerpt{color:#00838f;display:block}
 
.reviews .review .review__excerpt:before,.reviews .review .review__excerpt:after{content:'"'}
 
.reviews .review .review__source{color:#444;display:block;margin-top:.25em}
 
.reviews .review:hover .review__excerpt{color:#006064}
 
@media only screen and (min-width: 1200px){.nexus5x-hero .intro-number{font-size:240px}
 
}
 
.nexus5x-hero .intro-panel{margin-bottom:90px}
 
@media only screen and (max-width: 767px){.nexus5x-hero .intro-panel{margin-bottom:0;padding-top:80%}
 
}
 
.nexus5x-hero .intro-panel .x-factor{display:inline-block;opacity:0;-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);-webkit-transition:opacity 1s ease-out, -webkit-transform 1s ease-in-out;transition:opacity 1s ease-out, -webkit-transform 1s ease-in-out;transition:opacity 1s ease-out, transform 1s ease-in-out;transition:opacity 1s ease-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out}
 
.nexus5x-hero .intro-panel .x-factor.active{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-hero .ratioIntro:before{padding-top:46%}
 
}
 
.nexus5x-hero .intro-content{left:8%;margin-bottom:80px;position:absolute;top:1%;-webkit-transform:none;-ms-transform:none;transform:none;z-index:2}
 
@media only screen and (max-width: 1599px){.nexus5x-hero .intro-content .video-cta{margin-top:10px}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-hero .intro-content{position:static}
 
.nexus5x-hero .intro-content .nexus5x-headline{color:#444}
 
}
 
@media only screen and (max-width: 1024px){[lang="en"] .nexus5x-hero .intro-content{max-width:100%}
 
}
 
@media only screen and (min-width: 768px){.nexus5x-hero .intro-content{max-width:500px}
 
[lang="en"] .nexus5x-hero .intro-content{max-width:400px}
 
}
 
@media only screen and (min-width: 1150px){.nexus5x-hero .intro-content{top:1.5%}
 
}
 
@media only screen and (min-width: 1800px){.nexus5x-hero .intro-content{top:2.5%}
 
}
 
.device-page .nexus5x-intro{background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;right:80px;top:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:opacity .2s linear, -webkit-transform .8s ease-in-out;transition:opacity .2s linear, -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out, opacity .2s linear;transition:transform .8s ease-in-out, opacity .2s linear, -webkit-transform .8s ease-in-out;width:40%}
 
@media screen and (min-width: 1200px){.device-page .nexus5x-intro{right:140px}
 
}
 
.device-page .nexus5x-intro.nexus-1{opacity:0;visibility:hidden}
 
.device-page .nexus5x-intro.nexus-1.active{opacity:1;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);visibility:visible}
 
.device-page .nexus5x-intro.nexus-2{opacity:0;visibility:hidden}
 
.device-page .nexus5x-intro.nexus-2.active{opacity:1;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);visibility:visible}
 
.device-page .nexus5x-intro.nexus-3{opacity:0}
 
.device-page .nexus5x-intro.nexus-3.loaded{opacity:1}
 
@media only screen and (max-width: 767px){.device-page .nexus5x-intro{left:0;right:auto;top:0;width:100%}
 
}
 
.n5x .reviews{margin-top:-50px;z-index:10}
 
.n5x .reviews .review{margin-bottom:4em;width:50%}
 
.n5x .reviews .review:nth-child(3n){display:block;padding-left:25%;padding-right:25%;width:100%}
 
.n5x .reviews .review:last-child{margin-bottom:0}
 
.nexus5x-sweet-spot{position:relative}
 
@media screen and (min-width: 768px){.nexus5x-sweet-spot{margin-top:-200px}
 
}
 
.nexus5x-sweet-spot .centered-text{position:absolute;top:50%;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);width:100%}
 
.nexus5x-sweet-spot .centered-text .panel-text{margin:0 auto;max-width:520px}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-sweet-spot .centered-text .panel-text{max-width:460px}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-sweet-spot .centered-text .panel-text{margin:0;max-width:100%;padding-left:24px;padding-right:24px;padding-top:0;text-align:left}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-sweet-spot .centered-text{position:relative;width:100%}
 
}
 
.nexus5x-sweet-spot .content-image{position:relative;width:30%}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-sweet-spot .content-image.left{left:-30px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-sweet-spot .content-image.right{right:-30px}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-sweet-spot .content-image{display:none;float:none;width:100%}
 
}
 
.nexus5x-camera{padding:55px 0;padding-bottom:0;position:relative}
 
.nexus5x-camera .specs-container{max-width:1440px}
 
.nexus5x-camera .panel-text{margin:0 auto;max-width:630px}
 
@media only screen and (max-width: 767px){.nexus5x-camera .panel-text{margin:0;max-width:100%;padding-left:24px;padding-right:24px;text-align:left}
 
}
 
.nexus5x-camera .camera-specs{left:0;padding-left:60px;position:absolute;text-align:left;top:50%;z-index:10}
 
.nexus5x-camera .camera-specs .spec{position:relative}
 
@media only screen and (max-width: 767px){.nexus5x-camera .camera-specs{position:relative}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-camera .camera-specs .spec{position:absolute;width:120px}
 
.nexus5x-camera .camera-specs .spec.pixel{bottom:40px;right:14px;text-align:left}
 
.nexus5x-camera .camera-specs .spec.speed{bottom:-80px;right:14px;text-align:left}
 
.nexus5x-camera .camera-specs .spec.aperature{bottom:-80px;left:80px}
 
}
 
.nexus5x-camera .image-container{float:right;padding-top:50px;width:100%}
 
@media only screen and (max-width: 767px){.nexus5x-camera .image-container{padding-top:20px}
 
}
 
.nexus5x-camera .camera-image{position:relative;right:-30%}
 
@media only screen and (max-width: 767px){.nexus5x-camera .camera-image{display:none}
 
}
 
.nexus5x-camera .camera-image-mobile{left:0;position:relative}
 
.nexus5x-photos{position:relative}
 
@media only screen and (max-width: 767px){.nexus5x-photos{padding-top:0}
 
}
 
.nexus5x-photos .panel-text{left:15%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:30%}
 
@media only screen and (max-width: 1199px){.nexus5x-photos .panel-text{left:15%;width:30%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-photos .panel-text{left:5%;width:50%}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-photos .panel-text{left:0;padding-left:0;padding-right:0;position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}
 
}
 
.nexus5x-photos .panel-text h2{background:url("../images/icons/icon-photos.png") no-repeat;background-size:50px 50px;padding-top:75px}
 
@media only screen and (max-width: 767px){.nexus5x-photos .panel-text h2{background:none;padding-top:0}
 
}
 
.nexus5x-photos ._image{background-position:right center;background-repeat:no-repeat;background-size:contain;height:0;padding-bottom:48.87218%;position:relative;right:-80px}
 
@media only screen and (max-width: 767px){.nexus5x-photos ._image{padding-bottom:130%;position:relative;width:100%}
 
}
 
.nexus5x-fingerprint{background-color:#fff;position:relative;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;width:100%}
 
@media only screen and (max-width: 767px){.nexus5x-fingerprint{padding-left:0;padding-right:0}
 
}
 
.nexus5x-fingerprint .panel-text{position:absolute;right:5%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:35%}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-fingerprint .panel-text{right:4%;width:40%}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-fingerprint .panel-text{padding:0 24px;position:relative;right:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}
 
}
 
.nexus5x-fingerprint .fingerprint-video{position:relative;width:800px}
 
@media only screen and (max-width: 1199px){.nexus5x-fingerprint .fingerprint-video{width:600px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-fingerprint .fingerprint-video{width:440px}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-fingerprint .fingerprint-video{display:none}
 
}
 
.nexus5x-fingerprint .fingerprint-video video{max-width:100%}
 
.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse{border-radius:50px;cursor:pointer;height:40px;left:16.5%;position:absolute;top:24.2%;-webkit-transform:rotateY(-35deg);transform:rotateY(-35deg);-webkit-transition:opacity .5s linear, visibility .5s linear;transition:opacity .5s linear, visibility .5s linear;width:40px;z-index:8}
 
@media only screen and (max-width: 1199px){.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse{left:15.6%;top:23.2%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse{height:25px;left:16.1%;top:23.5%;width:25px}
 
}
 
@media only screen and (max-width: 767px){.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse{display:none}
 
}
 
.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse.is-active{opacity:0;visibility:hidden}
 
.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse:after{background:rgba(243,243,243,0.2);border-radius:50px;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
 
.nexus5x-fingerprint .fingerprint-video .fingerprint-pulse:after{-webkit-animation:pulse 2s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);animation:pulse 2s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94)}
 
.nexus5x-fingerprint .fingerprint-image{display:none;max-width:120%;right:-60px}
 
@-webkit-keyframes pulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
 
50%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}
 
100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
 
}
 
@keyframes pulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
 
50%{opacity:1;-webkit-transform:scale(2);transform:scale(2)}
 
100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
 
}
 
.n5x ._video-fallback{display:none}
 
.touch .n5x ._video{display:none !important}
 
@media only screen and (min-width: 768px){.touch .n5x ._video-fallback{display:block !important}
 
}
 
.touch .n5x .fingerprint-pulse{display:none}
 
@media only screen and (max-width: 767px){.intro-panel.nexus6-intro{padding-top:130% !important}
 
}
 
@media only screen and (max-width: 767px){.intro-panel.nexus6-intro .intro-content{bottom:40px}
 
}
 
.nexus6-intro .intro-full-photo{background-position:center center;background-repeat:no-repeat;background-size:cover}
 
@media only screen and (max-width: 1024px){.nexus6-intro .intro-full-photo{background-position:center top}
 
}
 
.content-panel.more-everything{margin-bottom:160px}
 
.content-panel.more-everything img{width:100%}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.more-everything img{height:auto;width:125%;margin-left:-10%}
 
}
 
@media only screen and (max-width: 767px){.content-panel.more-everything{margin-bottom:0;padding-top:0}
 
.content-panel.more-everything img{height:auto;width:410px;max-width:620px;margin-left:-130px;margin-top:-10px}
 
}
 
.epic-shots{background-size:100% auto;background-repeat:no-repeat}
 
.epic-shots .panel-text{position:absolute;top:40%;left:15%;width:400px}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.epic-shots .panel-text{left:12%;width:300px}
 
}
 
@media only screen and (max-width: 767px){.epic-shots{background-size:cover;background-position:-30px top;padding-top:380px !important}
 
.epic-shots:before{padding-top:380px !important}
 
.epic-shots .panel-text{width:100%;top:auto;left:0;bottom:40px}
 
.epic-shots p{margin-bottom:0}
 
.epic-shots h2{font-size:38px}
 
}
 
.charging{background-position:left bottom;background-repeat:no-repeat;background-size:100% auto}
 
.charging .panel-text{width:100%;max-width:550px;position:absolute;top:100px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
 
@media only screen and (max-width: 1199px){.charging .panel-text{top:70px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.charging .panel-text{top:50px}
 
}
 
@media only screen and (max-width: 767px){.charging .panel-text{top:auto;bottom:64px;text-align:left}
 
.charging .panel-text.mobile-padding{padding:0 24px}
 
}
 
.charging h2{margin-bottom:30px}
 
@media only screen and (max-width: 767px){.charging{background-position:left top;padding-top:100% !important}
 
.charging:before{display:block}
 
.charging p{margin-bottom:0}
 
}
 
.nexus6 .phone-base{background:transparent url(../images/nexus6/N6-android-bg.png) left top no-repeat;background-size:326px 600px;height:600px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-40%, -50%);-ms-transform:translate(-40%, -50%);transform:translate(-40%, -50%);width:326px;z-index:3}
 
@media only screen and (max-width: 1199px){.nexus6 .phone-base{left:auto;top:50%;right:0}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus6 .phone-base{margin-top:50px;top:auto;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
 
}
 
@media only screen and (max-width: 767px){.nexus6 .phone-base{display:none}
 
}
 
.nexus6 .phone-base .round-button.multitasking{left:215px;top:-17px}
 
.nexus6 .phone-base .round-button.design{left:137px;bottom:-10px}
 
.nexus6 .phone-base .round-button.notifications{left:-5px;bottom:40px}
 
.nexus6 .phone-base .phone-screen{position:absolute;width:279px;height:494px;left:23px;top:54px;overflow:hidden;z-index:2}
 
.nexus6 .phone-base .phone-screen .phone-ui{position:absolute;width:100%;height:100%;top:0;left:0;display:none;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.nexus6 .phone-base .phone-screen .phone-ui.js-active{display:block}
 
.nexus6 .checkout{min-height:600px}
 
@media only screen and (max-width: 1199px){.nexus6 .checkout{min-height:500px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus6 .checkout{background-position:-220px center;min-height:400px}
 
}
 
@media only screen and (max-width: 767px){.nexus6 .checkout{min-height:0;background-position:center top;background-size:100% auto}
 
}
 
.nexus6 .checkout .checkout-card{padding:0}
 
.battery-life p{float:left;width:50%;font-size:12px;color:#757575;padding-right:50px}
 
.battery-life p:last-child{padding-right:0}
 
@media only screen and (max-width: 767px){.battery-life p{float:none;width:100%;padding:0}
 
}
 
.reviews{font-size:0;padding:50px 5%}
 
.reviews .review{font-size:16px;margin:0 auto 2em;padding-left:4.5%;padding-right:4.5%;text-align:center;vertical-align:top;width:80%}
 
@media screen and (min-width: 1200px){.reviews .review{display:block;font-size:18px;margin-top:-40px;padding-left:15%;padding-right:15%}
 
}
 
@media screen and (min-width: 768px){.reviews .review{display:inline-block;margin:0;width:33%}
 
}
 
.reviews .review .review__excerpt{color:#00838f;display:block}
 
.reviews .review .review__excerpt:before,.reviews .review .review__excerpt:after{content:'"'}
 
.reviews .review .review__source{color:#444;display:block;margin-top:.25em}
 
.reviews .review:hover .review__excerpt{color:#006064}
 
@-webkit-keyframes n6pPulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
 
50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
 
100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
 
}
 
@keyframes n6pPulse{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
 
50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
 
100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
 
}
 
.n6p{overflow-x:hidden}
 
.n6p .content-panel{position:relative;z-index:2}
 
.n6p .phone-fallback-front{background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;z-index:5}
 
@media only screen and (max-width: 767px){.n6p .phone-fallback-front{background-image:url("../images/nexus6p/6p-front-fallback-top-desktop.png")}
 
}
 
.n6p .intro-panel{padding:0}
 
.n6p .intro-panel .phone-fallback-front{height:408px;top:38px;-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg);width:200px}
 
.n6p .intro-content{background-color:#fbfafb;margin-top:0;max-width:none;padding-top:120px;position:relative;text-align:center;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
 
@media only screen and (max-width: 767px){.n6p .intro-content{bottom:auto;padding-top:471px}
 
.n6p .intro-content h1{color:#444;text-align:left}
 
.n6p .intro-content .video-cta{display:block;margin:25px 0 0 0;text-align:left}
 
}
 
.n6p .reviews{background:#fbfafb;z-index:3}
 
@media screen and (max-width: 1200px){.n6p .reviews{padding-bottom:0}
 
}
 
.n6p .reviews .review{margin-bottom:4em;padding-left:5%;padding-right:5%;width:33.33%}
 
.n6p .n6p-video{background-color:#fbfafb}
 
@media only screen and (min-width: 768px){.n6p .n6p-video.video-fallback .phone-fallback-front{background-image:url("../images/nexus6p/6p-front-fallback-top-desktop.png");height:0;left:50%;padding-bottom:49.01961%;-webkit-transform:translateX(-60%) rotate(25deg);-ms-transform:translateX(-60%) rotate(25deg);transform:translateX(-60%) rotate(25deg);width:33%}
 
.n6p .n6p-video.video-fallback .phone-fallback-rear{background-image:url("../images/nexus6p/6p-rear-fallback-desktop.png");height:0;padding-bottom:48.79357%;right:50%;-webkit-transform:translateX(100%) rotate(-25deg);-ms-transform:translateX(100%) rotate(-25deg);transform:translateX(100%) rotate(-25deg);width:33%}
 
}
 
@media only screen and (min-width: 768px){.n6p .n6p-video.video-fallback .n6p-camera{margin-top:120px}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-video .phone-fallback-front{background-image:url("../images/nexus6p/6p-front-fallback.png");height:408px;left:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);width:200px}
 
}
 
.n6p .n6p-video.-active .rotating-phone{opacity:1}
 
.n6p .rotating-phone{left:50%;max-width:600px;opacity:0;position:absolute;-webkit-transform:translate(-60%, 5%);-ms-transform:translate(-60%, 5%);transform:translate(-60%, 5%);-webkit-transition:opacity .5s .5s ease-in;transition:opacity .5s .5s ease-in;width:60%;z-index:1}
 
@media only screen and (max-width: 767px){.n6p .rotating-phone{display:none}
 
}
 
.n6p .rotating-phone ._wrapper{overflow:hidden;position:relative;-webkit-transform:translateZ(0) rotate(25deg);transform:translateZ(0) rotate(25deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}
 
.n6p .rotating-phone ._scrubber{display:block;height:0;margin:0 auto;padding-bottom:100%;position:relative;width:100%}
 
.n6p .rotating-phone ._scrubber img{display:block;width:100%}
 
.n6p .n6p-screen{padding-top:19.5%}
 
.n6p .n6p-screen .phone-fallback-front{left:-38px;top:100px}
 
@media only screen and (max-width: 767px){.n6p .n6p-screen .phone-fallback-front{height:341px;width:167px}
 
}
 
.n6p .n6p-screen .screen-size{margin-left:10%}
 
@media only screen and (max-width: 1199px){.n6p .n6p-screen .screen-size{margin-left:0}
 
}
 
@media only screen and (max-width: 1199px){.n6p .n6p-screen .screen-size>p{max-width:250px}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-screen .screen-size{float:none;margin:145px 0 0 168px}
 
.n6p .n6p-screen .screen-size h2{font-size:60px}
 
.n6p .n6p-screen .screen-size .tooltip{left:-100px;width:339px}
 
}
 
@media only screen and (max-width: 767px) and (max-width: 767px){.n6p .n6p-screen .screen-size .tooltip{left:-160px;width:300px}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-screen .screen-size .tooltip:before{left:auto;right:7px}
 
.n6p .n6p-screen .screen-size .tooltip p{font-size:14px}
 
}
 
.n6p .n6p-screen .screen-size ._screens{margin-top:30px}
 
.n6p .n6p-screen .screen-size ._illustrated-screen{float:left;margin-right:50px}
 
.n6p .n6p-screen .screen-size ._illustrated-screen:last-child{margin-right:0}
 
.n6p .n6p-screen .screen-size ._illustrated-screen img{display:block;margin-bottom:20px;width:85px}
 
.n6p .n6p-screen .panel-text{margin-top:8%}
 
@media only screen and (max-width: 767px){.n6p .n6p-screen .panel-text{margin-top:100px}
 
}
 
.n6p .n6p-camera{margin-top:15%;padding-bottom:120px}
 
@media only screen and (max-width: 767px){.n6p .n6p-camera{margin-top:55px;padding-bottom:0;padding-top:411px}
 
}
 
.n6p .n6p-camera .spec{float:left;width:50%}
 
@media only screen and (max-width: 1199px){.n6p .n6p-camera .spec{float:none;width:auto}
 
.n6p .n6p-camera .spec .tooltip{left:50%;top:20px}
 
.n6p .n6p-camera .spec .tooltip:before{left:-10px;top:5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-camera .spec .tooltip{left:17%}
 
.n6p .n6p-camera .spec p{font-size:14px}
 
}
 
.n6p .n6p-camera .phone-fallback-rear{background-repeat:no-repeat;background-size:contain;position:absolute;right:0;top:0;z-index:5}
 
@media only screen and (max-width: 767px){.n6p .n6p-camera .phone-fallback-rear{background-image:url("../images/nexus6p/6p-rear-fallback.png");height:401px;-webkit-transform:translateX(55px) rotate(-25deg);-ms-transform:translateX(55px) rotate(-25deg);transform:translateX(55px) rotate(-25deg);width:245px}
 
}
 
.n6p .draggable-gallery{background-color:#fbfafb;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfafb), color-stop(100%, #fff));background:-webkit-linear-gradient(top, #fbfafb 0%, #fff 100%);background:linear-gradient(to bottom, #fbfafb 0%, #fff 100%);margin-top:100px}
 
@media only screen and (max-width: 767px){.n6p .draggable-gallery{margin-top:0;padding-top:0}
 
}
 
.n6p .n6p-photos .panel-text{left:25%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:25%}
 
@media only screen and (max-width: 1199px){.n6p .n6p-photos .panel-text{left:10%;width:50%}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-photos .panel-text{left:auto;position:relative;top:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:auto}
 
}
 
.n6p .n6p-photos .panel-text h2{background:url("../images/icons/icon-photos.png") no-repeat;background-size:50px 50px;padding-top:75px}
 
.n6p .n6p-photos ._image{background-position:right center;background-repeat:no-repeat;background-size:contain;height:0;padding-bottom:48.87218%}
 
@media only screen and (max-width: 767px){.n6p .n6p-photos ._image{background-position:center center;float:none;padding-bottom:134%;width:100%}
 
}
 
.n6p .n6p-profile{background:#f4f4f4;padding:0}
 
@media only screen and (max-width: 767px){.n6p .n6p-profile{background-color:#fff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f4f4f4));background:-webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);background:linear-gradient(to bottom, #fff 0%, #f4f4f4 100%)}
 
}
 
@media only screen and (min-width: 768px){.n6p .n6p-profile .panel-text{padding-top:112px}
 
}
 
.n6p .n6p-profile .panel-text h2{margin-bottom:64px}
 
@media only screen and (max-width: 767px){.n6p .n6p-profile .panel-text h2{margin-bottom:28px}
 
}
 
.n6p .n6p-profile ._image{background-size:cover;height:0;margin:0 -55px 0 55px;padding-bottom:11%;background-position:0 -1px}
 
@media only screen and (max-width: 767px){.n6p .n6p-profile ._image{margin:0 -24px 0 0;padding-bottom:16%}
 
}
 
.n6p .profile-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:80px;padding:0 55px}
 
@media only screen and (max-width: 767px){.n6p .profile-details{display:block;margin-top:60px;padding:0}
 
}
 
.n6p .profile-details .detail{float:left;padding:0 22px;width:33%}
 
@media only screen and (max-width: 767px){.n6p .profile-details .detail{float:none;padding:0;width:auto}
 
}
 
.n6p .n6p-fingerprint{padding:0}
 
.n6p .n6p-fingerprint ._image{background-position:left bottom;background-repeat:no-repeat;background-size:contain;height:0;margin-top:120px;padding-bottom:100%}
 
@media only screen and (max-width: 767px){.n6p .n6p-fingerprint ._image{background-position:right top;margin-top:70px;padding-bottom:148%}
 
}
 
.n6p .n6p-fingerprint ._image .fingerprint-pulse{border-radius:100%;cursor:pointer;height:16%;left:19.25%;position:absolute;top:18%;-webkit-transition:opacity .5s linear, visibility .5s linear;transition:opacity .5s linear, visibility .5s linear;width:16%;z-index:8}
 
@media only screen and (max-width: 1199px){.n6p .n6p-fingerprint ._image .fingerprint-pulse{height:16.5%;width:16.5%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.n6p .n6p-fingerprint ._image .fingerprint-pulse{height:16%;width:16%}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-fingerprint ._image .fingerprint-pulse{display:none}
 
}
 
.n6p .n6p-fingerprint ._image .fingerprint-pulse.is-active{opacity:0;visibility:hidden}
 
.n6p .n6p-fingerprint ._image .fingerprint-pulse:after{background:rgba(251,250,251,0.5);border-radius:100%;content:'';height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
 
.n6p .n6p-fingerprint ._image .fingerprint-pulse:after{-webkit-animation:n6pPulse 2s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);animation:n6pPulse 2s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94)}
 
.n6p .n6p-fingerprint .panel-text{position:absolute;right:55px;top:17.5%}
 
@media only screen and (max-width: 767px){.n6p .n6p-fingerprint .panel-text{position:relative;right:auto;top:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
 
}
 
.n6p .n6p-fingerprint .panel-text ._video{display:block}
 
.n6p .n6p-fingerprint .panel-text ._video-fallback{display:none;margin-bottom:24px;width:50%}
 
@media only screen and (max-width: 767px){.n6p .n6p-fingerprint .panel-text ._video-fallback{display:none}
 
}
 
.n6p .n6p-fingerprint .panel-text h4{color:#444;font-weight:700}
 
.n6p .n6p-fingerprint ._video{display:block;margin-bottom:40px;max-width:232px;width:100%}
 
@media only screen and (max-width: 767px){.n6p .n6p-fingerprint ._video{display:none}
 
}
 
.n6p .n6p-software{background-color:#f4f4f4;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #fff));background:-webkit-linear-gradient(top, #f4f4f4 0%, #fff 100%);background:linear-gradient(to bottom, #f4f4f4 0%, #fff 100%);padding:120px 55px}
 
@media only screen and (max-width: 767px){.n6p .n6p-software{background:none;padding:0}
 
}
 
.n6p .n6p-software .panel-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:1440px}
 
@media only screen and (max-width: 1199px){.n6p .n6p-software .panel-wrapper{display:block}
 
}
 
.n6p .n6p-software .panel-text{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.2);padding:59px 30px 30px;position:relative;text-align:center;width:49%}
 
@media only screen and (max-width: 1199px){.n6p .n6p-software .panel-text{display:block;float:none;width:100%}
 
.n6p .n6p-software .panel-text:first-child{margin-bottom:30px}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-software .panel-text{background:none;box-shadow:none;padding:24px;text-align:left}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-software .panel-text.-marshmallow{background-color:#e1e1e1;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(25%, #fafafa));background:-webkit-linear-gradient(top, #e1e1e1 0%, #fafafa 25%);background:linear-gradient(to bottom, #e1e1e1 0%, #fafafa 25%);padding-top:70px}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-software .panel-text.-bestof{padding-bottom:70px}
 
}
 
.n6p .n6p-software .panel-text a{font-size:14px;font-weight:400}
 
.n6p .n6p-software .panel-text .phone-image{background-position:center bottom;background-repeat:no-repeat;background-size:contain;height:0;margin:30px 25% -30px;padding-bottom:54%}
 
@media only screen and (max-width: 767px){.n6p .n6p-software .panel-text .phone-image{margin-bottom:-24px;margin-left:0;margin-right:0;padding-bottom:93%}
 
}
 
.n6p .n6p-software .panel-text .icon-group{background-image:url("../images/nexus6p/bestof.png");background-position:center bottom;background-repeat:no-repeat;background-size:contain;bottom:50px;height:0;left:50%;padding-bottom:50.18315%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%}
 
@media only screen and (max-width: 1199px){.n6p .n6p-software .panel-text .icon-group{position:relative}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-software .panel-text .icon-group{background-image:url("../images/nexus6p/bestof-mobile.png");bottom:auto;left:auto;margin-top:30px;padding-bottom:59.47955%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);width:100%}
 
}
 
.n6p .tech-specs-panel{z-index:5}
 
.n6p .perks{z-index:4}
 
.n6p .n6p-accessories{background-color:#f6f6f6;background-repeat:no-repeat;background-size:cover;height:0;padding-bottom:22.22222%;padding-top:0}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.n6p .n6p-accessories{padding-bottom:23%}
 
}
 
@media only screen and (max-width: 767px){.n6p .n6p-accessories{padding-bottom:156.875%}
 
}
 
@media only screen and (max-width: 767px) and (orientation: landscape){.n6p .n6p-accessories{background-size:45%;padding-bottom:63.74502%}
 
}
 
.n6p .n6p-accessories .panel-text{position:absolute;right:55px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
 
@media only screen and (max-width: 767px){.n6p .n6p-accessories .panel-text{bottom:40px;left:0;right:auto;top:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
 
}
 
.n6p .n6p-accessories .panel-text a{font-size:14px;font-weight:500}
 
.touch .n6p ._video{display:none !important}
 
@media only screen and (min-width: 768px){.touch .n6p ._video-fallback{display:block !important}
 
}
 
.touch .n6p .fingerprint-pulse{display:none}
 
@media only screen and (max-width: 767px){.intro-panel.nexus9-intro{padding-top:150%}
 
.intro-panel.nexus9-intro .intro-content{top:auto;bottom:36px}
 
}
 
.intro-panel.nexus9-intro .intro-full-photo{background-position:center center;background-repeat:no-repeat;background-size:cover}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.touch .intro-panel.nexus9-intro .intro-full-photo{background-position:center 50px}
 
}
 
@media only screen and (max-width: 767px){.intro-panel.nexus9-intro .intro-full-photo{background-position:center top}
 
}
 
.color-choose{background-position:left top;background-repeat:no-repeat;background-size:auto 100%;margin-top:150px;margin-bottom:160px;-webkit-transition:background 100ms ease-in-out;transition:background 100ms ease-in-out}
 
@media only screen and (max-width: 1199px){.color-choose{background-position:-60px top}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.color-choose{background-size:auto 770px;margin-top:80px;margin-bottom:40px}
 
.color-choose:before{padding-top:780px}
 
}
 
@media only screen and (max-width: 767px){.color-choose{background-position:-20px 20px;background-size:auto 340px;margin-bottom:0;margin-top:40px}
 
.color-choose:before{display:block;padding-top:340px}
 
}
 
.cover .color-choose{background-position:24% top;background-size:contain;margin-top:90px;margin-bottom:100px}
 
@media only screen and (max-width: 1024px){.cover .color-choose{background-position:center top;background-size:auto 60%;margin-top:0}
 
}
 
@media only screen and (max-width: 767px){.cover .color-choose{background-size:80%;margin-bottom:0}
 
}
 
.color-choose .centered{position:absolute;top:8%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%}
 
@media only screen and (max-width: 1024px){.color-choose .centered{position:relative;top:auto;left:0;-webkit-transform:none;-ms-transform:none;transform:none}
 
}
 
@media only screen and (min-width: 1600px){.color-choose .centered{max-width:1200px}
 
}
 
@media only screen and (min-width: 2000px){.color-choose .centered{max-width:1600px}
 
}
 
@media only screen and (min-width: 2600px){.color-choose .centered{max-width:2000px}
 
}
 
.color-choose .col{float:right;padding-left:30px;padding-right:30px;width:33%}
 
@media only screen and (max-width: 1024px){.color-choose .col{float:none;width:100%;padding-left:0;padding-right:0}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.color-choose .panel-text{position:relative;left:0;right:auto;background:#fff;width:100%}
 
.color-choose .panel-text h2{text-align:center}
 
.color-choose .panel-text .panel-text-child{float:left;width:45%}
 
.color-choose .panel-text .panel-text-child.first{margin-right:7%}
 
}
 
@media only screen and (max-width: 767px){.color-choose .panel-text{position:relative;left:0;right:auto;background:#fff;width:100%}
 
.color-choose .panel-text h2{margin-bottom:30px;padding-top:100px}
 
.cover .color-choose .panel-text h2{padding-top:20px;margin-bottom:20px}
 
.color-choose .panel-text p.no-mobile-margin{margin-bottom:0}
 
}
 
.color-selector{margin-top:20px}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.color-selector{margin-top:30px}
 
.cover .color-selector{width:100%;text-align:center}
 
}
 
@media only screen and (max-width: 767px){.cover .color-selector{width:100%;text-align:center}
 
}
 
.color-selector li{border-radius:50%;border:1px solid;cursor:pointer;display:inline-block;margin-right:18px;height:36px;width:36px}
 
@media only screen and (max-width: 1024px){.color-selector li{width:27px;height:27px;margin-right:24px}
 
}
 
.color-selector li.white{background:#fff;border-color:#ddd}
 
.color-selector li.white.active{background:#fff url(../images/nexus9/check-black.svg) center center no-repeat}
 
.color-selector li.teal{background-color:#a9c6c3;border-color:transparent;color:#d0d0d0}
 
.color-selector li.teal.active{background:#a9c6c3 url(../images/nexus9/check-black.svg) no-repeat center center}
 
.color-selector li.black{background:#373536;border-color:transparent}
 
.color-selector li.black.active{background:#373536 url(../images/nexus9/check-white.svg) center center no-repeat}
 
.color-selector li.gold{background:#BA9E84;border-color:#BA9E84}
 
.color-selector li.gold.active{background:#BA9E84 url(../images/nexus9/check-white.svg) center center no-repeat}
 
.color-selector li.aluminum{background:#d3d3d3;border-color:#d3d3d3}
 
.color-selector li.aluminum.active{background:#d3d3d3 url(../images/nexus9/check-black.svg) center center no-repeat}
 
.color-selector li.cover-mint{background-color:#00B9A1;background-image:url(../images/nexus9/N9-cover-swatch-mint.svg);background-position:center center;background-repeat:no-repeat;border-color:transparent}
 
.color-selector li.cover-mint.active{background-image:url(../images/nexus9/check-white.svg),url(../images/nexus9/N9-cover-swatch-mint.svg)}
 
.color-selector li.cover-black{background-color:#3B3D41;background-image:url(../images/nexus9/N9-cover-swatch-black.svg);background-position:center center;background-repeat:no-repeat;border-color:transparent}
 
.color-selector li.cover-black.active{background-image:url(../images/nexus9/check-white.svg),url(../images/nexus9/N9-cover-swatch-black.svg)}
 
.color-selector li.cover-lime{background-color:#C5C35F;background-image:url(../images/nexus9/N9-cover-swatch-lime.svg);background-position:center center;background-repeat:no-repeat;border-color:transparent}
 
.color-selector li.cover-lime.active{background-image:url(../images/nexus9/check-white.svg),url(../images/nexus9/N9-cover-swatch-lime.svg)}
 
.color-selector li.cover-coral{background-color:#DA604E;background-image:url(../images/nexus9/N9-cover-swatch-coral.svg);background-position:center center;background-repeat:no-repeat;border-color:transparent}
 
.color-selector li.cover-coral.active{background-image:url(../images/nexus9/check-white.svg),url(../images/nexus9/N9-cover-swatch-coral.svg)}
 
.color-selector li:last-child{margin-right:0}
 
.content-panel.watch-listen-play{margin-bottom:80px}
 
.content-panel.watch-listen-play img{width:100%}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.watch-listen-play img{margin-left:-50px}
 
}
 
@media only screen and (max-width: 767px){.content-panel.watch-listen-play{margin-bottom:0;padding-top:0;padding-bottom:0}
 
.content-panel.watch-listen-play img{width:140%;margin-left:-30%;max-width:140%}
 
}
 
.content-panel.work-play{margin-bottom:160px;position:relative}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.work-play{margin-bottom:40px}
 
.content-panel.work-play h2{margin-top:25px}
 
}
 
@media only screen and (max-width: 767px){.content-panel.work-play{margin-bottom:0;padding-top:0}
 
}
 
.content-panel.work-play .image-sequence img{display:none;width:130%;max-width:130%;margin-left:-15%}
 
.content-panel.work-play .image-sequence img.default-item{display:block}
 
@media only screen and (max-width: 767px){.content-panel.work-play .image-sequence{margin:64px 0 32px 0}
 
}
 
.content-panel.work-play .panel-text{position:absolute;right:200px;top:100px;width:400px;z-index:2}
 
@media only screen and (max-width: 1199px){.content-panel.work-play .panel-text{position:relative;right:auto;top:auto;margin:0 auto;text-align:center}
 
}
 
@media only screen and (max-width: 767px){.content-panel.work-play .panel-text{width:100%;text-align:left}
 
.content-panel.work-play .panel-text h2{margin-bottom:20px;padding-top:0}
 
.content-panel.work-play .panel-text p{margin-bottom:0}
 
}
 
.content-panel.cover{position:relative}
 
@media only screen and (max-width: 1024px){.content-panel.cover{padding-top:0}
 
}
 
@media only screen and (max-width: 767px){.content-panel.cover{padding-bottom:0}
 
}
 
.content-panel.cover .panel-text{position:relative}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.cover .panel-text{text-align:center}
 
}
 
@media only screen and (max-width: 1024px){.content-panel.cover .panel-text{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);padding:40px}
 
}
 
.content-panel.cover .panel-text-child{margin-bottom:30px}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.content-panel.cover .panel-text-child{margin:0 auto}
 
}
 
@media only screen and (max-width: 1024px){.content-panel.cover .panel-text-child{float:none}
 
}
 
.content-panel.cover-band{background-repeat:no-repeat;background-size:contain}
 
@media only screen and (max-width: 767px){.content-panel.cover-band{display:none}
 
}
 
@media only screen and (max-width: 767px){.keyboard-sequence{margin-bottom:40px}
 
}
 
.keyboard-sequence-item{display:none}
 
.keyboard-sequence-item.default-item{display:block}
 
.nexus9 .phone-base{background:transparent url(../images/nexus9/N9-android-bg.png) left top no-repeat;background-size:551px 550px;height:550px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-30%, -50%);-ms-transform:translate(-30%, -50%);transform:translate(-30%, -50%);width:551px;z-index:3}
 
@media only screen and (max-width: 1199px){.nexus9 .phone-base{left:auto;top:50%;right:-300px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus9 .phone-base{margin-top:50px;right:-175px;top:auto;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
 
}
 
@media only screen and (max-width: 767px){.nexus9 .phone-base{display:none}
 
}
 
.nexus9 .phone-base .round-button.multitasking{left:275px;top:-20px}
 
.nexus9 .phone-base .round-button.design{left:161px;bottom:-22px}
 
.nexus9 .phone-base .round-button.notifications{left:-20px;bottom:25px}
 
.nexus9 .phone-base .phone-screen{position:absolute;width:326px;height:442px;left:24px;top:54px;overflow:hidden;z-index:2}
 
.nexus9 .phone-base .phone-screen .phone-ui{position:absolute;width:100%;height:100%;top:-1px;left:0;display:none;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
 
.nexus9 .phone-base .phone-screen .phone-ui.js-active{display:block}
 
.nexus9 .phone-base .phone-screen .phone-ui video{height:101%}
 
.nexus9 .checkout{min-height:600px}
 
@media only screen and (max-width: 1199px){.nexus9 .checkout{min-height:500px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus9 .checkout{background-position:center center;min-height:400px}
 
}
 
@media only screen and (max-width: 767px){.nexus9 .checkout{min-height:0;background-size:100%;background-position:left top}
 
}
 
.nexus9 .checkout .checkout-card{padding:0}
 
.nexus9 .device-images .right-col .spec-image-container img{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
.nexus9 .content-panel.cover .panel-text{margin-top:25%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.nexus9 .explore-colors{position:absolute;top:-85px;left:0}
 
.cover .nexus9 .explore-colors{width:100%}
 
}
 
@media only screen and (max-width: 767px){.nexus9 .explore-colors{position:absolute;top:-40px}
 
.cover .nexus9 .explore-colors{width:100%;top:-60px}
 
}
 
@media only screen and (max-width: 1024px){.nexus9 .explore-colors h3{display:none}
 
}
 
@media only screen and (max-width: 767px){.nexus9 .explore-colors .color-selector{margin-top:60px}
 
}
 
.device-page .player-intro{background-size:cover;background-position:right top;background-repeat:no-repeat}
 
.device-page .player-intro .intro-number{font-size:125px;line-height:1.2;margin-left:-5px}
 
@media only screen and (max-width: 1199px){.device-page .player-intro .intro-number{font-size:102px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-page .player-intro .intro-number{font-size:80px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.device-page .player-intro{background-position:center 40px}
 
}
 
@media only screen and (max-width: 767px){.device-page .player-intro{background-size:100% auto;background-repeat:no-repeat;padding-top:160%}
 
.device-page .player-intro h1{color:#00838f}
 
}
 
@media only screen and (min-width: 400px) and (max-width: 767px){.device-page .player-intro{padding:138% 24px 24px 24px}
 
}
 
@media only screen and (max-width: 767px){.device-page .player-intro .intro-content{bottom:36px}
 
}
 
.built-to-play{position:relative}
 
@media only screen and (max-width: 767px){.built-to-play{padding-top:48px}
 
}
 
.built-to-play h2{position:absolute;top:9%}
 
@media only screen and (min-width: 768px){.built-to-play h2{max-width:35%}
 
}
 
@media only screen and (max-width: 1024px){.built-to-play h2{margin:0}
 
}
 
@media only screen and (max-width: 767px){.built-to-play h2{position:relative}
 
}
 
.built-to-play .built-main{margin-bottom:24px}
 
.built-to-play img{width:100%}
 
@media only screen and (max-width: 767px){.built-to-play img{margin:24px auto}
 
}
 
.built-to-play p{margin-bottom:0}
 
.entertainment{background-color:#f1f1f1;padding:124px 55px 124px 55px}
 
.entertainment .panel-text{float:left;width:400px}
 
.entertainment .entertainment-image{float:right;margin:-120px 0 0 0;max-width:900px;width:100%}
 
@media only screen and (min-width: 1200px) and (max-width: 1400px){.entertainment .entertainment-image{margin-right:-200px}
 
}
 
.entertainment .play-credits{color:#444;display:block;font-size:15px;font-weight:300;font-style:italic;margin:-80px auto 0 auto;text-align:center;width:440px}
 
.entertainment .play-credits strong{font-weight:400}
 
@media only screen and (max-width: 767px){.entertainment .play-credits{margin-top:-10px;width:100%}
 
}
 
.entertainment img{width:100%}
 
@media only screen and (min-width: 1200px) and (max-width: 1300px){.entertainment .entertainment-image{max-width:900px}
 
}
 
@media only screen and (max-width: 1199px){.entertainment h2{text-align:center}
 
.entertainment .entertainment-image{display:block;float:none;margin:-30px auto 30px auto;max-width:100%}
 
.entertainment .play-credits{margin-top:-120px}
 
.entertainment .panel-text{float:none;width:100%}
 
.entertainment .panel-text-child{width:50%;float:left;padding-right:36px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.entertainment{padding:36px}
 
.entertainment .play-credits{margin-top:-90px}
 
}
 
@media only screen and (max-width: 767px){.entertainment{padding:64px 24px 28px}
 
.entertainment h2{text-align:left}
 
.entertainment .play-credits{margin-top:-40px}
 
.entertainment .panel-text{width:100%}
 
.entertainment .panel-text-child{float:none;padding-right:0;width:100%}
 
.entertainment .entertainment-image{margin:-20px 0 30px 0}
 
}
 
.apps{padding-top:160px !important}
 
.apps .panel-text{margin:0 auto;max-width:500px}
 
.apps img{margin-top:124px;width:100%}
 
@media only screen and (max-width: 767px){.apps{padding-top:48px !important;margin:0}
 
.apps.center-text{text-align:left}
 
.apps .panel-text{padding:24px}
 
}
 
ul.playerapps{background:#fff;font-size:0;margin:40px auto;width:1180px}
 
ul.playerapps.center-align{max-width:840px !important;text-align:center}
 
ul.playerapps li{display:inline-block;margin:0 8px 8px 0;position:relative;text-align:center;width:132px}
 
ul.playerapps li img{display:block;margin:0}
 
@media only screen and (max-width: 1199px){ul.playerapps{width:935px}
 
ul.playerapps li{width:125px}
 
}
 
@media only screen and (max-width: 1199px){ul.playerapps{width:755px}
 
ul.playerapps li{width:140px}
 
}
 
@media only screen and (max-width: 767px){ul.playerapps{margin:20px auto;width:100%}
 
ul.playerapps li{width:27%}
 
}
 
.game{padding:124px 55px}
 
.game .image-sequence{float:left;width:60%}
 
.game .image-sequence img{display:none;width:100%}
 
.game .image-sequence img.default-item{display:block}
 
@media only screen and (max-width: 767px){.game .image-sequence{float:none;width:100%}
 
}
 
.game .panel-text{float:left;width:350px}
 
@media only screen and (max-width: 1024px){.game .image-sequence,.game .panel-text{float:none;display:block;width:100%}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.game h2{text-align:center;margin-top:48px}
 
.game .image-sequence{margin:0 auto}
 
.game .panel-text{width:100%}
 
.game .panel-text .panel-text-child{float:left;padding-right:24px;width:33%}
 
}
 
@media only screen and (max-width: 767px){.game{padding:64px 24px 24px 24px}
 
.game .panel-text{margin:48px 0 0 0;width:100%}
 
}
 
.player .game{max-width:1200px}
 
.player .checkout{min-height:600px}
 
@media only screen and (max-width: 1199px){.player .checkout{min-height:500px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.player .checkout{min-height:320px}
 
}
 
@media only screen and (max-width: 767px){.player .checkout{min-height:0;background-size:100%;background-position:left -20px}
 
}
 
.player .checkout-card{width:340px}
 
.player .tech-specs p{margin-bottom:5px}
 
.player .device-images .right-col .spec-image-container img{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
 
.player .device-images .right-col .spec-image-container img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 
.credits{border-top:1px solid #e1e1e1}
 
.credits ul{color:#cbcbcb;font-size:12px}
 
.credits ul li{margin-bottom:10px;font-weight:500}
 
.credits ul li:last-child{margin-bottom:0}
 
.credits strong{color:#757575;font-weight:500;margin-right:5px}
 
@media only screen and (max-width: 767px){.credits strong{display:block}
 
}
 
.credits h3{color:#979797;font-size:14px;font-weight:500;margin-bottom:20px;text-transform:uppercase}
 
@media only screen and (max-width: 767px){.credits{padding:48px 24px}
 
}
 
.terms-container{margin-top:145px}
 
@media only screen and (max-width: 1199px){.terms-container{margin-top:125px}
 
}
 
@media only screen and (max-width: 767px){.terms-container{margin-top:0}
 
}
 
.terms-container .terms-list li{color:#212121;list-style:inside;list-style-type:decimal}
 
.terms-container .terms-list>li{margin-bottom:1em}
 
.terms-container .terms-list li>ol>li{list-style-type:lower-latin;padding-left:1em}
 
.terms-list li a{font-size:16px}
 
.spec{position:relative}
 
.spec h1,.spec h2,.spec h3,.spec p{color:#00838f}
 
.spec .reduced-font{font-size:24px;font-weight:300}
 
@media only screen and (max-width: 767px){.spec .reduced-font{font-size:22px}
 
}
 
.spec h2{font-size:64px;font-weight:100;margin-bottom:0}
 
@media only screen and (max-width: 767px){.spec h2{font-size:44px}
 
}
 
.spec p{margin-bottom:60px;margin-top:0}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.spec p{margin-bottom:20px}
 
}
 
.usb-c{padding:0;position:relative}
 
@media only screen and (max-width: 767px){.usb-c{text-align:center}
 
}
 
.usb-c .panel-text{margin-left:110px;padding:120px 0}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.usb-c .panel-text{margin-left:40px}
 
}
 
@media only screen and (max-width: 767px){.usb-c .panel-text{margin:0;padding:80px 20px;text-align:left}
 
}
 
.usb-c .usb-image{bottom:0;margin-right:180px;max-height:100%;position:absolute;right:0}
 
@media only screen and (max-width: 1199px){.usb-c .usb-image{margin-right:100px}
 
}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.usb-c .usb-image{margin-right:100px;width:300px}
 
}
 
@media only screen and (max-width: 767px){.usb-c .usb-image{margin:0;position:relative;vertical-align:bottom;width:300px}
 
}
 
.software{background-color:#f4f4f4;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #fff));background:-webkit-linear-gradient(top, #f4f4f4 0%, #fff 100%);background:linear-gradient(to bottom, #f4f4f4 0%, #fff 100%);padding:120px 55px}
 
@media only screen and (max-width: 767px){.software{padding:0}
 
}
 
.software .panel-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:1440px}
 
@media only screen and (max-width: 1199px){.software .panel-wrapper{display:block}
 
}
 
.software .panel-text{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.2);padding:30px;padding-top:60px;position:relative;text-align:center;width:49%}
 
@media only screen and (max-width: 767px){.software .panel-text.-mobile-grey-bg{background-color:#f4f4f4}
 
}
 
@media only screen and (max-width: 767px){.software .panel-text{text-align:left}
 
}
 
@media only screen and (max-width: 1199px){.software .panel-text{display:block;float:none;width:100%}
 
.software .panel-text:first-child{margin-bottom:30px}
 
}
 
@media only screen and (max-width: 1199px) and (max-width: 767px){.software .panel-text:first-child{margin-bottom:0}
 
}
 
.software .panel-text a{font-size:14px;font-weight:500}
 
.software .panel-text .phone-image{background-image:url("../images/marshmallow.png");background-position:center bottom;background-repeat:no-repeat;background-size:contain;height:0;margin:30px 25% -30px;padding-bottom:54%}
 
.software .panel-text .icon-group{background-image:url("../images/bestgoogle.jpg");background-position:center bottom;background-repeat:no-repeat;background-size:contain;bottom:50px;height:0;left:50%;padding-bottom:50.18315%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%}
 
@media only screen and (min-width: 1600px){.software .panel-text .icon-group{bottom:100px}
 
}
 
@media only screen and (max-width: 767px){.software .panel-text .icon-group{background-image:url("../images/bestgoogle-mobile.jpg");bottom:10px}
 
}
 
@media only screen and (max-width: 1199px){.software .panel-text .icon-group{position:relative}
 
}
 
.tech-specs-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
 
@media only screen and (max-width: 767px){.tech-specs-panel{display:block}
 
}
 
.tech-specs{padding:80px 30px 0;position:relative;width:33.3%}
 
.tech-specs.open{width:100%}
 
.tech-specs.open .featured-specs{display:none}
 
.tech-specs.open .detailed-specs{display:-webkit-box;display:-ms-flexbox;display:flex}
 
@media only screen and (max-width: 767px){.tech-specs.open .detailed-specs{display:block}
 
}
 
.tech-specs.open .detailed-specs em{font-style:italic;font-size:12px;line-height:1}
 
@media only screen and (max-width: 767px){.tech-specs{height:auto}
 
}
 
@media only screen and (max-width: 1199px){.tech-specs{padding-bottom:30px;padding-top:30px;width:100%}
 
}
 
.tech-specs .specs-content{position:relative}
 
.tech-specs .tech-specs-close{background-position:center center;position:absolute}
 
.tech-specs .tech-specs-close:focus{outline:none}
 
.tech-specs ._spec,.tech-specs .spec-spacing{margin-bottom:16px}
 
.tech-specs .detailed-specs{display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
 
.tech-specs .detailed-specs .spec-column{padding-right:30px}
 
@media only screen and (max-width: 767px){.tech-specs .detailed-specs .spec-column{padding:0;width:100%}
 
}
 
.device-images{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:66.6%}
 
@media only screen and (max-width: 767px){.device-images{border:0;width:100%}
 
}
 
@media only screen and (max-width: 1199px){.device-images{width:100%}
 
}
 
.device-images.closed{display:none}
 
.device-images .right-col .spec-image-container{height:100%;position:absolute;width:100%}
 
.device-images .right-col .spec-image-container .img-wrapper{height:100%;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:20% 50%;-ms-transform-origin:20% 50%;transform-origin:20% 50%;-webkit-transition:-webkit-transform 100ms ease-out;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out;width:100%}
 
.device-images .right-col .spec-image-container .img-wrapper:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 
.device-images .right-col .spec-image-container img{left:50%;max-height:100%;max-width:100%;position:absolute;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);width:auto}
 
@media only screen and (max-width: 767px){.device-images .right-col{display:none}
 
}
 
@media only screen and (max-width: 767px){.device-images .left-col{width:100%}
 
}
 
.perks{background:#f3f3f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 
.perks ._header{margin-bottom:0}
 
@media only screen and (max-width: 767px){.perks{background:#ffffff;display:block;padding:0}
 
}
 
.perks ._header{margin-right:14px;width:33%}
 
@media only screen and (max-width: 1024px){.perks ._header{display:none}
 
}
 
.perks .promo{margin-right:30px;padding-left:85px;width:33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.perks .promo{width:50%}
 
}
 
@media only screen and (max-width: 767px){.perks .promo{margin-bottom:8px;margin-right:0;padding:40px;padding-left:100px;width:100%}
 
}
 
.perks .promo.promo--nolink ._more{color:#757575;cursor:inherit;font-size:14px}
 
.perks .promo.promo--play{background:#f3f3f3 url("../images/nexus6p/perk-play.png") left center no-repeat;background-size:55px 60px}
 
@media only screen and (max-width: 767px){.perks .promo.promo--play{background-position:20px}
 
}
 
.perks .promo.promo--music{background:#f3f3f3 url("../images/nexus6p/perk-music.png") left center no-repeat;background-size:60px 60px}
 
@media only screen and (max-width: 767px){.perks .promo.promo--music{background-position:20px}
 
}
 
.perks .promo.promo--december{background:#f3f3f3 url("../images/nexus5x/android-pay.png") left center no-repeat;background-size:60px 60px}
 
@media only screen and (max-width: 767px){.perks .promo.promo--december{background-position:20px}
 
}
 
.perks .promo.promo--holiday{background:#f3f3f3 url("../images/nexus5x/holiday.png") left center no-repeat;background-size:60px 60px}
 
@media only screen and (max-width: 767px){.perks .promo.promo--holiday{background-position:20px}
 
}
 
.perks .promo.promo--holiday ._more{color:#757575;cursor:inherit;font-size:14px}
 
.perks .promo.promo--phone{background:#f3f3f3 url("../images/nexus6p/perk-phone.png") left center no-repeat;background-size:60px 60px;background-position:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
 
@media only screen and (max-width: 767px){.perks .promo.promo--phone{background-position:20px}
 
}
 
.perks .promo.promo--emi{display:block}
 
.perks .promo .tooltip{left:86px;top:150px}
 
@media only screen and (min-width: 1600px){.perks .promo .tooltip{top:134px}
 
}
 
.perks .promo ._more{color:#00838f;cursor:pointer;font-size:16px;font-weight:300}
 
@media only screen and (max-width: 767px){.perks .promo ._text{position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
 
}
 
.checkout{background-color:#fff;margin-bottom:8px;padding:0;position:relative;z-index:3}
 
.checkout .preload-image{visibility:hidden}
 
.checkout .comparison-panel{display:none}
 
.checkout ._close{background-color:transparent;background-image:url("../images/icons/black-close-icon.svg");background-repeat:no-repeat;background-size:20px 20px;border:0;color:#00838f;display:none;height:20px;overflow:hidden;position:absolute;right:30px;text-indent:200%;top:30px;white-space:nowrap;width:20px}
 
@media only screen and (max-width: 767px){.checkout ._close{right:24px;top:15px}
 
}
 
.checkout.is-expanded{margin:0}
 
.checkout.is-expanded .container{margin-top:0;padding:80px 0 0}
 
.checkout.is-expanded ._collapsable{display:none}
 
.checkout.is-expanded .comparison-panel{display:block}
 
.checkout.is-expanded ._close{display:block}
 
@media only screen and (max-width: 767px){.checkout .color-choose{background-size:contain}
 
}
 
@media only screen and (max-width: 767px){.checkout .color-choose .panel-text{padding:0 40px 40px !important}
 
}
 
.checkout .color-selector li:focus{outline:none}
 
@media only screen and (max-width: 767px){.checkout .color-selector{text-align:left !important}
 
.checkout .color-selector li{height:35px;width:35px}
 
}
 
.checkout ._container{margin-bottom:8px}
 
@media only screen and (max-width: 1024px){.checkout ._container{padding:40px}
 
}
 
@media only screen and (max-width: 767px){.checkout ._container{padding:24px}
 
}
 
.checkout ._container .panel-text{margin:0;position:absolute;right:55px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
 
.checkout ._container .panel-text h2{margin-bottom:10px}
 
@media only screen and (max-width: 1024px){.checkout ._container .panel-text{position:relative}
 
}
 
@media only screen and (max-width: 767px){.checkout .explore-colors{margin-bottom:36px;position:relative;top:auto}
 
}
 
.checkout .mobile-headline{display:none;padding:0 24px 24px}
 
@media only screen and (max-width: 767px){.checkout .desktop-headline{display:none}
 
}
 
@media only screen and (max-width: 767px){.checkout .panel-text-child{margin-bottom:20px !important}
 
}
 
.checkout .panel-text-child h4{color:#444}
 
.checkout ._buy{margin-top:40px}
 
@media only screen and (max-width: 767px){.checkout ._buy{margin-top:0}
 
}
 
.checkout ._compare{background:url("../images/icons/icon-compare.png") left center no-repeat;background-size:20px 20px;border:0;color:#00838f;display:inline-block;margin-top:30px;padding-left:30px}
 
.accessories{background-color:#f6f6f6;padding:0}
 
.accessories ._image{background-size:cover;height:0;padding-bottom:22.22222%;position:relative}
 
@media only screen and (min-width: 768px) and (max-width: 1024px){.accessories ._image{padding-bottom:23%}
 
}
 
@media only screen and (max-width: 767px){.accessories ._image{margin-bottom:260px;padding-bottom:75.6193%}
 
}
 
.accessories .panel-text{position:absolute;right:55px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
 
@media only screen and (max-width: 767px){.accessories .panel-text{bottom:-240px;left:0;right:auto;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}
 
}
 
.accessories .panel-text a{font-size:14px;font-weight:500}
 
.footnotes{padding:50px 60px}
 
@media only screen and (max-width: 767px){.footnotes{padding:24px 24px 24px 30px}
 
}
 
.footnotes ol,.footnotes ul{color:#757575;font-size:12px;list-style:none}
 
.footnotes ol>li,.footnotes ul>li{position:relative}
 
.footnotes ol>li span,.footnotes ul>li span{left:-15px;position:absolute}
 
.footnotes ol ul,.footnotes ul ul{list-style:disc;padding-left:15px}
 
.footnotes a{font-size:inherit}
 
html.no-mq body{margin:0 auto;max-width:1200px;width:100%}